/*--------------------------- 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;}
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 ----------*/
.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;
line-height:7pt;
}
.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:7pt; color:#FF6600; text-decoration:none;
}
.pubZone li a, .pubZone li a:visited{
font-family: Arial, Helvetica, sans-serif; font-size:7pt; 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:460px;
}
/*------------------------------------------------*/
.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:763px; /* border + padding + width + padding = 1 + 10 + 584 + 10 = 605*/
height:428px; /* padding + height + padding = 10 + 329 + 10 = 349 */
margin:0;
padding:-5px;
left:0px;
top:0px;
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; 
}
.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:150px;/* 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:4px;
margin:0;
vertical-align:top;
}
.tableUne{
width:589px;/* 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;
}
/*-------------------------------------------------------------------------------------------*/
p.barreTitre{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF; background-color:#666666;
font-weight:bold; width:100%; padding:3px 10px 3px 10px; margin-left:-5px;
}
p.barreTitre2{
font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#3366CC; 
font-weight:bold; width:200px; padding:2px 10px 2px 10px; margin-left:-5px;
}
p.barreTitreadresse{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF; background-color:#3366CC;
font-weight:bold; width:100%; height:18px; padding:2px 10px 2px 10px; margin-left:-10px;
}
.barreLGaucheClair{
width:100%;
padding:0;
margin:0;
margin-left:-10px;
margin-right:-10px;
padding:10px 20px 10px 10px;
color:#3366CC;
font-size:19pt;
font-weight:bolder;
}
.barreLGaucheClair span{ 
font-size:9pt;
}
.carre{
position:absolute; right:0; top:438px; width:174px; height:22px; background-color: #3366CC;}
.texte{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#000000;
}
.textebleu{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#3366CC;
}
.titre{
font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#000000; font-weight:bold;
}
.titrebleu{
font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#3366CC; font-weight:bold;
}
.texteBold{
font-family: Arial, Helvetica, sans-serif; font-size:16pt; color:#000000; font-weight:bold;
}
.texteBoldOrange{
font-family: Arial, Helvetica, sans-serif; font-size:16pt; color:#FF6600; font-weight:bold;
}
a.lien, a.lien:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:7pt; color:#000000; font-weight:bold; text-decoration:none;
}
a.lien:hover{ 
color:#FF6600; text-decoration:none;
}
a.lien1, a.lien1:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF; font-weight:bold; text-decoration:none;
}
a.lien1:hover{ 
color:#FF6600; text-decoration:none;
}
/*---------------------- Mise en page des sections dynamiques horaires ---------------------*/
.ligneRecherche{
position:absolute;
width:569px; /* padding + width + padding = 20 + 564 + 20 = 604 */
height:104px; /* 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:572px; /* padding + width + padding = 20 + 564 + 20 = 604 */
height:278px; /* border + padding + height + padding = 6 + 10 + 199 + 10 = 225*/
padding:10px 20px 10px 20px;
left:0;
top:124px;
background-color: #99CCFF;
border-top:6px solid #3366CC;
}
.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:226px;
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;}
/*---------------------------------------------------------------------------------------------------*/
.styleadresse1{
color:#ffffff; font-size:8pt;}
.styleadresse2{
color:#ffffff; font-size:8pt; font-weight:bold;}
.marge{
vertical-align:middle; padding-left: 10px; padding-right: 10px;}
.margephoto{
padding-left: 10px;}

.imageDroite{
text-align:right;
float:right; 
margin-right:-10px; 
margin-bottom:5px;
margin-left:5px;
margin-top:5px;
}
.imageGauche{
text-align:left;
float:left; 
margin-left:-10px; 
margin-bottom:5px;
margin-right:5px;
margin-top:5px;
}

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

p.barreTitreDroite{
font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#FFFFFF; background-color:#3366CC;
font-weight:bold; width:100%; padding:2px 10px 2px 10px; margin:0; margin-left:-10px; margin-right:-10px;
}


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