/*--------------------------- Mise en page générale -----------------*/
body {	
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif; 
font-size:9pt;
padding-top:50px;
color:#FFFFFF;}
form{
padding:0; margin:0;}
input{
font-family:Arial, Helvetica, sans-serif;font-size:8pt;}
/*------------------------- Commun à tous les mises en pages de Actualites ----------*/
.interface{
position:absolute;
left: 50%; 
width: 779px;
top:90px;
height:478px;
margin:0;
margin-left: -411px; /* moitié de la largeur */
padding:0;
background-color:#FFFFFF;
}
.menuSite{
position:absolute;
width:778px;
height:91px;
margin:0;
padding:0;
left:0;
top:0;
z-index:100;
}
.centre{
position:absolute;
width:778px;
height:500px;
left:0;
top:31px;
background-color:#3366CC;

}
.meteo{
position:absolute;
width:92px;
height:36px;
left:0;
top:33px;
background-color:#009933;
text-align:center;
}
.meteo span {
line-height:36px;
vertical-align:middle;
font-size:12pt;
}
.meteo span a{
color:#FFFFFF; text-decoration:none;
}
.meteo span a:hover{
color:#333366; text-decoration:none;
}
.logoFr{
position:absolute;
width:83px;
height:47px;
right:0;
top:69px;
}
.logoGuide{
position:absolute;
width:63px;
height:126px;
right:10px;
top:69px;
}

.titre{
position:absolute;
width:612px;
height:69px;
left:92px;
top:0;
text-align:center;
}
.titre span{
line-height:69px;
vertical-align:middle;
font-size:26pt;
}
/*----------------------------------------------------------*/
p,ul,li,li a{
margin:0;padding:0;list-style-type:none;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:8pt;
}
/*-----------------------------------------------------------*/
.imageHG{
position:absolute;
width:133px;
height:150px;
top:69px;
left:265px;
}
.menuHG{
position:absolute;
width:173px;
height:150px;
top:69px;
left:92px;
background-color:#003399;
}
.menuHG form{
margin:0 5px 0 5px; font-size:8pt;}
.menuHG select, .menuHG input{
font-size:8pt; color:#FFFFFF; margin:0; margin-top:4px; background-color:#0B1099;
}
input.MenuHGsubmit{
width:163px; font-weight:bold; font-size:8pt; color:#003399;  border:0; background-color:#CAD9FD; cursor:pointer; 
}
.menuHG p{
margin-top:12px;font-size:14pt;text-align:right;}
.menuHG p a{
color:#FFFFFF;text-decoration:none;}
.menuHG p a:hover{
color:#FF9933;text-decoration:none;}
.menuHG ul{
margin-top:4px;padding-right:19px;}
.menuHG li, .menuHG li a, .menuHG li a:visited{
text-align:right;line-height:10pt;text-decoration:none;}
.menuHG li a:hover{
color:#FF9933;text-decoration:none;}
/*------------------------------------------*/
.imageHD{
position:absolute;
width:133px;
height:150px;
top:69px;
left:398px;
z-index:50;
}
.menuHD{
position:absolute;
width:173px;
height:150px;
top:69px;
left:531px;
background-color:#0033CC;
}
.menuHD p{
margin-top:12px;font-size:14pt;text-align:left;}
.menuHD p a{
color:#FFFFFF;text-decoration:none;}
.menuHD p a:hover{
color:#FF9933;text-decoration:none;}
.menuHD ul{
margin:0; margin-top:4px; padding:0; padding-left:19px;}
.menuHD li, .menuHD li a, .menuHD li a:visited{
text-align:left;line-height:10pt;text-decoration:none;}
.menuHD li a:hover{
color:#FF9933;text-decoration:none;}
/*-----------------------------------------------------------*/
.imageBG{
position:absolute;
width:133px;
height:150px;
top:219px;
left:265px;
}
.menuBG{
position:absolute;
width:173px;
height:150px;
top:219px;
left:92px;
background-color:#333366;
}
.menuBG p{
margin-top:12px;font-size:14pt;text-align:right;}
.menuBG ul{
margin-top:4px;padding-right:19px;}
.menuBG li, .menuBG li a, .menuBG li a:visited{
text-align:right;line-height:10pt;text-decoration:none;}
.menuBG li a:hover{
color:#FF9933;text-decoration:none;}
/*----------------------------------------------------------------*/
.imageBD{
position:absolute;
width:133px;
height:150px;
top:219px;
left:398px;
}
.menuBD{
position:absolute;
width:173px;
height:150px;
top:219px;
left:531px;
background-color:#6699FF;
}
.menuBD p{
margin-top:12px;font-size:14pt;text-align:left;}
.menuBD ul{
margin-top:4px;padding-left:19px;}
.menuBD li, .menuBD li a, .menuBD li a:visited{
text-align:left;line-height:10pt;text-decoration:none;}
.menuBD li a:hover{
color:#FF9933;text-decoration:none;
}
/*-----------------------------------------------------------*/
.blocInfo{
position:absolute;
width:611px;
height:113px;
top:379px;
left:92px;
background-color:#D3F0FE;
border:1px solid #0033CC;
}
.titreInfo{
font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#3366CC; font-weight:bold;
}
.texteInfo{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#000000;
}
.blocInfo a, .blocInfo a:visited{
text-align:right;line-height:8pt;text-decoration:none;color:#3366CC;}
.blocInfo a:hover{
color:#FF9933;text-decoration:none;}