/***************** 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:#fff url(../images/charte/body.jpg) repeat;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:990px;
margin:0 auto;
background:url(../images/charte/bg-container.jpg) center top repeat-y;
}
#container2{
background:url(../images/charte/container.jpg) center top no-repeat;
width:990px;
min-height:100%;
}
/***************** HEADER *****************/
#header{
float:left;
width:700px;
height:260px;
}
#slogan{
width:700px;
height:50px;
padding-top:20px;
}
#diapo{
width:700px;
height:190px;
}
/***************** MENU LEFT *****************/
#menuLeft{
float:left;
width:210px;
height:680px;
padding-top:40px;
}
/***************** ACTU *****************/
#actu{
float:right;
width:150px;
padding:0 0 0 20px;
}
.uneactu{
margin:0 10px 0 0;
height: 105px;
}
#actu .uneactu p{
font:11px Arial, Helvetica, sans-serif;
color:#999;
}
#actu .uneactu p.date{
color:#65CA00;
margin:0 0 5px 0;
font-weight:bold;
}
#actu .uneactu a{
position:relative;
top:5px;
font:11px Arial;
color: #65CA00 !important;
font-weight: bold;
padding-left: 40px;
text-decoration:underline !important;
}
#actu .uneactu a:hover{
text-decoration:none !important;
}
/***************** CONTENU *****************/
#contenu{
float:left;
width:680px;
padding:20px 0 0 20px;
}
#contenu a.boisson span{
display:none;
}
#contenu a.boisson{
position:absolute;
background: url(../images/charte/bt-boisson.gif) left top no-repeat;
width:180px;
height:55px;
right:230px;
}
#contenu a.boisson:hover{
background: url(../images/charte/bt-boisson.gif) right top no-repeat;
}
/***************** WIP */
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:70px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:990px;
height:70px;
margin:-70px auto 0;
background: url(../images/charte/footer.jpg) center top no-repeat;
}
#idep{
position:absolute;
left:210px;
top:40px;
width:195px;
height:30px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#fff;
margin:8px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#333;
}

.liste-1, .liste-3, .liste-20 {
  list-style-type: none;
}

.liste-1 li{
  background:url(../images/contenu/bullet1.jpg) no-repeat 0px 7px;
  font-size: 12px;
  font-family: verdana;
  color: #fff;
  padding-left: 15px;
  line-height: 18px;
}
.liste-20 li{
  background:url(../images/contenu/bullet6.jpg) no-repeat 0px 7px;
  font-size: 12px;
  font-family: verdana;
  color: #fff;
  padding-left: 15px;
  line-height: 18px;
}
.commande1{
  background:url(../images/contenu/pour-commander1.jpg) no-repeat;
  height: 15px;
  font-family: verdana;
  font-size: 12px;
  color: #999999;
  padding-top: 22px;
  text-align:right;
  width: 507px;
}
.commande2{
  background:url(../images/contenu/pour-commander2.jpg) no-repeat;
  height: 78px;
  width: 507px;
}
.commande2 p{
  padding-left: 83px;
  padding-top: 3px;
}
.commande3{
  background:url(../images/contenu/pour-commander3.jpg) no-repeat;
  height: 15px;
  font-family: verdana;
  font-size: 12px;
  color: #999999;
  padding-top: 22px;
  text-align:right;
  width: 507px;
}
.commande4{
  background:url(../images/contenu/pour-commander4.jpg) no-repeat;
  height: 78px;
  width: 507px;
}
.commande4 p{
  padding-left: 63px;
}
.couleur1{
  color: #0DB9F2 !important;
  font-weight: bold !important;
  background:url(../images/contenu/bullet2.jpg) no-repeat 0px 4px;
  padding-left:10px;
}
.couleur-or{
  color: #ee5f00 !important;
  font-weight: bold !important;
  background:url(../images/contenu/bullet1.jpg) no-repeat 0px 4px;
  padding-left:10px;
}
.bullet5{
  background:url(../images/contenu/bullet5.jpg) no-repeat 0px 4px;
  padding-left:10px;
}
.bullet6{
  background:url(../images/contenu/bullet6.jpg) no-repeat 0px 5px;
  padding-left:15px;
}
.bullet7{
  background:url(../images/contenu/bullet7.jpg) no-repeat 0px 5px;
  padding-left:15px;
}
.bullet8{
  background:url(../images/contenu/bullet4.jpg) no-repeat 0px 5px;
  padding-left:15px;
}
.bullet9{
  background:url(../images/contenu/bullet3.jpg) no-repeat 0px 5px;
  padding-left:15px;
}
.bullet10{
  background:url(../images/contenu/bullet8.jpg) no-repeat 0px 5px;
  padding-left:15px;
}
.bullet11{
  background:url(../images/contenu/bullet9.jpg) no-repeat 0px 5px;
  padding-left:15px;
}
.bullet12{
  background:url(../images/contenu/bullet10.jpg) no-repeat 0px 8px;
  padding-left:15px;
}
.bullet13{
  background:url(../images/contenu/bullet1.jpg) no-repeat 0px 5px;
  padding-left:15px;
}
.liste, .liste-2, .liste-or{
  list-style-type: none;
  padding-left: 38px;
  float: left;
  width: 317px;
}

.liste li{
  background:url(../images/contenu/bullet0.jpg) no-repeat 0px 7px;
  font-size: 12px;
  font-family: verdana;
  color: #fff;
  padding-left: 15px;
  line-height: 18px;
}
.liste-or li{
  background:url(../images/contenu/bullet00.jpg) no-repeat 0px 7px;
  font-size: 12px;
  font-family: verdana;
  color: #fff;
  padding-left: 15px;
  line-height: 18px;
}
.liste-2 li{
  background:url(../images/contenu/bullet4.jpg) no-repeat 0px 7px;
  font-size: 12px;
  font-family: verdana;
  color: #fff;
  padding-left: 15px;
  line-height: 18px;
}
.liste-3 li{
  background:url(../images/contenu/bullet3.jpg) no-repeat 0px 7px;
  font-size: 12px;
  font-family: verdana;
  color: #fff;
  padding-left: 15px;
  line-height: 18px;
}
.prix{
  float:left;width:150px;
}
.prix p{
  line-height: 18px !important;
  color: #999999 !important;
  float:left;
}
.prix-or{
  float:left;width:150px;
}
.prix-or p{
  line-height: 18px !important;
  color: #ee5f00 !important;
  float:left;
}
.bullet0{
  background:url(../images/contenu/bullet0.jpg) no-repeat 0px 5px;
  padding-left: 10px;
}
.bullet01{
  background:url(../images/contenu/bullet01.jpg) no-repeat 25px 8px;
  padding-left: 35px;
}
.dejeun-box{
  float:left;border:1px solid #3F3F3F;width:230px;padding:5px;
}
.titre-b{
  float:left;width:210px;text-align:center !important;padding-bottom:5px;
}
.prix1{
  clear:left;width:55px;
}
.prix2{
  clear:left;width:62px;
}
.prix3{
  clear:left;width:26px;
}
.left{
  float: left;
}
.plan-1{
  float:left;width:280px;
}
.plan-2{
  float:left;width:200px;
  padding-top: 20px;
}
.plan-1 p{
  line-height: 20px !important;
}
.plan-2 p{
  line-height: 20px !important;
}
.invisible{
	display:none;
}