/*
 * Gris #40557c
 * rouge brique #842e1b 
 * bleu #0af
 */
 
 
 body{
	position: relative;
	background: #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 ;
	text-align: center;	
	padding: 0 ;
	font-size: 17px ;
	font-family:'Open Sans', sans-serif;
	color: #000;
	/*Voir width dans small.css*/
}
 
div#contener{
	position: relative;
	width: 100%;
	padding: 0;
	text-align: center;
}

div#contenu{
	position: relative;
	z-index: 20;
	width: 100%;
	padding: 0;
	margin: 0 ;
	--vh_img: 50vh;
	--pad_img: 50px 0;
	--color_hx: #842e1b ;
}


div#progress{
	background-color: #0af;
	height: 2px;
	width: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999; /* Peut être important si vous avez un menu en position fixe */
}

div#head{
	padding-top: 85px;
	background: #842e1b;
}



/************** Textes **********************/ 


div#contenu p{
	text-align: justify ;
}


header{
	width:60%;
	margin: 0 auto;
}

h1, h2, h3{
	color: var(--color_hx);
	padding: 0 ;
	text-align: left;	
	font-weight: normal;
}

h1{
	margin: 20px 0 0 0 ;
	font-size: 30px ;
}


h2{
	margin: 10px 0 0 0 ;
	font-size: 25px ;
}

h3{
	margin: 20px 0 0 0 ;
	font-size: 20px ;

}


/************** Images **********************/ 

img.adapt{
	max-width: 100%;
	height: auto;
}

/************** Divers **********************/