/*-------------------------------COMMUN A TOUTE LES PAGES-------*/
body{background-color:#FFFFFF;padding:0px;margin:0px;font-family:Arial, Helvetica, sans-serif; font-size:8pt; scrollbar-base-color:#ffffff;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#000000;}
.conteneur{position:absolute;width:760px;height:590px; padding:0px;margin:0px; left:50%; margin-left:-380px; top:50%; margin-top:-295px;}
.msgerreur{color:#FF0000; font-size:8pt; font-weight:bold;}
.msgok{color:#00CC33; font-size:8pt; font-weight:bold;}
/*------------------------------- meteo -------------------------*/
.Weather_fond { background-color:#669999; font:normal 8pt Arial}
.Weather_corps { background-color:#D8E9EC }
.Weather_texte { color: #000000 }
.Weather_titre { color: #FFFFFF }
.Weather_sstitre { color: #858586 }
.Weather_link { font:normal 7pt Arial;text-decoration:none }
/*---------------- popup ---------------------------*/
.popuphaut{position:absolute; top:0px; left:0px; width:427px; height:54px; margin:0px; padding:0px; background-color:#0c153b; background-image:url(_img/popup.jpg); background-repeat:no-repeat; background-position:left top; text-align:right;}
.popuphaut span{font-size:18pt; color:#00a0c6; font-weight:bold; line-height:54px; vertical-align:middle; margin-right:10px;}
.popupcentre{position:absolute; top:54px; left:0px; width:427px; height:386px; margin:0px; padding:0px; overflow:auto; scrollbar-base-color:#ffffff;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#0c153b;}
.popupbas{position:absolute; top:440px; left:0px; width:427px; height:20px; margin:0px; padding:0px; background-color:#00a0c6;}
a.popuplien{color:#00a0c6; font-weight:bold; font-size:8pt; text-decoration:none;}
a.popuplien:hover{color:#0c153b;}
a.popupfermer{position:absolute; top:0px; right:10px;color:#ffffff; font-weight:bold; font-size:8pt; text-decoration:none; line-height:20px; vertical-align:middle;}
a.popupfermer:hover{color:#0c153b;}
/*------------------------ Menu bas -----------------------*/
.menubas{width:738px; height:20px; position:absolute; left:9px; top:564px; background-image:url(_img/menubas.jpg);margin:0px; padding:0px; color:#ffffff; }
.menubas a{color:#ffffff; text-decoration:none; line-height:20px; vertical-align:middle; margin-left:7px; margin-right:7px;}
.menubas a:hover{color:#000000;}
/*------------------------ Menu haut -----------------------*/
.menuhaut{width:670px; height:20px; position:absolute; left:90px; top:0px; background-image:url(_img/menuhaut.jpg); background-repeat:no-repeat;margin:0px; padding:0px; color:#ffffff; padding-top:65px;}
.menuhaut a{
	color:#ffffff;
	text-decoration:none;
	line-height:20px;
	vertical-align:middle;
	margin-left:7px;
	margin-right:7px;
	font-weight: normal;
}
.menuhaut a:hover{color:#000000;}
.menuhaut img{position:absolute; left:2px; top:90px;}

.logo{width:80px; height:79px; position:absolute; left:7px; top:8px;}
a.mtitre1:hover{color:#FF6600}
a.mtitre2:hover{color:#94CE23}
a.mtitre4:hover{color:#CC0000}

.mderoule0{width:235px; height:90px; position:absolute; left:2px; top:80px;}
.mderoule1{width:190px; height:105px; position:absolute; left:60px; top:80px;}
.mderoule2{width:95px; height:270px; position:absolute; left:235px; top:80px;}
.mderoule3{width:235px; height:90px; position:absolute; left:330px; top:80px;}
.mderoule4{width:170px; height:135px; position:absolute; left:410px; top:80px;}

.mderoulef0,.mderoulef1, .mderoulef2, .mderoulef3, .mderoulef4{width:100%; height:100%;background-color:#00A0C6; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; position:relative;}
.mderoulet0, .mderoulet1, .mderoulet2, .mderoulet3, .mderoulet4{position: absolute; left:0px; top:0px; list-style-type:none; margin:0px; padding:5px;}
.mderoulet0 li, .mderoulet1 li, .mderoulet2 li, .mderoulet3 li, .mderoulet4 li{list-style-type:none; margin:0px; padding:0px;}
.mderoulet0 li a, .mderoulet1 li a, .mderoulet2 li a, .mderoulet3 li a, .mderoulet4 li a{color:#000000; text-decoration:none; font-size:8pt; line-height:15px; font-weight:bold}
.mderoulet0 li a:hover, .mderoulet3 li a:hover{color:#ffffff;}
.mderoulet1 li a:hover{color:#FF6600}
.mderoulet2 li a:hover{color:#94CE23}
.mderoulet4 li a:hover{color:#FFFFFF}