html: replace vpn by openathens on HUG info page

- Replaces the informations about the VPN by the informations about
  OpenAthens on the HUG informations page.
- Fixes #1.

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

infos-hug.html

@@ -4,6 +4,67 @@
       Informations pour les membres HUG
     </h1>
   </header>
+  <!-- HUG, OpenAthens -->
+  <article class="cmu-hug-infos-item">
+    <header>
+      <h2 class="o-title--h2">
+        <a name="openathens"></a>
+        Accès à distance aux ressources de la bibliothèque
+      </h2>
+    </header>
+    <article>
+      <p>
+        L'accès aux ressources électroniques de la bibliothèque est grandement
+        facilité grâce à <em>OpenAthens</em>. Ce système vous permet de vous
+        connecter avec votre identifiant institutionnel (SESAME). Trois
+        méthodes vous permettent d'y accéder&nbsp;:
+      </p>
+      <ol>
+        <li>
+          Les liens proposés par
+          <a href="https://unige.swisscovery.slsp.ch/discovery/search?vid=41SLSP_UGE:VU1"
+             target="_blank"
+             class="cmu-external-link">
+            Swisscovery UNIGE
+          </a> à la suite d'une recherche.
+        </li>
+        <li>
+          Directement par le site de l'éditeur. Selon les éditeurs, vous pouvez
+          chercher l'institution pour vous identifier avec les termes
+          &laquo;&nbsp;Université de Genève&nbsp;&raquo;,
+          &laquo;&nbsp;UNIGE&nbsp;&raquo;, &laquo;&nbsp;Hôpitaux universitaires
+          de Genève&nbsp;&raquo; ou &laquo;&nbsp;HUG&nbsp;&raquo;. Pour plus de
+          détail, veuillez consulter la
+          <a href="https://www.unige.ch/biblio/fr/infos/equipement/internet#openathens"
+             title="Documentation OpenAthens de l'UNIGE">
+            marche à suivre
+          </a>.
+        </li>
+        <li>
+          Si vous utilisez <strong>Windows</strong>, consultez la
+          <a title="Procédure d'installation du client VPN pour Windows"
+             lang="fr"
+             dir="ltr"
+             type="html/text"
+             href="https://plone.unige.ch/distic/pub/logiciels/forticlient/comment-installer-forticlient-windows"
+             hreflang="fr">
+            procédure pour installer le client VPN FortiClient
+          </a>.
+        </li>
+        <li>
+          Si vous utilisez <strong>Mac OS</strong>, consultez la
+          <a title="Procédure pour installer le client VPN sur Mac OS"
+             lang="fr"
+             dir="ltr"
+             type="html/text"
+             href="https://plone.unige.ch/distic/pub/logiciels/forticlient/comment-installer-forticlient-macos"
+             hreflang="fr">
+            procédure pour installer le client VPN FortiClient
+          </a>.
+        </li>
+      </ol>
+    </article>
+  </article>
   <!-- HUG, accès à disance -->
   <article class="cmu-hug-infos-item">
     <header>