/* HTML5 element display - Initializr */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
::-moz-selection { background: #aaa; color: #fff; text-shadow: none; }
::selection { background: #aaa; color: #fff; text-shadow: none; }
img { border: 0; -ms-interpolation-mode: bicubic; }
/* ELEMENTS HTML */
* { margin: 0; padding: 0; }
.csstransitions *:hover { transition:all 0.2s ease; }
a { text-decoration: none; color:#4F4F4F; }
/*a:visited { color:#9B9BFF; }*/
h3 { font-size:1em; margin:8px 0; }
hr { 
	width: 100%;
	clear: both;
	border: 0;
    height: 1px;
    background: #fff;
	margin-bottom: 10px;
}
nav ul { list-style-type:none; }
nav li { float:left; }
textarea { max-width:550px; }
p { margin: 8px 0 16px; line-height: 18px; text-align: justify; }
section { clear:both; }
/* FIN ELEMENTS HTML */
#titre { font-size:1em; background:white; text-align:center; }
#all {
	margin: 0 auto;
}
nav#fil-ariane { margin-bottom: 24px; }
nav#fil-ariane div { display: inline; }

.succes, .erreur {
	margin:5px;
	padding:5px;
	border:3px solid #4FE854;
	border-radius:5px;
}
.erreur { border-color:#F7053E; font-weight:bold; }
/*************************/
/*     	HEADER			  /
/*************************/
header {
	margin-top: 3px;
	position: relative;
	z-index: 3;
}

#logo { 
	position:absolute;
	z-index:1;
	width: 270px;
	height: 295px;
	background: url(images/interface/logo.png);
	z-index: 1;
	margin-left: -4px;
	font-family: Muli, 'Century Gothic', TeXGyreAdventorNormal, Verdana, Arial, Helvetica, sans-serif;
}

#logo a {
	width: inherit;
	height: inherit;
	display: block;
	position: absolute;
}

#logo section {
	margin: -24px 52px 0 -16px;
	width: 274px;
}

#logo h1 {
	font-size: 18px;
	width: 220px;
	margin-left: 44px;
	font-weight: normal;
}

#logo h1 span {
	text-transform: capitalize;
	color: #3752a3;
	font-weight: bold;
}

#logo h2 {
	font-weight: normal;
	font-size: 12px;
}

#logo hr {
	width: 80%;
	clear: both;
	margin: 10px auto;
	border: 0;
    height: 1px;
    background: #993557;
}

header section#vcard {
	position: absolute;
	z-index: 2;
	color: white;
	margin-top: 158px;
	margin-left: 84px;
	font-size: 11px;
	line-height: 15px;
}

header section#vcard h1.org {
	font-size: 14px;
}

header section#vcard a {
	color: white;
}

#header-gauche {
	position: absolute;
	background: url(images/interface/fond-header-gauche.png);
	width: 378px;
	height: 210px;
	margin-left: -164px;
	margin-top: 28px;
	z-index: 0;
}

#header-droite {
	position: absolute;
	background: url(images/interface/fond-header-droite.png);
	width: 359px;
	height: 184px;
	margin-left: 820px;
	margin-top: 38px;
	z-index: 0;
}

header nav { 
	height:78px;
	color:#333;
	position: relative;
	background: url(images/interface/fond_menu.png) repeat-x;
	margin-top: 5px;
}
header nav a#lien-accueil {
	position: absolute;
	margin-top: -14px;
	z-index: 1;
}
header nav ul {
	position: relative;
}
header nav ul li { 
	height:76px;
	color:white;
	line-height:76px;
	font-size:14px;
	font-family: Muli, 'Century Gothic', TeXGyreAdventorNormal, Verdana, Arial, Helvetica, sans-serif;
	transition-duration:0.5s;
	max-width: 144px;
	background: url(images/interface/flotteur-menu.png) center 100px no-repeat;
}
header nav ul li a#accueil { 
	line-height: 42px;
}
header nav ul li.long { 
	padding-top: 18px;
	height: 58px;
	line-height: 20px;
	text-align: center;
}
header nav li, x:-moz-any-link, x:default {
	padding:0px;
}
header nav ul li:hover, header nav li.menu_actif {
	background: rgba(74, 89, 83, 0.1) url(images/interface/flotteur-menu.png) center bottom no-repeat;
}

header nav ul li a { 
	background: url(images/interface/separateur.png) center left no-repeat;
	display: block;
	padding:0 20px;
}

