/***************** 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:#d5d5d5 url(../images/charte/bg.gif) center top no-repeat;}
/***************** CONTAINER *****************/
#container{
  position:relative;
  min-height:100%;
  width:791px;
  margin:0 auto;
}
/***************** HEADER *****************/
#header{
  width:791px;
  height:213px;
  background:url(../images/charte/header.jpg) no-repeat;
}
#header_en{
  width:791px;
  height:213px;
  background:url(../images/charte/header-en.jpg) no-repeat;
}
#lang{
	float:right;
	margin:35px 49px 0 0;
}
#logo{
	float:left;
	width:271px;
	height:62px;
	margin:20px 0 0 50px;
}
#flash{
	position:absolute;
	top:158px;
	left:40px;
}
/***************** MENU LEFT *****************/
#menuLeft{
  float:left;
  width:244px;
  height:250px;
  margin-left:19px;
  background:#fff url(../images/charte/menu-foot.gif) center bottom no-repeat;
}
#menuLeft ul{
  list-style:none;
  text-align:right;
}
#container #menuLeft li a{
  background:none;
  border:none;
  text-decoration:none;
  font:bold 11px/20px arial, Helvetica, sans-serif;
  color:#333;
  display:block;
  height:20px;
  padding:0 30px 0 0;
  border-bottom:1px dotted #999999;
}
#container #menuLeft li a:hover{
  text-decoration:underline;
  color:#FF0000;
  background:url(../images/charte/bullet.gif) -4px center no-repeat;
}

#container #menuLeft .over{
  text-decoration:underline;
  color:#FF0000;
  background:url(../images/charte/bullet.gif) -4px center no-repeat
}

#vecto{
	position:absolute;
	left:30px;
	margin-top:260px;
	width:269px;
	height:271px;
	background:url(../images/charte/piece-vecto.gif) no-repeat;
}
/***************** CONTENU *****************/
#diapo{
	width:449px;
	margin:0 auto;
}
/*#left_col{ width: 244px; float: left;}*/
#contenu{
  float:left;
  width:472px;
  margin:0 0 0 17px;
  padding:10px 10px 30px 10px;
  background:#FFF url(../images/charte/contenu-foot.jpg) center bottom no-repeat;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{ clear:both;}
#clearFooter{
  height:30px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
  position:relative;
  clear:both;
  width:790px;
  height:30px;
  margin:-30px auto 0;
  background:url(../images/charte/adresse.jpg) left center no-repeat;
}
#idep{
  position:absolute;
  float: right;
  right:0;
  top:5px;
  width:200px;
}
#idep img{ float:left;}
#footer #idep a.idep{
  text-decoration:none;
  display:block;
  font:9px/8px verdana, Helvetica, sans-serif;
  color:#FF0000;
  margin:3px 0 0;
}
#footer #idep a.idep.optea{ margin:0;}
#footer #idep a:hover.idep{
  text-decoration:none;
  color:#990000;
}
/***************** FOOTER  EN *****************/
#footer_en{
  position:relative;
  clear:both;
  width:790px;
  height:30px;
  margin:-30px auto 0;
  background:url(../images/charte/adresse-en.jpg) left center no-repeat;
}
#idep{
  position:absolute;
  float: right;
  right:0;
  top:5px;
  width:200px;
}
#idep img{ float:left;}
#footer_en #idep a.idep{
  text-decoration:none;
  display:block;
  font:9px/8px verdana, Helvetica, sans-serif;
  color:#FF0000;
  margin:3px 0 0;
}
#footer_en #idep a.idep.optea{ margin:0;}
#footer_en #idep a:hover.idep{
  text-decoration:none;
  color:#990000;
}