html: finalisation de la procédure Dynamed

- Ajout des classes nécessaires pour les heading.
- Amélioration de la structure logique.
- Simplification de certaines formulations.

Co-Authored-by: iGor milhit <igor.milhit@unige.ch>

procedure-dynamed.html

@@ -1,45 +1,76 @@
 <article class="articleDyn">
   <p>
-    La base de donnée <a dir="ltr" type="html/text" hreflang="English" lang="en" href="https://www.dynamed.com" title="Base de donnée Dynamed">Dynamed</a> peut être consultée soit&nbsp;:
+    La base de donnée Dynamed peut être consultée soit&nbsp;:
   </p>
   <p>
     <ul>
-      <li>sur le <a dir="ltr" type="html/text" href="#web" hreflang="français" lang="fr" title="Procédure adaptée au site Web">site Web</a>, plus pratique avec un ordinateur de bureau ou portable,</li>
+      <li>sur le site Web, plus pratique avec un ordinateur de bureau ou portable,</li>
-      <li>au moyen de l'<a dir="ltr" type="html/text" href="#app" hreflang="français" lang="fr" title="Procédure adaptée à l'appication mobile">application mobile</a>, afin d'y accéder rapidement de partout.</li>
+      <li>au moyen de l'application mobile, afin d'y accéder rapidement de partout.</li> </ul>
-    </ul>
   </p>
-  <h3><a name="web"></a>Site Web</h3>
+  <h3 class="o-title--h3"><a name="web"></a>Site Web</h3>
-  <h4><a name="no-account"></a>Accès sans compte Dynamed</h4>
+  <h4 class="o-title--h4"><a name="no-account"></a>Accès sans compte Dynamed</h4>
   <p>
-    Si vous êtes connecté-e au sein du réseau de l'UNIGE, sur le poste de votre bureau où via le <a dir="ltr" type="html/text" hreflang="français" lang="fr" href="https://plone.unige.ch/distic/pub/reseau/wifi-unige" title="Documentation de l'usage du réseau WiFi de l'UNIGE">WiFi «&nbsp;unige&nbsp;»</a> avec un ordinateur portable, il suffit de charger la page <a dir="ltr" type="html/text" hreflang="English" lang="en" href="https://www.dynamed.com" title="Base de donnée Dynamed">Dynamed</a> afin d'en consulter le contenu.
+    Depuis le réseau de l'UNIGE, sur le poste de votre bureau où via le WiFi «&nbsp;unige&nbsp;», il suffit de charger la page <a dir="ltr" type="html/text" hreflang="English" lang="en" href="https://www.dynamed.com" title="Base de donnée Dynamed">Dynamed</a> afin d'en consulter le contenu.
   </p>
   <p>
-    En dehors du réseau de l'UNIGE, vous pouvez soit&nbsp;:
+    En dehors du réseau de l'UNIGE, vous pouvez&nbsp;:
   </p>
-  <p>
   <ul>
-      <li>vous identifier à l'aide d'OpenAthens,</li>
+    <li>
-      <li>utiliser le VPN.</li>
+      <p><a name="openathens"></a><strong>Vous identifier à l'aide d'OpenAthens</strong></p>
+      <p><em>OpenAthens</em> est un système qui permet de se connecter sur
+        les plateformes hébergeant les ressources numériques de la
+        Bibliothèque depuis n'importe où avec son login institutionnel&nbsp;:
+      </p>
+      <ul style="margin-bottom:.5em;">
+        <li>ISIs pour les membres de la communauté UNIGE,</li>
+        <li>SESAME pour les membres de la communauté HUG.</li>
       </ul>
-  </p>
       <p>
