/* CSS Document */

* { margin:0; padding:0; outline:none; }
p, ul, ol, li {line-height:2em; }
body { background: #000000 url('images/fond.jpg') repeat-x; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-align:justify; }
.index { text-align:center; color:#FFFFFF; }
.index a { color:#FFFFFF; }
a img { border:1px solid #ffffff; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }
a:hover img { border:1px solid #ffffff; filter : alpha(opacity=50); -moz-opacity : 0.5; opacity : 0.5; }
.h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; font-weight: bold; text-transform: none; color:#FFFFFF; letter-spacing: normal; word-spacing: normal; white-space: normal; text-align: center; }
a { color:#cccccc; text-decoration: underline; }
.texte1 { color:#FFFFFF; text-align:inherit; text-align:center; }
.texte11 { color:#FFFFFF; text-align:inherit; text-align: center; }
.texte { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; font-weight: bold; text-transform: none; color:#FFFFFF; letter-spacing: normal; word-spacing: normal; white-space: normal; text-align: left; }
.texte2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: normal; font-weight: bold; text-transform: none; color:#FFFFFF; letter-spacing: normal; word-spacing: normal; white-space: normal; text-align: center; }
.texte3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: normal; font-weight: bold; text-transform: none;  text-align:center  color:#505da7!important;
letter-spacing: normal; word-spacing: normal; white-space: normal; text-align: center; }
.txte4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; line-height: normal; font-weight: bold; text-transform: none; color:#B22611!important; letter-spacing: normal; word-spacing: normal; white-space: normal; text-align: center; }
.titre3 { text-align:center; font-size: 10px; font-weight: normal; }
.titre2 { color:#00b9e9; text-align:center; font-size: 11px; font-weight: bold; }
.titre { color:#00b9e9; text-align:left; font-size: 11px; font-weight: bold; }

.titre4 {  color:#00b9e9; }
/*
a:visited {
color:#000000; text-decoration: underline;
} 

a:hover {
text-decoration: underline;
}
/*
a.lien:link {
color: #FFFFFF; text-decoration: underline;
} */
	
	
	
/*div id*/

#page { width:935px; margin:0 auto; background: transparent url('images/fond_tableau.gif') repeat-y; }
#barre { width:935px; height:202px; clear:both; background:transparent url('images/logo.jpg') no-repeat }
#contenu { width:935px; min-height:200px; _height:262px; clear:both; background: transparent url('images/fond_tableau.gif') repeat-y; }
#contenu a { color:#FFFFFF }
#menu { width:241px; height:256px; float:left; background: transparent url('images/menu.jpg') no-repeat; }
#titre { width:694px; height:40px; float:left; }
#phototexte { width:610px; float:left; background:url('images/fondtexte.jpg') top no-repeat; min-height:200px; _height:200px; padding:0 30px 0 54px; text-align:justify; }
#phototexte p { color: #FFFFFF; text-align:justify; }
#adresse { width:935px; height:60px; background:url(images/adresse.gif) no-repeat; clear: both; }
div#yzeo { text-align:center; color:#FFFFFF; font: normal 10px Verdana, Arial, Helvetica, sans-serif; padding: 0px 8px 0px 280px; margin: 0; }
div#yzeo img { padding: 0 5px 2px 5px; border:none; vertical-align:middle; }
div#yzeo a { color:#FFFFFF; }
#plan_page { width:711px; margin:0 auto; background:url('images/plan-site-fond.jpg'); background-repeat:repeat-y; }
#plan_header { height:43px; background:url('images/plan-site-header.jpg'); background-repeat:no-repeat; }
#plan_contenu { background:url('images/plan-site-contenu.jpg'); background-repeat:no-repeat; padding-left:20px; padding-right:20px; padding-top:20px; }
#plan_adresse { height:89px; }
#plan_adresse img { border:none; }
/*formulaire*/
		
		#formulaire { background: transparent; text-align:center; width:500px; padding:10px 0 0 0; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; } /* carateristique du formulaire */
#formulaire * { margin:0 0 2px 0; padding:0; } /* caracteristique de toutes les balises qui se trouvent dans le formulaire */
.labelform { width: 203px; float: left; text-align: right; margin: 0 5px 0 0; } /* carateristique des label, width minimum 203px; */
.pform { padding: 3px 0px 10px 0px; text-align:left; clear:both; } /* carateristique des p */
.inputform { width:195px; height:13px; float:left; margin: 0 5px 0 2px; } /* carateristique des input */
.textareaform { width:398px; height:100px; overflow: auto; background-color: #FFFFFF; } /* carateristique du textarea */
.selectform { height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#383433; } /* carateristique des select */
.labelmessage { width:95px; } /* carateristique du label contenant "Votre message" */
#labelenvoyer { width:125px; } /* carateristique du label avant l'input envoyer, sert a centrer le bouton envoyer */
.inputenvoyer { width:150px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; } /* carateristique de l'input "envoyer mon message" */
.divtexte { margin: 5px 0 0 0; } /* carateristique de la div contenant le texte du captchat*/
#formulaire div { margin: 5px auto; } /* centrer dans le formulaire des div */
#formulaire div a { color:#FFFFFF; } /* couleur du lien dans capchat */
.divimagecaptchat { border:1px solid fff; padding: 0 0 0 100px; } /* carateristique de la div entourant l'image captchat */
.transp, .inputtexte { background: #383433; border: 1px solid #fff; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; } /* pour rendre les input et textarea transparent avec une bordure */
.contact { text-align:center; width:235px; height:200px; float:left; }
/* 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: #ffffff; 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: #ffffff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }
#imageData { padding:0 10px; color: #000000; }
#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; }
.test { margin-left:auto; margin-right:auto; width:800px; height:600px; margin-bottom:-100px; }
#flashcontent { height: 100%; }
a.fam:link { color: #505da7!important; text-decoration: underline; padding-left:50px; }
a.fam:visited { color: #505da7!important; text-decoration: underline; padding-left:50px; }
a.fam:hover { color: #ffffff!important; text-decoration: underline; padding-left:50px; }
.liens { font-size:14px; font-weight:bold; margin-left:75px; width:460px; height:25px; }
.alignimg { margin-left:30px; float:left; }
.alignimg1 { margin:50px 0px 0px 30px; float:left; }
.alignimg2 { margin:90px 0px 0px 30px; float:left; }
.alignimg3 { margin:180px 0px 0px 30px; float:left; }
.alignimg4 { margin-left:15px; ; float:left; }
.clearer { clear: both; width: 0; height: 0; line-height: 0; }
.bordure-fff {border:1px solid #fff; margin-bottom:10px;}

/* Validator */
.clearvalidator{ clear:both; height:3px;}

#googlemap a.googlemap-icon { display: block; background:url(images/googlemap.jpg) no-repeat; width: 80px; height: 68px; margin:0 auto; }
#googlemap a.googlemap-icon:hover { background: url(images/googlemap-hover.jpg) no-repeat; }
#googlemap a.googlemap-icon:active { background: url(images/googlemap.jpg) no-repeat; }
#googlemap a.googlemap-icon span { display:none; }