/* CSS Document */

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

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

.index { text-align:center; color:#FFFFFF; }

.index a { color:#FFFFFF; }


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

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


/*a:link {
color:#000000; text-decoration: underline;
} 

a:visited {
color:#000000; text-decoration: underline;
} */

a:hover {
text-decoration: underline;
}
/*
a.lien:link {
color: #FFFFFF; text-decoration: underline;
} */
	
	
	
/*div id*/

#page { width:935px; margin:0 auto; background: transparent url('images/fond_tableau.gif') repeat-y;}
		
#barre { width:935px; height:202px; clear:both; background:transparent url('images/logo.jpg') no-repeat}			
		
#contenu { width:935px; min-height:200px; _height:262px; clear:both; background: transparent url('images/fond_tableau.gif') repeat-y; }	
		
#contenu a { color:#FFFFFF}	
		
/*#menu {width:241px; height:256px; float:left; background: transparent url('images/menu.jpg') no-repeat;}*/
#menu {width:241px; height:256px; float:left;}
		
#titre { width:694px; height:40px; float:left; }
	
#phototexte { width:694px; float:left; 	background:url('images/fondtexte.jpg') top no-repeat; padding:0 0 0 0; min-height:200px;
	_height:200px;}
	
#contenutxt{ width:534px; float:left;}
	
#phototexte p{color: #FFFFFF; padding:10px 0 0 0;}

#phototexte ul{color: #FFFFFF; padding:10px 0 0 40px;}

#adresse {width:935px;height:60px;background:url(images/adresse.gif) no-repeat;	clear: both;}
			
					
#yzeo {text-align:center;color:#FFFFFF;font: normal 10px Verdana, Arial, Helvetica, sans-serif;
		padding: 0px 8px 0px 10px;
		margin: 0;
		}
			
#yzeo img {padding: 0 5px 2px 5px; border:none; vertical-align:middle;}
			
#yzeo a {color:#FFFFFF; }

.encadre {
	background:#000;
	padding:10px;
	border:solid 1px white;
}

.cadreimg { border: outset 2px #290000;}

div#menubas { padding: 10px 0 10px 0; text-align:center; color:#fff; font:normal 10px Verdana, Arial, Helvetica, sans-serif; }
		
div#menubas a { color:#fff; }

.note { color:#CC3300; }

.center { text-align:center; }

.noborder { border:none; }


/*//////////////////plan du site///////////////////*/

#pagepds { width:793px; margin:0 auto; padding:0; background:url('images/plan-du-site/fond_tableau.gif') repeat-y;}

/*#barrepds { width:793px; height:134px; margin:0; padding:0; background:url('images/plan-du-site/plan-du-site_01.jpg');}*/
#barrepds { width:793px; height:134px; margin:0; padding:0;}
#contenupds { background: url('images/plan-du-site/plan-du-site_02.jpg') no-repeat top ;text-align:justify; padding: 0 80px 0px 80px;}

#contenupds p,a{font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; padding:10px 0 0 0;}

#adressepds { background: url('images/plan-du-site/adresse.gif');  height:62px; margin:0 auto; padding:0;}

/*//////////////////fin plan du site///////////////////*/
	
		
/*/////////////////formulaire////////////////////////////*/
		
	#formulaire{ background: transparent; text-align:center; width:450px; padding:10px 10px 0 30px;    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 */
	
	#formulaire fieldset { border:1px solid #290000; padding:10px;  }
	
	#formulaire legend{ background-color:#290000; padding:5px 10px; }
	
	.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:50px;
	overflow: auto;
	background-color: #000000;
} /* carateristique du textarea */
	
	.selectform  { height:18px; float:left; margin: 0 5px 0 2px;font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#4F0707;} /* 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: #4F0707; border: 1px solid #000;font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; } /* pour rendre les input et textarea transparent avec une bordure */
	
	
	/* ************************* Class Plan API GOOGLE ************************* */

.titreplan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
}
.txtplan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #9a379b;
}
.plan {
	width: 500px;
	height:450px;
	border:1px solid #290000;
	margin: 0 auto;
	
}

/* ************************* Fin Class Plan API GOOGLE ************************* */

.cadreimg {
	border: 2px solid #FFFFFF;
}

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

.nouveaute { margin-left:23px; margin-top:8px; }

.clearvalidator{ clear:both; height:3px;}