/*--------------------------- Mise en page générale -----------------*/
body {	
background-color: #E6E7E8;
font-family: Arial, Helvetica, sans-serif; 
font-size:8pt;
padding-top:50px;}
form{
padding:0; margin:0;}
input{
font-family:Arial, Helvetica, sans-serif;font-size:8pt;}
textarea{
font-family:Arial, Helvetica, sans-serif;font-size:8pt;}
hr{
color:#3366CC; height:1px;}
.drapeau{position:absolute; right:4px; top:4px;}
/*------------------------- Commun à tous les mises en pages de Actualites ----------*/
.evenementO{
position:absolute;width:355px;height:60px;margin:0;padding:0;right:0px;top:4px; 
}
.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;
}
.FondDroit{
position:absolute; width:552px; padding:5px 10px 0px 10px; height:17px; left:166px; background-color:#666666; bottom:0px;
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF;
font-weight:bold;
}
.menuSite{
position:absolute;
width:772px;
height:35px;
margin:0;
padding:0;
left:0;
top:0;
z-index:100;
}
.menuZone{
position:absolute;
width:166px;
height:186px;
left:0;
top:31px;
margin:0;
padding:0;
background-color: #3366CC;
text-align:right;
}
.pubZone{
position:absolute;
width:166px;
height:283px;
margin:0;
padding:0;
left:0;
top:217px;
background-color: #3366CC;
text-align:right;
}
.pubZone ul{
width:166px; margin:0; padding:0; list-style-type:none;
}
.pubZone li{
list-style-type:none; margin:0; margin-right:14px; margin-top:5px; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FF6600; text-decoration:none;
}
.pubZone li a, .pubZone li a:visited{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF; text-decoration:none;
}
.pubZone li a:hover{
color:#FF6600; text-decoration:none;
}
.menuSsZone{
position:absolute;
width:845px;
height:20px;
left:84px;
top:31px;
margin:0;
padding:0;
background-color: #3366CC;
border-left:1px solid #3366CC;
}
.espaceTable{
height:51px;
}
.espaceDiv{
height:50px;
}
/*------------------------------------------------*/
.divCentre{
position:absolute;
width:764px; /* border + width = 1 + 604 = 605*/
height:745px;
margin:0;
left:166px;
top:51px;
border:0;
overflow:auto;
background-color:#FFFFFF;
}
/*----------------------------------- Centre : Si hauteur fixe avec ascenseur -------------------------*/
.divUne{
position:absolute;
width:594px; /* border + padding + width + padding = 1 + 10 + 584 + 10 = 605*/
height:428px; /* padding + height + padding = 10 + 329 + 10 = 349 */
margin:0;
padding: 10px;
left:0px;
top:51px;
border:0;
border-left:1px solid #3366CC;
overflow:auto;
background-color: #ffffff;
}
.divGauche{
position:absolute;
width:417px;/* border + padding + width + padding = 1 + 10 + 412 + 10 = 433*/
height:429px;/*padding + height + padding = 10 + 329 + 10 = 349*/
margin:0;
padding:10px;
left:0px;
top:0px;
border:0;
border-left:1px solid #3366CC;
overflow:auto;
background-color: #ffffff;
}
.divDroite{
position:absolute;
width:151px;/*border + padding + width + padding = 1 + 10 + 151 + 10 = 172*/
height:429px;/*padding + height + padding = 10 + 329 + 10 = 349*/
margin:0;
padding:10px;
left:417px;
top:0px;
border:0;
border-left:1px solid #3366CC;
overflow:auto;
background-color: #ffffff;
}
/*-----------------------------------Centre : Si hauteur variable-----------------------------*/
.tableCentre{
width:744px;/* gauche + droite = 431 + 174 = 605 */
margin:0;
margin-left:0px;
border:0;
padding:0;
vertical-align:top; 
color: #3366CC;
font-family: Arial, Helvetica, sans-serif; 
background-color:#FFFFFF;
}
.tableGauche{
width:548px;/* border + padding + width + padding = 1 + 10 + 412 + 10 = 433   */
height:408px;/* padding + height + padding = 10 + 329 + 10 = 349   */
border:0;
border-left:1px solid #3366CC; 
padding:10px;
margin:0;
vertical-align:top;
}
.tableDroite{
width:151px;/* border + padding + width + padding = 1 + 10 + 151 + 10 = 172   */ 
height:408px;/* padding + height + padding = 10 + 329 + 10 = 349  */ 
border:0;
border-left:1px solid #3366CC; 
padding:10px;
margin:0;
}
.tableUne{
width:559px;/* border + padding + width + padding = 1 + 10 + 584 + 10 = 605 */ 
height:408px;/* padding + height + padding = 10 + 329 + 10 = 349   */  
border:0;
border-left:1px solid #3366CC;  
margin:0;
padding:10px; 
vertical-align:top;
text-align:justify;
}
/*---------------------- Mise en page des sections dynamiques horaires ---------------------*/
.ligneRecherche{
position:absolute;
width:573px; /* padding + width + padding = 20 + 564 + 20 = 604 */
height:106px; /* padding + height + padding = 10 + 104 + 10 = 124*/
padding:10px 20px 10px 20px;
left:0;
top:0;
}
.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:573px; /* padding + width + padding = 20 + 564 + 20 = 604 */
height:287px; /* border + padding + height + padding = 6 + 10 + 199 + 10 = 225*/
padding:10px 20px 0 20px;
left:0px;
top:125px;
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:564px;/* 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;}
/*-------------------------------------------------------------------------------------------*/

