/* CSS Document */


/* body */
body{ 
  /*couleur de la scrollbar*/
  scrollbar-face-color: #9BB6D1;
   scrollbar-shadow-color: #4B6AB2;
  /*effet d'ombre de la barre*/
   scrollbar-highlight-color: ;
  scrollbar-3dlight-color: #000000;
  scrollbar-darkshadow-color: #000000;

  /*fond de la barre de défilement*/
  scrollbar-track-color: ;
  /*fleche*/
   scrollbar-arrow-color: #FFF0E1;
  /* base de la scroll bar*/
  scrollbar-base-color:#FFF0E1;

  margin:0;
  padding:0;

  font: 10px arial; 
  height: 100%; 
  background: #8ab0ec url("../images/fond_body.gif") 0 50% repeat-x;
}

/*pour eviter les sauts de ligne*/
table,form,p {margin:0;padding:0;}


#tabFon{
   margin-top:1px !important;
   margin-top:0px ;
   
   background-image:url("../images/fond_contenu.gif");
   background-position:center center;
   background-repeat: no-repeat;
}



/* mise en page de la page ....*/
#global {
     position:relative;
     width: 800px;
     height: 600px;
     margin-top:-2px !important;
     margin-top:-2px ;
         
     background-color: #FFFFFF;
     background-image:url("../images/fond_contenu_a.jpg");
     background-position:right top;
     background-repeat: no-repeat;

 }

#globalInt {
     position:relative;
     width: 800px;
     height: 600px;
    
     margin-top:-2px !important;
     margin-top:-2px ;
     
     background-color: #FFFFFF;
     background-image:url("../images/fond_contenu_i.jpg");
     background-position:right top;
     background-repeat: no-repeat;

 }


#haut{
position : relative;
width: 800px;
height: 118px;

font: 16px arial;
color: #FFFFFF;

background-image:url("../images/bandeau.jpg");
background-position:left top;
background-repeat: no-repeat;
}


#menu{
float:left;
width: 164px;
height: 482px;
/*border:1px solid gray;*/
}


#contenuA{
 position : relative; 
 float:right;
 width: 610px;
 height:378px;
 margin-top:3px;
 margin-right:2px !important;
 margin-right:3px;
 overflow:auto;
 /*border:1px solid gray;*/
}

#contenuIntA{
 position : relative; 
 float:left;
 font: 12px arial;
 text-align:left;
 width: 570px;
 height:375px;
 margin-top:2px;
 margin-left:10px !important;
 margin-left:7px;
  padding-right:3px;

 /*border:1px solid gray;*/

}


#contenuInt{
 position : relative; 
 float:right;
 width: 610px;
 height:430px;
 margin-top:3px;
 margin-right:2px !important;
 margin-right:3px;
 overflow:auto;
 /*border:1px solid gray;*/
}


#contenuIntA2{
 position : relative; 
 float:left;
 font: 12px arial;
 text-align:left;
 width: 575px;
 height:375px;
 margin-top:2px;
 margin-left:10px !important;
 margin-left:7px;
 /*border:1px solid gray;*/

}

#menuHaut{
 position : relative; 
 float:right;
 margin-right:33px!important;
 margin-right:17px;
 width: 565px;
 height:25px;
 /*border:1px solid gray;*/
}


#menuBas{
 position : relative; 
 float:right;
 width: 630px;
 height:53px;
 /*border:1px solid gray;*/
}



#bas{
position : relative;
float:right;
width: 630px;
height:20px;

font: 12px arial;
font-weight:bold;
text-align:right;
padding-top:2px;
color: #FFFFFF;
/*border:1px solid gray;*/
}



/** Liens **/

a {
color: #4B6AB2;
text-decoration: none;
}

a:hover{
color: #4B6AB2;
text-decoration: underline;
}

ul#lienMenu{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}

ul#lienMenu li{
margin: 0 0 5px 0 ;
padding: 0 ;
background-position:left bottom; /* pour mac*/
background-repeat: no-repeat; /* pour mac*/
/*border:1px solid gray;*/
}

ul#lienMenu li a{

font: 13px arial;
font-weight:bold;
color: #FFFFFF;
text-align:right;
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 150px ;
line-height: 27px ;
text-decoration: none ;
margin-top:20px;
/*border:1px solid gray;*/
}

ul#lienMenu li a:hover{
padding-top: 0px;
}


.lienMenu{
font: 13px arial;
font-weight:bold;
color: #FFFFFF;
margin-right:10px;
}

.lienMenu:hover{
font: 13px arial;
font-weight:bold;
color: #FFFFFF;
margin-right:10px;
}


/* sous menu */

.sousMenuLien{
font: 11px arial;
font-weight:bold;
text-align:center;
color: #000;
text-decoration: none ;
}

.sousMenuLien:hover{
background-color:#E3F1FE;
font: 11px arial;
font-weight:bold;
text-align:center;
color: #000;
text-decoration: none ;
}

.sousMenuLienActif{
background-color:#E3F1FE;
font: 11px arial;
font-weight:bold;
text-align:center;
color: #000;
text-decoration: none ;
}


/* champs form*/
.champsTexte{
color:#000000;
border: 1px #4B6AB2 solid;
background-color:#C9DBEC;
font-size:11px;
}


/* bouton envoi*/
.button{
font-weight: bold;
font-size:11px;
border:1px #4B6AB2 solid;
color: #FFFFFF;
background-color:#6380BA;
}

.champsObli{
color:#CC3300;
}

/**************************/
/* Partie gestion contact */
/**************************/
.traitBas{
border-bottom-style:solid; 
border-width:1px; 
border-color:#012E91;
}


/**************************/
/* Style du contenu */
/**************************/
#chemin{
font: 11px arial;
font-weight:bold;
margin-bottom:5px;
}


.titreAffiche{
width: 99%;
height:18px;
padding-top:2px;
margin-bottom:0px;
margin-top:0px;
font: 12px arial;
font-weight:bold;
text-align:center;
background-color:#4B6AB2;
color: #FFFFFF;
}

.lienDoc{
font: 11px arial;
color: #4B6AB2;
font-weight:bold;
text-decoration: none;
}

.lienDoc:hover{
font: 11px arial;
color: #6682BD;
font-weight:bold;
text-decoration: underline;
}

.tabImageGaleri{
border:1px;
border-style:dashed;
border-color: #6880B8;
}



.separArticle{
color: #000;
border:1px;
border-style:dashed;
}

.errorConnect{
font: 12px arial;
font-weight:bold;
color:#CC0000;
}