body {
	margin: 0;
}

#carre1 {
	background-color: black;
	position: absolute;
	height: 16.66%;
	width: 100%;
	float: left;
}

#carre2 {
	position: absolute;
	background-color: black;
	height: 100%;
	width: 9%;
	float: left;
}

#carre3 {
	background-color: black;
	position: absolute;
	top: 33.32%;
	right: 0;
	height: 16.66%;
	width: 82%;
}

#carre4 {
	background-color: black;
	position: absolute;
	top: 16.66%;
	right: 0;
	height: 16.66%;
	width: 9%;
}

#carre5 {
	background-color: black;
	position: absolute;
	top: 49.98%;
	left: 18%;
	height: 16.66%;
	width: 9%;
}

#carre6 {
	background-color: black;
	position: absolute;
	top: 66.64%;
	left: 18%;
	height: 16.66%;
	width: 64%;
}

#carre7 {
	background-color: black;
	position: absolute;
	top: 83.3%;
	left: 73%;
	height: 16.66%;
	width: 9%;
}