#conteneur{
   width:980px;
   text-align:center;
   margin: 0 auto 0 auto; 
   padding-top:10px;
   background-color:#FFFFFF;
}


/***************** Content ********************/

#content{
   text-align:center;
   margin: 0 auto 0 auto; 
   width:940px;
}

/***************** fin Content ********************/




/***************** Header ********************/

#header {
	width: 940px;
	height: 70px;
	margin: 0 auto;
}


#logo{
    float:left;
    width:250px;
    height:75px;
    position:relative;
    bottom:5px;
}


#menu2{
   float:right;
   height:20px;
   font-size:11px; 
   width:660px;
}

#menu{
   float:right;
   height:20px;
   width:426px;
}


#taille{
   float:left;
   width:80px;
   position:relative;
   left:30px;
}


#img_contact{
   float:right;
   width:220px;
   height:50px;
   background-image:url(../images/image-contact.jpg);
   background-repeat:no-repeat;
}

/***************** Fin Header ********************/



/***************** Bloc menu ********************/

#bloc_menu{
   position:relative;
   width:940px;
   height:30px;
   margin:0px;
  /* margin-top:-10px;*/
   background-image: url(../images/menu-fond.gif);
   background-repeat: repeat-x ;

}

#layersdiv{
   width:720px;
   float:left;
}




#recherche{
    float:left;
    position:relative;
    vertical-align:top;
    top:4px;
}



#bouton_recherche{
    vertical-align:top;
    position:relative;
    top:1px;
}


/* Gestion pour ie et safari*/
#bouton_cacher{
   display:none;
}


.mysearch{
   height:21px;
   background-image: url(../images/loupe-recherche.gif);
   background-repeat: no-repeat;
   padding-left: 20px;
   background-position: 0px 0px;
   margin-right: 2px;
   color:#999999;
}




/***************** Fin bloc menu ********************/







/***************** Bannière ********************/

#bloc_banniere{
   margin-top:10px;
    width:940px;
    height:270px;
}


#banniere{
    width:590px;
    height:270px;
    float:left;
}


#video_accueil{
    margin-left:20px;
    width:330px;
    height:270px;
    float:left;
}

/***************** Fin Bannière ********************/




/***************** Main ********************/

#main{
    width:940px;
    margin-top:20px;
}

#left{
   float:left;
   width:195px;
}

#header_left{
   width:195px;
   height:55px;
   background-image:url(../images/head-diag.jpg);
   background-repeat:no-repeat;
   background-color:#EDEDED;
}

#contenu_left{
   width:192px;
   height:165px;
   background-color:#EDEDED;
   float:left;
   text-align:center;
}

#contenu_left select{
   width:150px;
}

#ombre_left{
   width:3px;
   height:165px;
   background-image:url(../images/ombre-diag.gif);
   float:left;
}

#bas_left{
   width:195px;
   height:55px;
   background-image:url(../images/foot-diag.jpg);
   background-repeat:no-repeat;
   float:left;
}



#post{
   margin-left:50px;
   margin-right:50px;
   padding-bottom:20px;
   float:left;
   width:450px;
   text-align:justify;
   position:relative;
   bottom:30px;
}

#print_haut{
   position:relative;
   left:465px;
   top:30px;
}

#print_bas{
   position:relative;
   left:465px;
   bottom:10px;
}

#right{
   float:left;
   width:195px;
}

/***************** Fin Main ********************/




/***************** Footer ********************/

#footer{
   width:940px;
   height: 30px;
   clear:both;
   position:relative;
   bottom:30px;
}



#menu3{
   float:left;
  /* position:relative;
   bottom:10px;*/ 

}

#copyright{
   margin-left:10px;
   float:left;
   color:#999999;   /*gris clair*/
}



/***************** End Footer ********************/










body{
   font-family : Verdana, Arial, sans-serif;
   font-size:14px;
   background-color:#F0F0F0; /*gris clair*/
   text-align: center;
   margin: 0 auto 0 auto; 
}

a img{
   border:0px;
}


h1{
   color:#000000;
}

h2{
   color:#999999;
}

h3{
   color:#0099CC;
   font-size:17px;
   font-weight:normal;
}

a{
   outline:none; /* supprimer les pointillé lors du clic*/






}


.date_modification{
   color:#999999;
   font-size:10px;
}



/*************************************************/





#post,
#post table{
   font-size:11px;
}


#aktus_accueil{
   font-size:20px;
   color:#0099CC;
}


/* barre horizontale de la page d'accueil */
#hr_aktus{
   position:relative;
   bottom:5px;
   color:#56C2EE;  /*Pour mozilla*/
   border-color:#56C2EE; /* pour safari*/
}

#post table .news_title{
   font-weight:bold;
   font-size:11px;
}

#post a {
   text-decoration:underline;
   color:#000000;
}

#post a:hover {
   color:#56C2EE;
}
#post a:visited {
   color:#999999;
}

#accueil_presentation{
   color:#999999;
   font-size:14px;
   text-align:left;
}


#post table tr,
#post table td,
#post table img
{
   vertical-align:top;
}

/*************************************************/





/***************** Begin Bouton submit ********************/


.bouton{
   cursor:pointer;
}

.bouton_gauche{
   width:11px;
   height:25px;
   float:left;
   background-image:url(../images/gauche-bouton.png);
   background-repeat:no-repeat;
}

.bouton_pixel{
   padding-top:5px;
   height:25px;
   float:left;
   background-image:url(../images/pixel-bouton.png);
   background-repeat:repeat-x;
}


#post a.bouton_texte,
#post a.bouton_texte:visited,
#left a.bouton_texte,
#left a.bouton_texte:visited{
   color:#FFFFFF;
   text-decoration:none;
}

