/*--------------------Mise en page générale----------------------------*/
body {	
background-color: #000000;font-family: Arial, Helvetica, sans-serif; font-size:9pt;padding-top:0px; color:#FFFFFF;}
form{
padding:0; margin:0;}
input{
font-family:Arial, Helvetica, sans-serif;font-size:8pt;}
.submit{
color:#FFFFFF; font-weight:bold; border:0; background-color:#003366; cursor:pointer;}
hr{
color:#DF4801; height:1px}

/*--------------------Mise en page de l'acceuil-------------------------*/
.zonePub1{
position:absolute;width:254px;height:70px;left:0;top:388px;
border:1px dashed #CCCCCC; color:#CCCCCC;
}
.zonePub2{
position:absolute;width:81px;height:70px;left:695px;top:388px;
border:1px dashed #CCCCCC; color:#CCCCCC;
}
.zonePub3{
position:absolute;width:126px;height:57px;left:392px;top:0;
border:1px dashed #CCCCCC; color:#CCCCCC;
}
.zonePub4{
position:absolute;width:171px;height:35px;left:522px;top:0;
border:1px dashed #CCCCCC; color:#CCCCCC;
}
.divPub{
text-align:center;
position:absolute;
width:700px; /* border + width = 1 + 604 = 605*/
height:130px; /* border + height = 1 + 348*/
margin:0;
left:50%;
margin-left: -350px; /* moitié de la largeur */
top:755px;
border:0;
/*border-left:1px solid #FF6600;*/
/*border-top:1px solid #FF6600;*/
overflow:auto;
background-color:#000000;
}
/*------------------------- Commun à tous les mises en pages de Actualites ----------*/
.interface{
position:absolute;
top:2px;
left: 50%; 
width: 766px;
height:749px;
margin:0;
margin-left: -383px; /* moitié de la largeur */
padding:0;
background-color:#000000;
border:1px solid #EC882F;
}
.menuSite{
position:absolute;
width:766px;
height:50px;
left:0px;
top:410px;
}
.menuSite2{
position:absolute;
width:766px;
height:50px;
left:0px;
top:139px;
}
.menuFond{
position:absolute;
width:360px;
padding:5px 10px 0px 10px;
height:17px;
right:2px;
text-align:right;
bottom:10px;
font-family: verdana;
font-size:8pt;
color:#EC882F;
}
.menuFond a ,.menuFond a:visited{
color:#EC882F;font-size:8pt;text-align:right;text-decoration:none;
}
.menuFond a:hover{
color:#914807;text-decoration:none;
}
.banniere{
position:absolute;
width:766px;
height:139px;
margin:0;
padding:0;
left:0px;
top:0;
background-position:left;
background-repeat:no-repeat;
}
.menuZone{
position:absolute;
width:111px;
height:478px;
right:-116px;
top:139px;
margin:0;
padding:0;
background:#000000;
}
.pubZone{
position:absolute;
width:173px;
height:183px;
margin:0;
padding:0;
left:0;
top:277px;
background-color:#FFFFFF;
text-align:right;
}
.menuSsZone{
position:absolute;
width:605px;
height:20px;
left:173px;
top:91px;
margin:0;
padding:0;
background-color:#FF6600;
}
.espaceTable{
height:111px;
}
.espaceDiv{
height:460px;
}
/*----------------------------------- Centre : Si hauteur fixe avec ascenseur -------------------------*/
.divUne{
position:absolute;
width:766px; /* border + width = 1 + 604 = 605*/
height:610px; /* border + height = 1 + 348*/
margin:0;
left:0px;
top:139px;
border:0;
/*border-left:1px solid #FF6600;*/
/*border-top:1px solid #FF6600;*/
background-image:url(../images/fond.jpg);
background-color:#000000; 
}
.divDeux{
position:absolute;
width:745px; /* border + width = 1 + 604 = 605*/
height:220px; /* border + height = 1 + 348*/
padding:10px;
left:0px;
top:321px;
border:0;
text-align: justify;
/*border-left:1px solid #FF6600;*/
/*border-top:1px solid #FF6600;*/
overflow:auto;
scrollbar-face-color : #1E130C; /* couleur du bouton de l'ascenseur*/ 
scrollbar-track-color : #572919; /* couleur du fond de l'ascenseur*/ 
}
.divTrois{
position:absolute;
width:766px; /* border + width = 1 + 604 = 605*/
height:610px; /* border + height = 1 + 348*/
margin:0;
left:0px;
top:139px;
border:0;
/*border-left:1px solid #FF6600;*/
/*border-top:1px solid #FF6600;*/
background-image:url(../images/fond2.jpg);
background-color:#000000; 
}
.divQuatre{
position:absolute;
width:745px; /* border + width = 1 + 604 = 605*/
height:492px; /* border + height = 1 + 348*/
padding:10px;
left:0px;
top:50px;
border:0;
text-align: justify;
/*border-left:1px solid #FF6600;*/
/*border-top:1px solid #FF6600;*/
overflow:auto;
scrollbar-face-color : #1E130C; /* couleur du bouton de l'ascenseur*/ 
scrollbar-track-color : #572919; /* couleur du fond de l'ascenseur*/ 
}
.divMessage{
position:absolute;
width:380px; /* border + width = 1 + 604 = 605*/
height:40px; /* border + height = 1 + 348*/
margin:0;
left:5px;
bottom:6px;
border:0;
font-family:verdana;
font-size:9px;
color:#EC882F;
/*border-left:1px solid #FF6600;*/
/*border-top:1px solid #FF6600;*/
overflow:auto;
}
.divGauche{
position:absolute;
width:486px;/*border + width = 1 + 432 = 433*/
height:240px;/*border + height = 1 + 348*/
margin:0;
left:279px;
top:321px;
border:0;
overflow:auto;
color:#EC882F;
scrollbar-face-color : #1E130C; /* couleur du bouton de l'ascenseur*/ 
scrollbar-track-color : #572919; /* couleur du fond de l'ascenseur*/ 
}
.divDroite{
position:absolute;
width:250px;/*border + padding + width + padding = 1 + 10 + 151+ 10 = 172*/
height:220px;/*border + padding + height + padding = 1 + 10 + 328 + 10 = 349*/
margin:0;
left:10px;
top:321px;
border:0;
padding:10px;
overflow:auto;
scrollbar-face-color : #1E130C; /* couleur du bouton de l'ascenseur*/ 
scrollbar-track-color : #572919; /* couleur du fond de l'ascenseur*/ 
}
/*-----------------------------------Centre : Si hauteur variable-----------------------------*/
.tableCentre{
width:685px;/* gauche + droite = 431 + 174 = 605 */
margin:0;
margin-left:0px;
border:0;
padding:0;
vertical-align:50px;
text-align: justify; 
height:349px;
}
.tableGauche{
width:422px;/* border + padding + width + padding = 1 + 10 + 412 + 10 = 433   */
height:329px;/* padding + height + padding = 10 + 329 + 10 = 349   */
border:0;
border-left:1px solid #FF6600; 
padding:0px;
margin:0;
vertical-align:top;
line-height:10pt;
}
.tableDroite{
width:151px;/* border + padding + width + padding = 1 + 10 + 151 + 10 = 172   */ 
height:307px;/* padding + height + padding + border = 10 + 307 + 10 + 22 = 349  */ 
border:0;
border-left:1px solid #FF6600;
border-bottom:22px solid #FF6600; 
padding:10px;
margin:0;
vertical-align:top;
text-align:left;
}
.tableUne{
width:685px;/* border + padding + width + padding = 1 + 10 + 584 + 10 = 605 */ 
height:329px;/* padding + height + padding = 10 + 329 + 10 = 349   */  
border:0; 
margin:0;
border-left:1px solid #FF6600; 
padding: 10px; 
vertical-align:top;
color:#FFFFFF;
}
/*-------------------------------------------------------------------------------------------*/
p.barreTitre{
font-family: Castellar;
font-size:14pt;
color:#9C8D74;
font-weight:bold;
font-style:italic;
width:450px;
margin-left:80px;
margin-top:20px;
}
p.barreTitre2{
font-family: Castellar;
font-size:10pt;
color:#9C8D74;
font-weight:bold;
font-style:italic;
width:450px;
margin-left:80px;
margin-top:20px;
}
.carre{
position:absolute; left:100px; top:30px; width:450px; height:60px; background-image:url(../images/Hautpage.jpg);
}
.GrosTitre{
font-family: verdana; font-size:14px; color:#DF4801; font-weight:bold; font-style:italic;
}
.texte{
font-family: verdana; font-size:12px; color:#EC882F;
}
.texte2{
font-family: Arial, Helvetica, sans-serif; font-size:12pt; color:#DF4801; font-weight:bold; font-style:italic;
}
.texte3{
font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#DF4801; font-style:italic;
}
a.lien1, a.lien1:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#000000; text-decoration:none;
}
a.lien1:hover{ 
color:#9C8D74; text-decoration:none;
}
a.lien2, a.lien2:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#EC882F;; text-decoration:none;
}
a.lien2:hover{ 
color:#BCB29F; text-decoration:none;
}
a.lien3, a.lien3:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:12pt; color:#DF4801;  font-weight:bold; font-style:italic; text-decoration:none;
}
a.lien3:hover{ 
color:#BCB29F; text-decoration:none;
}
a.lienImg, a.lienImg:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#DF4801;  font-weight:bold; font-style:italic; text-decoration:none;
}
a.lienImg:hover {
border-bottom: 0px;/* indispensable pour IE seulement */
color:#BCB29F; text-decoration:none;
}
a.lienImg span {
display:none ; /* cache les <span> placés dans un lien <a> */
text-decoration:none ; /* supprime le soulignement du texte <span> */
color:black /* met le texte <span> en noir */
}
a.lienImg:hover span {
display: block; /* Montre le texte <span> lors du survol */ 
position: absolute; /* envoi le texte <span> dans 1 zone précise de l'écran */
top: 2px; /* cette zone se situe à 370 pixels du haut */ 
left: 300px ; /* cette zone se situe à 250 pixels de la gauche*/ 
border:inset; /* Style de bordure */
border-color:#DF4801;
padding: 4px; /* Marge intérieure à la bordure */
text-align:center, /* Centrage du nom de l'image */
}
.textePub{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#BCB29F; text-decoration:none;}

/*---------------- utilisé pour transmission -------------------*/
.explication{
height:49px;/* border + padding + height + padding = 1 + 10 +  49 + 10 = 70*/
width:412px;/* border + padding + height + padding = 10 +  412 + 10 = 432*/
position:absolute;
left:0;
top:0;
padding:10px;
border:0;
border-bottom:1px solid #FF6600;
z-index:10;
}
.annonces{
height:258px;/* padding + height + padding = 10 + 258 + 10 = 278*/
width:412px;/* padding + width + padding = 10 + 412 + 10 = 432*/
position:absolute;
left:0;
top:70px;
padding:10px;
overflow:auto;
z-index:11;
}

.etiquette{
width:auto;
height:20px;
position:absolute;
padding: 0 5px 0 5px;
left:0;
top:0;
text-align:center;
background-color:#FF6600;
}
.etiquette span{
font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF; vertical-align:middle; line-height:20px
}
.erreur{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FF6600;
}
a.lienSuite{ 
font-family: Arial, Helvetica, sans-serif; font-size:9pt; text-decoration:underline; color:#FF6600;
}
.signature{
font-weight:bold;
}

.recherche{
width:173px;
height:22px;
margin:0;
padding:0;
position:absolute;
left:439px;
top:38px;
background-color: #003366;
}

.lignevide{
position:absolute;
width:695px;
height:2px; /* border + height = 1 + 2 = 3 */ 
margin:0;
padding:0;
left:83px;
top:59px;
border-top:1px solid #003366;
}
/*----------------------diaporama---------------------------------*/
.imageCD0{
position:absolute;
width:300px;
height:200px;
top:31px;
left:79px;
}
.imageCadre{
position:absolute;
width:300px;
height:200px;
top:333px;
left:5px;
}
.imageCD1{
position:absolute;
width:334px;
height:238px;
top:322px;
left:5px;
padding-top:19px;
padding-left:18px;
background-image:url(../images/cadre.gif);
background-repeat:no-repeat;
}
.imageCD2{
position:absolute;
width:103px;
height:69px;
top:31px;
left:285px;
}
.imageCD3{
position:absolute;
width:300px;
height:200px;
top:31px;
left:388px;
}
.imageCD4{
position:absolute;
width:300px;
height:200px;
top:31px;
left:491px;
}
.imageCD5{
position:absolute;
width:300px;
height:200px;
top:31px;
left:594px;
}
.imageCD6{
position:absolute;
width:300px;
height:200px;
top:31px;
left:697px;
}
/*--------------------------------------------------------*/
.article{  /*utilisé uniqument si l'article se trouve dans un tableau seul*/
text-align: left; font-family: Arial, Helvetica, sans-serif; font-size:8pt; border:0; color:#ffffff;
}
.chapeau{ 
text-align: left; font-size:11pt; color:#ffffff;
}
.titre{
font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#EC882F;; font-weight:bold;
}
.italique{
font-style:italic; color:#EC882F;;
}