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

header {
	background-color: red;
}

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

<< SOLUTION >>
Ajouter le overflow: hidden;

<< INCONVENIENT >>
Lorsqu'on veut faire dépasser certains éléments du conteneur (par exemple un contenu court ou un élément de décoration), le overflow: hidden est gênant car il masque tout ce qui dépasse.

Voir http://www.alsacreations.com/article/lire/7-depassement-flottants-css.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;
}