#hg, #hd, #bg, #bd {
  background-repeat:no-repeat;
  background-image:url(houx2.gif);
}
#hg {
  background-position:top left;
}
#hd {
  background-position:top right;
}
#bg {
  background-position:bottom left;
}
#bd {
  background-position:bottom right;
}
#contenu {
  margin-left:100px;
  margin-right:100px;
}
#contenu p {
  text-align:justify;
}
            

<div id="hg">
 <div id="hd">
  <div id="bg">
   <div id="bd">
    <div id="contenu">
    <h1>Les quatre coins</h1>
    <p> [bla bla]</p>
    </div> <!-- /contenu -->
   </div> <!-- /bd -->
  </div> <!-- /bg -->
 </div> <!-- /hd -->
</div> <!-- /hg -->