body{
  background-image: url(body.jpg);
  background-repeat: repeat-x;
  background-color: #80d5ff;
  color: #fff;
  margin: 0;
  padding: 0;
  font-family: verdana;
  font-size: .8em;
  text-align: justify;
}
#conteneur{
  margin: 0 auto;
  padding: 0;
  width: 934px;
  height: 825px;
  background-image: url(conteneur.jpg);
  background-repeat: no-repeat;  
}
img{
  border: 0;
}
#logo{
  position:absolute;
  margin: 0;
  z-index:5;
  width:629px;
  height:175px;
}
#top{
  position:absolute;
  margin-left: 164px;
  top: 95px;
  z-index:10;
  width:485px;
}
#top h1{
  font-size: 1.2em;
  font-style: italic;
  margin: 0;
}
#menu{
  position:absolute;
  top: 180px;
  margin-left: 0;
  z-index:5;
}
#menu ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#menu li{
  float: left;
  margin: 0 25px 0 0;
}
#menu a{
  font-weight: bolder;
  font-size: 1em;
  text-decoration: none;
  color: #fff;
  display: block;
}
#menu a:hover{
  color: #d7d7d7;
}
#un{
  padding-bottom: 2px;
  border-bottom: 2px solid #ff9292;
}
#deux{
  padding-bottom: 2px;
  border-bottom: 2px solid #52caa5;
}
#trois{
  padding-bottom: 2px;
  border-bottom: 2px solid #c9c9c9;
}
#quatre{
  padding-bottom: 2px;
  border-bottom: 2px solid #ffabfe;
}
#cinq{
  padding-bottom: 2px;
  border-bottom: 2px solid #70c9e2;
}
#contenu{
  position: absolute;
  top: 230px;
  width: 560px;
  height: 550px;
  overflow: auto;
  padding-right: 8px;
}
#flash{
  float: right;
  margin: 0 5px 0 0;
}
#contenu h1{
  font-size: 1.4em;
  margin: 0;
}
#contenu h2{
  font-size: 1.3em;
  margin: 20px 0 5px 15px;
}
#contenu p{
  line-height: 1.7em;
}
#contenu a{
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dotted #fff;
}
#contenu a:hover{
  color: #d7d7d7;
  text-decoration: none;
  border-bottom: 1px dotted #d7d7d7;
}
#col1{
  float: left;
}
#col2{
  float: right;
}