/* CSS Document */

* { margin:0; padding:0; outline:none; }

body { background:#ae9a79; text-align:justify; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#724D37; }

h1 {font:normal 11px Verdana, Arial, Helvetica, sans-serif; padding:10px  0 0 0; position:relative; z-index:20; }

a:hover { text-decoration:none; }

#index { text-align:center; background: #ae9a79 url('images/index.gif') repeat-x 0 23px;}

#index a { color:#724D37;}

#page { width:985px; margin:0 auto; background: transparent url('images/page.gif') repeat-y; }

#entete {width:985px; height:212px; background: transparent url('images/entete.jpg') no-repeat; }

#menu { width:322px; min-height:264px; _height:264px; float:left;  }

#image { width:205px; float:left; margin:0 0 0 -120px; position:relative; z-index:30px; padding: 0 17px 0 0; display:none; }

#image img { padding:0 0 10px 0 }

#titre { width:663px; height:82px; float:left; background: transparent url('images/fond-titre.gif') no-repeat;}

#contenu { width:663px; min-height:182px; _height:182px; float:left;}

#texte { padding:10px 41px 0 15px;}

#texte a { color:#724D37; }

#texte a img {  border:1px solid #fff;  filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1;}

#texte a:hover img { border:1px solid #fff;  filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

#texte p { padding: 0 0 15px 0; line-height:16px; }

#texte p:first-letter { font:bold 15px Verdana, Arial, Helvetica, sans-serif; }

#adresse {width:985px; height:67px; clear:both;  }

#yzeo { text-align:center; font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#724D37; padding:15px 0 0 0 }

#yzeo a { color:#724D37; }

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

#menubas { text-align:center; font:normal 9px Verdana, Arial, Helvetica, sans-serif; color:#724D37; padding:15px 0 10px 0 }

#menubas a { color:#724D37; }

#planacces {display:block; width:515px; height:304px; background:transparent; overflow: hidden; outline:none;border-bottom:1px solid #724D37; border-right:1px solid #724D37; border-top:1px solid #724D37; border-left:1px solid #724D37;}

/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
	
#formulaire { text-align:center; width:420px; padding:0; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#724D37; } /* carateristique du formulaire */

#formulaire * { margin:0 0 6px 0; padding:0; } /* caracteristique de toutes les balises qui se trouvent dans le formulaire */

#formulaire fieldset { border-bottom:2px solid #724D37; border-right:2px solid #724D37; border-top:2px solid #724D37; border-left:2px solid #724D37; padding:10px; width:396px; }

#formulaire legend { font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding:2px 15px; background: #724D37 url('images/h2.gif') repeat-x; color:#F0EFE9; text-transform:uppercase; }

.labelform { width: 203px; float: left; text-align: right; margin: 0 5px 0 0; } /* carateristique des label, width minimum 203px; */

.pform { padding:0; text-align:left; clear:both; } /* carateristique des p */

.inputform { width:190px; height:13px; float:left; margin: 0 5px 0 2px; } /* carateristique des input */

.labelform2 { width: 80px; float: left; text-align: right; margin: 0 5px 0 0; } /* carateristique des label, width minimum 203px; */

.pform2 { padding:0; text-align:left; float:left; width:197px; } /* carateristique des p */

.inputform2 { width:110px; height:13px; float:left; margin: 0 5px 0 2px; } /* carateristique des input */

.textareaform { width:393px; height:80px; overflow: auto; } /* carateristique du textarea */

.selectform { width:112px; height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#724D37; background:#F0EFE9; padding:0; border: 1px solid #724D37; } /* carateristique des select */

.selectform2 { width:112px; height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#724D37; background:#F0EFE9; padding:0; border: 1px solid #f00; } /* 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 */

#code { margin:5px 0 0 0; }

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

.divimagecaptchat { display:none; } /* carateristique de la div entourant l'image captchat */

.transp, .inputtexte, #code { background: transparent; border: 1px solid #724D37; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#724D37; } /* pour rendre les input et textarea transparent avec une bordure */

.transp2, .inputtexte2, #code2 { background:transparent; border: 1px solid #f00; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#724D37; } /* pour rendre les input et textarea transparent avec une bordure */

#coordonnees { display:block; width:190px; background: #fff url('images/coordonnees.gif'); color:#50381E; height:14px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; padding:2px 0px; margin:-10px 0 0 5px; _margin:-10px 0 0 2px; text-transform:uppercase; z-index:10; position:relative }

#mention { text-align:center; padding: 0 0 10px 0; width:200px; border-bottom:1px solid #aaa; border-right:1px solid #aaa; border-top:1px solid #fff; border-left:1px solid #fff; color:#fff; line-height:14px }

#mention a { color:#fff }

#autourmention { padding:100px 0 0 20px; width:200px; clear:both; margin:0 auto }

/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/
	
/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/	

/*/////////////////////////////////////////////// plan du site //////////////////////////////////////////////////////////////////*/	

#page2 { width:654px; margin:20px auto 0 auto; background: transparent url('images/page2.gif') repeat-y;clear:both; }

#entete2 {width:654px; height:279px; background: transparent url('images/entete2.jpg') no-repeat; clear:both; }

#contenu2 { clear:both; padding:0 70px; }

#contenu2 a { color:#724D37; }

#contenu2 a img {  border:1px solid #fff;  filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1;}

#contenu2 a:hover img { border:1px solid #fff;  filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

#contenu2 p { padding: 0 0 15px 0; line-height:16px; }

#contenu2 p:first-letter { font:bold 15px Verdana, Arial, Helvetica, sans-serif; }

#contenu2 a:first-letter { font:bold 15px Verdana, Arial, Helvetica, sans-serif; }

#adresse2 {width:654px; height:49px; clear:both; background: transparent url('images/adresse.gif') no-repeat; }

/*/////////////////////////////////////////////// fin plan du site //////////////////////////////////////////////////////////////////*/	

.center { text-align:center; margin:0px auto }
.clearvalidator{ clear:both; height:3px;}