/* _______________ TEXTES ET LIENS _______________ */

ul {
	text-align:left;
	margin: 20px;
	}
	
li {
	text-align:left;
		}	
div{
	text-align:left;
	font-size:1em;
		}
		
td,th,h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0px; 
	color:#ae1d1d;
	}
td,th {
	color:#ae1d1d;
	}	
	
p:first-letter{
	font-weight:bold;
	}	
	
p {	margin: 2px 30px 5px 30px;
	padding-bottom:10px; 
	text-align: justify;
	font-size:1.1em;
	line-height:1.3em;
	}	
h2 {
	margin:10px 25px 8px 20px;
	font-size: 2em;
	line-height:2em;
	color:#ae1d1d;
	text-align:right;
	font-weight:lighter;
	}	
h3 {
	margin: 20px 0 10px 20px;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.4em;
	color:#ae1d1d;
	}	


h4 {
	padding:0 0 2px 20px;
	letter-spacing:0.7em;
	font-size: 1.6em;
	line-height: 1.6em;
	text-align:left;
	font-weight:lighter;
	}	
	
h5 {
	font-size: 1.2em;
	}	
	
h6 {
	font-size: 0.9em;
	}	

hr {
	border: none 0; 
	border-top: 1px dotted #ae1d1d;
	width: 100%;
	height: 1px;
	} 
	
a:link, a:visited{text-decoration: underline; color: #ae1d1d;} 
a:hover {text-decoration: none; color: #ff0000;}

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

.orange, .orange a:visited,.orange a:link {color: #fb8e00; font-size: 1.3em; font-weight:bold; text-decoration:none;} 
.orange a:hover {text-decoration:underline; color: #fb8e00; } 

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

/* _______________ ENTETE LOGO _______________ */

#actualite{
	z-index:5;
	position:absolute;
	left:0px;
	top:80px;
	width:240px;
	height:20px;

}	

#actualite img{
	margin-left:65px;
	left:20px;
	top:0px;
}	

#actualite p{
	color:#ae1d1d;
}	

#entete h1{
	position:absolute;
	left:20px;
	top:0px;
	display: block;
	float:left;
	padding:2px;
	font-size:0.9em;
	font-weight:normal;
	position:relative;
	color:#b2afac;
}

#logo {
	position:absolute;
	left:50px;
	top:0px;
	width:510x; 
	height:160px; 
	margin: 5px 20px 10px 0;
}

#entete-logo {
	position:absolute;
	left:0px;
	top:20px;
	vertical-align:top;
	width:620px;
	height:180px;
}	
#entete-droite{
	position:absolute;
	right:0px;
	top:0px;
	width:350px;
	height:190px;
	background:url('images/h1d-gauche.png') top left no-repeat #b2afac;

}	
.www {
	position:absolute;
	right:0px;
	width:340px;
	height:20px;
	background:#ae1d1d;
	text-align:center;
}	

.www a, .www a:link, .www a:visited{
	color:#FFFFFF;
	text-decoration: none;	
	font-weight:bolder;
	font-size:1.3em;
}	
.www a:hover{
	text-decoration: underline;	
	color:#FFFFFF;
}

#adresse{
	padding: 0 8px 0 8px;
	} 
	
#adresse img{
	align: center;
	} 	
#adresse p{
	text-align: center;
	color: #000;
	} 

/* _______________ MENU _______________ */

	#menu{
		padding-top:5px;
		float:left;
		width:244px;
		position:relative;
		overflow:hidden;
		}
		#menu-cook{
		margin-top:45px;
		width:210px;
		font-size: 1em;
					}
		
		#menu-cook li, ul{
		list-style: none;
		margin-left:6px;
		padding:0;
	
				}
		
		#menu-cook a:link, #menu-cook a:visited {
			padding-left:18px;
			text-decoration: none;
			color: #433b35;
			background:url('images/menu-of.png') left no-repeat;
			
		}
		#menu-cook a:hover{
			color : #ae1d1d;
			background:url('images/menu-hover.png') left no-repeat;
		}
			.lien-menu {
			display: block;
			line-height:17px;
			height:30px;
			width:205px;
			font-size: 1em;
			font-weight:bold;
			padding: 0;
			background: url('images/fd-menu-rubrique.gif') repeat-x bottom;	
			zoom:1;
			list-style-type:none;
		}
		
		#menu-cook a.selected {
			padding-left:18px;
			text-decoration: none;
			color : #ae1d1d;
			background:url('images/menu-on.png') left no-repeat;
		}
		

