/* 
 * 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;
}
/* Header de 50px de haut, on utilise line-height pour pouvoir centrer verticalement les éléments */
header{ line-height:50px;	}

/* Mise en page avec des tableaux (navigations et article) */
div#tableau{display:table;}

nav#principale, 
nav#secondaire,
article{
	display:table-cell;
}
/* Navigation de 15% de large, principale à gauche et secondaire à droite */
nav#principale, 
nav#secondaire
{ width:15%;}

/* Article avec une largeur de 70% */
article{width:70%;}


/* 
 * Mise en forme des couleurs + paddings 
 */
 
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;
}
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;
}