html body {
height : 100%;
margin : 0;
padding : 0;
background-color:#002349;
}

*-------------------------------------------bandeau supérieur------------------------------------*/

#header {
	position: fixed;
	width: 100%;
	height: auto;											/*marge entre le header et le menu*/
	}
	
/*--------------------légenge acheron-------------------*/
	
#header p {	
text-align: left;
font-family : "cantarell", Courier New, Time New Roman, Verdana, Arial, sans-serif;
font-size: 8px;
font-style:italic;
color: #957c3d;
padding-left: 10%;
margin: 0;
}

/*-------------------image acheron----------------------*/
		
#header > img {
background-image : url('img/acheron.jpg');
max-width : 100%;	
height : auto;	
}

/*------------------------------------le titre des sections--------------------------------------*/

h3 {
font-size: 20px;
color: #957c3d;
font-style: italic;
font-family : "calibri", geneva, helvetica, sans-serif;
margin: 0;
padding: 10px 0 0 10px;
}

/*--------------------------les infos----------------------*/

.container {													/*container infos*/
  	width: 350px;
  	float:right;												/*a droite*/
  	margin: 0 0 20px 0;
	}

.item {
	display: inline-block;
  	padding: 10px 10px 0 10px;									/*marge autour des cadres des infos*/
	}

.item a {
	text-decoration: none;
	font-family : "Courier New", Time New Roman, Arial;
	font-size: 15px;
	font-weight: bold;
	color: #957c3d;												/*or*/
	}
	
.item a:hover {
	text-decoration: none;
    border: 1px solid #178582;									/*turquoise*/
    padding: 5px;												/*cadre autour des infos*/	
	}

/*---------------------------------------------Section-------------------------------------------*/

#section {
display : block;
float : left;							
width : 100%;										/*largeur auto pour toute la largeur*/
height : 100%;										/*hauteur*/
margin: 0;
}

/*--------------------------------articles dans section-------------------------------------*/

article {
flot : left;
height : auto;
width : auto;
margin: 10px 20px 10px 20px;
padding : 0 10px 0 10px;
background-color : #05366b;
border-radius: 10px;								/*arrondis*/
border: 1px solid #178582;							/*turquoise*/
}

article p {
color: #957c3d;
padding: 0;
font-size: 14px;
font-family : "calibri", geneva, helvetica, sans-serif;
text-align: justify;
}
	
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------mobiles portrait--------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 479px) {

}

/*-----------------------------------------------------------------------------------------------*/
/*------------------------------------------mobiles paysage--------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 959px) {

/*--------------------------------articles dans section-------------------------------------*/

article {
margin: 10px 20px 10px 210px;
}


}