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

/*html, body { width:100%; height:100%}*/

/*html{ background-color:#FF0000;}*/

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

body td, div, p {font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#222;} 

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

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

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

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

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

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

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

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

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

.indent {text-indent:5px;}

.liste li { margin-left:10px; list-style:disc inside;}

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

li { line-height:18px; list-style:inside;}

ul { padding-top:0px; margin:0 20px 10px 50px;}

#conteneur { width:960px; margin:0 auto; padding:0; background: transparent url('images/repeat.jpg') repeat-y;}

#header { width:960px; height:246px; margin:0; padding:0; background: transparent url('images/header.jpg') no-repeat;}

#titre { width:960px; height:28px; margin:0; padding:0;}

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

#contenu { text-align:justify; padding: 20px 25px 5px 25px;}

#footer { background: url('images/footer.jpg'); width:960px; height:36px; margin:0 auto; padding:0;}

#yzeoConteneur {height:24px; width:155px; padding:5px 0 0 793px;}

#yzeoGH {height:12px; width:107px; text-align:right; vertical-align:top; line-height:10px; padding-top:2px;}

#yzeoD {height:22px; width:42px; float:right; padding: 2px 0 0 0}

#yzeoD img {border:none; }

#yzeoG {height:24px; width:107px; float:left;}

#coordonnees {float:left; width:240px; text-align:center; padding: 50px 0 0 30px;}

.gras a { font-weight:bold;}

.encadre { border:1px solid #222;}

	/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
	
	form { height: 440px; }
	
	#formulaire{ background: transparent; text-align:center; width:400px; padding:0; padding:0 0 0 10px; float:left;     } /* 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:#222;} /* carateristique des input */
	
	.textareaform { width:398px; height:80px; overflow: auto; color:#222;} /* carateristique du textarea */
	
	.selectform  { height:18px; float:left; margin: 0 5px 0 2px; color:#222;} /* 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:#222;} /* 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 { background: transparent; border: 1px solid #222; color:#222;} /* pour rendre les input et textarea transparent avec une bordure */
	
	/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/
	
	/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.texte2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
/* ************************* Class Plan API GOOGLE ************************* */

.titreplan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
}
.titre-vert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #00CC00;
	border: 1px solid #FFFFFF;
	padding: 5px;
}
.titre-rouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #FF3300;
	padding: 5px;
	border: 1px solid #FFFFFF;
}
.titre-bleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #0099FF;
	padding: 5px;
	border: 1px solid #FFFFFF;
}
.categorie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.bg-plan {
	background-image: url(images/titre-plan-droite.jpg);
	background-repeat: no-repeat;
	text-align: right;
}
.lien1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
a.lien1:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
a.lien1:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}





.txtplan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #9a379b;
}
.cadre-bleu { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: solid; border-top-color: #C6E6F3; border-right-color: #C6E6F3; border-bottom-color: #C6E6F3; border-left-color: #C6E6F3; width: 301px; padding: 5px; text-align: center; 
}

.plan {
	width: 870px;
	height: 300px;
	border:1px #140411 solid;
}

/* ************************* Fin Class Plan API GOOGLE ************************* */
.cadre-bleu2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C6E6F3;
	border-right-color: #C6E6F3;
	border-bottom-color: #C6E6F3;
	border-left-color: #C6E6F3;
	width: 301px;
	padding: 5px;
}
/* SOUS MENU INDEX */
#sous_menu{
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4BB6E9;
	text-decoration: none;
	background-color: #FFFFFF;
}

#sous_menu ul{
margin:0;
padding:0;
list-style:none;
}

#first_li{
border-top:1px solid #f6950b;
}

#sous_menu ul li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #7AC8EE;
	text-align: center;
	background-color: #FFFFFF;
	list-style-image: none;
	list-style-type: none;
}

#sous_menu ul li a{
	color:#4BB6E9;
	font-size:12px;
	display:block;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #FFFFFF;
	list-style-image: none;
	list-style-type: none;
	border: 1px solid #FFFFFF;
	background-position: center;
	vertical-align: middle;
}


#sous_menu ul li a:hover{
	background-color:#7AC8EE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	list-style-image: none;
	list-style-type: none;
	background-position: center;
	vertical-align: middle;
}
/* FIN SOUS MENU */
.cadre-bleu3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C6E6F3;
	border-right-color: #C6E6F3;
	border-bottom-color: #C6E6F3;
	border-left-color: #C6E6F3;
}
.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.cadre-bleu4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C6E6F3;
	border-right-color: #C6E6F3;
	border-bottom-color: #C6E6F3;
	border-left-color: #C6E6F3;
	padding-left: 5px;
}
.Style1 {font-size: 14px}
.Style2 {font-size: 14px; font-weight: bold; }
.Style3 {font-size: 12px}
.Style4 {font-size: 11px}
.texte {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	color: #5086C5;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
}#contenu2 {
text-align:justify; padding: 20px 25px 5px 25px;
}

.img {
	border: 1px solid #FFFFFF;
	margin-left: 10px;
}


/* Début de Highslide */
.highslide { cursor: url('highslide/graphics/zoomin.cur'), pointer; outline: none; }

.highslide-active-anchor img { visibility: hidden; }

.highslide img { border: 2px solid #49557B; }

.highslide:hover img { border: 2px solid white; }

.highslide-wrapper { background: white; }

.highslide-image { border: 2px solid white; }

.highslide-image-blur { }

.highslide-caption { display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; padding: 5px; background-color: white; }

.highslide-loading { display: block; color: black; font-size: 8pt; font-family: sans-serif; font-weight: bold; text-decoration: none; padding: 2px; border: 1px solid black; background-color: white; padding-left: 22px; background-image: url('highslide/graphics/loader.white.gif'); background-repeat: no-repeat; background-position: 3px 1px; }

a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; }

a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; }

.highslide-move { cursor: move; }

.highslide-overlay { display: none; }

a.highslide-full-expand { background: url('highslide/graphics/fullexpand.gif') no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; }

.controlbar { background: url('highslide/graphics/controlbar4.gif'); width: 167px; height: 34px; }

.controlbar a { display: block; float: left; /*margin: 0px 0 0 4px;*/	
	height: 27px; }

.controlbar a:hover { background-image: url('highslide/graphics/controlbar4-hover.gif'); }

.controlbar .previous { width: 50px; }

.controlbar .next { width: 40px; background-position: -50px 0; }

.controlbar .highslide-move { width: 40px; background-position: -90px 0; }

.controlbar .close { width: 36px; background-position: -130px 0; }


.highslide-display-block { display: block; }

.highslide-display-none { display: none; }