/* _______________ STYLES PAGES _______________ */	

.col-centre{
	margin:20px;
	vertical-align:top;
	}
	
.col-gauche-sm{
	margin:0;
	padding:0;
	float:left;
	display:block;
	width:380px;
	vertical-align:top;
	}
	
.col-droite-sm{
	margin:0;
	padding:0;
	float:right;
	display:block;
	width:340px;
	vertical-align:top;
	height:220px;
	background:url('images/fd-accueil.png') repeat-x ;
	
	}			
.col-droite-sm_2{
	margin:0;
	padding:0;
	display:block;
	width:340px;
	vertical-align:top;
	min-height:220px;
	background:url('images/fd-accueil.png') repeat-x ;
	
	}			
	
.col-gauche{
	margin: 0 0 20px 25px;
	padding:0;
	float:left;
	display:block;
	width:335px;
	vertical-align:top;
	}
	
.col-droite{
	margin: 0 0 20px 0;
	padding:0;
	float:right;
	display:block;
	width:360px;
	vertical-align:top;
	}	

.col-droite ul, .col-gauche ul, .col-centre ul {
	text-align:left;
	margin: 2px 30px 5px 30px;
	padding-bottom:10px; 
	font-size:1.1em;
	}
	
.col-droite li, .col-gauche li,.col-centre li {
	list-style: outside;
	text-align:left;
	list-style-type:disc;
		}			
		
.image-gauche	{
	float:left;
	margin:10px 20px 10px 20px;
	border:0;
	}	
.image-droite	{
	float:right;
	margin:20px;
	border:0;
	}
.st-bloc {
	clear:left;
	letter-spacing: 0.1em;
	display: block;
	vertical-align:top;
	width:270px; 
	height:16px;
	margin: 0;
 	padding: 2px 0px 0px 24px;
	font-weight:bold;
	font-size:1em;
	color:#FFFFFF;
	text-decoration:none;
	background: url('images/picto-mentions.png') no-repeat left #ae1d1d;
	}
	
.lien-t1 {
		display: block;
		font-weight:bold;
		font-size:0.6em;
		padding: 3px 0 3px 12px;
		zoom:1;
		list-style-type:none;
		margin:0;
		background: url('images/fleche-t1-c1.gif') no-repeat left;
		}		
/* _______________ Galerie photo _______________ */	


	#galerie {
		margin:20px 0 0 20px;
		z-index:2;
		width:200px;	
			}
			
	#galerie-menu {
		margin:10px 0 0 22px;
		width:190px;
		font-size: 1em;
			}		
				
	#galerie-menu li, #galerie-menu ul{
		list-style: none;
		margin-left:6px;
		padding:0;
		}
		
	#galerie-menu  a:link, #galerie-menu  a:visited {
			padding-left:18px;
			text-decoration: none;
			color: #433b35;
			background:url('images/galerie-menu-of.png') left no-repeat;
			
		}
	#galerie-menu  a:hover{
			color : #ae1d1d;
			background:url('images/galerie-menu-hover.png') left no-repeat;
		}	
	#galerie-menu  a.selected{
			color : #ae1d1d;
			background:url('images/galerie-menu-on.png') left no-repeat;
		}	
			
	.galerie-lien-menu {
			display: block;
			line-height:17px;
			height:30px;
			width:150px;
			font-size: 1em;
			font-weight:bold;
			padding: 0;
			zoom:1;
			list-style-type:none;
		}		
				
	.vignette{
		z-index:1;
		position:absolute;
		right:0;
		top:20px;
						}	
						
	#fleche-grise{
		z-index:3;
		position:absolute;
		right:112px;
		top:90px;
						}							
			

