<div id="conteneur">
   <div id="en-tete" title="Nom du site">
      <div id="saute-menu"><a href="#contenu" title="Aller au contenu">Aller au contenu</a></div>
      <h1>Nom du site</h1>
   </div>
   <div id="navigation">
      <ul>
         <li><a href="#" accesskey="1" title="Clé d'accès = alt + 1">Section 1</a></li>
         <li><a href="#" accesskey="2" title="Clé d'accès = alt + 2">Section 2</a></li>
         <li><a href="#" accesskey="3" title="Clé d'accès = alt + 3">Section 3</a></li>
         <li><a href="#" accesskey="4" title="Clé d'accès = alt + 4">Section 4</a></li>
      </ul>
   </div>
   <div id="menu">
      <h2>Section 1</h2>
      <ul>
         <li><a href="#">Sous-section a</a></li>
         <li><a href="#">Sous-section b</a></li>
         <li><a href="#">Sous-section c</a></li>
         <li><a href="#">Sous-section d</a></li>
         <li><a href="#">Sous-section e</a></li>
      </ul>
      <h3>Taille du texte</h3>
      <ul>
         <li><a href="javascript:changeFontsize('','5');" >Augmenter</a></li>
         <li><a href="javascript:changeFontsize('','-5')">Diminuer</a></li>
      </ul>
   </div>
   <div id="contenu">
      <a name="contenu"></a><h2>En-tête</h2>
      <p>
         <img class="imageflottante" src="flower.jpg" alt="Fleur orangée" border="0" width="100" height="100">
         Lorem ipsum dolor sit amet, consectetuer...
      </p>
      <p>
         Lorem ipsum dolor sit amet, consectetuer...
      </p>
   </div>
   <div id="pied-de-page">
      Copyright © Nom du site, 2004
   </div>
</div>