#Bandeau {
  width: 997px;
  height: 30px;
  border: 3px solid red;
  position: absolute;
  display: inline;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  visibility: visible;
  font-style: normal;
  background-image: url(vert_clair_059.jpg);
  color: white;
  font-size: 20px;
}
ul {
  border: 3px solid red;
  padding: 10px;
  display: inline;
  position: absolute;
  width: 180px;
  height:500px;
  list-style-type: disc;
  color: #cc0000;
  text-align: left;
  background-image: url(vert_clair_135.jpg);
  visibility: visible;
  margin-top:45px;
  margin-left:0;
  font-size: 14px;
  font-weight: bold;
   }
#Accueil {
  text-align:center;
  border: 3px solid red;
  margin: 0;
  width: 777px;
  height:520px;
  display: inline;
  position: absolute;
  background-image: url(bleucla_001.jpg);
  margin-top: 45px;
  margin-left: 220px;
  font-size: 16px;
  font-weight: bold;
  visibility: visible;
  }
#fond {
  width:1024px;
  margin:0 auto;
}
body{
  background-image: url(bleufon_175.jpg);
  margin:0 auto;
  font-family:Comic Sans MS;
}
#config1{
  text-align:center;
  background-image: url(beige100.jpg);
  border: 3px solid red;
  display: inline;
  position: absolute;
  width:320px;
  height:440px;
  margin-top: 45px;
  margin-left:0;
}
#config2{
  text-align:center;
  background-image: url(beige016.gif);
  border: 3px solid red;
  display: inline;
  position: absolute;
  width:320px;
  height:440px;
  margin-top: 45px;
  margin-left:339px;
}
#config3{
  text-align:center;
  background-image: url(beige040.gif);
  border: 3px solid red;
  display: inline;
  position: absolute;
  width:320px;
  height:440px;
  margin-top: 45px;
  margin-left:677px;
}
#pied{
  text-align:center;
  background-image: url(vert_clair_025.jpg);
  border: 3px solid red;
  display: inline;
  position: absolute;
  width:997px;
  height:62px;
  margin-top: 498px;
  margin-left:0px;
  z-index:0
}
#retour{
  display: inline;
  position: absolute;
  margin-top: 502px;
  margin-left:5px;
  z-index:10
  }