/*--------------------------- Mise en page générale -----------------*/
body {	
background-color: #E6E7E8;
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: 930px;
height:818px;
margin:0;
top:90px;
margin-left: -465px; /* 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:930px;
height:787px;
left:0;
top:31px;
background-color:#0099FF;

}
.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:83px;
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:216px;
}
.menuHG{
position:absolute;
width:173px;
height:150px;
top:69px;
left:43px;
background-color:#0470B9;
}
.menuHG form{
margin:0 5px 0 5px; font-size:8pt;}
.menuHG select, .menuHG input{
font-size:8pt; color:#FFFFFF; margin:0; margin-top:2px; 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:7px;font-size:12pt;text-align:right;}
.menuHG p a,.menuHG p a:visited{
color:#FFFFFF;margin-top:12px;font-size:12pt;text-align:right;text-decoration:none;}
.menuHG p a:hover{
color:#FF6600;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:9pt;text-decoration:none;}
.menuHG li a:hover{
color:#FF6600;text-decoration:none;}
/*------------------------------------------*/
.imageHD{
position:absolute;
width:133px;
height:150px;
top:69px;
left:349px;
z-index:50;
}
.menuHD{
position:absolute;
width:173px;
height:150px;
top:69px;
left:482px;
background-color:#06C5EE;
}
.menuHD p{
margin-top:7px;font-size:12pt;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:2px; padding:0; padding-left:19px;}
.menuHD li, .menuHD li a, .menuHD li a:visited{
text-align:left;line-height:9pt;text-decoration:none;}
.menuHD li a:hover{
color:#FF6600;text-decoration:none;}
/*-----------------------------------------------------------*/
.imageBG{
position:absolute;
width:133px;
height:150px;
top:219px;
left:216px;
}
.menuBG{
position:absolute;
width:173px;
height:150px;
top:219px;
left:43px;
background-color:#127DE0;
}
.menuBG p{
margin-top:7px;font-size:12pt;text-align:right;}
.menuBG p a,.menuBG p a:visited{
color:#FFFFFF;margin-top:12px;font-size:12pt;text-align:right;text-decoration:none;}
.menuBG p a:hover{
color:#FF6600;text-decoration:none;}
.menuBG ul{
margin-top:2px;padding-right:19px;}
.menuBG li, .menuBG li a, .menuBG li a:visited{
text-align:right;line-height:9pt;text-decoration:none;}
.menuBG li a:hover{
color:#FF6600;text-decoration:none;}
/*----------------------------------------------------------------*/
.imageBD{
position:absolute;
width:133px;
height:150px;
top:219px;
left:349px;
}
.menuBD{
position:absolute;
width:173px;
height:150px;
top:219px;
left:482px;
background-color:#196EE0;
}
.menuBD p{
margin-top:7px;font-size:12pt;text-align:left;}
.menuBD p a,.menuBD p a:visited{
color:#FFFFFF;margin-top:12px;font-size:12pt;text-align:right;text-decoration:none;}
.menuBD p a:hover{
color:#FF6600;text-decoration:none;}
.menuBD ul{
margin-top:2px;padding-left:19px;}
.menuBD li, .menuBD li a, .menuBD li a:visited{
text-align:left;line-height:9pt;text-decoration:none;}
.menuBD li a:hover{
color:#FF6600;text-decoration:none;
}
/*-------------------------------------------------------------------*/
.tromb{
position:absolute;
width:602px;
height:368px;
left:43px;
top:374px;
padding:5px;
background-color:#FFFFFF;
}
.cadre{
	width:75px;
	height:92px;
	margin:0;
	padding:0;
	float:left;
}
.cadre img{
border:0;
}
.blocInfo{
position:absolute;width:251px;height:500px;right:5px;top:69px; vertical-align:middle;
padding:5px;
background-color:#EEEEEE;
background-repeat:no-repeat;
background-image:url(../../images/SmenuGapp.jpg);
border:1px solid #0033CC;
}
.blocInfo p{
margin-top:0px; margin-left:35px; font-size:12pt; text-align:left; color:#FFFFFF;
}
.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;}