/* CSS Document */

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

p { padding:7px; }

.body { background: #DD9114 url('images/fond.jpg') repeat-x; font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-align:justify; margin: 0px; }

.h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; font-weight: bold; text-transform: none; color:#000000; letter-spacing: normal; word-spacing: normal; white-space: normal; text-align: center; }

.contact { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; text-transform: none; color:#000000; letter-spacing: normal; word-spacing: normal; white-space: normal; text-align: center; margin-left: 0px; }

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

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

a:hover { color:#000000; text-decoration: underline; }

a.lien:link { color: #FFFFFF; text-decoration: underline; }

a.planacces { color:#000000; text-decoration:underline; }

/*div id*/

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

#barre { width:935px; height:194px; clear:both; background:transparent url('images/logo.jpg') no-repeat }

#contenu { width:935px; min-height:264px; _height:262px; clear:both; background: transparent url('images/fond_tableau.gif') repeat-y; }

#menu { width:219px; height:264px; float:left; background: transparent url('images/menu.jpg') no-repeat; }

#titre { width:716px; height:41px; float:left; }

#texte { width:656px; min-height:244px; _height:264px; padding:20px 50px 0 10px; background:url('images/fondtexte.jpg') top no-repeat; color: #FFFFFF; float:left }

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

div#yzeo img { padding: 0 5px 2px 5px; border:none; vertical-align:middle; }

div#yzeo a { color:#FFFFFF; }

#lien-bas-page { clear:both; width:935px; margin:0 auto; padding-top:10px; text-align:center; }
a.lienplan:link { color: #fff; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
a.lienplan:hover { color: #fff; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
a.lienplan:visited { color: #fff; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
a.lienplan:active { color: #fff; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.lienplantiret { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

.text-norm { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; }
.maj { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFFFFF; }

.sous-rubrique { clear:both; width:500px; margin:0 auto; border:double #dd9114; padding:5px; display:table; text-align:left; }
.menu { float:left; width:240px; margin:0 0 0 10px; text-align:left; }
.separateur { clear:both; width:100px; height:2px; margin:5px auto; background:#dd9114; }
.gal { clear:both; height:125px; text-align:center; font-style:italic; padding-top:5px; }
.gal img { border:none; margin:0 10px 2px 10px; }

/*formulaire*/
		
		#formulaire { background: transparent; text-align:center; width:400px; padding:10px 0 0 0; margin:0 auto; 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: #fff; } /* carateristique du textarea */

.selectform { height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color:#DD9215; } /* 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 black; padding: 0 0 0 100px; } /* carateristique de la div entourant l'image captchat */

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

/* Les "nettoyeurs" */
.clear, .clearb { clear: both; }
.clearer {
	clear: both;
	width: 0;
	height: 0;
	line-height: 0;
}


/* Des classes d'alignement du texte */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }


/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }
.italic, .italique { font-style: italic; }
.strike, .barre { text-decoration: line-through; }

/* Des classes flotante */
.fleft, .floatleft { 
	float: left;
}
.fright, .floatright {
	float: right;
}

.padL{padding-left:20px;}
.padL150{padding-left:150px;}