/*-------------------------------*/
/*----   STRUCTURE DU SITE   ----*/
/*-------------------------------*/
body {
	background-color: #d7d7d7;
	width: 100%;
	background-position: 0 600px;
}




section#bandeau {
	width: 100%;
	height: 320px;
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
}
section#bandeau img#bandeauImg{position: absolute; top: 0; left: 0;}


div.entete {
	height: 124px;
	background: url('../images/voile.png');
	position: relative;
	margin: auto;
}

div.entete div{color: #fff;}
div.entete div.cadreGauche{height: 124px; position: relative; background-color: #fff;}
div.entete div.cadreGauche img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0; max-height: 100%; max-width: 100%; margin: auto;}
div.entete div.cadreTitre p{font-size: 24px; padding-top: 20px; color: #fff;}
div.entete div.cadreAdresse{padding-top: 5px;}
div.entete div.cadreAdresse p{color: #fff; padding-left: 20px;}


a.retourAccueil, a.retourAccueil:visited{float: right; margin: 15px; color: #fff; text-decoration: none;}
a.retourAccueil:hover{text-decoration: underline;}


div#blocReservation {}
div#blocReservation h2{height: 56px; line-height: 56px; font-size: 30px; margin: 0; color: #fff; text-align: left; background: none; padding: 0;}
div#blocReservation form{height: 47px; padding: 9px 0 0 0;}
div#blocReservation form p{height: 36px; line-height: 36px; color: #fff; float: left; font-size: 18px; margin-right: 15px;}
div#blocReservation form select{height: 36px; border: 1px solid #333333; float: left; margin-right: 10px;}
div#blocReservation form input[type=text]{width: 140px; height: 36px; border: 1px solid #333333; float: left; margin-right: 10px;}
div#blocReservation form input[type=submit]{width: 69px; height: 33px; background-color: #F8E9D1; color: #333333; border: 0; margin-top: 2px; float: left;}
div#blocReservation form input[type=submit]:hover{background-color: #c9bda9;}

div.cadre {border: 1px solid #333333; padding: 15px;}




/* ---- Section, Aside ----*/
section.content {min-height: 500px;}
section.content article{}
section.content article.encart{border-bottom: 1px solid #333; padding-bottom: 20px; margin-bottom: 40px;}
section.content article.encart2{margin-bottom: 40px;}


section.content article.encartPhoto figure{margin-bottom: 30px;}


ul.fildariane  {min-height: 20px; margin-bottom: 20px;}
ul.fildariane  li{float: left; height: 20px; line-height: 20px; margin-right: 10px; background: url('../images/puce-fildariane.png') left center no-repeat; padding-left: 20px;}
ul.fildariane  li a, ul.fildariane  li a:visited{text-decoration: none;}
ul.fildariane  li a:hover{text-decoration: underline;}
ul.fildariane  li.courant{color: #776142; background-image: url('../images/puce-fildariane-courant.png');}



/* ---- Footer ----*/
footer#footer {
	width: 100%;
	height: 350px;
	padding-top: 20px;
	font-size: 12px;
	color: #000000;
	background-color: #333333;
}
footer#footer section.container article{}
footer#footer section.container article p{padding-left: 20px; color: #fff;}
footer#footer section.container article p a, footer#footer section.container article p a:visited{color: #fff; text-decoration: none;}
footer#footer section.container article p a:hover{text-decoration: underline;}

footer#footer section.container article ul.liste{color: #fff;}
footer#footer section.container article ul.liste a, footer#footer section.container article ul.liste a:visited{color: #fff; text-decoration: none;}
footer#footer section.container article ul.liste a:hover{color: #fff; text-decoration: underline;}
footer#footer section.container article ul.liste li{}
footer#footer section.container article ul.liste li ul{color: #fff;}