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

body { background: #360 url('images/pattern.jpg') repeat-x;}

.bg { background: #360 url('images/pattern2.jpg') repeat-x;}

body td, div, p {
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
} 

p { line-height:13px; padding: 0 0 14px 0;}

input, textarea, select {background-color:#fff; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#360;}

.indentify {text-indent:5px; padding-left:30px; padding-right:20px;}

.majuscule p:first-letter {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#fc0;}

h1 { font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; line-height:14px; padding:10px 0 0 0; text-align:center; height:15px; vertical-align:middle;}

h2 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; line-height:14px; padding: 6px 0 0 5px; margin:10px 0 ; border:#fc0 3px solid; background:#360; height:20px; vertical-align:middle;}

h3 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#fc0; margin:10px;}

h4 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color: #eee; margin:10px;}

h5 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; line-height:12px; padding: 6px 0 0 5px; margin:10px 0 ; border:#fc0 3px solid; background:#360; height:37px; vertical-align:middle;}

a { font: normal Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration: underline;} 

.lien {font:normal  11px Verdana, Arial, Helvetica, sans-serif; color:#fff;}

.yzeo {font:normal  10px Arial, Helvetica, sans-serif; color:#fff;}

.yzeo a {font:normal  10px Arial, Helvetica, sans-serif; color:#fff; text-decoration: underline;} 

.indent {text-indent:5px;}

.liste li { margin: 10px 0 0 0; list-style:square inside; padding:5px 0 0 0;}

.photos { text-align:center; border:none; padding-bottom:10px; }
.photos img { border:none; }

.liste2 li { margin: 0; list-style:none inside; padding:5px 10px 0 5px;}

.form tr td { border-bottom:none; border-top:none; border-right:none; border-left:none;}

li { line-height:14px;}

ul { padding-top:0px;}

#conteneur { width:975px; margin:0 auto; padding:0;}

#header { width:975px; height:172px; margin:0; padding:0;}

#centre { background: url('images/repeat.jpg'); width:975px; min-height:398px; margin:0; padding:0; display:table-cell;}

#gauche { background: url('images/gauche.jpg') no-repeat; width:259px; height:398px; margin:0; padding:0; float:left;}

#milieu { background: width:716px; min-height:284px; margin:0; padding:0; float:right;}

#droite { background: url('images/contenu.jpg') no-repeat; width:716px; min-height:284px; margin:0; padding:0;}

#titre { width:716px; height:114px; margin:0; padding:0;}

#contenu { text-align:justify; padding: 0 65px 10px 25px;}

#footer { background: url('images/footer.jpg'); width:975px; height:57px; margin:0; padding:0; float:left;}

#conteneur-plan { width:746px; margin:0 auto; padding:0;}

#header-plan { width:746px; height:286px; margin:0; padding:0; background: url('images/header-plan.jpg');}

#milieu-plan { background: url('images/contenu-plan.jpg') no-repeat; width:746px; min-height:284px; margin:0; padding:0;}

#centre-plan { background: url('images/repeat-plan.jpg'); width:746px; min-height:284px; margin:0; padding:0; display:table-cell;}

#contenu-plan { text-align:justify; padding: 0 65px 10px 45px;}

#footer-plan { background: url('images/footer-plan.jpg'); width:746px; height:57px; margin:0; padding:0; float:left;}

#yzeoConteneur {height:24px; padding:5px 0 0 0; text-align:center; margin:auto;}

#coordonnees {text-align:center; padding: 10px 20px 0 25px;}

.titre01 {font:bold 12px Verdana, Arial, Helvetica, sans-serif; border:#fff 1px solid; background:#86cd22; width:200px; height:15px; padding:3px 0 0 5px; margin:5px 0 0 0;}

.titre02 {font:bold 11px Verdana, Arial, Helvetica, sans-serif; border-bottom:#000 1px solid; width:645px; height:13px; padding:0 0 5px 5px; margin:8px 0 0 0; vertical-align:middle;}

.titre03 {font:bold 12px Verdana, Arial, Helvetica, sans-serif; border:#fff 1px solid; background:#86cd22; width:400px; height:15px; padding:3px 0 0 5px; margin:5px 0 0 0;}

.img { border:#000 1px solid;}

.imgRight { float:right; padding:15px 0 0 10px;}

.imgRight2 { float:right; padding:5px 0 0 10px;}

.back { text-align: right; font:normal 10px Verdana, Arial, Helvetica, sans-serif;}

sup {font:normal 8px Verdana, Arial, Helvetica, sans-serif;}

.planBold a { font-weight:bold;}

.listeLettre { list-style-position:inside; list-style: none; padding:0 0 14px 20px;}

.listeLettre li {padding: 0; margin: 0 0 0 15px;}

hr {width:100px; margin: 10px auto; text-align:center; background:#fc0; color:#fc0;}

.astuces { width:180px; height:160px; padding:0; float:left; text-align:center; vertical-align:middle; margin:0 0 10px 0;}

.back { text-align: right; font:normal 10px Verdana, Arial, Helvetica, sans-serif;}

.gras a{ font-weight:bold;}

.tableau td {border-left: 1px solid #360;border-right: 1px solid #360; border-bottom:none; border-top:none; padding:5px 5px 5px 10px;}
.tableau tr{}
.altern {background-color:#708A29;}

	/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
	
	.form { height: 440px; }
	#formulaire{ background: transparent; text-align:center; width:400px; padding:0; margin:auto;} /* carateristique du formulaire */
	
	#formulaire * { margin:0 0 2px 0; padding:0; font: normal 11px Verdana, Arial, Helvetica, sans-serif;} /* 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; color:#fff;} /* carateristique des input */
	
	.textareaform { width:398px; height:80px; overflow: auto; color:#fff;} /* carateristique du textarea */
	
	.selectform  { height:18px; float:left; margin: 0 5px 0 2px; color:#360;} /* 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; color:#360;} /* 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 { border:1px solid #fff; padding: 0 0 0 100px;} /* carateristique de la div entourant l'image captchat */
	
	.transp, .inputtexte { background: transparent; border: 1px solid #fff; color:#fff;} /* pour rendre les input et textarea transparent avec une bordure */
	
	/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/
	
	/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/