-    <a name="openathens"></a>
+        Plus de détails sur OpenAthens sont disponibles à la page
-    Les informations utiles pour l'identification avec OpenAthens sont disponibles sur la page <a dir="ltr" type="html/text" hreflang="français" lang="fr" title="Marche à suivre pour OpenAthens" href="https://www.unige.ch/biblio/fr/infos/equipement/internet#openathens"><em>Accéder aux ressources en ligne</em></a>. <strong>Pour les membres des HUG</strong>, l'activation préalable de «&nbsp;SESAME&nbsp;», l'outil d'accès à distance des HUG est nécessaire (voir la marche à suivre dans l'Intranet des HUG). C'est en effet avec vos identifiants SESAME que vous devez remplir le formulaire de connexion.
+        <a dir="ltr" type="html/text" hreflang="français" lang="fr"
+           title="Marche à suivre pour OpenAthens"
+           href="https://www.unige.ch/biblio/fr/infos/equipement/internet#openathens">
+          <em>Accéder aux ressources en ligne</em>
+        </a>.
       </p>
+    </li>
+    <li>
+      <p><strong>Utiliser le VPN</strong></p>
     <p>
-    Pour le VPN, veuillez consulter la <a dir="ltr" type="html/text" hreflang="français" lang="fr" title="Marche à suivre pour le VPN" href="https://plone.unige.ch/distic/pub/reseau/doc-vpn">documentation</a>. <strong>Pour les membres des HUG</strong>, il existe une <a dir="ltr" type="html/text" hreflang="français" lang="fr" title="Marche à suivre pour le VPN pour les membres des HUG" href="https://www.unige.ch/biblio/fr/infos/sites/cmu/vpn-pour-membres-hug-acces-pour-recherches-medicales/">documentation spécifique</a>.
+      Les membres de la communauté UNIGE peuvent consulter la
+      <a dir="ltr" type="html/text" hreflang="français" lang="fr"
+         title="Marche à suivre pour le VPN"
+         href="https://plone.unige.ch/distic/pub/reseau/doc-vpn">
+        documentation de l'UNIGE
+      </a>. Pour les membres de la communauté HUG, il existe une
+      <a dir="ltr" type="html/text" hreflang="français" lang="fr"
+         title="Marche à suivre pour le VPN pour les membres des HUG"
+         href="https://www.unige.ch/biblio/fr/infos/sites/cmu/vpn-pour-membres-hug-acces-pour-recherches-medicales/">
+        documentation HUG</a>.
     </p>
-  <h4><a name="account"></a>Création d'un compte Dynamed</h4>
+    </li>
+  </ul>
+  <h4 class="o-title--h4"><a name="account"></a>Accès avec un compte Dynamed</h4>
   <p>
-    La création d'un compte personnel Dynamed n'est pas nécessaire pour consulter la base de données. Mais il donne accès à des fonctionnalités supplémentaires, par exemple la configuration d'alertes pour être averti lors qu'un contenu est mis à jour. Pour la création du compte, il faut accéder au site web par l'une des méthodes indiquées ci-dessus (réseau UNIGE, OpenAthens, VPN) et cliquer sur <em>Create account</em>. Une fois le compte créé, vous pouvez l'utiliser pour accéder au contenu depuis n'importe quel poste informatique ou réseau et retrouver vos paramètres et alertes.
+    Il n'est pas nécessaire d'avoir un compte Dynamed pour consulter la base de
-  </p>
+    données. Mais cela offre les possibilités suivantes&nbsp;:
+    <ul>
+      <li>Configurer des alertes pour être averti lors qu'un contenu est mis à jour.</li>
+      <li>S'identifier dans l'application mobile (voir ci-dessous).</li>
+    </ul>
+    Pour la création du compte, il faut accéder au site Dynamed par l'une des
+    méthodes indiquées ci-dessus (réseau UNIGE, OpenAthens, VPN) et cliquer sur
+    <em>Create account</em>. Une fois le compte créé, vous pouvez l'utiliser pour
+    accéder au contenu depuis n'importe quel poste informatique ou réseau et
+    retrouver vos paramètres et alertes.</p>
   <div class="figDyn">
     <figure>
       <img alt="Mise en évidence du bouton Create Account sur le site Dynamed" src="https://www.unige.ch/biblio/files/9616/6868/9938/dynamed-web-create-account.jpg"/>
       <figcaption>Où trouver le bouton pour se créer un compte sur Dynamed</figcaption>
     </figure>
   </div>
-  <h3><a name="app"></a>Application mobile</h3>
+  <h3 class="o-title--h3"><a name="app"></a>Application mobile</h3>
   <p>Pour l'application mobile, il faut bien entendu d'abord l'installer&nbsp;:
     <div class="qrcodes">
       <figure>