#container {
	background-color: yellow;
	width: 600px;
	margin: 0 auto;
}

header {
	background-color: red;
}

aside {
	background-color: green;
	width: 200px;
	float: left;
}

section {
	background-color: blue;	
	/* width: 400px; */
	margin-left: 200px;
	/* float: left; */
}
/*

<< INTERESSSANT >>
Formule créée par Eric Meyer :

- En utilisant : le margin-left
- En supprimant : 
-- la largeur du bloc section 
-- le float

Intérêt : 
- Si le parent #container a une largeur différente, il n'est pas nécessaire de modifier la largeur de section, puisqu'il n'y a plus :)
Et donc la largeur de la section s'adapte automatiquement dans la place disponible créée par le parent.

*/

p {
	margin: 0;
}

/*

<< ATTENTION >>
Il faut ajouter ce sélecteur p, sinon on obtient une marge supérieure et inférieure autour de la section.
En effet, la marge par défaut d'un p n'est pas nulle !

*/

footer {
	background-color: orange;
	clear: both;
}