/***********************************************************************/
/*********************** FEUILLE DE STYLE YZEO *************************/
/***********************************************************************/


/***************************  Construction *****************************/
body { margin: 0px; background-image:url(images/fond.jpg); background-repeat:repeat-x; background-color:#B89867; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 11px; }

#divh1 { width:100%; height:20px; text-align:center; }

#main { display:block; width:950px; margin-left:auto; margin-right:auto; background-image:url(images/bg.jpg); background-repeat:repeat-y; background-position :left; }

#header { width:950px; height:275px; background-image:url(images/head.jpg); background-repeat:no-repeat; background-position :top; }

#centre { width:100%; }

#top { width:950px; float:left; }

#top img { vertical-align:top; }

#contenu { background-image:url(images/bgcontenu.jpg); background-repeat:no-repeat; background-position :top; width:690px; padding-left:160px; padding-right:100px; float:left; }

#piedPage { color:#A43C93; width:950px; clear:both; margin-left:auto; margin-right:auto; text-align:center; }

#piedPage a { color:#A43C93; }

#liensBas { color:#A43C93; width:100%; clear:both; text-align:center; font-size:10px; }

#liensBas img { vertical-align:middle; border:none; }

#liensBas a { color:#A43C93; }

#validator { text-align:right; font-size:10px; }

/************** formulaire de contact *******************/
#frmEnvoi { width:470px; margin-left:auto; margin-right:auto; }

#frmEnvoi input, textarea { background-color:transparent; border-width:thin; color:#FEF8D6; }

#frmEnvoi .field { text-align:right; display:block; width:100%; margin-top:10px; margin-bottom:0px; }

#frmEnvoi .field label { float:left; }

/************ fin formulaire de contact *****************/

/*************************** Fin de la Construction *****************************/


/*************************** Sytles des balises *********************************/

h1 { font-size: 12px; color:#FEF8D6; margin:0px; }

h2 { font-size: 14px; font-weight:bold; color:#FEF8D6; }

h3 { font-size: 12px; font-weight:bold; color:#FEF8D6; }

p { font-size: 11px; line-height: normal; font-weight: normal; text-transform: none; color:#FEF8D6; }

li { list-style:inside; line-height:18px; color:#FEF8D6; }

a:link { color:#FEF8D6; text-decoration: underline; }

a:visited { color:#FEF8D6; text-decoration: underline; }

a:hover { color:#FEF8D6; text-decoration: none; }

/************************** Fin des sytles des balises ***********************/


/*************************** Classes Element *********************************/

.justifier { text-align:justify; }

.floatLeft { float:left; margin-right:10px; }

.floatRight { float:right; margin-left:10px; }

.centrer { margin-left:auto; margin-right:auto; }

.centrerText { text-align:center; }

.clearFloat { clear:both; float:none; }

.tableStyle { width:100%; border:0px; vertical-align:text-top; }

.cadreImg { border:medium; border-color:#996600; border-style:solid; }

/*************************** Fin des classes Element *************************/


/*************************** Class Plan API GOOGLE ***************************/

.titreplan { text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; color: #CDB59D; font-weight: bold; }

.txtplan { text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000; }

.plan { width: 600px; height: 450px; border:medium; border-color:#996600; border-style:solid; }

/*************************** Fin Class Plan API GOOGLE ***************************/


.img { border: medium solid #FFFFFF; }

.table { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; width: 685px; }

.table2 td { width: 200px; vertical-align: top; }

.table2 { width: 200px; vertical-align: top; }

#w3c { height: 15px; width: 960px; margin: 0 auto; text-align: center; }

/* Styles CSS pour LightBox PopUp */
#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: #a83a95;/*fd image*/ width: 250px; height: 250px; margin: 0 auto; }

#imageContainer { padding: 5px; }

#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 { background: url(images/prevlabel.gif) left 100% no-repeat; left: 0; float: left; }

#nextLink { background: url(images/nextlabel.gif) right 100% no-repeat; right: 0; float: right; }

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 100% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 100% no-repeat; }

#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #a83a95; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }

#imageData { padding:0 10px; color: #FFFFFF; }/* texte ss image*/

#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; }

/* fin lighbox, debut plan*/
.titreplan { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; text-align:center; color: #5F0666; font-weight: bold; }

.txtplan { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #333333; }

.plan { border:1px #B89867 solid; width: 640px; height: 480px; margin:0 auto; text-align:center; }

/* fin plan */	

.td { background-color: #FFFFFF; }

.table { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; width: 690px; text-align: center; font-weight: bold; vertical-align:top; }

.citation-accueil { font-size:14px; font-weight:bold; }

.liens { float:left; width:300px; margin:10px; text-align:center; }
.liens img { border:1px solid black; }