/* 
 * Gabarit fluide - largeur 100% - avec en-tête, contenu et pied de page 
 */
 
/* Pour garantir la largeur, on peut rajouter un width 100% aux différents éléments (mais ça marche aussi sans)*/
/*body, header, nav,  article, footer {width:100%;}
/* Il faut aussi enlever les margin sur le nav ul et mettre les li en inline-block*/
nav ul{
	margin:0;
	padding:0;
}
	nav ul li{
		display:inline-block;
	}

/* Mise en forme des couleurs + paddings */
body{
	background-color:grey;
	color:#00004d;
}
header{
	background-color:#85a3e0;
	line-height:50px;
	padding: 1em;
}
h1{
	font-size:1.5rem;
}
nav{
	background-color:#ffd9b3;
	
}
	nav ul {
		border-top: 1px solid #ff6600;
		border-bottom: 1px solid #ff6600;
	}
	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;
}