body {background: #212020 url('images/fond.jpg') repeat-x;margin:0px;padding:0px; font:normal 11px Verdana, Arial, Helvetica, sans-serif;color:#333;text-align:justify;}
h1{	font: normal 11px Verdana, Arial, Helvetica, sans-serif;color: #fff;line-height:10px;padding:0px;}
.bas{font:normal 10px Arial, Helvetica, sans-serif;	color: #fff;}
a{font:normal 11px Verdana, Arial, Helvetica, sans-serif;color: #fff; text-decoration: underline;} 
a:hover {color: #090;}
.lien{font:normal 11px Verdana, Arial, Helvetica, sans-serif;color:#333;}
.yzeo{font:normal 10px Arial, Helvetica, sans-serif;color: #000;}
a.yzeo{font:normal 10px Arial, Helvetica, sans-serif;color: #000;text-decoration: underline;} 
.txt {font:normal 11px Verdana, Arial, Helvetica, sans-serif;color:#333;}
.indent{ text-indent:5px;}
.liste li{ margin-left:10px;list-style-type:disc;}
.liste2 li{ margin-left:60px;}
blockquote{ font-size:smaller;}
.liste3{list-style-image: url('images/tree-li.gif');}
.form tr td{ border-bottom:none; border-top:none; border-right:none; border-left:none;}
li{line-height:18px;}
ul{ padding-top:0px;}
.encadre { border:1px solid #063;}
.bg {background-repeat:repeat-y;}
.fdc {background-position:top;background-repeat:no-repeat;}
.centrer { text-align:center; margin:0 auto;}
	/*/////////////////////////////////////////////// bibi //////////////////////////////////////////////////////////////////*/
#droite {float: right; margin:20px 0 10px 25px;}
#contenu {padding:20px 45px 0 45px;	width:836px;}
	/*/////////////////////////////////////////////// fin bibi //////////////////////////////////////////////////////////////////*/
#page {width:951px; background: transparent url('images/fdc.jpg') repeat-y; margin-left:auto; margin-right:auto;}
#haut {height:50px; width:951px; background:transparent url('images/charte_02.jpg') no-repeat;}
#head {width:951px; height:227px;}
#titre {width:951px; background: transparent url('images/charte_05.jpg') no-repeat; display:table-cell; height:91px;}
#milieu {width:951px; background: transparent url('images/charte_06.jpg') no-repeat; margin-left:auto; margin-right:auto; clear:both; background-position:top;}
#adresse {width:926px; background: transparent url('images/charte_07.jpg') no-repeat; padding-right:25px; padding-top:12px; margin-left:auto; margin-right:auto; text-align:right; height:24px; clear:both;}
#mention { text-align:center; padding: 0px 0px 0px 125px; float:left;  }
#bas {width:951px; margin-left:auto; margin-right:auto; text-align:center; height:20px; margin-top:10px;}
	/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
#formulaire{background: transparent;text-align:center;width:400px;padding:0;margin:0;float:left; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff;} /* 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:80px; overflow: auto;} /* carateristique du textarea */
.selectform  { height:18px; float:left; margin: 0 5px 0 2px;   font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff;} /* 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 */
.divimagecaptchat { border:1px solid black; padding: 0 0 0 100px; } /* carateristique de la div entourant l'image captchat */
.transp, .inputtexte { background: transparent; border: 1px solid #fff;   font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; } /* pour rendre les input et textarea transparent avec une bordure */
			
/* ************************* Class Plan API GOOGLE ************************* */
.titreplan {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-style: normal;color: #000000;font-weight: bold;}
.txtplan {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-style: normal;color: #9a379b;}
.plan {	width: 500px;height: 350px;	border:1px #140411 solid;}
/* ************************* Fin Class Plan API GOOGLE ************************* */

/* Placement d'images */
.imgLeft { float:left; padding-bottom:0; margin:0 2em 0 0; /*border:1px solid #000;*/ }
.imgRight { float:right; padding-bottom:0; margin:0 0 0 2em; /*border:1px solid #000;*/ }

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

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

.pad1 { padding-right:10px; }
.pad3 { padding-right:30px; }

.margL { margin-left:50px; }

.padR { padding-right:10px; }

.video { margin:0 auto; width:480px; height:348px; border:solid 5px #528d79; }

.cadre1 { float:left; width:395px; padding:5px; border:solid 1px #666; background-color:#e0e0e0; margin-top:50px; }

.bleuC { color:#0b89ef; }
.bleu { color:#0300f0; }
.violet { color:#66035f; }
.vert { color:#006800; }
.rouge { color:#f90021; }
.orange { color:#fd7e4a; }
.bleuCiel { color:#65eff1; }
.jaune { color:#f7fa1f; }


/* **** */
.table1 { width:800px; margin:0 auto; }

.td1 { background-color:#9abd69; text-align:center; padding:3px; border:solid 1px #666; font-weight:bold; }
.td2 { border:solid 1px #666; }
.td3 { text-align:center; padding:3px; border:solid 1px #666; font-weight:bold; color:#F00; }

.tdOrange { background-color:#ff6600; text-align:center; padding:3px; border:solid 1px #666; }
.tdOrangeC { background-color:#ff9900; text-align:center; padding:3px; border:solid 1px #666; }
.tdBleuC { background-color:#99ccff; text-align:center; padding:3px; border:solid 1px #666; }
.tdBleu { background-color:#666699; text-align:center; padding:3px; border:solid 1px #666; }
.tdVert { background-color:#339966; text-align:center; padding:3px; border:solid 1px #666; }
.tdVertC { background-color:#99cc00; text-align:center; padding:3px; border:solid 1px #666; }
.tdJaune { background-color:#ffff00; text-align:center; padding:3px; border:solid 1px #666; }
.tdViolet { background-color:#cc99ff; text-align:center; padding:3px; border:solid 1px #666; }
.tdVioletC { background-color:#dfc1fd; text-align:center; padding:3px; border:solid 1px #666; }
.tdGris { background-color:#c0c0c0; text-align:center; padding:3px; border:solid 1px #666; }
.tdRose { background-color:#ff99cc; text-align:center; padding:3px; border:solid 1px #666; }

/* ***** */

.Style2 { color: #42a393; font-weight: bold; font-size: 14px; }