#left a.bouton_texte:hover,
#post a.bouton_texte:hover{
   color:#FFFFFF;
   text-decoration:underline;
}


.bouton_droit{
   width:11px;
   height:25px;
   float:left;
   background-image:url(../images/droite-bouton.png);
   background-repeat:no-repeat;
}


/*Positionnement du bouton dans diagnostic*/
#contenu_left .bouton{
   font-size:11px;  
   margin:10px 0px 0px 85px;
}

/***************** End Bouton submit ********************/





/***************** BEGIN menu bas ********************/
#menu3{
        margin:0px 0px 0px 100px;
        font-size:10px; 
        width:800px;
}


#menu3 #menu-haut li,
#menu3 #menu-bas li {
	list-style:none;
	float:left;
        margin:0px 10px 0px 10px;

}

#menu3 #menu-haut li a,
#menu3 #menu-bas li a {
	text-align:center;
        text-decoration:none;
        color:#999999;   /*gris clair*/
}

#menu3 #menu-haut li a:hover,
#menu3 #menu-bas li a:hover{
        text-decoration:underline;
}
/***************** END menu bas ********************/



/***************** BEGIN menu haut ********************/
#menu2 ul#menu-haut {
        margin:0;
        padding-left:88px;
}

#menu2 #menu-haut li {
	list-style:none;
	display:inline;
        margin:0px 0px 0px 20px;

}

#menu2 #menu-haut li a {
	/*width:auto;*/
	text-align:center;
        text-decoration:none;
        color:#999999;   /*gris clair*/
}

#menu2 #menu-haut li a:hover {
        text-decoration:underline;
}
/***************** END menu haut ********************/







/***************** BEGIN menu central ********************/

#layerstreemenu{
  position:relative;
  z-index:20; 
  height:30px;
}





/* Ensemble des menus de niveau 1*/
.layerstreemenu ul{
  position:relative;
  z-index:20; 
  height:20px;
  width:700px;
  margin:0px;
  float:left;
  list-style-type: none;
  padding-left:0px;  /*alignement du menu a gauche*/
}



/* Ensemble des menus de niveau 2*/
.layerstreemenu ul ul{
  position:relative;
  z-index:100;
  width:700px;
  font-size:11px;
}



/* Menu 1st level*/
.layerstreemenu ul li{
   display: inline;
   float: left;
   position:relative;
  z-index:20; 
   height:30px;
  margin: 0px 0px 0px 0px;
}







/* Menu 2nd level */
.layerstreemenu li li{
  float:left;
}





/* Link 1st level */
.layerstreemenu  li a{
    float:left;
   /*display:block;*/
   text-align:center;
   padding:5px 15px 0px 15px;
   text-decoration:none;
   border:0px;
   color:#FFFFFF;
   /*height:30px;*/
   outline:none; /* supprimer les pointillé lors du clic*/
}






/* Link 2nd level */
.layerstreemenu li li a{
  text-decoration:none;
  border:1px;
  /*width:auto;*/
  padding-top:0px;
  height:5px;
  z-index:20; 
}


.layerstreemenu li li a:hover{
  text-decoration:underline;
  background-image: none;

  border:0px;
  /*width:auto;*/
}







/* Ensemble des menu de second niveau */
.layerstreemenu ul li ul{


  position: absolute;
  visibility: hidden;
  border:0px;
  top:33px;
}





/* Barre verticale de séparation entre les rubriques principales*/
li.separateur{
   position:relative;
   width:2px;
   height:30px;
   background-image:url(../images/menu-separateur.gif);
}



/* Bloc où apparaissent les sous rubriques */
#sousmenu{
  z-index:10; 
  height:20px;
  width:940px;
  visibility:hidden;
  background-color:#999999;  /*gris foncé*/
}


/***************** END menu central ********************/




/***************** BEGIN News ********************/
.hr_blue{
   color:#56C2EE;
}
/***************** END News ********************/



/***************** BEGIN Partenaires ********************/
#partenaire_left{
   border:solid;
   width:205px;
   height:200px;
   float:left;

}

#partenaire_center{
   border:solid;
   width:205px;
   height:200px;
   float:left;
}

#partenaire_right{
   border:solid;
   width:205px;
   height:200px;
   float:left;
}
/***************** END Partenaires ********************/







/***************** BEGIN Plan du site ********************/

#plan_du_site ul,
#plan_du_site li{
   list-style-type: none;
}
/***************** END Plan du site ********************/




/***************** BEGIN Références ********************/

.hr_blue{
   color:#56C2EE;  /*Pour mozilla*/
   border-color:#56C2EE; /* pour safari*/
   margin:30px 0px 30px 0px;
}

.logo_news{
   float:left;
   margin:0px 10px 5px 0px;
}


/***************** END Références ********************/



/***************** BEGIN Print ********************/

@media print {

   #post{
      width:900px;
   }  
   #header{display:none;}
   #logo{display:none;}
   #menu2{display:none;}
   #menu{display:none;}
   #taille{display:none;}
   #img_contact{display:none;}
   #bloc_menu{display:none;}
   #layersdiv{display:none;}
   #recherche{display:none;}
   #bouton_recherche{display:none;}
   .mysearch{display:none;}
   #bloc_banniere{display:none;}
   #banniere{display:none;}
   #video_accueil{display:none;}
   #chemin{display:none;}
   #left{display:none;}
   #header_left{display:none;}
   #contenu_left{display:none;}
   #contenu_left select{display:none;}
   #ombre_left{display:none;}
   #right{display:none;}
   #footer{display:none;}
   #menu3{display:none;}

  #print_bas{display:none;} /*image de l'imprimante*/
  #print_haut{display:none;} /*image de l'imprimante*/
  .video_flv{display:none;} /*vidéo flash*/

}

/***************** END Print ********************/