header nav ul li.long li a {
	margin-bottom: 0px;
}
header nav ul li.long a {
	margin-bottom: 18px;
}
header nav ul li a, x:-moz-any-link, x:default{} { 
	padding:0px;
}
header nav li a:hover { text-decoration:none; }

header nav ul ul { 
	position:absolute; 
	background:#ececec; 
	margin-left:-16px; 
	border-top: 1px solid #465550;
	z-index: 3539235;
	min-width: 200px;
}
header nav ul ul li { 
	float:none; 
	height:auto;
	max-width: 300px;
	line-height:1;
	padding: 12px 8px;
	font-size:0.9em;
	font-weight: normal;
	border-bottom: 1px solid #465550;
	border-left: 1px solid #465550;
	border-right: 1px solid #465550;
	background: #ececec url(images/interface/puce-menu.png) 8px center no-repeat;
	text-align: left;
}
header nav ul li li.long { 
	padding: 12px 8px;
	height:auto;
	line-height:1;
}
header nav ul ul li.long a { 
	margin-bottom: 0;
	text-align: left;
}
header nav ul ul li:hover, header nav ul ul li.menu_actif {
	background: #d7d7d7 url(images/interface/puce-menu.png) 8px center no-repeat; 
}

header nav ul ul li a { 
	background-image: none;
	color: black;
	padding:0 12px 0 36px;
	margin-bottom: 0;
}
#bloc-slider {
	padding-top: 12px;
}
#conteneur-slider {
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: 235px;
	box-shadow:0 -2px 5px grey;
	margin-top: 1px;
	position: relative;
	background: white;
	z-index: 0;
}

#bloc-slider #boutons-contact {
	width: 180px;
	height: 96px;
	position: absolute;
	z-index: 1;
	margin-left: 820px;
	margin-top: -96px;
	background: url(images/interface/fond-contact.png);
}
a#lien-carte, a#lien-contact {
	display: block;
	position: absolute;
	text-align: center;
	color: white;
	padding-top: 20px;
	width: 92px;
	height: 78px;
	font-family: Muli, 'Century Gothic', TeXGyreAdventorNormal, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 16px;
	text-decoration: none;
}
a#lien-carte {
	padding-left: 10px;
	padding-right: 10px;
	width: 91px;
	background: url(images/interface/fond-nous-trouver.png) 8px 21px no-repeat;
}
a#lien-carte:hover {
	background: url(images/interface/fond-nous-trouver-ok.png) 8px 21px no-repeat;
}
a#lien-contact {
	margin-left: 88px;
	background: url(images/interface/fond-nous-contacter.png) 0px 8px no-repeat;
}
a#lien-contact:hover {
	background: url(images/interface/fond-nous-contacter-ok.png) 0px 8px no-repeat;
}
a#lien-contact img {
	margin-top: 8px;
	margin-left: 8px;
}
a#lien-carte:hover, a#lien-contact:hover {
	text-decoration: underline;
}
#slider-haut { background: white; height: 253px; }

/*************************/
/*     	 CORPS			  /
/*************************/
#corps { background: url(images/interface/fond-corps.png); padding: 16px 10px; }
#gauche { 
	float:left;
	width:200px;
	padding:20px 0;
}
#principale { overflow:hidden; padding: 8px; background: white; margin-top: 32px; position: relative; min-height: 283px; }
#principale ul, #principale ol { margin:8px; }
#principale li { margin-left:10px; }
#contenu {
	padding: 12px 0px;
}
#contenu h1 {
	background: #67A986;
	width: 480px;
	color: white;
	font-size: 16px;
	text-align: left;
	margin-bottom: 24px;
	font-weight: normal;
	font-family: Muli, 'Century Gothic', TeXGyreAdventorNormal, Verdana, Arial, Helvetica, sans-serif;
}
#contenu h1 span {
	padding: 7px 7px 7px 58px;
	display: block;
}
#contenu h1 img.puce {
	position: absolute;
	margin-left: 24px;
	margin-top: 6px;
}
#newsbox img.puce {
	position: absolute;
	margin-left: 10px;
	margin-top: 6px;
}
#contenu-accueil {
	float: left;
	width: 502px;
	margin-right: 16px;
	margin-left: 16px;
}
#actualites-accueil {
	float: left;
	margin-bottom: 32px;
}
#actualites-accueil p.nb_actus a {
	font-size: 15px;
}

#contenu article h1 {
	background: #43524D;
	margin-left: -28px;
	padding: 0;
}

