diff --git a/infos-hug/acces-distance.html b/infos-hug/acces-distance.html
index 83d2d69..635767b 100644
--- a/infos-hug/acces-distance.html
+++ b/infos-hug/acces-distance.html
@@ -106,7 +106,7 @@
         Si vous ne pouvez pas accéder à un article :
       </p>
       <ul>
-        <li>Pensez à la commande d'article (<a href="">procédure</a>).</li>
+        <li>Pensez à la commande d'article (<a href="/biblio/fr/infos/sites/cmu/information-membres-hug/commande-article">procédure</a>).</li>
         <li>
           Ou écrivez à
           <a href="mailto:biblio-cmu@unige.ch">biblio-cmu@unige.ch</a>.
diff --git a/infos-hug/appartenance.html b/infos-hug/appartenance.html
deleted file mode 100644
index 9b1bcab..0000000
--- a/infos-hug/appartenance.html
+++ /dev/null
@@ -1,72 +0,0 @@
-<article>
-      <h3>
-        Vérifier son appartenance à la communauté HUG ou UNIGE
-      </h3>
-      <p>
-        Pour vérifier son groupe d'appartenance, il faut&nbsp;:
-        <ol>
-          <li>
-            S'identifier sur
-            <a title="Accès au catalogue Swisscovery"
-               href="https://unige.swisscovery.slsp.ch">
-              Swisscovery UNIGE
-            </a>.
-          </li>
-          <li>
-            Accéder à son profil en cliquant sur son nom en haut à droite.
-          </li>
-          <li>
-            Vérifier son groupe d'appartenance (UNIGE-HUG) dans ses informations
-            personnelles (voir la capture d'écran ci-dessous).
-          </li>
-        </ol>
-        <figure class="cmu-hug-infos-figure">
-          <img src="https://www.unige.ch/biblio/files/6616/6987/9987/swisscovery-groupe-unige-hug.png"
-               alt="Capture d'écran des informations personnelles dans l'interface Swisscovery.">
-          <figcaption>
-            Pour afficher ses informations personnelles dans Swisscovery et
-            vérifier son groupe d'appartenance.
-          </figcaption>
-        </figure>
-      </p>
-      <p>
-        Si son groupe d'appartenance n'est pas UNIGE-HUG, il faut ajouter
-        une identité liée à son compte Switch edu-ID&nbsp;:
-        <ol>
-          <li>
-            Se rendre dans son compte Switch edu-ID
-            <a href="https://eduid.ch"
-               title="Page d'acceuil du compte Switch edu-ID"
-               target="_blank"
-               class="cmu-external-link">
-              https://eduid.ch
-            </a>.
-          </li>
-          <li>Accéder à la section &laquo;&nbsp;Identités liées&nbsp;&raquo;.</li>
-          <li>
-            Cliquer sur &laquo;&nbsp;Rajouter une identité
-            organisationnelle&nbsp;&raquo;
-          </li>
-        </ol>
-        <figure class="cmu-hug-infos-figure">
-          <img src="https://www.unige.ch/biblio/files/5516/6988/1893/eduid-identites.png"
-               alt="Capture d'écran de l'ajout d'indentités organisationnelles dans Switch edu-ID.">
-          <figcaption>
-            Pour ajouter une identité organisationnelle à son compte Switch
-            edu-ID.
-          </figcaption>
-        </figure>
-      </p>
-      <p>
-        Si vous n'êtes pas encore inscrit-e à la bibliothèque, veuillez
-        consulter la
-        <a title="Procédure d'inscription à la bibliothèque"
-           lang="fr"
-           dir="ltr"
-           type="html/text"
-           href="https://unige.ch/biblio/fr/services/inscription/"
-           hreflang="fr">
-          la procédure d'inscription
-        </a>.
-      </p>
-    </article>
diff --git a/infos-hug/commande-article.html b/infos-hug/commande-article.html
index 6e2b597..3df4b96 100644
--- a/infos-hug/commande-article.html
+++ b/infos-hug/commande-article.html
@@ -1,115 +1,90 @@
-<div id="blockStyle68919MainLayout1Cell11098" class=" ccm-block-styles">
-  <div class="unige-expand">
-    <div class="panel panel-default" style="margin: 0px;">
-      <div class="panel-heading">
-        <h2 class="panel-title o-title--h2 cmu-hug-infos-panel-title">
-          <a class="accordion-toggle collapsed"
-             data-toggle="collapse"
-             href="#commande-article"
-             name="commande-article"
-             aria-expanded="false">
-            Commande d'articles
-          </a>
-        </h2>
-      </div>
-      <div id="commande-article" class="panel-collapse collapse" aria-expanded="false" style="height: 622px;">
-        <div class="panel-body">
-          <div class="col-md-12">
-            <article class="cmu-hug-infos-item">
-              <p>
-                <strong>Pour bénéficier de la gratuité du service</strong>, il est
-                nécessaire d'être inscrit à la bibliothèque <em>en tant que
-                  collaborateur ou collaboratrice HUG ou UNIGE</em>. Si besoin, voir la
-                section
-                <a href="#appartenance">
-                  Vérifier son appartenance à la communauté HUG ou UNIGE
-                </a>.
-              </p>
-              <p>
-                Le forumlaire est à l'adresse suivante&nbsp;:<br>
-                <a href="https://slsp-unige.primo.exlibrisgroup.com/discovery/blankIll?vid=41SLSP_UGE%3AVU1"
-                   title="Lien direct vers le formulaire de commande dans Swisscovery
-                   UNIGE">
-                  https://slsp-unige.primo.exlibrisgroup.com/discovery/blankIll?vid=41SLSP_UGE%3AVU1
-                </a>.
-              </p>
-              <p>Il est accessible depuis la barre de menu supérieure de
-                Swisscovery UNIGE (entrée &laquo;&nbsp;Prêt / Numérisation entre
-                bibliothèques&nbsp;&raquo;).
-                <figure class="cmu-hug-infos-figure">
-                  <img src="https://www.unige.ch/biblio/files/4216/6988/3425/swisscovery-menu-peb.png"
-                       alt="Capture d'écran du lien vers le formulaire de commande
-                       dans le menu supérieur de Swisscovery UNIGE.">
-                  <figcaption>
-                    Accès au formulaire depuis le menu supérieur de Swisscovery
-                    UNIGE. 
-                  </figcaption>
-                </figure>
-              </p>
-              <p>
-                Pour commander un article, il faut&nbsp;:
-                <ol>
-                  <li>
-                    Choisir le formulaire pour &laquo;&nbsp;Article /
-                    Chapitre&nbsp;&raquo;.
-                  </li>
-                  <li>Coller le DOI ou le PMID dans le champ dédié.</li>
-                  <li>
-                    Cliquer sur &laquo;&nbsp;Remplissage automatique&nbsp;&raquo;.
-                  </li>
-                  <li>
-                    Sélectionner Uni CMU dans le champ &laquo;&nbsp;Bibliothèque de
-                    retrait&nbsp;&raquo;. L'article vous sera communiqué par e-mail.
-                  </li>
-                  <li>Cliquer sur &laquo;&nbsp;Envoyer la commande&nbsp;&raquo;.</li>
-                </ol>
-                <div class="cmu-hug-infos-block-figures">
-                  <figure class="cmu-hug-infos-figure">
-                    <img src="https://www.unige.ch/biblio/files/3016/6988/4215/formulaire-commande-article-1.png"
-                         alt="Capture d'écran de la partie supérieure du formulaire
-                         avec la sélection du formulaire et le remplissage
-                         automatique du formulaire.">
-                    <figcaption>
-                      Sélection du formulaire et remplissage automatique sur la base
-                      de l'identifiant DOI ou PMID.
-                    </figcaption>
-                  </figure>
-                  <figure class="cmu-hug-infos-figure">
-                    <img src="https://www.unige.ch/biblio/files/4316/6988/4241/formulaire-commande-article-2.png"
-                         alt="Capture d'écran de la partie inférieure du formulaire,
-                         avec la sélection de la bibliothèque de retrait et l'envoi.">
-                    <figcaption>
-                      Sélection de la bibliothèque de retrait et envoi du formulaire.
-                    </figcaption>
-                  </figure>
-                </div>
-              </p>
-              <p>
-                Pour plus d'information sur les commandes de documents, veuillez
-                consulter la page suivante&nbsp;:
-                <a href="https://www.unige.ch/biblio/fr/services/peb/"
-                   title="Page de la bibliothèque sur le demande de documents">
-                  https://www.unige.ch/biblio/fr/services/peb/
-                </a>
-              </p>
-            </article>
-          </div>
-        </div>
-      </div>
+<article class="cmu-hug-infos">
+  <article class="cmu-hug-infos-item">
+    <header>
+      <h2 class="o-title--h2">
+        <a name="commande-article"></a>
+        Commander un article hors collection
+      </h2>
+    </header>
+    <p>
+      <strong>Pour bénéficier de la gratuité du service</strong>, il est
+      nécessaire d'être inscrit à la bibliothèque <em>en tant que
+      collaborateur ou collaboratrice HUG ou UNIGE</em>. Si besoin, voir la
+      page
+      <a href="/biblio/fr/infos/sites/cmu/information-membres-hug/verifier-appartenance">
+        Vérifier son appartenance à la communauté HUG ou UNIGE
+      </a>.
+  </p>
+    <p>
+      Le forumlaire est à l'adresse suivante&nbsp;:<br>
+      <a href="https://slsp-unige.primo.exlibrisgroup.com/discovery/blankIll?vid=41SLSP_UGE%3AVU1"
+        title="Lien direct vers le formulaire de commande dans Swisscovery
+        UNIGE">
+        https://slsp-unige.primo.exlibrisgroup.com/discovery/blankIll?vid=41SLSP_UGE%3AVU1
+      </a>
+    </p>
+    <p>Il est accessible depuis la barre de menu supérieure de
+      Swisscovery UNIGE (entrée &laquo;&nbsp;Prêt / Numérisation entre
+      bibliothèques&nbsp;&raquo;).
+    <figure class="cmu-hug-infos-figure">
+      <img src="https://www.unige.ch/biblio/files/4216/6988/3425/swisscovery-menu-peb.png"
+        alt="Capture d'écran du lien vers le formulaire de commande
+        dans le menu supérieur de Swisscovery UNIGE.">
+      <figcaption>
+        Accès au formulaire depuis le menu supérieur de Swisscovery
+        UNIGE. 
+      </figcaption>
+    </figure>
+    </p>
+    <p>
+      Pour commander un article, il faut&nbsp;:
+    <ol>
+      <li>
+        Choisir le formulaire pour &laquo;&nbsp;Article /
+        Chapitre&nbsp;&raquo;.
+      </li>
+      <li>Coller le DOI ou le PMID dans le champ dédié.</li>
+      <li>
+        Cliquer sur &laquo;&nbsp;Remplissage automatique&nbsp;&raquo;.
+      </li>
+      <li>
+        Sélectionner Uni CMU dans le champ &laquo;&nbsp;Bibliothèque de
+        retrait&nbsp;&raquo;. L'article vous sera communiqué par e-mail.
+      </li>
+      <li>Cliquer sur &laquo;&nbsp;Envoyer la commande&nbsp;&raquo;.</li>
+    </ol>
+    <div class="cmu-hug-infos-block-figures">
+      <figure class="cmu-hug-infos-figure">
+        <img src="https://www.unige.ch/biblio/files/3016/6988/4215/formulaire-commande-article-1.png"
+          alt="Capture d'écran de la partie supérieure du formulaire
+          avec la sélection du formulaire et le remplissage
+          automatique du formulaire.">
+        <figcaption>
+          Sélection du formulaire et remplissage automatique sur la base
+          de l'identifiant DOI ou PMID.
+        </figcaption>
+      </figure>
+      <figure class="cmu-hug-infos-figure">
+        <img src="https://www.unige.ch/biblio/files/4316/6988/4241/formulaire-commande-article-2.png"
+          alt="Capture d'écran de la partie inférieure du formulaire,
+          avec la sélection de la bibliothèque de retrait et l'envoi.">
+        <figcaption>
+          Sélection de la bibliothèque de retrait et envoi du formulaire.
+        </figcaption>
+      </figure>
     </div>
-  </div>
-  <style>
-.unige-expand .panel-heading .accordion-toggle.collapsed::after {
-  content: "\e080";
-}
-.unige-expand .panel-heading .accordion-toggle::after {
-  font-family: 'Glyphicons Halflings';
-  content: "\e114";
-  float: right;
-}
-.cmu-hug-infos-panel-title {
-  font-family: thesansosfextrabold;
-}
+    </p>
+    <p>
+      Pour plus d'information sur les commandes de documents, veuillez
+      consulter la page suivante&nbsp;:
+      <a href="https://www.unige.ch/biblio/fr/services/peb/"
+        title="Page de la bibliothèque sur le demande de documents">
+        https://www.unige.ch/biblio/fr/services/peb/
+      </a>
+    </p>
+  </article>
+</article>
+<style>
 .cmu-hug-infos-figure {
   border: 1px solid #d80669;
   border-radius: 5px;
@@ -122,9 +97,9 @@
 .cmu-hug-infos-figure figcaption {
   text-align: center;
   padding: .5em 0;
+  font-size: smaller;
 }
 .cmu-hug-infos-item ul {
   padding-left: 40px;
 }
-  </style>
-</div>
+</style>
diff --git a/infos-hug/html-vanilla.html b/infos-hug/html-vanilla.html
deleted file mode 100644
index 8d79882..0000000
--- a/infos-hug/html-vanilla.html
+++ /dev/null
@@ -1,96 +0,0 @@
-<article class="cmu-hug-infos-item">
-  <p>
-    <strong>Pour bénéficier de la gratuité du service</strong>, il est
-    nécessaire d'être inscrit à la bibliothèque <em>en tant que
-      collaborateur ou collaboratrice HUG ou UNIGE</em>. Si besoin, voir la
-    section
-    <a href="#appartenance">
-      Vérifier son appartenance à la communauté HUG ou UNIGE
-    </a>.
-  </p>
-  <p>
-    Le forumlaire est à l'adresse suivante&nbsp;:<br>
-    <a href="https://slsp-unige.primo.exlibrisgroup.com/discovery/blankIll?vid=41SLSP_UGE%3AVU1"
-       title="Lien direct vers le formulaire de commande dans Swisscovery
-       UNIGE">
-      https://slsp-unige.primo.exlibrisgroup.com/discovery/blankIll?vid=41SLSP_UGE%3AVU1
-    </a>.
-  </p>
-  <p>Il est accessible depuis la barre de menu supérieure de
-    Swisscovery UNIGE (entrée &laquo;&nbsp;Prêt / Numérisation entre
-    bibliothèques&nbsp;&raquo;).
-    <figure class="cmu-hug-infos-figure">
-      <img src="https://www.unige.ch/biblio/files/4216/6988/3425/swisscovery-menu-peb.png"
-           alt="Capture d'écran du lien vers le formulaire de commande
-           dans le menu supérieur de Swisscovery UNIGE.">
-      <figcaption>
-        Accès au formulaire depuis le menu supérieur de Swisscovery
-        UNIGE. 
-      </figcaption>
-    </figure>
-  </p>
-  <p>
-    Pour commander un article, il faut&nbsp;:
-    <ol>
-      <li>
-        Choisir le formulaire pour &laquo;&nbsp;Article /
-        Chapitre&nbsp;&raquo;.
-      </li>
-      <li>Coller le DOI ou le PMID dans le champ dédié.</li>
-      <li>
-        Cliquer sur &laquo;&nbsp;Remplissage automatique&nbsp;&raquo;.
-      </li>
-      <li>
-        Sélectionner Uni CMU dans le champ &laquo;&nbsp;Bibliothèque de
-        retrait&nbsp;&raquo;. L'article vous sera communiqué par e-mail.
-      </li>
-      <li>Cliquer sur &laquo;&nbsp;Envoyer la commande&nbsp;&raquo;.</li>
-    </ol>
-    <div class="cmu-hug-infos-block-figures">
-      <figure class="cmu-hug-infos-figure">
-        <img src="https://www.unige.ch/biblio/files/3016/6988/4215/formulaire-commande-article-1.png"
-             alt="Capture d'écran de la partie supérieure du formulaire
-             avec la sélection du formulaire et le remplissage
-             automatique du formulaire.">
-        <figcaption>
-          Sélection du formulaire et remplissage automatique sur la base
-          de l'identifiant DOI ou PMID.
-        </figcaption>
-      </figure>
-      <figure class="cmu-hug-infos-figure">
-        <img src="https://www.unige.ch/biblio/files/4316/6988/4241/formulaire-commande-article-2.png"
-             alt="Capture d'écran de la partie inférieure du formulaire,
-             avec la sélection de la bibliothèque de retrait et l'envoi.">
-        <figcaption>
-          Sélection de la bibliothèque de retrait et envoi du formulaire.
-        </figcaption>
-      </figure>
-    </div>
-  </p>
-  <p>
-    Pour plus d'information sur les commandes de documents, veuillez
-    consulter la page suivante&nbsp;:
-    <a href="https://www.unige.ch/biblio/fr/services/peb/"
-       title="Page de la bibliothèque sur le demande de documents">
-      https://www.unige.ch/biblio/fr/services/peb/
-    </a>
-  </p>
-  <style>
-.cmu-hug-infos-figure {
-  border: 1px solid #d80669;
-  border-radius: 5px;
-  max-width: 90%;
-  margin: 1em auto;
-}
-.cmu-hug-infos-figure img {
-  border-radius: 5px;
-}
-.cmu-hug-infos-figure figcaption {
-  text-align: center;
-  padding: .5em 0;
-}
-.cmu-hug-infos-item ul {
-  padding-left: 40px;
-}
-  </style>
-</article>
diff --git a/infos-hug/index.html b/infos-hug/index.html
new file mode 100644
index 0000000..9971b1e
--- /dev/null
+++ b/infos-hug/index.html
@@ -0,0 +1,54 @@
+<article class="cmu-hug-infos">
+  <article class="cmu-hug-infos-item">
+    <article>
+      Les pages suivantes proposent des informations spécifiquement utiles
+      au corps médical des HUG.
+      <dl class="cmu-hug-infos-list">
+        <a href="/biblio/fr/infos/sites/cmu/information-membres-hug/acces">
+          <dt>
+            Accès à la littérature scientifique&nbsp;:
+          </dt>
+        </a>
+        <dd>
+          Depuis les HUG, l'accès à la littérature scientifique qui n'est pas
+          <em>open access</em> se fait avec <em>OpenAthens</em>. Cette page
+          explique comment faire.
+        </dd>
+        <a href="/biblio/fr/infos/sites/cmu/information-membres-hug/commande-article">
+          <dt>Commander un article&nbsp;:</dt>
+        </a>
+        <dd>
+          Vous avez besoin d'un article qui n'est ni en <em>open access</em>,
+          ni dans le collection de la bibliothèque (ou que vous n'arrivez pas
+          à obtenir), alors vous pouvez le commander gratuitement. C'est
+          expliquer sur cette page.
+        </dd>
+        <a href="/biblio/fr/infos/sites/cmu/information-membres-hug/verifier-appartenance">
+          <dt>Vérifier son appartenance à la communauté HUG/UNIGE&nbsp;:</dt>
+        </a>
+        <dd>
+          Certains services de la bibliothèque, comme la commande d'article
+          sont payants pour les personnes hors de la communauté HUG/UNIGE.
+          Vérifier que votre Switch edu-ID est bien lié à votre
+          institution&nbsp;!
+        </dd>
+      </dl>
+    </article>
+  </article>
+</article>
+<style>
+.cmu-hug-infos-list {
+  display: flex;
+  flex-direction: row;
+  row-gap: 5px;
+  flex-wrap: wrap;
+  width: 100%;
+  margin-top: 22px;
+}
+.cmu-hug-infos-list a {
+  flex: 0 0 30%;
+}
+.cmu-hug-infos-list dd {
+  flex: 0 0 70%;
+}
+</style>
diff --git a/infos-hug/verifier-appartenance.html b/infos-hug/verifier-appartenance.html
new file mode 100644
index 0000000..c86fd2b
--- /dev/null
+++ b/infos-hug/verifier-appartenance.html
@@ -0,0 +1,99 @@
+<article class="cmu-hug-infos">
+  <article class="cmu-hug-infos-item">
+    <header>
+      <h2 class="o-title--h2">
+        <a name="appartenance"></a>
+        Vérifier son appartenance à la communauté HUG ou UNIGE
+      </h2>
+    </header>
+    <h3>
+      Vérifier son appartenance à la communauté HUG ou UNIGE
+    </h3>
+    <p>
+      Pour vérifier son groupe d'appartenance, il faut&nbsp;:
+    <ol>
+      <li>
+        S'identifier sur
+        <a title="Accès au catalogue Swisscovery"
+          href="https://unige.swisscovery.slsp.ch">
+          Swisscovery UNIGE
+        </a>.
+      </li>
+      <li>
+        Accéder à son profil en cliquant sur son nom en haut à droite.
+      </li>
+      <li>
+        Vérifier son groupe d'appartenance (UNIGE-HUG) dans ses informations
+        personnelles (voir la capture d'écran ci-dessous).
+      </li>
+    </ol>
+    <figure class="cmu-hug-infos-figure">
+      <img src="https://www.unige.ch/biblio/files/6616/6987/9987/swisscovery-groupe-unige-hug.png"
+        alt="Capture d'écran des informations personnelles dans l'interface Swisscovery.">
+      <figcaption>
+        Pour afficher ses informations personnelles dans Swisscovery et
+        vérifier son groupe d'appartenance.
+      </figcaption>
+    </figure>
+    </p>
+    <p>
+      Si son groupe d'appartenance n'est pas UNIGE-HUG, il faut ajouter
+      une identité liée à son compte Switch edu-ID&nbsp;:
+    <ol>
+      <li>
+        Se rendre dans son compte Switch edu-ID
+        <a href="https://eduid.ch"
+          title="Page d'acceuil du compte Switch edu-ID"
+          target="_blank"
+          class="cmu-external-link">
+          https://eduid.ch
+        </a>.
+      </li>
+      <li>Accéder à la section &laquo;&nbsp;Identités liées&nbsp;&raquo;.</li>
+      <li>
+        Cliquer sur &laquo;&nbsp;Rajouter une identité
+        organisationnelle&nbsp;&raquo;
+      </li>
+    </ol>
+    <figure class="cmu-hug-infos-figure">
+      <img src="https://www.unige.ch/biblio/files/5516/6988/1893/eduid-identites.png"
+        alt="Capture d'écran de l'ajout d'indentités organisationnelles dans Switch edu-ID.">
+      <figcaption>
+        Pour ajouter une identité organisationnelle à son compte Switch
+        edu-ID.
+      </figcaption>
+    </figure>
+    </p>
+    <p>
+      Si vous n'êtes pas encore inscrit-e à la bibliothèque, veuillez
+      consulter la
+      <a title="Procédure d'inscription à la bibliothèque"
+        lang="fr"
+        dir="ltr"
+        type="html/text"
+        href="https://unige.ch/biblio/fr/services/inscription/"
+        hreflang="fr">
+        procédure d'inscription
+      </a>.
+    </p>
+  </article>
+</article>
+<style>
+.cmu-hug-infos-figure {
+  border: 1px solid #d80669;
+  border-radius: 5px;
+  max-width: 90%;
+  margin: 1em auto;
+}
+.cmu-hug-infos-figure img {
+  border-radius: 5px;
+}
+.cmu-hug-infos-figure figcaption {
+  text-align: center;
+  padding: .5em 0;
+  font-size: smaller;
+}
+.cmu-hug-infos-item ul {
+  padding-left: 40px;
+}
+</style>