@charset "utf-8";
/* CSS Document */
		* { margin:0; padding:0; outline:none; }
body { background-image: url('images/fond.jpg'); background-color: #969F1E; background-repeat: repeat-x; margin:0px; padding:0px; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: normal; margin:0px; padding:0px; height:50px; vertical-align:middle; }
a:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #030A02; }
a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #030A02; }
a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #030A02; text-decoration:none; }
.texte { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #030A02; }
#page { width:940px; margin:0 auto; background: #969F1E url('images/bg.gif') repeat-y; }
#entete { height:265px; }
#titre { height:50px; clear:both; }
#contenu { min-height:200px; _height:221px; clear:both; background:url('images/bgtxt.jpg') no-repeat top; padding:0px 70px; }
#adresse { height:35px; background:url('images/pyrenees.gif') no-repeat; clear: both; padding:5px 10px 0 0; }
#contenu p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #030A02; }
#contenu ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000066; padding:0 0 0 50px; }
div#yzeo { text-align:center; color:#3399FF; font: normal 10px Verdana, Arial, Helvetica, sans-serif; padding: 0px 8px 0px 10px; margin: 0; }
div#yzeo img { padding: 0 5px 2px 5px; border:none; vertical-align:middle; }
div#yzeo a { color:#3399FF; font: normal 10px Verdana, Arial, Helvetica, sans-serif; }
#contact { clear:both; width:380px; float: left; }
div#mention { text-align:center; float:left; padding:30px 0 0 90px; }
.lien { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
fieldset { border:2px solid #385E0B; padding:20px; }
legend { padding:5px; background:#385E0B; color:#FFFFFF; font-size: 14px; font-weight:bold; margin-left:20px; }
#coordonnees { width:300px; float:left; margin-left:100px; text-align:center; }
div#menubas { padding: 10px 0; text-align:center; color:#000; font:normal 10px Verdana, Arial, Helvetica, sans-serif; }
div#menubas a { color:#000; font-size:10px; }
a.rollopaque img { border:solid 2px #385E0B; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }
a.rollopaque:hover img { border:solid 2px #385E0B; filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }
.descript { width:188px; float:left; text-align:center; font-style:italic; }
.cadre { border:solid 2px #385E0B; }
/******************adresse*********************/
		.yzeo div { font:normal 10px Arial, Helvetica, sans-serif; color:#fff; }
.yzeo a { font:normal 10px Arial, Helvetica, sans-serif; color:#fff; text-decoration: underline; }
#yzeoConteneur { height:24px; width:155px; float:right; }
#yzeoGH { height:12px; width:107px; text-align:right; vertical-align:top; line-height:10px; padding-top:5px; }
#yzeoD { height:22px; width:42px; float:right; padding: 2px 0 0 0 }
#yzeoD img { border:none; }
#yzeoG { height:24px; width:107px; float:left; }
/*************fin adresse********************/
			
			/**************imitation fieldset*****************/

		.legend { position:relative; top:-0.8em; margin-left:20px; }
.legend span { padding:0 3px; font-weight:bold; font-size:14px; color:#fff; background-color: #385E0B; }
div.fieldnotset { border: 1px solid #385E0B; }
/*************fin imitation fieldset******************/	
		
		
			/*/////////////plan du site/////////////////////*/
		
		#pagepds { width:743px; margin:0 auto; background: #969F1E url('images/plan-du-site/bg.gif') repeat-y; }
#entetepds { height:235px; background:#969F1E url('images/plan-du-site/plan-du-site_02.gif'); }
#contenupds { min-height:225px; clear:both; padding:0px 120px 0 120px; text-align:justify; background:url('images/plan-du-site/bgtxt.jpg') top no-repeat; }
#contenupds p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #030A02; padding:10px 0; }
#adressepds { margin:0 auto; height:35px; background: transparent url('images/plan-du-site/pyrenees.gif') no-repeat; clear: both; padding:5px 25px 0 0; }
.realisation { text-align:center; width:192px; float:left; margin-left:5px; }
/*////////////////////fin plan du site ////////////////////*/
				
		
		/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
			
			#formulaire { text-align:center; width:380px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; display:table-cell } /* carateristique du formulaire */
#formulaire * { margin:0 0 5px 0; padding:0; } /* caracteristique de toutes les balises qui se trouvent dans le formulaire */
.labelform { width: 120px; text-align: left; margin: 0 5px 0 0; float: left; } /* carateristique des label, width minimum 203px; */
.pform { padding: 5px 0px 10px 0px; text-align:left; clear: both; } /* carateristique des p */
.inputform { width:225px; height:15px; float:left; margin: 0 5px 0 2px; } /* carateristique des input */
.textareaform { width:380px; height:80px; overflow: auto; float: left; } /* carateristique du textarea */
.selectform { height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; background: #7EA427; } /* 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; clear: both; } /* carateristique de la div contenant le texte du captchat*/
#formulaire div { margin: 5px auto; } /* centrer dans le formulaire des div */
.divimagecaptchat { display:none; } /* carateristique de la div entourant l'image captchat */
.transp, .inputtexte { border: 1px solid #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; background:transparent; } /* pour rendre les input et textarea transparent avec une bordure */
/* ************************* Class Plan API GOOGLE ************************* */

.titreplan { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; color: #000000; font-weight: bold; }
.txtplan { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #9a379b; }
.plan { width: 380px; height:350px; border:2px solid #385E0B; float:left; }
/* ************************* Fin Class Plan API GOOGLE ************************* */

/*********************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: #385E0B; 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 { background: url('images/prev.gif') left 100% no-repeat; left: 0; float: left; }
#nextLink { background: url('images/next.gif') right 100% no-repeat; right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url('images/prev.gif') left 100% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('images/next.gif') right 100% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #385E0B; 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; }

/*****************fin lightbox*********************/