/* _______________ TEXTES ET LIENS _______________ */

div, ul {
	text-align:left;
	}

td,th,h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0px; 
	}
	
p:first-letter, h3:first-letter, h4:first-letter{
	font-weight:bold;
	}	
	
p {	margin:0;
	padding:10px 0 10px 0 ; 
	text-align: justify;
	}	
h2 {
	
	padding:0 0 10px 20px;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.4em;
	text-align:right;
	
	text-decoration:underline;
	}	
h3 {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.4em;

	}	
	
h4 {
	padding:0 0 2px 20px;
	font-size: 1.3em;
	background: url('images/puce-li.gif') left top no-repeat;
	}	
	
h5 {
	font-size: 1.4 em;
	font-weight: bold;
	}	
	
h6 {
	font-size: 0.9em;
	}	

hr {
	border: none 0; 
	border-top: 1px dotted #FF6633;
	width: 100%;
	height: 1px;
	} 

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

.or,.or a:visited,.ora:link {color: #AD8F1D ;} 
.or a:hover {text-decoration:underline; color: #AD8F1D ;}

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

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

.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; } 

.vert {color: #008000; } 
.orange {color: #ff6600; } 
.bleu {color: #0000ff; } 
.brun {color: #F993300; } 



/* _______________ ENTETE _______________ */
#entete h1{
	position:absolute;
	left:320px;
	top:90px;
	font-size:0.8em;
	font-weight:normal;
}	
	

#logo-bas {
	float:left;
	width:195px; 
	height:124px; 
	margin: 10px 10px 10px 40px;
}
	
/* _______________ MENU _______________ */

#menu{
	z-index:2;
	position:relative;
	float:left;
	width:200px;
	height:500px;
	background:url(../images/fd-menu.gif) no-repeat;
		}
#menu-cour{
		font-size: 1em;
		}
		
#menu-cour li, #menu-cour ul{
		width:200px;
		list-style: none;
		margin : 0 0 2px 0;
		padding:0;
		text-align:left;
	}	
	
#menu-cour a:link, #menu-cour a:visited {
		text-decoration: none;
		color: #cc6600;
}
#menu-cour a:hover{
			color : #FF3300;
		}
		
.lien-menu {
			display: block;
			padding: 2px 5px 5px 5px;
			zoom:1;
			list-style-type:none;
			font-weight:bold;
			
}
.sous-menu {
	font-size:0.9em;
	display: block;
	padding:2px 0px 0 10px;
	font-weight:normal;
	zoom:1;
	list-style-type:none;
}

/* _______________ galerie photos _______________ */	


ul.galerie_photo, ul.galerie_photo li, ul.galerie_photo ul{
	border:0;
	margin:0;
	padding:0;
}
ul.galerie_photo, ul.galerie_photo ul{	list-style-type:none;	}
ul.galerie_photo li{float:left;	}


ul.galerie_photo
{	width:325px;
	float: right;
}

ul.galerie_photo li,
ul.galerie_photo li img
{
	width:100px;
	height:67px;
	margin: 0 4px 4px 0;
}


ul.galerie_photo li img
{	border:none;	}

	/* _______________ STYLES PAGES _______________ */	

.col-gauche{
	margin: 10px 0 10px 10px;
	float:left;
	display:block;
	width:340px;
	vertical-align:top;
	}

.col-droite{
	margin: 10px 10px 0 10px;
	float:right;
	display:block;
	width:340px;
	vertical-align:top;
	}	

.image-gauche	{
	float:left;
	margin:0 12px 6px 0;
	border:0;
	}	
.image-droite	{
	float:right;
	margin:0 0 10px 12px;
	border:0;
	}

.st-bloc {
	clear:left;
	letter-spacing: 0.1em;
	display: block;
	vertical-align:top;
	width:400px; 
	height:20px;
	margin: 0px;
 	padding: 2px 0px 0px 26px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	background: #FF6600;
	}
	
#listestages, #listestages li{
	clear:left;
	display: block;
	margin:0;
	padding:0;
	list-style:none;
	font-size:1em;
		}		

#stages {	
	clear:left;
	margin:0;
	padding:0;
	border-top: 1px dotted #FF6633;
	border-bottom: 1px dotted #FF6633;
	zoom:1;
}
#affiche_session{
	float:left;
}
.savoirplus{	
	float:left;
	padding:0px 0 10px 0px;
	text-align:left;
	clear:left;
	}

