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


/***************************  Construction *****************************/
* { outline:none}

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

.bodyIntro { background-image:url(images/fond-intro.jpg); background-repeat:repeat-x; background-color:#838383; }

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

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

#header { width:940px; height:190px; }

#centre { width:100%; }

#left { width:236px; height:340px; float:left; vertical-align:top; }

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

#top img { vertical-align:top; }

#contenu { background-image:url(images/contenu.jpg); background-repeat:no-repeat; background-position :top; width:624px; padding-bottom:10px; padding-top:20px; padding-left:40px; padding-right:40px; float:left; min-height:200px; _height:200px; }

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

#piedPage a { color:#FFFFFF; }

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

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

#liensBas a { color:#FFFFFF; }

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

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

#frmEnvoi input, textarea { background-color:#FFFFFF; border-width:thin; color:#333333; }

#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: #FFFFFF; margin:0px; }

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

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

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

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

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

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

a:hover { color: #333333; 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; }

.border { border:#052498 3px solid;}

.illu{ width:155px; padding-top:15px; margin-left:70px}

/*************************** 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 ***************************/

/***************************** Style pour la LightBox *****************************/
#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: #0b2652; 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: #0b2652; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }

#imageData { padding:0 10px; color: #fff; }

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

/*-------------------------------- Module Actu ---------------------------------*/
.texteactu {clear:both;  }

.imgactu { clear:both; text-align:center; }

.imgactu a img { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

.imgactu a:hover img {filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

.imgactu img { border:1px solid #F2E2CB; margin: 0 20px}

/*-------------------------------- Module Actu ---------------------------------*/