body
{
  background-color  : rgba(255, 255, 255, 0);
  font-family       : Verdana, "Courier New", "Lucida Console";
  font-size         : 14px;
  font-weight       : normal;
  padding           : 0px;
  margin            : 0px;
  overflow          : hidden;
}

meter
{
height: 1em;
width: 97%;
}

div
{
width: 90%;
height: 120px;
border-style: solid;
border-width: 2px;
border-radius: 2px;
border-color: rgba(0, 0, 0, 0.4);
color: black;
padding: 1%;
}

#mailys
{
top: 10px;
left: 4%;
position: relative;
}
#telia
{
top: 15px;
left: 4%;
position: relative;
}
#leo
{
top: 20px;
left: 4%;
position: relative;
}
#enzo
{
top: 25px;
left: 4%;
position: relative;
}

.ill
{
height: 55%;
}

.sep
{
height: 70%;
width: 0.5%;
}

img#zero	{top: 31%;	left: 11.42%;	position: absolute;}
img#une		{top: 31%;	left: 21.8%;	position: absolute;}
img#deux	{top: 31%;	left: 32.45%;	position: absolute;}
img#trois	{top: 31%;	left: 43.1%;	position: absolute;}
img#quatre	{top: 31%;	left: 53.4%;	position: absolute;}
img#cinq	{top: 31%;	left: 64.28%;	position: absolute;}
img#six		{top: 31%;	left: 74.6%;	position: absolute;}
img#sept	{top: 31%;	left: 85%;		position: absolute;}
img#huit	{top: 31%;	left: 95.75%;	position: absolute;}

img#punition1	{top: 45%;	left: 12.42%;	position: absolute;}	
img#punition2	{top: 45%;	left: 22.5%;	position: absolute;}
img#punition3	{top: 45%;	left: 33.5%;	position: absolute;}
img#punition4	{top: 45%;	left: 43.5%;	position: absolute;}
img#punition5	{top: 45%;	left: 54.5%;	position: absolute;}
img#punition6	{top: 45%;	left: 64.5%;	position: absolute;}
img#punition7	{top: 45%;	left: 75.5%;	position: absolute;}
img#punition8	{top: 45%;	left: 86%;		position: absolute;}

img#punition12	{top: 45%;	left: 12.42%;	position: absolute; opacity: 0.4}
img#punition22	{top: 45%;	left: 22.5%;	position: absolute; opacity: 0.4}
img#punition32	{top: 45%;	left: 33.5%;	position: absolute; opacity: 0.4}
img#punition42	{top: 45%;	left: 43.5%;	position: absolute; opacity: 0.4}
img#punition52	{top: 45%;	left: 54.5%;	position: absolute; opacity: 0.4}
img#punition62	{top: 45%;	left: 64.5%;	position: absolute; opacity: 0.4}
img#punition72	{top: 45%;	left: 75.5%;	position: absolute; opacity: 0.4}
img#punition82	{top: 45%;	left: 86%;		position: absolute; opacity: 0.4}

img#retour		{height: 30px;	width: 30px;}

a#Avert		{top: 45%;	left: 0%;	position: absolute;	height: 90%;	width: 0.5%;}
a#back		{top: 2px;	left: 2px; 	position: absolute;	height:	10px;	width: 10px;}