.savoirplus a{	
		font-weight:bold;
		text-decoration:none;
}



/*_______________ CONTACT _______________*/	
	  
#form-contact{
	padding:0;
	margin:0;
	border: none;
}
#form-contact label, #form-contact input,#form-contact textarea {
	float:left;
	margin-bottom:5px;
}
#form-contact label{
	width:140px;
	display:block;
	text-align: right;
	font-weight:bold;
	font-size: 0.9em;
	color: #0068B4;
	text-decoration: none;
	padding: 0 10px 0 10px;
}
#form-contact input, #form-contact textarea{
	margin-left:2px;
}


#form-contact p{
	margin:0 0 5px 30px;
 	padding: 0;
	font-weight:bold;
	font-size:1em;
	color: #999999;
}
.formbouton {
	margin: 0;
	padding:0;
	border: #0068B4 1px solid;
	width:70px;
	height:22px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
	background-color: #0068B4;
	}

#boutons{
	display: block;
	float: left;
	margin: 10px 0 0 150px;
	padding:5px;
}
#champsoblig{
	clear:left ;
	font-weight:bold;
	font-size:0.8em;
	color: #999999;
}

/*_______________ CHAMPS _______________*/

.champtextarea, .champdemande {
	padding:2px;
	margin: 0px;
	border: #0068B4 1px solid;
	text-decoration: none;
	font: 0.9em;
	color:#2A257A;
	width: 135px;
	line-height:16px;
	}
	
.champdemande {
	margin-bottom:17px;
	border: #0068B4 1px solid;
	width: 500px;
	}
/* _______________ PIED DE PAGE _______________ */

#copyright{
	font-size:0.8em;
	display: block;
	text-align:right;
	margin-right:20px;
}	
#footer-adresse{
	position:absolute;
	left:380px;
	top:25px;
 	width:470px;
	text-align:right;
	font-size:0.9em;
	}

#mentions{
	position:absolute;
	left:885px;
	top:130px;
 	width:85px;
	font-size:0.8em;
	}

#footer-bloc{
	position:absolute;
	left:380px;
	top:130px;
 	width:470px;
	}

	#footer-bloc h3, #footer-bloc h4{
		margin:0;
		padding:0;
		background:none;
		font-size:0.8em;
		font-weight: normal;
		text-align:right;
		}
#info {
	margin:0;
	padding: 20px 0 0 25px;
	display: block;
	width:150px ;
	float:left;
	}
		
	#info li{
		margin:0;
		padding:0;
		border-bottom: 1px dotted #FF6633;
		}
		
	#info a:link,#info a:visited{
		text-decoration: none;
		padding:0;
		margin:0;
		display: block;
		padding-left: 15px;
		line-height: 1.6em;
		font-size:0.9em;
		zoom:1;
		list-style-type:none;
		text-decoration: none;		
		}
	
	#info a:hover{
		text-decoration:underline;
		}
	#info img{
	margin:3px 0 0 0 ;
	padding:0;
	float:left;
		}
#form_contact{
	float:left;
	width:460px;
	padding:0;
	margin:10px;
	padding-bottom:10px;
	border:1px solid #cc6600;
}
#form_contact label,#form_contact input,#form_contact textarea{
	float:left;
	margin-bottom:8px;
}
#form_contact input,#form_contact textarea{
	border:1px solid #cc6600;
	color:#cc6600;
}
#form_contact input.champformbtn{
	background-color:#cc6600;
	color:#fff;
	font-weight:bold;
}
#form_contact textarea{
	width:445px;
	margin:0 5px;
}
#form_contact label{
	width:200px;
	display:block;
	clear:left;
	text-align:right;
	font-weight:bold;
	font-size:1em;
	color:#cc6600;
	padding-left:8px ;
}

#form_contact input{
	margin-left:5px;
}
#form_contact textarea{
	margin-left:5px;
}
#form_contact h5{
	margin:0;
 	padding:5px;
	padding-left:20px;
	margin-bottom:17px;
	background-color:#cc6600;
	font-weight:bold;
	width:200px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;

}
form.form_admin{
	margin-bottom:20px;
}
form.form_admin label{
	display:block;
	float:left;
	clear:left;
	width:150px;
	padding-right:15px;
	text-align:right;
	height:15px;
	line-height:15px;
	color:#cc6600;
}