/***************** 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 url(../images/charte/bg-body.jpg) center top no-repeat;}
/***************** CONTAINER *****************/
#container{ position:relative; min-height:100%; width:960px; margin:0 auto; background: #000000;}
/***************** HEADER *****************/
#header{ width:960px; height:175px;}
/***************** MENU TOP *****************/
#menuTop{
  position:relative;
  z-index:10;
  width:730px;
  height:40px;
  padding-left:230px;
  list-style:none;
  background: url(../images/charte/bg-menu.jpg);
}
#menuTop li{ position:relative; float:left;}
#menuTop li span{ display:none;}
#menuTop li.bt1 a { background:url(../images/charte/btn_01.gif); width:94px;}
#menuTop li.bt2 a { background:url(../images/charte/btn_02.gif); width:104px;}
#menuTop li.bt3 a { background:url(../images/charte/btn_03.gif); width:118px;}
#menuTop li.bt4 a { background:url(../images/charte/btn_04.gif); width:101px;}
#menuTop a{
  text-decoration:none;
  font:bold 12px/30px Arial, Helvetica, sans-serif;
  color:#fff;
  text-align:center;
  display:block;
  height:40px;
  overflow:hidden;
}
#container #menuTop a:hover,
#container #menuTop a.trigered{ text-decoration:none; background-position:bottom;}
/***************** MENU LEFT *****************/
#menuLeft{ float:left; width:230px; background:#000 url(../images/charte/bg-menuLeft.jpg) center top no-repeat;}
#menuLeft ul{ list-style:none; padding :5px 0;}
#menuLeft a{ text-decoration:none; display:block; height:41px; width:230px; overflow:hidden;}
#menuLeft span{ display:none;}
#menuLeft a:hover,
#menuLeft a.trigered{ background-position:top right;}
#menuLeft .btnL_01 { background:url(../images/charte/btnL_01.gif) top left; margin-top:110px;}
#menuLeft .btnL_02 { background:url(../images/charte/btnL_02.gif) top left;}
#menuLeft .btnL_03 { background:url(../images/charte/btnL_03.gif) top left;}
#menuLeft .btnL_04 { background:url(../images/charte/btnL_04.gif) top left;}
/***************** SOUS MENU */
#container #menuLeft li a{
  background:none;
  border:none;
  text-decoration:none;
  font:10px/15px Arial, Helvetica, sans-serif;
  color:#fff;
  display:block;
  width:200px;
  height:20px;
  overflow:hidden;
  padding-left:20px;
}
#container #menuLeft li a:hover{ color:#d10000;}
/***************** CONTENU *****************/
#contenu{
  float:left;
  width:690px;
  min-height:300px;
  padding:60px 20px 0 20px;
  background:url(../images/charte/bg-contenu.jpg) center top no-repeat;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{ clear:both;}
#clearFooter{ height:50px;/*--- = à la hauteur du footer ---*/}
/***************** FOOTER *****************/
#footer{
  position:relative;
  clear:both;
  width:100%;
  height:50px;
  margin:-50px auto;
  background:#5f101c url(../images/charte/bg-footer2.jpg) center repeat-x;
}
#footer2{
  position:relative;
  clear:both;
  width:960px;
  margin:0 auto ;
  height:50px;
  background:#5f101c url(../images/charte/bg-footer.jpg) center top no-repeat;
}
#idep{
  position:absolute;
  left:0;
  top:0;
  width:275px;
  height:50px;
}
#footer #idep2{
  position:absolute;
  left:275px;
  top:0;
  width:400px;
  height:20px;
  text-align:center;
  padding-top:20px;
  display:block;
  font:9px/10px Arial, Helvetica, sans-serif;
  color:#4e4e4e;
}
#idep img{ float:left;}
#footer #idep2 a{
  text-decoration:none;
  font:9px/10px Arial, Helvetica, sans-serif;
  color:#4e4e4e;
  margin:11px 0 0;
}
#footer #idep a.idep {
  text-decoration:none;
  display:block;
  font:9px/10px Arial, Helvetica, sans-serif;
  color:#4e4e4e;
  margin:11px 0 0;
}
#footer #idep a.idep.optea{ margin:0;}
#footer #idep a:hover.idep, #footer #idep2 a:hover{ text-decoration:none; color:#bebaba;}

#img_iphone {
  float:left;
}

#appli_iphone {
  float:left;
  margin-left:10px;
  width: 350px;
}