/*--------------------------- Mise en page générale -----------------*/
body {
background-color:#FFFFFF;
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; margin-left:-20px;}
/*------------------------- 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;
}
.FondDroit{
position:absolute; width:589px; 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: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:#0099FF;
}
.menuSsZone{
position:absolute;
width:845px;
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:31px;
margin:0;
padding:0;
}
.espaceDiv{
height:460px;
margin:0;
padding:0;
}
/*------------------------------------------------*/
.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 + width = 1 + 604 = 605*/
height:489px; /* padding + height + padding = 349 + "20 Sous titre" = 369*/
margin:0;
left:0px;
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;
border-right:1px solid #0099FF;
}
.tableGauche{
width:402px;/* border + padding + width + padding = 1 + 25 + 382 + 25 = 433   */
height:478px;/* padding + height + padding = 25 + 299 + 25 = 349 + 20   */
border:0;
padding:10px;
margin:0;
vertical-align:top;
background-color:#FFFFFF;
}
.tableGaucheBis{
width:332px;/* border + padding + width + padding = 1 + 25 + 382 + 25 = 433   */
height:319px;/* padding + height + padding = 25 + 299 + 25 = 349 + 20   */
border:0;
border-left:1px solid #0099FF; 
padding:10px;
margin:0;
vertical-align:top;
background-color:#FFFFFF;
}
.tableDroite{
width:150px;/* border + padding + width + padding = 1 + 10 + 151 + 10 = 172   */ 
height:456px;/* padding + height + padding = 25 + 299 + 25 = 349 + 20  */ 
border:0;
border-left:1px solid #0099FF; 
padding:10px;
margin:0;
text-align:left;
vertical-align:top;
background-color:#B4D5FA;
}
.tableUne{
width:740px;/* border + padding + width + padding = 1 + 25 + 554 + 25 = 605 */ 
height:468px;/* padding + height + padding = 25 + 299 + 25 = 349 + 20  */  
border:0; 
margin:0;
padding:10px; 
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;
}
.barreTitre{
width:350px;
padding:0;
margin:0;
margin-left:-25px;
padding:0px 5px 0px 25px;
color:#0099FF;
text-align:right;
font-size:10pt;
font-weight:bold;
border-bottom:1px solid #0099FF;
}
.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:410px;
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;
}

.barreTitreUneClair span{
vertical-align:middle;
line-height:46px;
}

.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:0;
margin:0;
margin:-10px;
padding: 5px 10px 5px 10px;
color:#FFFFFF;
font-size:8pt;
font-weight:bold;
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;
}
.texteIntro{
margin:0;
padding:0;
color:#333333;
font-size:13px;
}
a.lien, a.lien:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#000000; text-decoration:none;
}
a.lien:hover{ 
color:#FF6600; text-decoration:none;
}
a.lien1, a.lien1:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:7pt; font-style:italic; color:#FF6600; text-decoration:none;
}
a.lien1:hover{ 
color:#000000; text-decoration:none;
}
a.lien2, a.lien2:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:14px; font-style:italic; color:#0470B9; text-decoration:none; font-weight:bold;
}
a.lien2:hover{ 
color:#06C5EE; text-decoration:none;
}
p.lienBarre {
width:200px;
padding:0;
margin:0;
margin-left:-10px;
padding:2px 25px 2px 25px;
color:#FFFFFF;
font-size:12px;
background-color:#0099FF;
}
p.lienBarre span{
padding-left:4px;
line-height:20px; 
vertical-align:middle;
}
p.lienBarre  a, .lienBarre p a:visited{
width:200px;
height:100%;
display:block;
margin-left:-25px;
padding:0px 25px 0px 23px;
text-decoration: none;
font-size:12px; color:#FFFFFF; font-weight:bold; 
background-color:##0099FF;
}
p.lienBarre  a:hover{
background-color:#06C5EE; text-decoration:none;
}
/*---------------------------------------------------------------------------------------------------*/
.erreur{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#009933;
}
