body{
  margin:0;
  padding:0;
  text-align:center;
  background:url(images/bg-rideau.gif);
  font-family:comic,verdana;
  color:#0838A3;
  }
  .conteneur{ 
    position:relative;
  margin-left: auto;
     margin-right: auto;
     width:800px;
     display:block;
 text-align:center;
  }
  .head{
  background-color:#F7F7F7;
  height:180px;
  background:url(bg-head.jpg) no-repeat left bottom; 
  }
  .head span{
  width:800px;
  height:50px;
  color:#FFFF33;
  font-size:14px;
  font-weight:bold;
  }
  .head span H1{
  font-size:12px;
  }
  
  .menu{
  height:35px;
  width:800px;
   font-size:12px;
   }
  .menu a{
  float:left;
  text-align:center;
  height:35px;
  width:130px;
  color:black;
  border:1px solid black;
  text-decoration:none;
  font-weight:bold;
  background:url(images/bgmenu.jpg);
  display:block;
  line-height:12px;
  }
  .menu a:hover{
  }
  
  .contenu{
  width:798px;
  border:1px solid black;
  padding:5px;
  background:#FFFF33;
  overflow:auto;
  }

ul{
margin-left:200px;

}
  li{
  list-style-image:url(puce.gif);
  }
  .stylehr{
  width:800px;
  margin-top:2px;
  padding:0;
  height:8px;
  line-height:8px;
  font-size:2px;
  background:blue;
  }
  .bas{
  color:white;
  clear:both;
  width:100%;
  text-align:center;
  }
  .bas a{
  color:black;
  margin:5px;
  }
.zoom{
  float:left;
  padding:5px;
  padding-right:10px;
  background:url(images/bg.gif);
  font-weight:bold;
  color:#F52F08;
  margin:5px;
  }
  .zoom img{
  border:none;
  }
  .red{
  color:#F52F08;
  }
.blue{
color:blue;
}
.green{
color:green;
}