/* 
 * Conteneur de taille fluide avec min et max, centré, menus fixes à gauche et à droite
 */
 
/* Largeur de 95% sur le conteneur + min et max-width, margin auto pour centrer*/
#conteneur{
	width:95%;
	min-width:400px;
	max-width:1200px;
	margin:0 auto;
	position:relative;
}
/* Header de 50px de haut, on utilise line-height pour pouvoir centrer verticalement les éléments */
header{
	line-height:50px;	
}
/* Navigation de 15% de large, principale à gauche et secondaire à droite */
nav#principale, 
nav#secondaire{
	width:15%;
	position:absolute;
}
	nav#principale{left:0;}
	nav#secondaire{right:0;}
/* Article avec des marges de 15% à droite et à gauche */
article{
	margin:0 15%;
}

/* 
 * Mise en forme des couleurs + paddings 
 */
html,body{
	height:100%;
} 
body{
	background-color:grey;
	color:#00004d;
}
header{
	background-color:#85a3e0;
	line-height:50px;
	padding: 1em;
	border-bottom: 1px solid #ff6600;
}
h1{
	font-size:1.5rem;
}
#conteneur, nav{
	background-color:#ffd9b3;	
}
nav ul {
		margin:0;
		padding: 0;	
	}
	nav ul li{
		margin:0;
		padding: 1em;	
	}
		nav ul li a{
		color:#B65439;
		font-weight:bold;
	}
article{
	background-color:#E8F9F9;
	color:#4E5173;
	padding: 1em;
}
footer{
	font-size:.8rem;
	background-color:#A5B9E2;
	padding: 1em;
	border-top: 1px solid #ff6600;
}