.barreLGaucheClair{
width:362px;
padding:0;
margin:0;
margin-left:-10px;
margin-right:-10px;
padding:5px 20px 5px 40px;
color:#3366CC;
font-size:19pt;
background-color:#BBE4F9;
}
.barreLGaucheClair span{ 
font-size:9pt;
}

p.barreAlignGauche{/*utilisé dans tableGauche ou tableUne*/
color:#FFFFFF; background-color:#3366CC;
font-weight:bold; width:372px; padding:3px 10px 3px 10px; margin-bottom:4px; margin-left:-10px;
}
p.barreAlignDroite{/*utilisé seulement dans tableGauche*/
color:#FFFFFF; background-color:#3366CC;
font-weight:bold; width:372px; padding:3px 10px 3px 10px; margin-right:-10px; margin-left:30px; margin-bottom:4px;
}
p.barreTitreCourte{/*utilisé dans tableGauche ou tableCentre*/
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF; background-color:#3366CC;
font-weight:bold; width:200px; padding:3px 10px 3px 10px; margin-bottom:4px; margin-left:-10px;
}
p.barreTitre{/*Prend toute la largeur utilisé dans tableGauche, TableDroite ou tableCentre*/
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF; background-color:#3366CC;
font-weight:bold; width:100%; padding:3px 10px 3px 10px;  margin-left:-10px;
}
p.barreTitre a{
text-decoration:none;color:#FFFFFF;
}
p.barreTitre a:hover{
text-decoration:none;color:#FF9933;
}
.texteOrange{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FF9933;
}
.titreOrange{
font-family: Arial, Helvetica, sans-serif; font-size:11pt; color:#FF9933; font-weight:bold;
}
.texteNoir{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#000000;
}
.titreNoir{
font-family: Arial, Helvetica, sans-serif; font-size:11pt; color:#000000; font-weight:bold;
}
a.lien, a.lien:visited{ 
font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:7pt; color:#3366CC; text-decoration:none;
}
a.lien:hover{ 
color:#FF9933; text-decoration:none;
}

a.lientab, a.lientab:visited{ 
color:#FFFFFF; text-decoration:none;
}
a.lientab:hover{ 
color:#FF9933; text-decoration:none;
}

a.lientab2, a.lientab2:visited{ 
color:#3366CC; text-decoration:none;
}
a.lientab2:hover{ 
color:#FFFFFF; text-decoration:none;
}

.carreFond{
width:171px;
height:22px;
margin:0;
padding:0;
position:absolute;
bottom:0px;
right:0px;
background-color:#3366CC;
}

/*---------------------------------lienbarre-----------------------------------------------------------------------------*/

p.lienBarre {
height:15px;
background-color: #3366CC;
margin:0 0 7px 0;
}

p.lienBarre span{
padding-left:4px;
line-height:15px; 
vertical-align:middle;
}

p.lienBarre  a, .lienBarre p a:visited{
text-decoration: none;
display: block;
height:100%;
font-size:7pt; 
color:#3366CC;
font-weight:bold; 
background-color:#B9E2FD;
}

p.lienBarre  a:hover{
background-color:#FF9933;
color:#FFFFFF; 
text-decoration:none;
}