body {
	background: #c6ebd7;
   font-family: Arial, Helvetica, sans-serif;
	color:#0a681d;
	}
	
	td {
	font-size: 9pt;
	border: 1px solid Green;
}
.affichage {
	border: 1px solid green;
	border-collapse: collapse;
}
.affichage td {
	text-align: center;
	empty-cells: show;
	height:40px;
	padding-left: 4px;
	padding-right: 4px;
}
.formulaire td{
	border: none;
	vertical-align: top;
	font-size: 9pt;
}
.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 {
	text-align: center;
	color: Purple;
}
.tempmoins5{
	color: #3333FF;
	text-align: center;
}
.tempgel{ 
	text-align: center;
	color :#FFFFFF;
}
.temp05{ 
	text-align: center;
	color :#57FCA1;
}
.temp510{ 
	text-align: center;
	color :#AEFF00;
}	
.temp1015{ 
	text-align: center;
	color :#FEFE00;
}
.temp1520{ 
	text-align: center;
	color :#FFCC00;
}
.temp2025{ 
	text-align: center;
	color :#FF9933;
}
.tempsup25{ 
	text-align: center;
	color :#FF6600;
}
.tempsup30{ 
	text-align: center;
	color :#FF3300;
}
.tempsup35{ 
	text-align: center;
	color: #F719AB;
	}
	.normal{
	text-align: center;
	color:#0a681d;
	}
.ventnormal{
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	}
.vent36{
	text-align: center;
	font-weight: bold;
	color: #AEFC05;
	}
.vent57{
	text-align: center;
	font-weight: bold;
	color: #FCB905;
	}
.vent75{
	text-align: center;
	font-weight: bold;
	color: #FC0B05;
	}
.miltrente{ 
	text-align: center;
	background-color: #F9FFF9;
	}
	.neuf80{
	text-align: center;
	background-color: #B1CCFC;
	color: #FFFFFF;
	border: 1px solid Green;
}
	.HR0{
	text-align: center;
	color: #FFB338;
	}
	.HR1{
	text-align: center;
	color: #FFCE46;
	}
	.HR2{
	text-align: center;
	color: #FFFF2F;
	}
	.HR3{
	text-align: center;
	color: #EFFF2F;
	}
	.HR4{
	text-align: center;
	color: #C2FF4B;
	}
	.HR5{
	text-align: center;
	color: #64FE59;
	}
	.HR6{
	text-align: center;
	color: #94FFFB;
	}
	.HR7{
	text-align: center;
	color: #50F9F3;
	}
	.HR8{
	text-align: center;
	color: #A0CFF7;
	}
	.HR9{
	text-align: center;
	color: #F991FF;
	}
.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;
}
.averse{
	text-align: center;
	width: 50px;
	background-image: url(http://meteopeypin.free.fr/basem/ico/14.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border-right: none;
	border-bottom: 1px solid Green;
	border-left: 1px solid Green;
	border-top: 1px solid Green;
	}
	.forteaverse{
	text-align: center;
	width: 50px;
	background-image: url(http://meteopeypin.free.fr/basem/ico/15.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border-right: none;
	border-bottom: 1px solid Green;
	border-left: 1px solid Green;
	border-top: 1px solid Green;
	}
	.bruine{
	text-align: center;
	width: 50px;
	background-image: url(http://meteopeypin.free.fr/basem/ico/16.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border-right: none;
	border-bottom: 1px solid Green;
	border-left: 1px solid Green;
	border-top: 1px solid Green;
	}
	.oragefort{
	text-align: center;
	width: 50px;
	background-image: url(http://meteopeypin.free.fr/basem/ico/35.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border-right: none;
	border-bottom: 1px solid Green;
	border-left: 1px solid Green;
	border-top: 1px solid Green;
	}
	.orage{
	text-align: center;
	width: 50px;
	background-image: url(http://meteopeypin.free.fr/basem/ico/35.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border-right: none;
	border-bottom: 1px solid Green;
	border-left: 1px solid Green;
	border-top: 1px solid Green;
	}
	.grains{
	text-align: center;
	width: 50px;
	background-image: url(http://meteopeypin.free.fr/basem/ico/21.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border-right: none;
	border-bottom: 1px solid Green;
	border-left: 1px solid Green;
	border-top: 1px solid Green;
	}
	.neige{
	width: 50px;
	text-align: center;
	background-image: url(http://meteopeypin.free.fr/basem/ico/28.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border-right: none;
	border-bottom: 1px solid Green;
	border-left: 1px solid Green;
	border-top: 1px solid Green;
	}
	.pluie{
	text-align: center;
	width: 50px;
	background-image: url(http://meteopeypin.free.fr/basem/ico/18.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border-right: none;
	border-bottom: 1px solid Green;
	border-left: 1px solid Green;
	border-top: 1px solid Green;
	}
    .fortepluie{
	text-align: center;
	width: 50px;
	background-image: url(http://meteopeypin.free.fr/basem/ico/18.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border-right: none;
	border-bottom: 1px solid Green;
	border-left: 1px solid Green;
	border-top: 1px solid Green;
}
	.normal{
	text-align: center;
	background-color: #c6ebd7;
}
	.fortepluie{
	text-align: center;
	width: 50px;
	background-image: url(http://meteopeypin.free.fr/basem/ico/27.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border-right: none;
	border-bottom: 1px solid Green;
	border-left: 1px solid Green;
	border-top: 1px solid Green;
}
	.brouillard{
	text-align: center;
	width: 50px;
	background-image: url(http://meteopeypin.free.fr/basem/ico/7.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border-right: none;
	border-bottom: 1px solid Green;
	border-left: 1px solid Green;
	border-top: 1px solid Green;
}
	.cielclair{
	background-image: url(http://meteopeypin.free.fr/basem/ico/n0.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border-right: none;
	border-bottom: 1px solid Green;
	border-left: 1px solid Green;
	border-top: 1px solid Green;
	width: 50px;
}
	.unoctat{
	font-weight: bolder;
	background-image: url(http://meteopeypin.free.fr/basem/ico/n1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 50px;
	border-right: none;
	border-bottom: 1px solid Green;
	border-left: 1px solid Green;
	border-top: 1px solid Green;
}
	.quatreoctats{
	text-align: center;
	background-image: url(http://meteopeypin.free.fr/basem/ico/n4.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 50px;
	border-right: none;
	border-bottom: 1px solid Green;
	border-left: 1px solid Green;
	border-top: 1px solid Green;
}
	.sixoctats{
	background-image: url(http://meteopeypin.free.fr/basem/ico/n6.gif)top;
	background-repeat: no-repeat;
	background-position: center center;
	width: 50px;
	border-right: none;
	border-bottom: 1px solid Green;
	border-left: 1px solid Green;
	border-top: 1px solid Green;
}
	.huitoctats{
	color: #000000;
	background-image: url(http://meteopeypin.free.fr/basem/ico/n8.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 50px;
	border-right: none;
	border-bottom: 1px solid Green;
	border-left: 1px solid Green;
	border-top: 1px solid Green;
		}
	.texteciel{
	text-align: center;
	font-weight: bold;
	border-left: none;
	border-bottom: 1px solid Green;
	border-right: 1px solid Green;
	border-top: 1px solid Green;
	}
	.normalciel{
	text-align: center;
	font-weight: bolder;
	border-right: none;
	border-bottom: 1px solid Green;
	border-left: 1px solid Green;
	border-top: 1px solid Green;
	}