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

.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;
}
/*-----------------------------------------------------------*/
.blocInfo{
position:absolute;width:251px;height:400px;right:5px;top:69px; vertical-align:middle;
padding:5px;
background-color:#EEEEEE;
background-repeat:no-repeat;
background-image:url(../../images/SmenuGagd.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:9pt; color:#6195C3; font-weight:bold;
}
.texteInfo{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#000000; text-align:justify;
}
.blocInfo a, .blocInfo a:visited{
text-align:right;line-height:8pt;text-decoration:none;color:#3366CC;}
.blocInfo a:hover{
color:#FF9933;text-decoration:none;}
/*---------------------------*/
.Actu{
position:absolute;width:251px;height:264px;right:5px;top:580px; vertical-align:middle;
padding:5px;
background-color:#EEEEEE;
background-repeat:no-repeat;
background-image:url(../../images/SmenuGapp.jpg);
border:1px solid #0033CC;
}
.Actu a, .Actu a:visited{
text-align:left;line-height:12px;text-decoration:none;color:#6195C3; font-size:11px;
}
.Actu a:hover{
color:#666666;text-decoration:none;
}
.Actu p{
margin-top:0px; margin-left:35px; font-size:12pt; text-align:left;
}
.Actu span{
margin-left:8px; font-size:11px; text-align:left; color:#000000;
}
.Actu hr{
color:#CCCCCC; margin:2px; width:249px;
}
.Actu ul{
margin-top:15px; margin-left:2px; 
}
.Actu li, .Actu li a, .Actu li a:visited{
text-align:left;line-height:15px;text-decoration:none;color:#6195C3; font-size:11px;
}
.Actu li a:hover{
text-decoration:none; color:#666666;
}
/*------------------------------------------------------------------------------------------*/
.logoGuide{
position:absolute;
width:261px;
height:86px;
right:6px;
top:485px;
background-color:#000000;
}
.logoFr{
position:absolute;
width:198px;
height:105px;
left:0px;
top:0px;
}
.App{
position:absolute;
width:512px;
height:105px;
left:143px;
top:380px;
text-align:center;
}
.meteo{
position:absolute;
width:100px;
height:105px;
left:43px;
top:380px;
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;
}
/*---------------------- Mise en page des sections dynamiques horaires ---------------------*/
.horaire{
position:absolute;
width:612px;
height:398px;
left:43px;
top:485px;
}
.ligneRecherche{
position:absolute;
width:572px; /* padding + width + padding = 20 + 564 + 20 = 604 */
height:70px; /* padding + height + padding = 10 + 104 + 10 = 124*/
padding:10px 20px 10px 20px;
left:0;
top:0;
background-color:#FFFFFF;
}
.tabRecherche{
margin:0; padding:0; border:0; width:545px;
}
.tabRecherche td{
color:#3366CC; font-size:7pt; font-weight:bold;
}
.tabRecherche select{
color:#000000; font-size:7pt;
}
.boutonLigneRecherche {
position:absolute;
width:100px;
bottom:0;
left:235px;
color:#FFFFFF; font-weight:bold; font-size:9pt; border:0; background-color:#3366CC; cursor:pointer;
}

.ligneResultat{
position:absolute;
width:572px; /* padding + width + padding = 20 + 564 + 20 = 604 */
height:296px; /* border + padding + height + padding = 6 + 10 + 199 + 10 = 225*/
padding:10px 20px 0 20px;
left:0px;
top:89px;
background-color: #99CCFF;
border-top:6px solid #3366CC;
}
.tabEntete{
margin:0; padding:0; border-bottom:3px solid #99CCFF; width:545px;
}
.tabEntete td{
margin:0; padding:0;  background-color: #3366CC; 
text-align:center; color:#FFFFFF; font-size:8pt; font-weight:bold;
}
.blocResultat{
width:563px;/* width + barreDefilement = 545 + 19*/
height:270px;
overflow:auto;
padding:0;
margin:0;
}
.tabBloc{
margin:0; padding:0; border:0; width:545px; 
}
.tabBloc td{
margin:0;  padding:0; border-bottom:1px solid #99CCFF; 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; height:17px;
}
.blocL2{
background-color: #FFFFFF; height:17px;
}
.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;}
/*-------------------------------------------------------------------------------------------*/
.menuHautAcc{
position:absolute;
left: 50%; 
width: 930px;
height:105px;
margin:0;
top:0px;
margin-left: -465px; /* moitié de la largeur */
padding:0;
background-color:#FFFFFF;
}
.logocci{
position:absolute;
width:83px;
height:80px;
margin:0;
padding:0;
left:0;
top:15px;
background-image:url(../images/accueillogocci.jpg);
background-repeat:no-repeat;
}
.evenement0{
position:absolute;width:355px;height:60px;margin:0;padding:0;right:0px;top:4px; 
}