/***************** BODY *****************/
*{ /*---on passe toutes les marges à 0---*/ margin:0; padding:0;}
body,html{ height:100%;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{ background:#000; font-family: Arial;}
/***************** CONTAINER *****************/
#container{/* position:absolute;*/ width:990px;/* height:800px;*/ margin: 0px auto;/* left:50%; top:50%; margin-left:-465px; margin-top:-400px;*/}
/***************** HEADER *****************/
#header_fr{ width:990px; height:70px; background:url(../images/charte/header.gif) left top no-repeat;}
#header_en{ width:990px; height:70px; background:url(../images/charte/header-en.gif) left top no-repeat;}
#header_es{ width:990px; height:70px; background:url(../images/charte/header-es.gif) left top no-repeat;}
#headerFlash{	float:left;	width:990px; height:150px;/*obligatoire si il y a un flash (firefox)*/display:block; outline:0;}
/***************** MENU TOP *****************/
#menuTop{ position:relative; z-index:10; width:990px; height:20px; list-style:none;}
#menuTop li a span{ visibility:hidden;}
#menuTop li{ position:relative; float:left; width:163px;}
#menuTop a{
  text-decoration:none;
  font:12px/20px Geneva, Arial, Helvetica, sans-serif;
  color:#fff;
  text-align:center;
  display:block;
  height:20px;
  overflow:hidden;
}
#container #menuTop a:hover,
#container #menuTop a.trigered,
#container #menuTop a.rubrique_active{ background-position:bottom center; color:#FEAA24;}
/*#menuTop li.bt1 a{background:url(../images/charte/bt-01.jpg) top center no-repeat;}
#menuTop li.bt2 a{background:url(../images/charte/bt-02.jpg) top center no-repeat;}
#menuTop li.bt3 a{background:url(../images/charte/bt-03.jpg) top center no-repeat;}
#menuTop li.bt4 a{background:url(../images/charte/bt-04.jpg) top center no-repeat;}
#menuTop li.bt5 a{background:url(../images/charte/bt-05.jpg) top center no-repeat;}
#menuTop li.bt6 a{background:url(../images/charte/bt-06.jpg) top center no-repeat;}*/
/***************** SOUS MENU *****************/
#menuTop li ul{
  list-style:none;
  position:absolute;
  width:163px;
  top:-6000px;
  left:0;
  background:#333;
  border:solid #666;
  border-width:1px 0 0 0;
}
#menuTop li li{ float:none;}
#container #menuTop li li a{
  background:none;
  width:auto;
  position:relative;
  height:20px;
  font:11px/20px Arial, Helvetica, sans-serif;
  text-transform:none;
  color:#fff;
  text-decoration:none;
  border:solid #666;
  border-width:0 0 1px 0;
}
#container #menuTop li li a:hover{ background:#444;}
/***************** CONTENU *****************/
/*#contenu{ width:910px; padding:10px 40px 0px 40px; overflow: auto; height: 635px;}*/
#contenu{ width:910px; padding:10px 40px 0px 40px; height: 635px; overflow: hidden;}
#contenu1{ width:926px;/* height:610px;*/ padding:10px 40px 0px 40px; overflow: visible; height: 635px;}
/*#diapo{
width:910px;
height:400px;
background:red;
margin: 100px auto;
}*/
#galerieFlash{ width:903px;	height:383px;	display:block; outline:0;	margin: 50px auto;}
/***************** FOOTER *****************/
#footer{
/*  position:absolute;*/
  width:990px;
  height:70px;
/*  left:0;
  bottom:0;*/
  background:url(../images/charte/footer.gif) left top no-repeat;
}
#footer p{/* position: absolute; left:45%; top:40px;*/ text-align:center;}
#idep{/* position:absolute; right:15px; top:40px;*/ width:195px; height:30px; float: right; margin-top: 30px; padding-right: 15px;}
#idep img{ float:left;}
#footer #idep a.idep{
  text-decoration:none;
  display:block;
  font:9px/8px Arial, Helvetica, sans-serif;
  color:#FEAA24;
  margin:7px 0 0;
}
#footer #idep a.idep.optea{ margin:0;}
#footer #idep a:hover.idep{ text-decoration:none; color:#fff;}