#chapeau {
	width: 348px;
	height: 94px;
	padding-left: 80px;
	background: url(images/interface/fond-chapeau.png) no-repeat;
	position: absolute;
	margin-top: -130px;
	margin-left: 522px;
	text-align: center;
	color: white;
}
#chapeau a {
	color: white;
}
.titre_page { font-weight:normal; font-size:1.5em; margin:0; }

.titre_sommaire { font-weight:bold; }
.paragraphe { overflow: hidden; }
.paragraphe_page .float_right { float:right; margin-left: 16px; }
.paragraphe_page .photo { margin-bottom: 12px; }
.paragraphe_page .float_left { float:left; margin-right: 16px; }

p.legende { text-align: center; margin-top: 12px; font-family: Muli, 'Century Gothic', TeXGyreAdventorNormal, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
p.legende strong { background: #353535; color: white; border-radius: 6px; padding: 4px 16px; behavior: url(PIE.htc); }
.vphoto { margin:10px 0; text-align:center; }

/*************************/
/*       FOOTER			  /
/*************************/
#footer {
	color: white;
	padding: 0px 0;
}

#footer-inner {
	background-color: #3a3a3a;
    padding-top: 10px;
    width: 100%;
    margin-left: 0;
}

#footer a { color: #fff; }

#footer a:hover { text-decoration: underline; }

#footer ul { 
}

#footer ul li {
	list-style-type: none;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
    text-align: center;
	display: inline-block;
}
#footer ul li:before {
    background: url(images/interface/puce.png);
    position: absolute;
    width: 10px;
    height: 8px;
    content: ' ';
    margin-top: 9px;
    margin-left: -5.5vw;
}
#footer ul li:first-child:before {
	display: none;
}

/*************************/
/*       OMBRES			  /
/*************************/
#bordure-gauche, #bordure-droite {
	width: 12px;
	height:	404px;
	position: absolute;
	z-index: -1;
	margin-top: -18px;
}
#bordure-gauche {
	background:	url(images/interface/ombre-gauche-corps.png) no-repeat;
	margin-left: -22px;
}

#bordure-droite {
	background:	url(images/interface/ombre-droite-corps.png) no-repeat;
	margin-left: 990px;
}

#ombre_menu { 
	background:url(images/interface/ombre_sous_menu.png) center no-repeat;
	height:31px;
	width:1000px;
	position: absolute;
	z-index: 1;
	margin-top: -6px;
}
#barre-sur-ombre {
	height: 6px;
	background: url(images/interface/fond-sous-menu.png) repeat-y;
	width: 1000px;
	margin-top: 5vpx;
	position: absolute;
	z-index: 2;
}

div#ombre-gauche-header, div#ombre-droite-header {
	 width: 31px;
	 height: 260px;
	 position: absolute;
	 margin-top: 14px;
	 z-index: 1;
}
div#ombre-gauche-header {
	 background: url(images/interface/ombre-header.png) no-repeat;
	 margin-left: -10px;
}
div#ombre-droite-header {
	 background: url(images/interface/ombre-header.png) no-repeat;
	 margin-left: 980px;
}

#ombre-gauche-footer, #ombre-droite-footer {
	width: 28px;
	height:	240px;
	position: absolute;
	z-index: 0;
	left: 50%;
}
#ombre-gauche-footer {
	background:	url(images/interface/ombre-gauche-footer.png) no-repeat;
	margin-left: -512px;
}

#ombre-droite-footer {
	background:	url(images/interface/ombre-droite-footer.png) no-repeat;
	margin-left: 484px;
}

.ombre, .ombre_titre {
	 background: url(images/interface/ombre_box.png) center top no-repeat;
	 position: absolute;
	 height: 10px;
}

.ombre {
	 width: 414px;
	 margin-top: -4px;
}

.ombre_titre {
	 width: 484px;
	 margin-top: -24px;
}


/*************************/
/*     Actualités		  /
/*************************/
#newsbox { width:400px; padding:5px; margin:5px; }
#contenu #newsbox h1 { text-align: center; width: 396px; font-size: 16px; margin: 0; background: #D9433F; padding: 3px 2px; }
#newsbox h1 span { padding: 4px; text-align: left; margin-left: 36px; }
.boxshadow #newsbox { box-shadow:0 0 5px grey; }
.no-boxshadow #newsbox { border:1px solid #ccc; }
#actualites-accueil .nb_actus { 
	text-align: center;
	margin-top: 12px;
	font-weight: bold;
	font-family: Muli, 'Century Gothic', TeXGyreAdventorNormal, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
