.bloc {/* arrière-plan bas et sur l'ensemble du cadre */
width: 200px;
margin-top: 10px;
margin-left: 10px;
}
.bloc a{ 
text-decoration:none;
color:green;
 }
.tempmoins10 a{
	text-align: center;
	color: Purple;
}
.tempmoins5 a{
	color: #3333FF;
	text-align: center;
}
.tempgel a{ 
	text-align: center;
	color :#FFFFFF;
}
.temp05 a{ 
	text-align: center;
	color :#57FCA1;
}
.temp510 a{ 
	text-align: center;
	color :#AEFF00;
}	
.temp1015 a{ 
	text-align: center;
	color :#FEFE00;
}
.temp1520 a{ 
	text-align: center;
	color :#FFCC00;
}
.temp2025 a{ 
	text-align: center;
	color :#FF9933;
}
.tempsup25 a{ 
	text-align: center;
	color :#FF6600;
}
.tempsup30 a{ 
	text-align: center;
	color :#FF3300;
}
.tempsup35 a{ 
	text-align: center;
	color: #F719AB;
	}
	.normal a{
	text-align: center;
	color:#0a681d;
	}
.ventnormal a{
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	}
.vent36 a{
	text-align: center;
	font-weight: bold;
	color: #AEFC05;
	}
.vent57 a{
	text-align: center;
	font-weight: bold;
	color: #FCB905;
	}
.vent75 a{
	text-align: center;
	font-weight: bold;
	color: #FC0B05;
	}

.bloc a:hover {background: none; /* correction d'un bug IE */}
.bloc a span{
display: none;
}
.bloc a i{
display: none;
font-style: normal;
}
.bloc a u{
display: none;
text-decoration: none;
}

.bloc a:hover span{
display:block;
position: absolute;
width: 200px;
height: 250px;
margin-top: 10px;
margin-left: 10px;
background : white;
border:solid 1px blue;
}
.bloc a:hover i{
display:block;
position: absolute;
text-align:left;
font-style :normal;
width: 270px;
margin-top: 10px;
margin-left: 10px;
padding : 5px;
background : white;
border:solid 1px green;}
.bloc a:hover u{
display:block;
position: absolute;
text-align:left;
font-style :normal;
width: 200px;
height: 100px;
margin-top: 10px;
margin-left: 10px;
padding : 2px;
background : white;
border:solid 1px green;
}