/* _______________ BOUTONS HAUT_______________ */

	#menu-haut{
		float:left;
		width:86px;		
		position:relative;
				}
				
	#menu-haut li { list-style:none;
	}
	#menu-haut a:link, #menu-haut a:visited {
			display: block;
			height:36px;
			line-height:34px;
			text-decoration: none;
			color: #888;	
			padding-left:20px;	
		}
	#menu-haut a:hover{
			color : #ae1d1d;
				}
				
						.bt-accueil a:link, .bt-accueil a:visited {
			background: url('images/bt-accueil-off.png') no-repeat right;
		}	

		.bt-accueil a:hover {
			background: url('images/bt-accueil-on.png') no-repeat right ;
		}

/* _______________ FOOTER BOUTONS _______________ */

	#menu-bas{
		margin-top:20px;
		margin-bottom:20px;
		float:left;
		width:140px;		
		position:relative;
				}
				
		#menu-bas li { list-style:none;
	}			
	#menu-bas a:link, #menu-bas a:visited {
			display: block;
			height:36px;
			line-height:34px;
			text-decoration: none;
			color: #888;	
			padding-left:20px;	
		}
	#menu-bas a:hover{
			color : #ae1d1d;
				}

	
		
		.bt-mentions a:link, .bt-mentions a:visited {
			padding-left:7px;
			background: url('images/bt-mentions-off.png') no-repeat right;
		}	

		.bt-mentions a:hover {
			background: url('images/bt-mentions-on.png') no-repeat right ;
		}
		
		
/* _______________ Boutons Accueil _______________ */

	#menu-accueil{
		width:306px;
		margin-left:17px;
				}
				
	#menu-accueil li {
		list-style:none;

	}			
	
	#menu-accueil a:link, #menu-accueil a:visited {
	 	display: block;
		height:136px;
		width:306px;
		line-height:226px;
		text-decoration: none;
		color: #fff;	

		}
	#menu-accueil a:hover{
			color : #ae1d1d;
				}


		.bt-conseils a:link, .bt-conseils a:visited {
			background: url('images/bt-conseils-of.png') no-repeat right;
			
		}	

		.bt-conseils a:hover {
			background: url('images/bt-conseils-on.png') no-repeat right ;
		}	
		
		.bt-stylisme a:link, .bt-stylisme a:visited {

			background: url('images/bt-stylisme-of.png') no-repeat right;
		}	

		.bt-stylisme a:hover {
			background: url('images/bt-stylisme-on.png') no-repeat right ;
		}	
		
		.bt-formation a:link, .bt-formation a:visited {
				background: url('images/bt-formation-of.png') no-repeat right;
		}	

		.bt-formation a:hover {
			background: url('images/bt-formation-on.png') no-repeat right ;
		}		
		
/*_______________ 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: #666666;
	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: #666666;
}
.formbouton {
	margin-right:20px;
	border: #ae1d1d 1px solid;
	width:245px;
	height:22px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
	background-color: #ae1d1d;
	}
.legende {
	font-weight:normal;
	}	

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

/*_______________ CHAMPS _______________*/

.champtextarea, .champdemande {
	padding:2px;
	margin: 0px;
	border: #ae1d1d 1px solid;
	text-decoration: none;
	font: 0.9em;
	color:#00;
	width: 170px;
	line-height:16px;
	}
	
.champdemande {
	margin-bottom:17px;
	border: #ae1d1d 1px solid;
	width: 508px;
	}
	

/* _______________ PIED DE PAGE _______________ */
#footer{
	position:relative;
 	margin-right:18px;
	height:20px;
	background:#edecec;
	}

#footer-bloc {
	margin: 0;
	width:600px;
	height:20px;
}	
	#footer-bloc h3 {
		margin: 0 0 0 20px;
		font-size:0.8em;
		line-height:0.9em;
		font-weight: normal;
		text-align:justify;
		}	
	#footer-bloc h4 {
		font-size:0.8em;
		line-height:0.9em;
		font-weight: normal;
		text-align:justify;
		}