#newsbox .nb_actus a { color:black; }
#newsbox #slider_actu { overflow:hidden; z-index: 1;}
#newsbox .photo-meta-data { 
	position:relative;
	height:72px;
	margin-top:-74px;
	color:white;
	padding:1px 5px;
	background: url(rgba.php?a=50&name=black);
}
#newsbox .photo-meta-data h3, .nivo-caption h3 { margin:3px 0; }
#newsbox .photo-meta-data a, .nivo-caption a { color:white; }
.rgba #newsbox .photo-meta-data { background:rgba(0, 0, 0, 0.5); }
#newsbox .photo-meta-data .date, .nivo-caption .date { font-style: italic; }
#newsbox .photo-meta-data p { margin-top: 0; }

nav#liste_cat { clear: both; overflow: hidden; }
#liste_cat ul { list-style-type:disc; }
#liste_cat li { float:none; }
.actugauche { border-right: 1px solid #475550; width: 49%; float: left; overflow: hidden; }
.actudroite { width: 49%; float: left; overflow: hidden; border-left: 1px solid #475550; margin-left: -1px; }
.contenu-actus { padding: 16px; }
.contenu-actus img { float:left; margin-right:10px; margin-bottom:5px; max-width: 160px; }
.contenu-actus h2, .elm_galerie h2 { margin: 8px 0; font-size: 14px; line-height: 23px; background: url(images/interface/puce-menu.png) no-repeat; padding-left: 32px; }
.contenu-actus .date_actu { margin: 8px 0; font-style:italic; color: #993557; }
.contenu-actus .lirelasuite { margin-top:5px; }
.contenu-actus .lirelasuite a { color: #993557; }
.contenu-actus .doc_dl { font-weight:bold; clear:left; padding:5px 0; }
/*************************/
/*     Formulaire		  /
/*************************/
input[type="radio"] { margin-left:5px; margin-right:2px; }
textarea { min-height:25px; }
input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus { 
	outline-offset: -2px;
	outline: 2px auto #4DA8E1;
}
.bouton-action {
    background: #B1C902;
    color: #292929;
    font-size: 14px;
    padding: 6px 15px;
	margin-top: 12px;
	margin-bottom: 12px;
    display: inline-block;
	border: 0;
}
/*************************/
/*     	  CARTE			  /
/*************************/
#gmap { text-align:center; margin-top: 10px;}
#gmap iframe { width: 100% !important; }
#gmap_corps { }

/*************************/
/*      DOCUMENTS		  /
/*************************/
#pieces-jointes {
	border: 6px double #ccc;
	width: 200px;
	padding: 16px;
	float: left;
	margin-right: 24px;
	margin-bottom: 16px;
}

/*************************/
/*     	  FLUX RSS		  /
/*************************/
#fluxrss-accueil { clear: both; }
#fluxrss-accueil h1 img.puce { 
	position: absolute;
	margin-left: -10px;
	margin-top: -18px;
}
#fluxrss-accueil h1 span {
	border: 1px solid white;
	padding: 7px 7px 7px 64px;
	display: block;
}
.conteneurFlux .item {
	padding-left: 32px;
	background: url(images/interface/puce.png) 0px 4px no-repeat;
	border-bottom: 1px solid #333;
	padding-bottom: 12px;
	margin: 12px;
}

.item p.date {
	color: #993557;
	font-style: italic;
	margin-bottom: 4px;
}

.item p.savoirplus {
	margin-bottom: 0px;
}

.item p.savoirplus a {
	color: #993557;
}

/*************************/
/*     NEWSLETTER		  /
/*************************/
.newsletter { border-bottom:1px solid #4DA8E1; }
.newsletter.ouvert { border:1px solid #4DA8E1; border-top:0px; padding:2px; margin-top:-5px; }

/*************************/
/*     	GALERIES		  /
/*************************/
.galerie hr { background: white; }
.galerie_image { float:left; margin: 8px 11px; width: 290px; text-align: center; }
.galerie_image a { display: inline-block; border: 5px solid white; box-shadow: 0 0 3px grey; margin: 0 auto; }
.galerie_image p { text-align:center; color: #43524D; font-size: 14px; font-family: Muli, 'Century Gothic', TeXGyreAdventorNormal, Verdana, Arial, Helvetica, sans-serif; }

/*************************/
/*     	  CONTACT		  /
/*************************/
#infos_structure { margin-bottom:15px; }
#infos_structure h2 { margin-bottom: 12px; }
#infos_structure img { margin:15px; }
#infos_structure p { line-height: 14px; }
#formulaire-contact { }
#formulaire-contact .champ { margin-bottom:8px; }
#formulaire-contact .champ label , #formulaire-contact .champ .label { 
}
#formulaire-contact .champ input, #formulaire-contact .champ textarea { vertical-align:middle; }
#formulaire-contact .champ textarea { min-height:75px; vertical-align:top; }
#formulaire-contact .champ textarea#message { min-height:144px; vertical-align:top; height: 144px; }
/*** Radios et Checkboxes ***/
#formulaire-contact .champ div { zoom:1; display:inline-block; }

/*************************/
/*     RESERVATIONS		  /
/*************************/

#formulaire_reservation { float: left; margin: 12px 12px 24px 0; }
#formulaire_reservation p { text-align: center; margin: 20px 24px; }
#formulaire_reservation .champ { margin-bottom:8px; }
#formulaire_reservation .champ label , #formulaire_reservation .champ .label { 
	display:inline-block;
	width:120px;
	text-align:right;
	padding-right:12px;
	vertical-align: middle;
}
#formulaire_reservation .champ span.label { vertical-align: top; }
#formulaire_reservation .champ input, #formulaire_reservation .champ textarea { width:300px; vertical-align:middle; }
#formulaire_reservation .champ input.number { width:100px; }
#formulaire_reservation .champ input.tel { width:150px; }
#formulaire_reservation .champ input.date { width:150px; }
#formulaire_reservation .champ textarea { min-height:75px; vertical-align:top; }
#formulaire_reservation .champ textarea#message { min-height:144px; vertical-align:top; height: 144px; }
/*** Radios et Checkboxes ***/
#formulaire_reservation .champ div { zoom:1; display:inline-block; }
#formulaire_reservation .champ div label, #formulaire_reservation .champ div input { width:auto; }
#formulaire_reservation input#valider {
	background: 		-webkit-gradient(linear, 0 0, 0 bottom, from(#aaa), to(#333	));
	background: 		-moz-linear-gradient(#aaa, #333);
	background: 		linear-gradient(#aaa, #333);
	-pie-background: 	linear-gradient(#aaa, #333);
	padding:			6px;
	display:			block;
	text-align: 		center;
	color:				white;
	text-decoration:	none;
	cursor:				pointer;
	border:				none;
	margin: 			12px auto;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	border-radius:		8px;
	behavior: 			url(/PIE.htc);
	font-family:		TeXGyreAdventorRegular, Verdana, Arial, Helvetica, sans-serif;
	font-size:			14px;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFaaaaaa, endColorstr=#FF333333);
}
#formulaire_reservation input#valider:hover {
	background: 		-webkit-gradient(linear, 0 0, 0 bottom, from(#ddd), to(#333	));
	background: 		-moz-linear-gradient(#ddd, #333);
	background: 		linear-gradient(#ddd, #333);
	-pie-background: 	linear-gradient(#ddd, #333);
	behavior: 			url(/PIE.htc);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFdddddd, endColorstr=#FF333333);
}

p.notification, p.succes, p.erreur {
	text-align: center;
	color: white;
	padding: 16px;
	margin: 24px 48px;
	border-radius: 12px;
	font-weight: bold;
	border: none;
}
p.notification a, p.succes a, p.erreur a {
	color: white;
	text-decoration: underline;
}
p.notification {
	background: #444;
}
p.succes {
	background: green;
}
p.erreur {
	background: red;
}

/*************************/
/*     PLAN DU SITE		  /
/*************************/
#plan {
	text-align: left;
	margin-left:50px;
}

#plan li {margin-left: 4px;}
#plan li.menu {line-height:2em;}

/*************************/
/*   FIN - PLAN DU SITE   /
/*************************/

/***** PRINT CSS *********/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/***********IE**********/
.ie8 #contenu-accueil {	margin-right: 14px; }
.ie7 #logo section { top: 144px; position: relative; }
.ie7 #logo section h2 { margin-top: 0px; }
.ie7 #logo section hr { margin-top: 0px; margin-bottom: 0px; }
.ie7 nav#menu_dynamique ul li { border: 0; }
.ie7 form#formulaire-contact { width: 500px; margin-right: 20px; }
.ie7 #infos_structure { width: 400px; }