/*--------------------------- Mise en page générale -----------------*/
body {	
background-color: #CCCCCC;
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:#0099FF; height:1px}
/*------------------------- Commun à tous les mises en pages de Actualites ----------*/
.interface{
position:absolute;
left: 50%; 
width: 930px;
height:500px;
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; top:478px;
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF;
font-weight:bold;
}
.menuSite{
position:absolute;
width:772px;
height:31px;
margin:0;
padding:0;
left:0;
top:0;
z-index:100;
background-color:#FFFFFF;
}
.menuZone{
position:absolute;
width:166px;
height:186px;
left:0;
top:31px;
margin:0;
padding:0;
background-color:#0099FF;
}
.menuSsZone{
position:absolute;
width:694px;
height:20px;
left:84px;
top:31px;
margin:0;
padding:0;
background-color:#0099FF;
border-left:1px solid #0099FF;
}
.pubZone{
position:absolute;
width:166px;
height:283px;
margin:0;
padding:0;
left:0;
top:217px;
text-align:right;
background-color:#0099FF;
}
.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:#FF9933; 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:#FF9933; text-decoration:none;
}
.espaceTable{
height:51px;
margin:0;
padding:0;
}
.espaceDiv{
height:460px;
margin:0;
padding:0;
}
/*------------------------------------------------*/
.divCentre{
position:absolute;
width:764px; /* border + width = 1 + 604 = 605*/
height:469px;
margin:0;
left:166px;
top:31px;
border:0;
overflow:auto;
background-color:#FFFFFF;
}
/*----------------------------------- Centre : Si hauteur fixe avec ascenseur -------------------------*/
.divUne{
position:absolute;
width:594px; /* border + width = 1 + 604 = 605*/
height:489px; /* padding + height + padding = 349 + "20 Sous titre" = 369*/
margin:0;
left:173px;
top:58px;
border:0;
border-left:1px solid #0099FF;
overflow:auto;
background-color: #FFFFFF;
font-size:8pt;
}
.divGauche{
position:absolute;
width:382px;/*border + padding + width + padding = 1 + 25 + 382 + 25 = 433*/
height:319px;/*padding + height + padding = 25 + 299 + 25 = 349 + 20*/
margin:0;
padding:25px;
left:173px;
top:91px;
border:0;
border-left:1px solid #0099FF;
overflow:auto;
background-color:#FFFFFF;
font-size:8pt;
}
.divDroite{
position:absolute;
width:151px;/*border + padding + width + padding = 1 + 10 + 151 + 10 = 172*/
height:319px;/*padding + height + padding= 25 + 299 + 25 = 349 + 20*/
margin:0;
padding:25px 10px 25px 10px;
left:417px;
top:91px;
border:0;
border-left:1px solid #0099FF; 
overflow:auto;
background-color:#B4D5FA;
font-size:8pt;
}
/*-----------------------------------Centre : Si hauteur variable-----------------------------*/
.tableCentre{
width:744px;/* gauche + droite = 431 + 174 = 605 */
margin:0;
margin-left:0px;
border:0;
padding:0;
vertical-align:top;
font-family: Arial, Helvetica, sans-serif; 
background-color:#FFFFFF;
font-size:8pt;
}
.tableGauche{
width:548px;/* border + padding + width + padding = 1 + 25 + 382 + 25 = 433   */
height:449px;/* padding + height + padding = 25 + 299 + 25 = 349 + 20   */
border:0;
padding:10px;
margin:0;
vertical-align:top;
background-color:#FFFFFF;
}
.tableDroite{
width:151px;/* border + padding + width + padding = 1 + 10 + 151 + 10 = 172   */ 
height:100%;/* padding + height + padding = 25 + 299 + 25 = 349 + 20  */ 
border:0;
border-left:1px solid #0099FF; 
padding:10px;
margin:0;
vertical-align:top;
background-color:#B4D5FA;
}
.tableUne{
width:589px;/* border + padding + width + padding = 1 + 25 + 554 + 25 = 605 */ 
height:468px;/* padding + height + padding = 25 + 299 + 25 = 349 + 20  */  
border:0; 
margin:0;
border-left:1px solid #0099FF; 
padding:25px; 
vertical-align:top;
background-color:#FFFFFF;
}
/*----------------------------------------Mise en page du texte--------------------------------------*/
.carreFond{
width:171px;
height:22px;
margin:0;
padding:0;
position:absolute;
bottom:0;
right:0;
background-color:#0099FF;
}
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:-10px;
}
.barreTitrePetite{
width:278px;
padding:0;
margin:0;
margin-left:-25px;
padding:2px 25px 2px 25px;
color:#FFFFFF;
font-size:11pt;
background-color:#0099FF;}

.barreTitreUne{
width:382px;
padding:0;
margin:0;
margin-left:-25px;
padding:5px 25px 5px 25px;
color:#FFFFFF;
font-size:13pt;
background-color:#0099FF;}

.barreTitreUneClair{
width:382px;
height:46px;
padding:0;
margin:0;
margin-left:-25px;
margin-right:-25px;
padding:5px 25px 5px 25px;
color:#3366CC;
font-size:19pt;
background-position:right top;
}
.barrePub{
width:432px;
height:25px;
margin:0;
margin-left:-25px;
margin-right:-25px;
color:#3366CC;
text-align:center;
font-size:14pt;
background-color:#B4D5FA;
vertical-align:middle;
line-height:22px;
}

.barreTitreGauche{
width:340px;
padding:0;
margin:0;
margin-left:-25px;
padding:5px 25px 5px 25px;
color:#FFFFFF;
font-size:13pt;
background-color:#0099FF;}

.barreTitreDroite{
width:100%;
padding:-5px;
margin:-10px;
padding: 0px 49px 0px 15px;
color:#FFFFFF;
font-size:14pt;
font-weight:bold;
background-color:#0099FF;
}
.barreTitreDroiteG{
width:100%;
padding:-2px;
margin:-10px;
padding: 1px 9px 1px 2px;
color:#FFFFFF;
font-size:10pt;
font-weight:bold;
background-color:#0099FF;
}
.titreBleu{
margin:0;
padding:0;
color:#0099FF;
font-size:10pt;
font-weight:bold;
}
.texteBleu{
margin:0;
padding:0;
color:#0099FF;
font-size:8pt;
font-weight:bold;
}
.texteGras{
margin:0;
padding:0;
color:#000000;
font-size:10pt;
font-weight:bold;
}

a.lien, a.lien:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF; 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; text-decoration:none; font-weight:bold;
}
a.lien1:hover{ 
color:#FF6600; text-decoration:none; 
}
a.lien2, a.lien2:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#FFFFFF; text-decoration:none; font-weight:bold;
}
a.lien2:hover{ 
color:#FF6600; text-decoration:none; 
}
a.lienPub, a.lienPub:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:14pt; color:#FFFFFF; text-decoration:none;
}
a.lienPub:hover{ 
color:#FF6600; text-decoration:none; 
}
/*---------------------------------------------------------------------------------------------------*/