/* CSS Document */
		* { margin:0; padding:0; outline:none; }
		
body {background-repeat: repeat-x;background-image:url('images/pattern.jpg');background-color: #fff;
	margin:0px;	padding-top:0px;}
	
h1{font-family: tahoma, Helvetica, sans-serif; font-size: 11px;color: #fff;}
		
a:link {color:#fff; text-decoration: underline;}
		
a:visited {	color:#fff; text-decoration: underline;}
		
a:hover {color:#fff; text-decoration: none;}
		
.texte {font-family: tahoma, Helvetica, sans-serif; font-size: 11px;color: #fff;}
#textec {font-family: tahoma, Helvetica, sans-serif; font-size: 12px; color:#00CCFF;}
.textec {font-family: tahoma, Helvetica, sans-serif; font-size: 12px; color:#00CCFF;}
.txted {font-family: tahoma, Helvetica, sans-serif; font-size: 11px; color:#00CCFF; }

#page { width:950px; margin:0 auto; background: #000 url('images/repeat.jpg') repeat-y;}
		
#entete { height:227px;}
			
#menu {	width:242px;height:264px;float:left;clear:both;	}
			
#titre { width:708px; height:51px; float:left; }
			
			
#contenu {width:668px; min-height:200px; _height:221px; float:right;
		background:url('images/contenu_vide.jpg') top no-repeat;padding:0px 20px 0px 20px; }
		
#adresse {width:950px;	height:41px; background:url('images/bandeau.jpg') no-repeat; clear:both;}

#fondyzeo {width:950px;	height:43px; background:url('images/bandeaubas.jpg') no-repeat; clear:both;}

#contenu p{	padding:0 0 10px 0;	font-family: tahoma, Helvetica, sans-serif; font-size: 11px;
		color: #fff;text-align: justify;
		}
		
#contenu strong{color:#fff;}

#contenu ul{ padding:0px 0px 0px 15px;}

#gauche { width:200px; padding-left:20px;}

#gauche p{	padding:0 0 10px 0;	font-family: tahoma, Helvetica, sans-serif; font-size: 11px;
		color: #fff;text-align: justify;
		}

a.rollopaque { background:transparent; border:none; text-decoration: none; }

a.rollopaque img{ background:none; border:none; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1;  }

a.rollopaque:hover img{background:none;	border:none;  filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }
		
div#yzeo {text-align:center;color:#b61701;	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
		padding: 0px 8px 0px 10px;	margin: 0;	}
			
div#yzeo img {padding: 0 5px 2px 5px; border:none; vertical-align:middle;}
			
div#yzeo a {color:#b61701; }
		
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; }
		
.lien {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;color: #FFFFFF;	}


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

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

#entetepds {  height:298px; margin:0; padding:0; background:url('images/plan-du-site/plan-du-site_02.jpg');}

#contenupds {background: url('images/plan-du-site/plan-du-site_04.jpg') no-repeat top ; text-align:justify; padding: 0 100px 0px 100px;}

#contenupds p{padding:0 0 10px 0;	font-family: tahoma, Helvetica, sans-serif; font-size: 11px;
		color: #fff;text-align: justify;}

#adressepds { background: url('images/plan-du-site/plan-du-site_06.jpg'); width:836px; height:41px; margin:0 auto; 

padding:0;}

#fondyzeopds {width:836px;	height:43px; background:url('images/plan-du-site/plan-du-site_07.jpg') no-repeat; clear:both;}

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

		
		/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
						
			#formulaire{ text-align:center; width:280px; padding:0 10px 0 00px; float:left; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; display:table-cell } /* carateristique du formulaire */
			
			#formulaire * { margin:0 0 5px 0; padding:0; } /* caracteristique de toutes les balises qui se trouvent dans le formulaire */
			
			.labelform {
	width: 120px;
	text-align: left;
	margin: 0 5px 0 0;
	float: left;
} /* carateristique des label, width minimum 203px; */
			
			.pform {
	padding: 5px 0px 10px 0px;
	text-align:left;
	clear: both;
} /* carateristique des p */
			
			.inputform {width:150px; height:15px;  float:left; margin: 0 5px 0 2px;} /* carateristique des input */
			
			.textareaform {
	width:280px;
	height:80px;
	overflow: auto;
	float: left;
} /* carateristique du textarea */
			
			.selectform  {
	height:18px;
	float:left;
	margin: 0 5px 0 2px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background: #071F65;
} /* 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;
	clear: both;
} /* 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 {
	border: 1px solid #fbca01;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background:transparent;
} /* pour rendre les input et textarea transparent avec une bordure */

/*/////////////////////////////////////////////// formulaire Recrutement//////////////////////////////////////////////////////*/
			
			#formulairerecrut{ text-align:center; width:450px; padding:0 10px 0 00px; float:left; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; display:table-cell;  } /* carateristique du formulaire */
			
			#formulairerecrut * { margin:0 0 5px 0; padding:0; } /* caracteristique de toutes les balises qui se trouvent dans le formulaire */
			
						
			.labelformrecrut {
	width: 203px;
	text-align: left;
	margin: 0 5px 0 0;
	float: left;
} /* carateristique des label, width minimum 203px; */
			
			.pform {
	padding: 5px 0px 10px 0px;
	text-align:left;
	clear: both;
} /* carateristique des p */
			
			.inputformrecrut {width:120px; height:15px;  float:left; margin: 0 5px 0 2px;} /* carateristique des input */
			
			.textareaformrecrut {
	width:350px;
	height:80px;
	overflow: auto;
	float: left;
} /* carateristique du textarea */
	
								
#formulairerecrut div { margin: 5px auto; } /* centrer dans le formulaire des div */


/* ************************* 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: 340px;
	height:500px;
	border:2px solid #fbca01;
	
	
}

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