<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>