/*##HASHING PICTONAV##*/

.normal {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000000;
}
.normalPlus {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
}
.normalGrand {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #000000;
}
.titreOrange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF7E00;
	font-weight: bold;
}
.normalOrange {

        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FF7E00;
}
.titreBleu{
 color:#066CAB;
 font-size:13px;
 font-weight:bold;
 text-decoration:none;
}

/*##FIN HASHING PICTONAV##*/
.blocTexte{
display : none;
visibility:hidden;
}

.blocTexte_ouvert{
display : block;
visibility:visible;
}

.titreContenuGauche{
 display:block;
 width:100%;

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 20px;
 font-weight:bold;
 color: #FF7E00;


 background-image:url(./images/barre-titre.gif);
 background-position: 0 120%;
 background-repeat: repeat-x;
}

.titreContenuDroite{
 display:block;
 width:100%;

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 20px;
 font-weight:bold;
 color: #FF7E00;
  text-align : right;


 background-image:url(./images/barre-titre.gif);
 background-position: 0 120%;
 background-repeat: repeat-x;
}
/*pour eviter les sauts de ligne*/
table,form,p {margin:0;padding:0;}

html,body{ height:100%; }




body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000000;
        background-color: #FFFFFF;

        width: 100%;
        height:100%;

        margin: 0; /* pour éviter les marges */
        text-align: center; /* pour corriger le bug de centrage IE */

}

table{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000000;
}


a{
 color: #FF7E00;
 text-decoration:none;
}

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


html>body #gauche{
  height: auto;
}

#global{
  position:relative;

  width:955px;
  margin:auto;
  background-color:#FFFFFF;
  text-align: left; /* on rétablit l'alignement normal du texte */

  background-image:url(./images/fond_gauche.gif);
  background-position:top left;
  background-repeat:repeat-y;


}

#contenuSite{
  position: relative;
  float:none;
  display:block;
  width:955px;
  margin:auto;

  border:1px solid gray;
}



#haut{
 position: relative;
 width:935px;
 height:23px;

 background-image:url(./images/bande-haut.jpg);
 background-position:top center;
 background-repeat:no-repeat;

 text-align : right;
 color:#FFFFFF;
 font-size: 12px;
 vertical-align:bottom;
 padding-top:30px;
 padding-right:20px;
}

#haut a{
 color:#FFFFFF;
 text-decoration:none;
}



#bandeau{
  position: relative;
  width:955px;
  height:157px;
  background-image:url(./images/bandeau.jpg);
  background-position:top center;
  background-repeat:no-repeat;
}


/* menu bas */
#menuBas{
  position: relative;
  width:955px;
  height:39px;
  font-size: 12px;

  background-image:url(./images/bande-menu.jpg);
  background-position:top center;
  background-repeat:no-repeat;

  color:#FFFFFF;
  text-align:center;
}


#menuBas a{
 display:block;
 float:left;
 height:37px;
 color:#FFFFFF;
 padding-top:10px;
 padding-left:5px;
 padding-right:5px;
 font-weight:bold;

}

#menuBas a:hover{
 height:37px;
 background-color:#FF7E00;
 color:#FFFFFF;
 font-weight:bold;
}

#contenuMenu{
  position: absolute;
  left:20px;
}

.ongletVide{
 float:left;
 width:10px;
 height:47px;
}

.ongletG{
 float:left;
 width:10px;
 height:47px;
 background-image:url(./images/ongletG.gif);
 background-position:bottom center;
 background-repeat:no-repeat;
}

.ongletD{
 float:left;
 width:10px;
 height:47px;
 background-image:url(./images/ongletD.gif);
 background-position:bottom center;
 background-repeat:no-repeat;
}


.separ{
 float:left;
 height:31px;
 padding-top:8px;
}

.menuBasActif{
 display:block;
 float:left;
 height:37px;
 color:#FFFFFF;
 padding-top:10px;
 padding-left:5px;
 padding-right:5px;
 font-weight:bold;

 background-color:#FF7E00;
 color:#FFFFFF;
 font-weight:bold;
}

/* fin menu bas */

#gauche{
 float:left;
 width:259px;
 height: 100%;

 padding-left:20px;

 padding-right:10px !important;
 padding-right:0px;

 margin-right:0px !important;
 margin-right:-10px;

 background-image:url(./images/fond_gauche.gif);
 background-position:top center;
 background-repeat:repeat-y;

 /*border:1px solid gray;*/
}

.titreGauche{
 color:#066CAB;
 font-size:13px;
 font-weight:bold;
 text-decoration:none;
}

.titreGauche:hover{
 color:#066CAB;
 font-size:13px;
 font-weight:bold;
 text-decoration:none;
}


.separationT{
 color:#1776B1;
 font-size:10px;
 margin-top:-8px;
 margin-left:30px;
}


#zoneFlash{
width:289px;
height:200px;
background-color:white;
margin-left:-20px;
/*border:1px solid gray;*/
}



#contenu{
 float:right;
 width:651px;

 height: 100%;
 background-color:#FFFFFF;

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;

 padding-left:10px;
 padding-right:5px;

 /*border:1px solid gray;*/
}

#contenuImg{
width:665px;
margin-left:-10px;
}


#basPage{
 position: relative;
 clear: both;
 width:625px;
 height:48px;
 background-color:#066CAB;
 text-align:right;
 padding-right:330px;
 color:#83B6D5;
}


#basPage a{
 color:#FFFFFF;
}

#batiment{
 position: absolute;
 top:-50px;
 left:640px;
 /*border:1px solid gray;*/
}

#webcd{
 margin-right:-320px;
 margin-top:-4px;
}

#webcd a{
 font-size: 8px;
 color:#2E9BDE;
}