body
{
	font-family: Arial, Helvetica, sans-serif;
}
.trou
{
	border: none;
	color: #000;
	background-color: transparent;
	font-weight: bold;
	font-size: 10pt;
	position: absolute;
	z-index: 10;
	visibility: visible;
}
.trou1
{
	border: none;
	color: #000;
	background-color: transparent;
	font-weight: bold;
	font-size: 10pt;
	position: absolute;
	z-index: 10;
	visibility: visible;
}
.trou2
{
	border: none;
	color: #000;
	background-color: transparent;
	font-weight: bold;
	font-size: 8pt;
	position: absolute;
	z-index: 10;
	visibility: visible;
}
.trou3
{
	border: none;
	color: #000;
	background-color: transparent;
	font-size: 8pt;
	z-index: 10;
	visibility: visible;
}
.fiche
{
	border: none;
	color: #000;
	background-color: transparent;
	font-weight: bold;
	font-size: 9pt;
	position: absolute;
	z-index: 10;
	visibility: visible;
}
.pion1, .pion2, .pion3, .pion4, .pion5, .pion6
{
	position: absolute;
	height: 11px;
	width: 11px;
	visibility: visible;
	cursor: help;
}
.pion1{z-index: 7;} /* excellent */
.pion2{z-index: 6;} /* bon       */
.pion3{z-index: 5;} /* passable  */
.pion4{z-index: 4;} /* mauvais   */
.pion5{z-index: 3;} /* pollue    */
.pion6{z-index: 2;} /* aucun     */