#titre{
  height:45px;
}

H1{
  padding: 35px 0 0 334px;
  font-size:16px;
  background: url(../img/layout/logo-antalava.jpg) 0 10px no-repeat;
}

#introduction{
  position: relative;
  height:253px;
  background: url(../img/layout/vague-boite.jpg) top left no-repeat;
}

#introduction div{
  position: relative;
  left:126px;
  top:33px;
  width:390px;
}

#introduction p{
  margin:10px;
  text-align:justify;
}

#lessive{
  position: absolute;
  height:182px;
  top:342px;
  left:-56px;
  width:498px;
  background: url(../img/layout/avantages.gif) top right no-repeat;
}

#avantages{
  position: relative;
  left:195px;
  top:30px;
  width:301px;
  color:#FFFFFF;
  font-size:15px;
}

#avantages ul{
  margin:0;
  padding:0;
  list-style: inside url(../img/layout/avantages-liste.gif);
  line-height:20px;
}

#avantages li{
  /** background:url(../img/layout/avantages-liste.gif) 0 4px no-repeat;*/
  line-height:20px;
  padding-left:0;
  background: none;
}

#troisenun{
  position: absolute;
  left:0;
  top:0;
  width:190px;
  height:182px;
  background: url(../img/layout/lessive-3-en-1.jpg);
}

#troisenun h2{
  position: relative;
  width:180px;
  text-align:center;
  color:#FFFFFF;
  font-size:30px;
  padding:36px 0 10px 0;
}

#troisenun p{
  position: relative;
  width:180px;
  text-align:center;
  color:#FFFFFF;
  font-size:16px;
}

#content{
  position: relative;
  margin: 0 110px 0 110px;
  padding-bottom:20px;
}

#content .colonne-left{
  float: left;
  width:332px;
  margin-top:196px;
}

#content .colonne-right{
  float: right;
  position: relative;
  width:188px;
  margin-top:20px;
}