/* BALISES ==================================================================================================== */
div,h1,h2,h3,h4,p{ margin:0; padding:0; }
body { background-color: #8f7156; margin: 0; margin-bottom:20px; }
body, td { color: #1c191d; font: 9pt Arial, Helvetica, sans-serif; }
a { color: #40561f; }
h1 { display:none; }
h1 a { color: #6c8817; }
h2.titre { color: #84cfea; font-size: 18px; text-transform: uppercase; font-weight: normal; margin: 0 0 15px 0; }
h3.titre { color: #6c8817; font-size: 14px; margin: 0 0 5px 5px; }
li { margin-bottom: 8px; }
td h4 { margin: 3px 0 0 0; }
fieldset { background-color: #fff; }



/* PAGE ==================================================================================================== */
#page { width: 950px; margin: auto; }

/* CONTENT ==================================================================================================== */
#content { margin:0 0 10px 0; background: #ffffff url(../images/interface/fond-content.jpg) no-repeat left top; }

/* HEADER ==================================================================================================== */
#header{ height:166px; background: #FFFFFF url(../images/interface/fond-header.jpg) repeat-x center top; text-align:center; }


/* MENU ==================================================================================================== */
#menu { text-align: center; width: 950px; background: #FFFFFF url(../images/interface/fond-menu.jpg) repeat-x left top; }
#menu a { color: #84cfea; text-decoration:none; text-transform: uppercase; display:block; height:20px; margin:14px 0; line-height:20px; }
#menu a:hover, #menu a.active { color: #fff; }
#menu .layer{ position:absolute; background:url(../images/interface/fond-menu-layer.jpg) repeat-x left top; }
#menu .layer a{ margin:0; height:28px; line-height:26px; text-align:center; }

/* FOOTER ==================================================================================================== */
#footer{ text-align:left; }
#footer td { font-size:13px; color:#FFFFFF; text-decoration:none;}
#footer a{ font-weight:bold; font-size:13px; color:#FFFFFF; text-decoration:none;}
#footer a:hover, #footer a.on{ color:#000000; }

.accroche{ background-color:#6f5048; padding:6px; color:#FFFFFF; font-size:14px; font-weight:bold;  }


#entre { text-align: center; padding: 10px 0; background-color: #6c8817; width: 800px; margin: 0 auto; }
#entre h2.entre { color: #fff; margin: 0 0 10px 0; font-weight: normal; font-size: 15px; }
#entre h2.entre span { margin: 0 5px; }
#entre a, #entre .lnk { text-decoration:none; text-transform: uppercase; font-size: 12px; font-weight: bold; margin: 0 5px; }
#entre a { color :#c1ce00; }
#entre a:hover { border-bottom: 1px solid #fff; }
#entre span { color :#ddd; }
#texteintro { color: #d5d9bf; text-align: center; font-size: 30px; font-family: Times New Roman; }
#imageintro { text-align: center; }
#imageintro img { border: 0; }
/*
.struct { margin: 0 75px; width: 800px; border-collapse: collapse; }
.struct td { width: 800px; vertical-align: top; }
*/
.struct { border-collapse: collapse; margin: 0 75px; }
.struct td { vertical-align: top; }

.struct p { text-align: justify; }
.struct .photos { text-align: right; }
.struct .photos img { margin: 10px 0 0 15px; border: 1px solid #40561f; }


#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; }
#imageData { padding:0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; }
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* Min-Width */
.lbWidth { /* most browsers */ position: absolute; top: 0px; left: 0px; width: 100%; min-width: 790px; }
* html .lbContent { /* IE6 */ margin-left: -790px; position:relative; }
* html .lbMinWidth { /* IE6 */ padding-left: 790px; }
/* Clearfix */	
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */