* { margin:0; padding:0; outline:none; }
body {background: #5184A3 url('images/pattern.jpg') repeat-x;font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000;}

.index{color:#fff; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }
.index a { color:#fff; }
.h1{font: bold 11px Verdana, Arial, Helvetica, sans-serif;color:#fff;text-align: center;}
.contact{font-family:normal 11px Verdana, Arial, Helvetica, sans-serif;	color:#000000;text-align: center;}

#page { width:935px; margin:0 auto; background: transparent url('images/repeat.jpg') repeat-y;}
#header { width:726px; height:214px; float:left; background:transparent url('images/header.jpg') no-repeat}	
#droite {width:209px; height:458px; float:right; background: transparent url('images/droite.jpg') no-repeat;}
#gauche {width:220px; min-height:244px; float:left; background: transparent url('images/gauche.jpg') no-repeat; _height:244px;}
#titre { width:506px; height:39px; float:left; }
#centre { width:726px; min-height:244px;float:left;_height:244px;}	
#contenu { width:506px; min-height:208px; float:left; background: transparent url('images/contenu.jpg') no-repeat; _height:208px;}
#conteneur {padding:10px 0 0 60px;text-align:justify;}
#footer {width:935px;height:65px;background: transparent url('images/footer.jpg') no-repeat; clear:both;}
#page2 { width:935px; margin:0 auto; background: transparent url('images/repeat-plan.jpg') repeat-y;}
#header2 { width:935px; height:253px; float:left; background:transparent url('images/header-plan.jpg') no-repeat;}	
#centre2 { width:935px; min-height:244px;float:left;_height:244px; background:transparent url('images/contenu-plan.jpg') no-repeat;}	
#conteneur2 {padding:10px 40px 0 40px;text-align:justify;}
#footer2 {width:935px;height:65px;background: transparent url('images/footer-plan.jpg') no-repeat; clear:both;}

p{margin: 0 0 14px 0;}
a { color:#000}	
ul { margin:10px 50px 15px 50px;}
li { list-style-position:inside; list-style:circle;}
.grosseliste{font:bold 14px Verdana, Arial, Helvetica, sans-serif;}
.encadre { border:1px solid #333 }
.imageHorizontale { width:417px; height:185px; border:1px solid #333; text-align:center; margin:10px 0 10px 15px; padding-top:5px; background-color:#fff;}
.imageHorizontale2 {
	width:417px;
	height:300px;
	border:1px solid #DAEF92;
	text-align:center;
	margin:10px 0 10px 15px;
	padding-top:5px;
	background-color:#5184A3;
}
.imageVerticale { width:174px; height:226px; border:1px solid #333; text-align:center;  margin:0; padding-top:5px; background-color:#fff;}
.imageVerticale2 { width:174px; height:245px; border:1px solid #333; text-align:center;  margin:0; padding-top:5px; background-color:#fff;}
.gras a { font-weight:bold;}
					
.yzeo {text-align:center;color:#FFFFFF;font: normal 10px Verdana, Arial, Helvetica, sans-serif;padding: 0 8px 0 10px;margin: 0;}
.yzeo img {padding: 0 5px 2px 5px; border:none; vertical-align:middle;}
.yzeo a {color:#FFFFFF; }
		
#formulaire{ background: transparent; text-align:center; width:400px; padding:10px 0 0 10px;font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; }
#formulaire * { margin:0 0 2px 0; padding:0;}
.labelform { width: 203px; float: left; text-align: right; margin: 0 5px 0 0;}
.pform {padding: 3px 0px 10px 0px; text-align:left; clear:both;  }
.inputform {width:195px; height:13px;  float:left; margin: 0 5px 0 2px;}
.textareaform {	width:398px;height:100px;overflow: auto;background-color: #000;}
.selectform  { height:18px; float:left; margin: 0 5px 0 2px;font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; background-color:#5184a3;}
.labelmessage { width:95px;}
#labelenvoyer { width:125px;}
.inputenvoyer { width:150px; font: normal 10px Verdana, Arial, Helvetica, sans-serif;}
.divtexte { margin: 5px 0 0 0;  }
#formulaire div { margin: 5px auto; } 
#formulaire div a{ color:#000;}
.divimagecaptchat { display:none;}
.transp, .inputtexte { background: #5184a3; border: 1px solid #000;font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; }