@charset "utf-8";
/* CSS Document */

body { background-color:#eaeaeb; }
h1 { font-size:23px; }
p { font-size:17px; }
div#membres div.description h3 { font-size: 19px; }
div#parcs h1, div#patrimoine h1, div#membres h1 { width:auto; font-size:20px; }
#myVideo { top:0; }
div#layoutBlur { padding:25px; }
.video-title { width:100%; position:relative; font-size:20px; padding:20px 0; top:0; display:block; text-align:center; left:0; -webkit-transform:none; transform:none; }
.video { height: auto; }
.box { width:100%; margin:0 0 40px 0; }
.box-picture { height:145px; }
div#layout { padding:25px; }
.app-title { font-size:22px; line-height:22px; }
.app-title:after { top:-2px; }
div#activitesInner .actsSolo { width:100%; margin:0 0 30px 0; }
.zones li { display:block; width:100%; }
/*-------------------------------------------------------------------
	Header
-------------------------------------------------------------------*/
div#layout, div#layoutBlur { background:#FFF; width:80%; margin:0 auto; min-height:200px; padding-top:28px; }
div#header { width:100%; margin:0 0; height:auto; }
a#logo { background:url(../images/common/logo-mobile.png) no-repeat center; position:relative; left:0; float:none; display:block; width:218px; height:149px; margin:0 auto; margin-bottom:30px; }
div#top { float:none; margin:0 auto; width:100%; text-align:center; }
div#subNav { margin-bottom:10px; }
div#subNavTop { float:none; width:80%; margin:0 auto;  text-align:center; margin-bottom:10px; }
div#subNavTop a { display:inline-block; font-size:14px;padding:5px; }
/*div#topSlider { display:none; }*/

.flexslider { margin-bottom:0px; height:auto; }
.flexslider ul li img { float:none; width:100%; }
.flexslider p.flex-caption { width:auto; margin-bottom:35px; padding:10px 18px 0; font-size:20px; }
div#subSlider { position:relative; }
div#subSlider a { left:0; display:block; top:0; height:auto; width:100%; margin-left:0; padding-right:0; padding-left:0; margin-bottom:0px; padding-top:10px;padding-bottom:10px; font-weight:normal; top:auto; left:auto; }
div#subSlider a:last-child { margin-bottom:20px; }
div#subSlider a span { padding-left:15px; display:block; padding-right:15px; font-size:15px; }
div#subSlider a img { display:none; }
form#search { display:none; }
a#language { display:none; }
div#top div.sep { margin:0; height:14px; top:2px; }

#printheader { display:none; }

.btfb {  display:none;}
.home-title { display:block; width:100%; }

.btvideo {position: relative; left: 0; top: 5px;}
.btbalado {position: relative; left: 0; top: 5px;}

/*-------------------------------------------------------------------
	Expositions
-------------------------------------------------------------------*/
div#expositions { width:100%; position:relative; margin-top:0; margin-top:110px; }
div#expositions img { display:block; width:100%; }
div#expositions img.triangle { display:none; }
div.expos { position:relative; }
div.expos p.flex-caption { width:100%; background:#FDCF74; height:auto; }
div.expos ul.flex-direction-nav { position:absolute; top:100px; z-index:999; overflow:visible; width:100%; }
div.expos ul.flex-direction-nav li { }
div.expos ul.flex-direction-nav li a { top:50%; z-index:999; }
div.expos ul.flex-direction-nav a.flex-next { right:12px; left:auto; }
div.expos p.flex-caption span.expo { height:auto; }
div.expos a.plus { top:0; }


/*-------------------------------------------------------------------
	Calendrier des activités
-------------------------------------------------------------------*/
div#calendarActs { display:none; }


/*-------------------------------------------------------------------
	Activités
-------------------------------------------------------------------*/
div#activities,
div#acts { width:100%; }
div.acts li { width:100%; float:left; margin-bottom:30px; }
div#activities { padding:17px 0px 17px 0px; margin-top:20px; }
div#activities h3 { padding-left:6px; }
div.colLeft { width:100%; background:none; }
div.colRight { width:100%; float:left; }
div.acts img { width:100%; }
div.acts p.flex-caption span.date,
div.acts p.flex-caption span.expo,
div.acts p.flex-caption span.location { width:auto; }
div.acts a.plus { width:100%; }
div.acts li { margin-right: 0px; }
div.acts li:nth-child(3n+0) { margin-right: 0px; }
div.acts ul.flex-direction-nav { right:0px; }
div.acts ul.flex-direction-nav li { width:30px; }

div#activitesInner img.triangle, hr.titleBar { display:none; }
div.colLeftActivities { width:100%; }
div#activitesInner div.actsSolo { width:100%; }
div.colLeftActivities img, div#activitesInner div.actsSolo img { width:100%; }
div.actsSolo span.date, div.actsSolo span.expo, div.actsSolo span.location { width:100%; }
div.actsSolo a.plus { width:100%; padding:8px 0; }
/*-------------------------------------------------------------------
	Maisons
-------------------------------------------------------------------*/
div#parcs img.triangle, div#parcs img.triangle-i, div#patrimoine img.triangle, div#patrimoine img.triangle-i, div#membres img.triangle, div#membres img.triangle-i{ display:none; }

.pdf_groupe { margin: 1em 0 2em 0; font-size:16px;font-family: 'Abel', sans-serif; line-height:14px; height: 30px;}

/*-------------------------------------------------------------------
	Maisons - Parcs et jardins
-------------------------------------------------------------------*/
div#parcs {  background:none; padding-bottom:0; }
div#parcs img.house { width:100%; margin-top:-38px; border:none; left:0; }
div#parcs div.description {  }
div#parcs img.vintage { width:100%; border:none; left:0; }

/*-------------------------------------------------------------------
	Maisons - Patrimoine et architecture
-------------------------------------------------------------------*/
div#patrimoine {  background:none; padding-bottom:0; }
div#patrimoine div.description { padding-left:12px; padding-right:12px; padding-top:70px; }
div#patrimoine img.house { width:100%; margin-top:-38px; border:none; left:0; }
div#patrimoine img.vintage { width:100%; border:none; left:0; }

/*-------------------------------------------------------------------
	Maisons - Patrimoine et architecture
-------------------------------------------------------------------*/
div#membres {  background:none; padding-bottom:0; }
div#membres div.description {padding-left:12px; padding-right:12px;}

/*-------------------------------------------------------------------
	Footer
-------------------------------------------------------------------*/
div#footer { width:80%; margin-top:30px; }
div#footer div#social { float:none; display:block; margin:0; text-align:left; margin-top:20px; }
div#footer a#logo-developpement { float:none; margin-top:20px; display:block; }

/*-------------------------------------------------------------------
	Navigation
-------------------------------------------------------------------*/
div#subNav div div.subAccordion div.parcs, div#subNav div div.subAccordion div.patrimoine, div#subNav div div.subAccordion div.membres { max-width:100%; }
.flex-control-nav { position:relative; margin-top:8px; }
div#subSlider a:last-child { margin-bottom:0; }
.slides { overflow:hidden; }
.flexslider p.flex-caption {height:55px; margin-bottom:0; padding-bottom:0; }

#map_canvas { width:100%; height:350px; right:1px; border:1px solid #eaeaeb; }
.l-grid > .l-grid-50 { width:100%; }
.pdf { font-size:14px; }
.sorties { margin-top: 110px; display:block; }
.sorties-titles, .sorties-picture { width:100%; }
.sorties-picture img { height:auto; }
/*-------------------------------------------------------------------
	Contact
-------------------------------------------------------------------*/
div.contact .houseDesc { width:100%; }



/*.exposition p.flex-caption span.expo { min-height:44px; height:auto; }
div.expos p.flex-caption, .exposition p.flex-caption { min-height:109px; height:auto; }
.exposition { overflow:visible; }*/
/*-------------------------------------------------------------------
	Retina Display
-------------------------------------------------------------------*/

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),  only screen and (-moz-min-device-pixel-ratio: 1.5),  only screen and (-o-min-device-pixel-ratio: 3/2),  only screen and (min-device-pixel-ratio: 1.5)
{
	a#logo {
		background:url(../images/common/logo-mobile-2@.png) no-repeat center;
		background-size:100%;
	}
}