/* _______________ TEXTES ET LIENS _______________ */
p,h1,h2,h3,h4,h5,h6,ul, blockquote {
	margin:0;
	padding:0 25px 0 25px;
	}
p {text-align: justify; margin-bottom:20px;}

h2:first-letter, p:first-letter {font-weight:bold;}

li {
	list-style-type:disc; 
	margin-left:50px;
	padding:2px;
	}

h2{
	display:block;
	right:0;
	font-size: 1.8em;
	font-weight: lighter; 
	height:90px;
	background: url('images/site-fd-titre.jpg') no-repeat top right;
	color:#ffffcc;
	vertical-align:top;
	text-align:right;
 	padding:40px 25px 0 0;
	text-decoration:none;
	z-index:1;
	}
	
h1 {margin:0; padding:0; font-size: 1.6em; line-height: 1.4em; font-weight: normal;}
h3 {font-size: 1.4em; font-weight: bolder; line-height: 1.4em; color:#cc5733}
h4 {margin:10px 0 0 25px; font-size: 1.3em; font-weight: bold; line-height: 1.1em;}
h5 {font-size: 1em; font-weight: lighter;} 
h6 {font-size: 0.8em; font-weight: lighter; line-height: 1.3em;}

a:link, a:visited{text-decoration: underline; color: #CC5733;} 
a:hover {text-decoration: none; color: #FF6600;}

.gris,.gris a:visited,.gris a:link {color: #999999 ;} 
.gris a:hover {text-decoration:none; color: #000000 ;}

.orange,.orange a:visited,.orange a:link {color: #FF6600 ;} 
.orange a:hover {text-decoration:underline; color: #FF6600;} 

.noir, .noir a:visited,.noir a:link {color: #000000 ;} 
.noir a:hover {text-decoration:none; color: #666666 ;} 

.rouge, .rouge a:visited,.rouge a:link {color: #FF0000; } 
.rouge a:hover {text-decoration:none; color: #FF0000; } 


/* _______________ MENU _______________ */

	#menu{
		width:245px;
		}
		.menu_contenu{
		width:245px;
		font-size: 0.9em;
					}
		
		.menu_contenu li, ul{
		list-style: none;
		padding:0;
		margin:0;
			}
		
		.menu_contenu a:link, .menu_contenu a:visited {
			text-decoration: none;
			color: #CC5733;
			background: url('images/site-fd-bouton-of.png') no-repeat left;
		}
		.menu_contenu a:hover{
			color : #FF6600;
			background: url('images/site-fd-bouton-on.png') no-repeat left;
		}
			.lien_menu {
			display: block;
			font-size: 1.1em;
			line-height: 30px;
			font-weight:bold;
			padding: 2px 0 5px 20px;
			list-style-type:none;
			zoom:1;
		}
/* _______________ SOUS MENU _______________ */	
	.ssmenu li, ul{
		list-style: none;
		margin:0 8px 0 0 ;
		padding:0;
			}

		.ssmenu a:link, .ssmenu a:visited {
			text-decoration: none;
			color: #999;
			font-size:1em;
			line-height: 14px;
			display: block;
			padding-left:20px;
			border-bottom: #999 1px dotted;
			font-weight:normal;
			list-style-type:none;
		}
		.ssmenu a:hover{
			color : #fc8200;
			background: url('images/ssmenu.gif') no-repeat left;
		}


/* _______________ ENTETE _______________ */

#logo {
	width:210px; 
	height:210px; 
	margin-left:20px;
}

	
#entete-accroche {
		display:block;
		margin:0 5px 0 20px;
		font-size:0.8em;
		line-height:2em;
		color:#ffc85d;
	}
	
	
.www {
	height:15px;
	text-align:center;
}	

.www a, .www a:link, .www a:visited{
	text-decoration: none;	
	font-weight:bolder;
	font-size:0.9em;
}	
		
/* _______________ PIED DE PAGE _______________ */
#adresse{
	margin-top:20px;
		width:250px;
		font-size:1.2em;
		text-align:center;
		color:#fc8200;
		}

#info{
	float:left;
	padding:2px;
	}
		
	#lien_utile{
		list-style:none;
		margin:0;
		}
		
	#lien_utile li{
		display:inline;
		}
		
	#lien_utile a:link,#lien_utile a:visited{
		font-size:0.9em;
		text-decoration:none;
		}
		
	#lien_utile a:hover{
		text-decoration:underline;
		}

#info h1{
	font-size:0.8em;
	font-style:normal;
	text-align:justify;	
	margin-top:20px;
	margin-bottom:10px;
	padding:0;
	}		

/* _______________ CONTENUS _______________*/
hr {
	border-bottom:2px solid;
	}
	
.hr-orange {
	color: #FF7500;
	}
	
.hr-gris {
	color: #666666;
	}

.st-bloc {
	display: block;
	vertical-align:top;
	width:300px; 
	height:20px;
	background:#fc8200;
	margin: 0px;
 	padding: 2px 2px 0px 20px;
	font-weight:bold;
	font-size:1em;
	color:#fff;
	text-decoration:none;
	}

	.lien-site {
		font-size:0.7em;
		line-height:0.7em;
		color:#AD9EA8;
		text-decoration:none;
		text-align:right;
		margin: 0px;
		}
.image-gauche	{
	float:left;
	margin:10px 20px 10px 20px;
	border:0;
	}	
.image-droite	{
	float:right;
	margin:20px;
	border:0;
	}	
/*_______________ CONTACT _______________*/	

#form_contact{
	width:600px;
	padding:0;
	margin:10px;
	padding-bottom:10px;
	border:0px;

}
#form_contact label,#form_contact input,#form_contact textarea {
	float:left;
	margin-bottom:8px;
}
#form_contact label{
	width:250px;
	display:block;
	clear:left;
	text-align:right;
	font-weight:bold;
	font-size:0.9em;
	color:#999;
	padding-left:8px ;
}

#form_contact input{
	margin-left:5px;
}
#form_contact textarea{
	margin-left:5px;
}
#form_contact h6{
	margin-left:260px;
 	padding:5px;
	padding-left:20px;
	margin-bottom:17px;
	background-color:#fc8200;
	color:#ffffff;
	font-weight:bold;
	line-height:0.9em;
	font-size:1em;
	width:265px;

}

#from-box-gauche {
	margin-bottom:8px;
	float:left;
	
}
#from-box-droite {
	float:right;
	margin-bottom:8px;
	padding-right:10px;
}

/*_______________ CHAMPS _______________*/

.champtextarea {
	padding:2px;
	margin: 0px;
	border: #fc8200 1px solid;
	text-decoration: none;
	text-transform: none;
	font: 0.9em;
	width: 280px;
	line-height:16px;
	}
	
.champdemande {
	padding:2px;
	margin: 0px;
	margin-bottom:17px;
	border: #fc8200 1px solid;
	width: 280px;
	text-decoration: none;
	text-transform: none;
	font: 0.9em;
	}
	
.champformbtn {
	padding:0px;
	margin-left:100px;
	margin-bottom:10px;
	border: #fc8200 1px solid;
	width:90px;
	height:22px;
	text-decoration: none;
	text-transform: none; 
	font: 0.9em;
	font-weight:bold;
	background-color: #fc8200;
	}