/*--------------------------- Mise en page générale -----------------*/
body {	
background-color:#E6E7E8; background-image:url(../../images/fondBody.jpg); background-repeat:repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:9pt;padding-top:0px;
}
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:918px;
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:887px;
left:0;
top:31px;
background-color:#3366CC;

}
.meteo{
position:absolute;
width:100px;
height:105px;
left:43px;
top:369px;
background-color:#FFFFFF;
text-align:center;
}
.meteo span {
vertical-align:middle;
font-size:12pt; color:#3366CC;
}
.meteo span a{
color:#FFFFFF; text-decoration:none;color:#3366CC;
}
.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;
color:#FFFFFF;
}
.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:#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:349px;
z-index:50;
}
.menuHD{
position:absolute;
width:173px;
height:150px;
top:69px;
left:482px;
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:216px;
}
.menuBG{
position:absolute;
width:173px;
height:150px;
top:219px;
left:43px;
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:349px;
}
.menuBD{
position:absolute;
width:173px;
height:150px;
top:219px;
left:482px;
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;
}
/*-------------------------------------------------------------------*/
.App{
position:absolute;
width:512px;
height:105px;
left:143px;
top:369px;
text-align:center;
color:#08275B;
}
/*--------------------------------------------------------------*/
.horaire{
position:absolute;
width:612px;
height:398px;
left:43px;
top:474px;
}
.ligneResultat{
position:relative;
width:572px; /* padding + width + padding = 20 + 564 + 20 = 604 */
height:139px; /* border + padding + height + padding = 6 + 10 + 199 + 10 = 225*/
padding:10px 20px 10px 20px;
left:0;
top:0px;
background-color: #99CCFF;
border-top:6px solid #3366CC;
color:#000000;
}
.tabEntete{
margin:0; padding:0; border:0; width:545px;
}
.tabEntete td{
margin:0; padding:0; border:0; background-color: #3366CC; 
text-align:center; color:#FFFFFF; font-size:8pt; font-weight:bold;
}
.blocResultat{
width:564px;/* width + barreDefilement = 545 + 19*/
height:90px;
overflow:auto;
padding:0;
margin:0;
}
.tabBloc{
margin:0; padding:0; border:0; width:545px;
}
.tabBloc td{
margin:0; padding:0; border:0; text-align:center; font-size:9pt;
}
.tabBloc td a, .tabBloc td a:visited{
color:#000000; text-decoration:none;
}
.tabBloc td a:hover{
color:#3366CC;
}
.blocL1{
background-color: #CCFFFF; 
}
.blocL2{
background-color: #FFFFFF;
}
.titreRecherche{
color:#3366CC; font-size:11pt; font-weight:bold;}
.titreResultat{
color:#FFFFFF; font-size:11pt; font-weight:bold;}
.titreDate{
color:#3366CC; font-size:11pt; font-weight:bold;}

/*-----------------------------------------------------------*/
.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;}