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

header {
	background-color: red;
}

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

#groupe > .clearfix {
  clear: both;
  height: 0; 
  overflow: hidden; /* Précaution pour IE 7 */
}

/*

<< SOLUTION >>
- Ajouter dans l'HTML un bloc-enfant vide artificiel
- Ajouter un sélecteur de classe avec un clear

<< INCONVENIENT >>
Il faut ajouter une balise dans l'html.

*/

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 !

*/