.carre1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	background-color: #CCFFFF;
	text-align: justify;
	border: 20px;
	height: 160px;
	width: 160px;
	padding: 20px;
	color: #000000;
}
.carre2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	background-color: #ffffcc;
	text-align: justify;
	border: 20px;
	height: 160px;
	width: 160px;
	padding: 20px;
	color: #000000;
}
.carre3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	background-color: #ffcc99;
	text-align: justify;
	border: 20px;
	height: 160px;
	width: 160px;
	padding: 20px;
	color: #000000;
}
.carre4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	background-color: #99ccff;
	text-align: justify;
	border: 20px;
	height: 160px;
	width: 160px;
	padding: 20px;
	color: #000000;
}
.carre5 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	background-color: #CCFFFF;
	text-align: justify;
	height: 160px;
	width: 160px;
	padding: 20px;
	color: #000000;
	float: none;
	left: 100px;
	position: absolute;
	clip: rect(auto,auto,auto,auto);
	top: 1100px;
}
.carre6 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	background-color: #FFFFCC;
	text-align: justify;
	height: 160px;
	width: 160px;
	padding: 20px;
	color: #000000;
	float: none;
	left: 300px;
	position: absolute;
	clip: rect(auto,auto,auto,auto);
	top: 1100px;
}
.carre7 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	background-color: #FFCC99;
	text-align: justify;
	height: 160px;
	width: 160px;
	padding: 20px;
	color: #000000;
	float: none;
	left: 100px;
	position: absolute;
	clip: rect(auto,auto,auto,auto);
	top: 1300px;
}
.carre8 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	background-color: #99CCFF;
	text-align: justify;
	height: 160px;
	width: 160px;
	padding: 20px;
	color: #000000;
	float: none;
	left: 300px;
	position: absolute;
	clip: rect(auto,auto,auto,auto);
	top: 1300px;
}