<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<head>
  <title>Accueil</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <link rel="stylesheet" href="bicolore_avec_menu.css" type="text/css" media="all" title="Défaut" />
</head>
<body>

<!-- Entête -->

  <div id="chapeau">
    <h1>Accueil</h1>
  </div>

<!-- Contenu -->

  <div id="corps">
    <h2>Introduction</h2>
    <p>Quelque chose</p>
    <h2>Catégories</h2>
    <p>Accédez à tout ou partie des composantes de @@TITRE_SITE@@ via les catégories suivantes.</p>

    <!-- Catégorie -->

    <h3>Catégorie 1</h3>
    <div class="ensemble_element">
      <div class="element">
        <div class="titre">
          <a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
        </div>
        <div class="image">
          <img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
        </div>
      </div>
      <div class="element">
        <div class="titre">
          <a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
        </div>
        <div class="image">
          <img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
        </div>
      </div>
      <div class="element">
        <div class="titre">
          <a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
        </div>
        <div class="image">
          <img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
        </div>
      </div>
    </div>
    <div class="espace">&nbsp;</div>

    <!-- Catégorie -->

    <h3>Catégorie 2</h3>
    <div class="ensemble_element">
      <div class="element">
        <div class="titre">
          <a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
        </div>
        <div class="image">
          <img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
        </div>
      </div>
      <div class="element">
        <div class="titre">
          <a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
        </div>
        <div class="image">
          <img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
        </div>
      </div>
      <div class="element">
        <div class="titre">
          <a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
        </div>
        <div class="image">
          <img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
        </div>
      </div>
      <div class="element">
        <div class="titre">
          <a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
        </div>
        <div class="image">
          <img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
        </div>
      </div>
      <div class="element">
        <div class="titre">
          <a href="@@URL_ELEMENT@@" title="@@DESC_ELEMENT@@">@@TITRE_ELEMENT@@</a>
        </div>
        <div class="image">
          <img src="@@URL_IMAGE@@" alt="@@TITRE_IMAGE@@" title="@@DESC_IMAGE@@">
        </div>
      </div>
    </div>
    <div class="espace">&nbsp;</div>
  </div>
  
<!-- Menu -->

  <div id="cartable">
    <div class="sacoche">
      <h3>Menu</h3>
      <ul>
        <li><a href="@@URL_LIEN@@" title="@@DESC_LIEN@@">@@TITRE_LIEN@@</a></li>
        <li>Lien 2</li>
        <li>Lien 3</li>
      </ul>
    </div>
  </div>

<!-- Pied de page -->

  <div id="soulier">
    <p>Propulsé par PorteAil</p>
  </div>
</body>
</html>