body  {
	margin: 0;
}

#carre1 {
	width: 33.33%;
	height: 100%;
	position: absolute;
	text-align: center;
	float: left;
	background-color: black;
}

#carre2 {
	
	text-align: center;
	position: absolute;
	width: 33.33%;
	height: 100%;
	float: left;
	margin-left: 33.33%;
	background-color: yellow;
}

#carre3 {
	width: 33.33%;
	height: 100%;
	text-align: center;
	position: absolute;
	float: left;
	margin-left: 66.66%;
	background-color: red;
}