* { margin: 0px; padding: 0px; }
li { list-style-position: inside; }
fieldset { padding: 10px; }
body {
  color: #333868;
  font-size: 16px;
  font-family: Verdana, Arial, sans-serif;
  background-image: url(im/fond.jpg);
  background-repeat: no-repeat;
  background-position: 50% 100px;
}
div.corps {
  width: 70%;
  margin: 80px auto 0px auto;
}
h1 {
  font-weight: normal;
  height: 63px;
  background-image: url(im/bandeau_new.jpg);
  background-repeat: repeat-x;
  font-size: 40px;
  font-family: Verdana;
  font-style: italic;
  text-align: center;
  line-height: 63px;
}
h1 span {
  font-size: 50px;
}
h1 a {
  text-decoration: none;
  color: white;
}
h2 {
  margin: 10px 0px 5px 0px;
  font-size: 140%;
}
h3 {
  margin: 10px 0px 5px 0px;
  font-size: 110%;
}
#nav li {
  list-style-type: none;
  float: left;
  font-size: 11px;
  line-height: 12px;
  background-image: url(im/tab.gif);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  width:10.2%;
  padding: 5px 10px 0px 10px;
}

#nav a {
  display: block;
  float: left;
  text-decoration: none;
  font-size: 120%;
  height:40px;
  color: #353967;
  text-align: center;
  width: 100%;
}

#nav a:hover {color: #E97900;}

#qui_sommes_nous { background-color: #AEC8E1; }
#contrats_de_prestation { background-color: #AADADD; }
#interventions_ponctuelles { background-color: #A8DAC6; }
#demande_de_devis { background-color: #D1D1B1; }
#realisations { background-color: #DECA99; }
#espace_client { background-color: #ECB8AA; }
#partenaires { background-color: #efb3b4; }
#contact { background-color: #e98485; }
.cadre {
  position: absolute;
  width: 768px;
}
#rehabilitation {
  top: 40px;
  left: 100px;
  width: 210px;
}
#ravalement {
  top: 110px;
  left: 30px;
}
#extension {
  top: 380px;
  left: 355px;
}
#transformation {
  top: 380px;
  left: 630px;
  width: 90px;
}
.legende {
  position: absolute;
  color: black;
  font-size: small;
  font-weight: bold;
  font-family: Arial;
  text-align: center;
}
.logo { text-align: center; }
.accueil { text-align: center; }
ul.jardin { margin-bottom: 1em; }
img.placard_sur_mesure {
  position: absolute;
  top: 500px;
  left: 130px;
}
img.apres_ravalement {
  position: absolute;
  top: 140px;
  left: 35px;
  z-index: 1;
}
img.avant_rehabilitation_douche {
  position: absolute;
  top: 5px;
  left: 330px;
}
img.avant_rehabilitation_et_pose_meuble {
  position: absolute;
  top: 15px;
  left: 454px;
}
img.decapage_ravalement {
  position: absolute;
  top: 335px;
  left: 60px;
  z-index: 1;
}
img.extension_feraillage {
  position: absolute;
  top: 327px;
  left: 150px;
}

div.placard_sur_mesure {
  width: 230px;
  top: 560px;
  left: 290px;
}