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

header {
	background-color: red;
}

#groupe {
	background-color: pink;
	/* overflow: hidden; */
}

#groupe:after {
  content: ""; /* Nécessaire, sinon l'élément n'est pas généré. */
  display: block; /* Ou display: table; */
  clear: both;
}

/*

<< SOLUTION >>
- Ne pas devoir ajouter dans l'HTML un bloc-enfant vide artificiel
- Ajouter seulement un sélecteur de pseudo-classe :after

<< INCONVENIENT >>
Ne fonctionne pas pour les IE7-

*/

p {
	margin: 0;
}

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

section {
	background-color: blue;
	width: 400px;
	float: left;
}

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

clear: both;
n'est plus nécessaire !

*/