@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	background-color: #aaa;
}
#site {
	margin: auto;
	width: 600px;
}
header {
	width:600px;
	height:50px;
	background-color:#00CCFF;
	}
nav {
/*sans propriétés spécifiques, les blocs se positionnent les uns sous les autres.
En utilisant la propriété float, le bloc est retiré du flux et se positionne à gauche*/
	float:left;
	width:100px;
	height:200px;
	background-color:#FF6699;
	}	
section {
	width:600px;
	height:200px;
	background-color:#FFCC00;
	}
article {
	/*sans propriétés spécifiques, les blocs se positionnent les uns sous les autres.
	En utilisant la propriété float, le bloc est retiré du flux et se positionne à gauche*/
	float:left;
	margin: 5%;
	width:150px;
	height:100px;
	background-color:#39ecec;
	}		
footer {
	width:600px;
	height:50px;
	background-color:#33FF99;
	}