/* CSS Document */
		* { margin:0; padding:0; outline:none; }
		
		body {
		background-image: url(images/fond.jpg);
		background-repeat: repeat-x;
		background-position: top;
		background-color: #CA4F02;
		margin:0px;
		}
		
		
		a:link {
		color: #cc3300; text-decoration: underline;
		} 
		
		a:visited {
		color: #cc3300; text-decoration: underline;
		} 
		
		a:hover {
		color: #cc3300; text-decoration: underline;
		}
		
		a.lien:link {
		color: #2D28A9; text-decoration: underline;
		} 
		
		a.lien:visited {
		color: #2D28A9; text-decoration: underline;
		} 
		
		a.lien:hover {
		color: #2D28A9; text-decoration: underline;
		}
		
		.texte {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: normal;
		font-weight: normal;
		text-transform: none;
		color: #CC3300;		
			}
		
		
			
		a.rollopaque img{
		border:solid 1px #ccc;
		filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1;
		}

		a.rollopaque:hover img{
		border:solid 1px #ccc;  filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7;
		}	
		
		#page { width:940px; margin:0 auto;  
		background: #890707 url('images/bg.gif') repeat-y;}
		
		#entete { width:690px; height:165px; float:right; }
			
		#menu {
			width:250px;
			height:445px;
			float:left;
			
		}
			
		#titre { width:690px; height:75px; float:right; }
			
			
		#contenu {
		width:630px;
		min-height:180px;
		background:transparent url('images/bgtxt.gif') no-repeat top;
		float:right;
		padding:20px 40px 10px 20px ;
		}
		
		#contenugauche { float:left; width:200px; }
			
		#contenudroite {
		float:right;
		width:400px;
	
		}
		
		#contenu p{
		padding:0 0 15px 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
 		color: #CC3300;
		text-align: justify;
		}
		
		.titre {
		font-family: Tahoma, Helvetica, sans-serif;
		font-size:14px;
		background-color:#006699;
		text-align:center;
		color: #fff;
		
		}
		
		
		#contenu p:first-letter { font: bold 12px Arial, Helvetica, sans-serif; }
			
		#contenu ul{ 
		padding:0 0 15px 30px;
		
		font-family:  Arial, Helvetica, sans-serif;
		font-size: 12px;
 		color:#CC3300;
		text-align: justify;
		}
		
		
			
		#adresse {
		width:910px;
		height:46px;
		background:url(images/ardeche.gif) no-repeat;		
		clear: both;
		padding:10px 30px 0px 0px;
		text-align:right;
		
		}
		
		
		
		.yzeo {	
		width:200px;
		float:right;	
		}
		
		.crea {	
		
		width:150px;
		float:left;
		margin-top:3px;
		color:#2D28A9;
		font: normal 10px Verdana, Arial, Helvetica, sans-serif;
		}
		
		.logo {
	
	
		color:#2D28A9;
		float: right;
		border:none;
		
		}
		
		
			
		div#yzeo img {padding: 0 5px 2px 5px; border:none; vertical-align:middle;}
			
		div#yzeo a {color:#2D28A9; }
		
		div#menubas {
	padding: 10px 0 10px 0;
	text-align:center;
	color:#fff;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	clear: both;
}
		
		div#menubasindex { padding: 10px 0 10px 0; text-align:center; color:#fff; font:normal 10px Verdana, Arial, Helvetica, sans-serif; }
		
		div#menubas a { color:#fff; }
		
		div#menubasindex a { padding: 10px 0 10px 0; text-align:center; color:#fff; font:normal 10px Verdana, Arial, Helvetica, sans-serif; }
		
		#contact {  clear:both; width:450px; }
		
		div#mention { text-align:center; float:left; padding:30px 0 0 90px;   }
		
		h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CA4F02;
	font-weight: normal;
	text-align: center;
		}
		
		.lien {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #2D28A9;
		}
		
		.blanc {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #FFFFFF;
		}
		/*//////////////////////plan du site///////////////////*/
		
		#pagepds { 
		width:940px; margin:0 auto;  
		background: #890707 url(images/plan-du-site/bg.gif) repeat-y;}
		
		
		#entetepds { width:940px; height:119px; background-image:url('images/plan-du-site/plan-du-site_02.gif');  }		
			
		#contenupds { width:480px;  clear:both; padding:0px 230px 0px 230px; min-height:340px;
		background:url('images/plan-du-site/plan-du-site_04.jpg') top no-repeat;
		 }
		
		#contenupds p{
		
		
		padding:0px 0px 0px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
 		color:#CC3300;
		text-align: justify;
		
		}
		
		#adressepds {

		width:940px;
		height:73px;
		
		background-image:url('images/plan-du-site/ardeche.gif'); no-repeat;
		clear: both;
		
		}
		
		div#yzeopds{
		margin:0px auto;	
		text-align: center;
		vertical-align: middle;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		width: 940px;
		color: #000;
	
}

div#yzeopds img
{
	vertical-align: middle;
}


		
		
		/*/////////////fin plan du site ///////////////////*/
		
		/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
			
			#formulaire{ text-align:center; width:400px; padding:0 0 0 100px; float:left; font: normal 12px  Arial, Helvetica, sans-serif; color:#CC3300; display:table-cell } /* 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:190px; height:13px;  float:left; margin: 0 5px 0 2px;} /* carateristique des input */
			
			.textareaform { width:393px; height:80px; overflow: auto;} /* carateristique du textarea */
			
			.selectform  { height:18px; float:left; margin: 0 5px 0 2px; font: normal 12px  Arial, Helvetica, sans-serif; color:#CC3300;} /* 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 12px  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 #fff; padding: 0 0 0 100px; } /* carateristique de la div entourant l'image captchat */
			
			.transp, .inputtexte { background: #fff; border: 1px solid #A7A6AA; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000000; } /* 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: 400px;
	border:1px #140411 solid;
	margin-left:50px;
}

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