epfl-elements 5.2.6 → 5.2.7

package/dist/js/reader.js

@@ -49616,7 +49616,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
 /***/ (function(module) {
 
 "use strict";
-module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n  <ul>\n    <li>\n      <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n    </li>\n  </ul>\n</nav>\n\n\n  \n<header role=\"banner\" class=\"header header-light\">\n  <div class=\"header-light-content\">\n    <a class=\"logo\" href=\"https://www.epfl.ch\">\n      <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n    </a>\n    <p class=\"site-title\">\n      <a href=\"#\">example blog name</a>\n    </p>\n    <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n                    <li id=\"menu-item-1\" >\n        <a class=\"nav-item\" href=\"#\">Page 1</a>\n      </li>\n              <li id=\"menu-item-2\"  class=\"current-menu-item\">\n        <a class=\"nav-item\" href=\"#\">Page 2</a>\n      </li>\n              <li id=\"menu-item-3\" >\n        <a class=\"nav-item\" href=\"#\">Page 3</a>\n      </li>\n              <li id=\"menu-item-4\" >\n        <a class=\"nav-item\" href=\"#\">Page 4</a>\n      </li>\n              <li id=\"menu-item-5\" >\n        <a class=\"nav-item\" href=\"#\">Page 5</a>\n      </li>\n                  </ul>\n    \n<form action=\"#\" class=\"d-xl-none\">\n  <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n        <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n          </a>\n  <div class=\"input-group search-mobile\" role=\"search\">\n    <div class=\"input-group-prepend\">\n      <span class=\"input-group-text\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n      </span>\n    </div>\n        <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n    <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n            <div class=\"input-group-append\">\n      <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n                <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n                      </a>\n    </div>\n  </div>\n</form>\n    \n<div class=\"dropdown dropright search d-none d-xl-block\">\n  <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n  </a>\n  <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n    <div class=\"search-form mt-1 input-group\">\n            <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n      <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n      <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n                    </form>\n</div>\n                  \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n  <ul>\n        <li>\n      <span class=\"active\" aria-label=\"Français\">FR</span>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\">EN</a>\n    </li>\n              </ul>\n</nav>\n        <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n  <span class=\"label\">Menu</span>\n  <div class=\"hamburger\">\n    <span></span>\n    <span></span>\n    <span></span>\n  </div>\n</button>\n  </div>\n</header>\n\n<div class=\"main-container\">\n        \n  <div class=\"nav-toggle-layout\">\n\n          <div class=\"nav-container\">\n  <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n    <div class=\"nav-wrapper\">\n      <div class=\"nav-container current-menu-parent\">\n        <ul id=\"menu-main\" class=\"nav-menu\">\n          <li class=\"\"><a href=\"#\">About</a></li>\n          <li><a href=\"#\">Education</a></li>\n          <li><a href=\"#\">Research</a></li>\n          <li><a href=\"#\">Innovation</a></li>\n          <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n          <li><a href=\"#\">Campus</a></li>\n        </ul>\n      </div>\n    </div>\n  </nav>\n  <!-- Add side navigation here in order to display it in the mobile menu -->\n  </div>\n    \n    <div class=\"w-100 pb-5\">\n\n              <main id=\"main\" role=\"main\" class=\"content container-grid\">\n          \n<div class=\"container-full px-5 px-xxl-6 mt-5\">\n  <h1>Titre du blog</h1>\n</div>\n\n<div class=\"container-full px-5 px-xxl-6 mt-5\">\n  <div class=\"row\" style=\"flex-direction: row-reverse;\">\n    <div class=\"col-lg-3\">\n      <aside>\n  <div class=\"d-flex justify-content-between px-3 p-md-0 align-baseline\">\n    <h3 class=\"h5 mb-0 font-weight-normal\">Filtrer les articles</h3>\n    <button\n      class=\"btn btn-sm btn-secondary d-lg-none collapsed collapse-drop-toggle\"\n      type=\"button\"\n      data-toggle=\"collapse\"\n      data-target=\"#form-filters\"\n      aria-expanded=\"false\"\n      aria-controls=\"form-filters\"\n    >\n      Filtres\n      <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n    </button>\n  </div>\n  <div class=\"collapse collapse-lg-show collapse-drop\" id=\"form-filters\">\n\n    <form class=\"p-3 p-lg-0 mt-md-3\">\n\n      <div class=\"form-group form-group-search\">\n  <label for=\"search-field\" class=\"sr-only\">Search</label>\n  <p class=\"search-container icon-right\">\n    <input\n      type=\"search\"\n      id=\"search-field\"\n      class=\"form-control\"\n      placeholder=\"Keywords...\"\n      aria-describedby=\"search-field-help\"\n    >\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n  </p>\n</div>\n\n      <div class=\"form-group\">\n  <div class=\"form-group\">\n<label> Catégories </label>\n<select id=\"select-input\" class=\"custom-select\">\n  <option selected>Make a choice...</option>\n  <option value=\"1\">Legolas</option>\n  <option value=\"2\">Jar Jar Binks</option>\n  <option value=\"3\">None of them</option>\n  <option value=\"4\">The fourth choice</option>\n  <option value=\"5\">42</option>\n</select>\n</div>\n</div>\n\n      <div class=\"form-group\">\n  <div class=\"form-group\">\n<label> Archives </label>\n<select id=\"select-input\" class=\"custom-select\">\n  <option selected>Make a choice...</option>\n  <option value=\"1\">Legolas</option>\n  <option value=\"2\">Jar Jar Binks</option>\n  <option value=\"3\">None of them</option>\n  <option value=\"4\">The fourth choice</option>\n  <option value=\"5\">42</option>\n</select>\n</div>\n</div>\n\n    </form>\n  </div>\n</aside>\n    </div>\n    <div class=\"col-lg-9\">\n      <div class=\"card-deck\">\n                  <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n                  <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n                  <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n                  <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n                  <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n                  <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n                  <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n                  <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n                  <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n              </div>\n      <div class=\"mt-3\">\n        <nav aria-label=\"Page navigation\">\n  <ul class=\"pagination\">\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\" aria-label=\"Go to first page\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n      </a>\n    </li>\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\" aria-label=\"Go to previous page\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n        <span class=\"sr-only\">Previous</span>\n      </a>\n    </li>\n    <li class=\"page-item active\">\n      <a class=\"page-link\" href=\"#\" aria-current=\"page\">\n        1\n        <span class=\"sr-only\">(Current page)</span>\n      </a>\n    </li>\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\">2</a>\n    </li>\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\">3</a>\n    </li>\n    <li class=\"page-item disabled\">\n      <a class=\"page-link\" href=\"#\" aria-label=\"Next\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n        <span class=\"sr-only\">Next</span>\n      </a>\n    </li>\n    <li class=\"page-item disabled\">\n      <a class=\"page-link\" href=\"#\" aria-label=\"Last page\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n        <span class=\"sr-only\">Last page</span>\n      </a>\n    </li>\n  </ul>\n</nav>\n      </div>\n    </div>\n  </div>\n</div>\n\n        </main>\n      \n    </div>\n  </div>\n\n  <div class=\"bg-gray-100 pt-5\">\n  <div class=\"container\">\n          \n<footer class=\"footer-light\" role=\"contentinfo\">\n  <div class=\"row\">\n    <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n      <a href=\"#\">\n        <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n      </a>\n    </div>\n    <div class=\"col-md-9 col-lg-10 mb-4\">\n      <div class=\"ml-md-2 ml-lg-5\">\n        <ul class=\"list-inline list-unstyled\">\n                      <li class=\"list-inline-item\">Contact</li>\n                    <li class=\"list-inline-item text-muted pl-3\"><small>EPFL  CH-1015 Lausanne</small></li>\n          <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n        </ul>\n        <div class=\"footer-light-socials\">\n                  <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n                                  \n<ul class=\"social-icon-list list-inline\">\n  <li>\n    <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n  <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n  </li>\n  <li>\n    <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n  <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n  <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n  <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n  </li>\n    <li>\n    <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n  <span class=\"sr-only\">Follow us on X</span>\n</a>\n  </li>\n    <li>\n    <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n  <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n  </li>\n    </ul>\n        </div>\n        \n<div class=\"footer-legal\">\n  <div class=\"footer-legal-links\">\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n    <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n      </div>\n  <div>\n    <p>&copy; 2025 EPFL, tous droits réservés</p>\n  </div>\n</div>\n      </div>\n    </div>\n  </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n  <span class=\"sr-only\">Back to top</span>\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n      </div>\n</div>\n  </div>\n</div>\n</div>\n";
+module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n  <ul>\n    <li>\n      <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n    </li>\n  </ul>\n</nav>\n\n\n  \n<header role=\"banner\" class=\"header header-light\">\n  <div class=\"header-light-content\">\n    <a class=\"logo\" href=\"https://www.epfl.ch\">\n      <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n    </a>\n    <p class=\"site-title\">\n      <a href=\"#\">example blog name</a>\n    </p>\n    <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n                    <li id=\"menu-item-1\" >\n        <a class=\"nav-item\" href=\"#\">Page 1</a>\n      </li>\n              <li id=\"menu-item-2\"  class=\"current-menu-item\">\n        <a class=\"nav-item\" href=\"#\">Page 2</a>\n      </li>\n              <li id=\"menu-item-3\" >\n        <a class=\"nav-item\" href=\"#\">Page 3</a>\n      </li>\n              <li id=\"menu-item-4\" >\n        <a class=\"nav-item\" href=\"#\">Page 4</a>\n      </li>\n              <li id=\"menu-item-5\" >\n        <a class=\"nav-item\" href=\"#\">Page 5</a>\n      </li>\n                  </ul>\n    \n<form action=\"#\" class=\"d-xl-none\">\n  <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n        <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n          </a>\n  <div class=\"input-group search-mobile\" role=\"search\">\n    <div class=\"input-group-prepend\">\n      <span class=\"input-group-text\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n      </span>\n    </div>\n        <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n    <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n            <div class=\"input-group-append\">\n      <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n                <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n                      </a>\n    </div>\n  </div>\n</form>\n    \n<div class=\"dropdown dropright search d-none d-xl-block\">\n  <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n  </a>\n  <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n    <div class=\"search-form mt-1 input-group\">\n            <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n      <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n      <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n                    </form>\n</div>\n                  \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n  <ul>\n        <li>\n      <span class=\"active\" aria-label=\"Français\">FR</span>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\">EN</a>\n    </li>\n              </ul>\n</nav>\n        <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n  <span class=\"label\">Menu</span>\n  <div class=\"hamburger\">\n    <span></span>\n    <span></span>\n    <span></span>\n  </div>\n</button>\n  </div>\n</header>\n\n<div class=\"main-container\">\n          <div class=\"breadcrumb-container\">\n             <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\">\n  <ol class=\"breadcrumb\">\n    <li class=\"breadcrumb-item\">\n      <a class=\"bread-link bread-home\" href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n      </a>\n    </li>\n    <li class=\"breadcrumb-item expand-links\">\n      <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n        <span class=\"dots\" aria-hidden=\"true\">…</span>\n        <span class=\"sr-only\">Display the complete path</span>\n      </button>\n    </li>\n    <li class=\"breadcrumb-item\">\n      <a class=\"bread-link\" href=\"#\">Schools</a>\n      <div class=\"dropdown\">\n        <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n          <span class=\"sr-only\">Display same level pages – Schools</span>\n        </button>\n        <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n          <li class=\"dropdown-item\"><a href=\"#\">About</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n          <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Schools</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n        </ul>\n      </div>\n    </li>\n    <li class=\"breadcrumb-item\">\n      <a class=\"bread-link\" href=\"#\">ENAC</a>\n      <div class=\"dropdown\">\n        <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-2\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n          <span class=\"sr-only\">Display same level pages – ENAC</span>\n        </button>\n        <ul class=\"dropdown-menu\" id=\"dropdown-menu-2\">\n          <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">School of Architecture, Civil and Environmental Engineering (ENAC)</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">School of Computer and Communication Sciences</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">School of Basic Sciences</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">School of Engineering</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">School of Life Sciences</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">College of Management of Technology</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">College of Humanities</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">Sections</a></li>\n        </ul>\n      </div>\n    </li>\n    <li class=\"breadcrumb-item\">\n      <a class=\"bread-link\" href=\"#\">Sustainability challenges</a>\n    </li>\n    <li class=\"breadcrumb-item active\" aria-current=\"page\">\n      <span class=\"bread-item\">FUSTIC association</span>\n      <div class=\"dropdown\">\n        <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-3\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n          <span class=\"sr-only\">Display same level pages – FUSTIC association</span>\n        </button>\n        <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n          <li class=\"dropdown-item\"><a href=\"#\">ENAC Clusters</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">Interdisciplinary Centers</a></li>\n          <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">FUSTIC association</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">Sustainability grants</a></li>\n        </ul>\n      </div>\n    </li>\n  </ol>\n</nav>\n          </div>\n      \n  <div class=\"nav-toggle-layout nav-aside-layout\">\n\n          <div class=\"nav-container\">\n  <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n    <div class=\"nav-wrapper\">\n      <div class=\"nav-container current-menu-parent\">\n        <ul id=\"menu-main\" class=\"nav-menu\">\n          <li class=\"\"><a href=\"#\">About</a></li>\n          <li><a href=\"#\">Education</a></li>\n          <li><a href=\"#\">Research</a></li>\n          <li><a href=\"#\">Innovation</a></li>\n          <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n          <li><a href=\"#\">Campus</a></li>\n        </ul>\n      </div>\n    </div>\n  </nav>\n  <!-- Add side navigation here in order to display it in the mobile menu -->\n    <aside class=\"nav-aside-wrapper\">\n          <nav\n  id=\"nav-aside\"\n  class=\"nav-aside\"\n  role=\"navigation\"\n  aria-describedby=\"nav-aside-title\"\n>\n  <h2 class=\"h5 sr-only-xl\" id=\"nav-aside-title\">Dans la même section</h2>\n  <ul class=\"nav-menu\">\n      <li><a href=\"#\">S'inscrire au Master</a></li>\n    <li><a href=\"#\">Plan d'études</a></li>\n    <li><a href=\"#\">En cours d'études</a></li>\n    <li><a href=\"#\">Mineurs</a></li>\n    <li><a href=\"#\">Projets de semestre</a></li>\n    <li class=\"active\">\n      <a href=\"#\">Projets de Master <span class=\"sr-only\">(page courante)</span></a>\n      <ul>\n        <li><a href=\"#\">Projets par laboratoire</a></li>\n        <li><a href=\"#\">Master's project expectations</a></li>\n      </ul>\n    </li>\n    <li><a href=\"#\">Contacts</a></li>\n    <li><a href=\"#\">Stages</a></li>\n    <li><a href=\"#\">Bourse de recherche du programme MSc</a></li>\n    </ul>\n</nav>\n      </aside>\n  </div>\n    \n    <div class=\"w-100 pb-5\">\n\n              <main id=\"main\" role=\"main\" class=\"content container-grid\">\n          \n<div class=\"container-full px-5 px-xxl-6 mt-5\">\n  <h1>Titre du blog</h1>\n</div>\n\n<div class=\"container-full px-5 px-xxl-6 mt-5\">\n  <div class=\"row\" style=\"flex-direction: row-reverse;\">\n    <div class=\"col-lg-3\">\n      <aside>\n  <div class=\"d-flex justify-content-between px-3 p-md-0 align-baseline\">\n    <h3 class=\"h5 mb-0 font-weight-normal\">Filtrer les articles</h3>\n    <button\n      class=\"btn btn-sm btn-secondary d-lg-none collapsed collapse-drop-toggle\"\n      type=\"button\"\n      data-toggle=\"collapse\"\n      data-target=\"#form-filters\"\n      aria-expanded=\"false\"\n      aria-controls=\"form-filters\"\n    >\n      Filtres\n      <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n    </button>\n  </div>\n  <div class=\"collapse collapse-lg-show collapse-drop\" id=\"form-filters\">\n\n    <form class=\"p-3 p-lg-0 mt-md-3\">\n\n      <div class=\"form-group form-group-search\">\n  <label for=\"search-field\" class=\"sr-only\">Search</label>\n  <p class=\"search-container icon-right\">\n    <input\n      type=\"search\"\n      id=\"search-field\"\n      class=\"form-control\"\n      placeholder=\"Keywords...\"\n      aria-describedby=\"search-field-help\"\n    >\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n  </p>\n</div>\n\n      <div class=\"form-group\">\n  <div class=\"form-group\">\n<label> Catégories </label>\n<select id=\"select-input\" class=\"custom-select\">\n  <option selected>Make a choice...</option>\n  <option value=\"1\">Legolas</option>\n  <option value=\"2\">Jar Jar Binks</option>\n  <option value=\"3\">None of them</option>\n  <option value=\"4\">The fourth choice</option>\n  <option value=\"5\">42</option>\n</select>\n</div>\n</div>\n\n      <div class=\"form-group\">\n  <div class=\"form-group\">\n<label> Archives </label>\n<select id=\"select-input\" class=\"custom-select\">\n  <option selected>Make a choice...</option>\n  <option value=\"1\">Legolas</option>\n  <option value=\"2\">Jar Jar Binks</option>\n  <option value=\"3\">None of them</option>\n  <option value=\"4\">The fourth choice</option>\n  <option value=\"5\">42</option>\n</select>\n</div>\n</div>\n\n    </form>\n  </div>\n</aside>\n    </div>\n    <div class=\"col-lg-9\">\n      <div class=\"card-deck\">\n                  <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n                  <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n                  <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n                  <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n                  <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n                  <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n                  <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n                  <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n                  <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n              </div>\n      <div class=\"mt-3\">\n        <nav aria-label=\"Page navigation\">\n  <ul class=\"pagination\">\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\" aria-label=\"Go to first page\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n      </a>\n    </li>\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\" aria-label=\"Go to previous page\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n        <span class=\"sr-only\">Previous</span>\n      </a>\n    </li>\n    <li class=\"page-item active\">\n      <a class=\"page-link\" href=\"#\" aria-current=\"page\">\n        1\n        <span class=\"sr-only\">(Current page)</span>\n      </a>\n    </li>\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\">2</a>\n    </li>\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\">3</a>\n    </li>\n    <li class=\"page-item disabled\">\n      <a class=\"page-link\" href=\"#\" aria-label=\"Next\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n        <span class=\"sr-only\">Next</span>\n      </a>\n    </li>\n    <li class=\"page-item disabled\">\n      <a class=\"page-link\" href=\"#\" aria-label=\"Last page\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n        <span class=\"sr-only\">Last page</span>\n      </a>\n    </li>\n  </ul>\n</nav>\n      </div>\n    </div>\n  </div>\n</div>\n\n        </main>\n      \n    </div>\n  </div>\n\n  <div class=\"bg-gray-100 pt-5\">\n  <div class=\"container\">\n          \n<footer class=\"footer-light\" role=\"contentinfo\">\n  <div class=\"row\">\n    <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n      <a href=\"#\">\n        <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n      </a>\n    </div>\n    <div class=\"col-md-9 col-lg-10 mb-4\">\n      <div class=\"ml-md-2 ml-lg-5\">\n        <ul class=\"list-inline list-unstyled\">\n                      <li class=\"list-inline-item\">Contact</li>\n                    <li class=\"list-inline-item text-muted pl-3\"><small>EPFL  CH-1015 Lausanne</small></li>\n          <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n        </ul>\n        <div class=\"footer-light-socials\">\n                  <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n                                  \n<ul class=\"social-icon-list list-inline\">\n  <li>\n    <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n  <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n  </li>\n  <li>\n    <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n  <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n  <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n  <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n  </li>\n    <li>\n    <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n  <span class=\"sr-only\">Follow us on X</span>\n</a>\n  </li>\n    <li>\n    <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n  <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n  </li>\n    </ul>\n        </div>\n        \n<div class=\"footer-legal\">\n  <div class=\"footer-legal-links\">\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n    <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n      </div>\n  <div>\n    <p>&copy; 2025 EPFL, tous droits réservés</p>\n  </div>\n</div>\n      </div>\n    </div>\n  </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n  <span class=\"sr-only\">Back to top</span>\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n      </div>\n</div>\n  </div>\n</div>\n</div>\n";
 
 /***/ }),
 
@@ -49624,7 +49624,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
 /***/ (function(module) {
 
 "use strict";
-module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n  <ul>\n    <li>\n      <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n    </li>\n  </ul>\n</nav>\n\n\n  \n<header role=\"banner\" class=\"header header-light\">\n  <div class=\"header-light-content\">\n    <a class=\"logo\" href=\"https://www.epfl.ch\">\n      <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n    </a>\n    <p class=\"site-title\">\n      <a href=\"#\">example blog name</a>\n    </p>\n    <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n                    <li id=\"menu-item-1\" >\n        <a class=\"nav-item\" href=\"#\">Page 1</a>\n      </li>\n              <li id=\"menu-item-2\"  class=\"current-menu-item\">\n        <a class=\"nav-item\" href=\"#\">Page 2</a>\n      </li>\n              <li id=\"menu-item-3\" >\n        <a class=\"nav-item\" href=\"#\">Page 3</a>\n      </li>\n              <li id=\"menu-item-4\" >\n        <a class=\"nav-item\" href=\"#\">Page 4</a>\n      </li>\n              <li id=\"menu-item-5\" >\n        <a class=\"nav-item\" href=\"#\">Page 5</a>\n      </li>\n                  </ul>\n    \n<form action=\"#\" class=\"d-xl-none\">\n  <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n        <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n          </a>\n  <div class=\"input-group search-mobile\" role=\"search\">\n    <div class=\"input-group-prepend\">\n      <span class=\"input-group-text\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n      </span>\n    </div>\n        <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n    <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n            <div class=\"input-group-append\">\n      <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n                <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n                      </a>\n    </div>\n  </div>\n</form>\n    \n<div class=\"dropdown dropright search d-none d-xl-block\">\n  <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n  </a>\n  <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n    <div class=\"search-form mt-1 input-group\">\n            <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n      <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n      <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n                    </form>\n</div>\n                  \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n  <ul>\n        <li>\n      <span class=\"active\" aria-label=\"Français\">FR</span>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\">EN</a>\n    </li>\n              </ul>\n</nav>\n        <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n  <span class=\"label\">Menu</span>\n  <div class=\"hamburger\">\n    <span></span>\n    <span></span>\n    <span></span>\n  </div>\n</button>\n  </div>\n</header>\n\n<div class=\"main-container\">\n        \n  <div class=\"nav-toggle-layout\">\n\n          <div class=\"nav-container\">\n  <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n    <div class=\"nav-wrapper\">\n      <div class=\"nav-container current-menu-parent\">\n        <ul id=\"menu-main\" class=\"nav-menu\">\n          <li class=\"\"><a href=\"#\">About</a></li>\n          <li><a href=\"#\">Education</a></li>\n          <li><a href=\"#\">Research</a></li>\n          <li><a href=\"#\">Innovation</a></li>\n          <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n          <li><a href=\"#\">Campus</a></li>\n        </ul>\n      </div>\n    </div>\n  </nav>\n  <!-- Add side navigation here in order to display it in the mobile menu -->\n  </div>\n    \n    <div class=\"w-100 pb-5\">\n\n              <main id=\"main\" role=\"main\" class=\"content container-grid\">\n          \n<article class=\"blog-post container\">\n\n  <header class=\"entry-header mb-5 container-grid\">\n    <h1 itemprop=\"name\">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h1>\n    <div class=\"post-meta my-4\">\n      <p class=\"text-muted\">Publié le 9 décembre 2019</p>\n      <p class=\"sr-only\">Catégories:</p>\n      <p>\n        <a href=\"#\" class=\"tag tag-primary\">Catégorie 1</a>\n        <a href=\"#\" class=\"tag tag-primary\">Catégorie 2</a>\n      </p>\n    </div>\n  </header>\n\n  <div class=\"entry-content mb-5 container-grid\">\n\n    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at pharetra est, non bibendum dolor. Proin turpis neque, viverra a augue vitae, dapibus iaculis tellus. Morbi ante nisi, venenatis vel velit id, ultrices efficitur nisl. Morbi consectetur non turpis eu interdum. Phasellus nec felis at justo efficitur cursus sed quis sapien. Proin facilisis sapien sit amet venenatis pellentesque. Nulla efficitur, massa a facilisis egestas, massa nulla scelerisque tellus, quis fringilla orci ante sed risus.</p>\n\n    <div class=\"container my-5\">\n      <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n    </div>\n\n    <p>Sed varius volutpat mollis. Vestibulum suscipit hendrerit congue. Donec ante urna, molestie et magna quis, pellentesque auctor urna. Donec porta ligula sed nisl consequat vehicula. Maecenas aliquet, sapien vitae iaculis vestibulum, arcu neque viverra tellus, nec pulvinar diam sem id massa. Nunc vestibulum lacus nunc.</p>\n\n    <div class=\"my-3\">\n      <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n    </div>\n\n    <p>Nunc sodales nisi in ante molestie gravida. Sed iaculis, libero quis efficitur fermentum, lacus orci sagittis lacus, sit amet consectetur lectus nibh vel nisi. Sed et accumsan orci. Cras imperdiet nibh odio, vitae dictum purus luctus in. Maecenas a nunc sit amet mauris fermentum fermentum. Curabitur sit amet neque sit amet lorem commodo rutrum vitae sed magna. Sed quis lectus dolor. Nullam placerat augue ut sollicitudin pharetra.</p>\n\n\n    <blockquote class=\"blockquote\">\n      <p>In ut viverra mauris. Duis hendrerit, nulla ac condimentum condimentum, quam sem dignissim nulla, ut suscipit lorem purus sodales sapien. Mauris luctus scelerisque malesuada. Maecenas id augue velit. Donec malesuada, dolor vel auctor fermentum, eros enim auctor tellus, non vestibulum felis elit ut arcu. Maecenas sed euismod arcu, quis aliquam mi. Donec faucibus tristique ex, id cursus metus varius quis. Aenean neque mauris, pulvinar id placerat ac, finibus vel quam.</p>\n      <footer class=\"blockquote-footer\">\n        — Prénom Nom, chef d’unité\n      </footer>\n    </blockquote>\n\n    <p>In ut viverra mauris. Duis hendrerit, nulla ac condimentum condimentum, quam sem dignissim nulla, ut suscipit lorem purus sodales sapien. Mauris luctus scelerisque malesuada. Maecenas id augue velit. Donec malesuada, dolor vel auctor fermentum, eros enim auctor tellus, non vestibulum felis elit ut arcu. Maecenas sed euismod arcu, quis aliquam mi. Donec faucibus tristique ex, id cursus metus varius quis. Aenean neque mauris, pulvinar id placerat ac, finibus vel quam. Praesent fringilla neque ante, et auctor augue gravida at. Nunc pulvinar, nibh fringilla suscipit interdum, augue velit convallis enim, tempor rutrum risus justo ac mauris. Praesent lobortis odio augue. Curabitur vestibulum condimentum ipsum, a rhoncus est malesuada quis. Fusce luctus nisl et tortor varius ornare.</p>\n\n    <div class=\"container my-5\">\n      <div class=\"embed-responsive embed-responsive-16by9\">\n  <iframe\n    class=\"embed-responsive-item\"\n    src=\"https://www.youtube.com/embed/eIefuuUnLvc?rel=0\"\n    frameborder=\"0\"\n    allow=\"autoplay; encrypted-media\"\n    allowfullscreen></iframe>\n</div>\n    </div>\n\n    <p>Nunc id imperdiet est. Phasellus a semper ante. Sed purus nisi, iaculis non purus id, ultricies vulputate leo. Ut dignissim vitae quam eget gravida. Nulla nec metus tortor. Nullam quis nisl at purus commodo consequat. Nullam sem dolor, faucibus in turpis eleifend, condimentum ultricies nisi. Phasellus vitae gravida lectus. Nam tellus magna, lacinia vel congue non, egestas at erat. Mauris consequat, justo in lobortis pharetra, nibh sapien gravida risus, vitae commodo nunc tellus eu nisi. Fusce tempus nisl laoreet diam luctus dictum. Aenean nisi felis, maximus nec ante ut, sodales viverra nisl. Vivamus iaculis fermentum lorem, vel sagittis erat imperdiet ac. In hac habitasse platea dictumst. Vivamus congue augue eget mi mollis tristique.</p>\n    <p>Cras non sem sed erat feugiat pellentesque. In in risus est. Praesent ut lectus sit amet leo viverra scelerisque. Nulla facilisi. Cras vel lectus tortor. In auctor dictum odio vitae mollis. Donec fringilla viverra suscipit. Curabitur cursus nibh a purus volutpat imperdiet. Integer mollis varius enim eu porttitor.</p>\n\n  </div>\n\n  <footer class=\"post-footer pt-4 container-grid\">\n\n    <div class=\"post-nav py-md-1\">\n\n      <div class=\"nav-next\">\n        <a class=\"btn btn-secondary post-link\" href=\"#\">\n          <span class=\"label muted\">\n            <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-left\"></use></svg>\n            Next post<span class=\"colon\">:</span>\n          </span>\n          <span class=\"post-title\"><strong>Lorem ipsum dolor sit amet</strong></span>\n        </a>\n      </div>\n\n      <div class=\"nav-prev\">\n        <a class=\"btn btn-secondary post-link\" href=\"#\">\n          <span class=\"label muted\">\n            Previous post<span class=\"colon\">:</span>\n            <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-right\"></use></svg>\n          </span>\n          <span class=\"post-title\"><strong>Consectetur adipiscing elit</strong></span>\n        </a>\n      </div>\n\n    </div>\n\n    <div class=\"post-meta mt-4\">\n      <h2 class=\"h5\">Mots-clés</h2>\n      <p>\n        <a href=\"#\" class=\"tag tag-primary\">Lorem ipsum</a>\n        <a href=\"#\" class=\"tag tag-primary\">Dolor sit amet</a>\n        <a href=\"#\" class=\"tag tag-primary\">Consectetur</a>\n        <a href=\"#\" class=\"tag tag-primary\">Adipiscing</a>\n        <a href=\"#\" class=\"tag tag-primary\">Praesent</a>\n        <a href=\"#\" class=\"tag tag-primary\">Viverra a augue</a>\n        <a href=\"#\" class=\"tag tag-primary\">Morbi ante nisi</a>\n        <a href=\"#\" class=\"tag tag-primary\">Venenatis</a>\n      </p>\n    </div>\n\n  </footer>\n\n</article>\n        </main>\n      \n    </div>\n  </div>\n\n    <div class=\"bg-gray-100 pt-5\">\n    <div class=\"container\">\n              <footer class=\"footer\" role=\"contentinfo\">\n\n  <div class=\"footer-group footer-sitemap\">\n      \n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n            <strong>À propos</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/facts/fr/\">Facts</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n            <strong>Éducation</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n            <strong>Recherche</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n            <strong>Innovation</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n            <strong>Campus</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  </div>\n\n  <div class=\"footer-group\">\n    \n<div class=\"footer-faculties\">\n  <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n        Facultés et Collèges\n              </button>\n  <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n    <ul class=\"footer-links\">\n          <li>\n                <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n                              </li>\n        </ul>\n  </div>\n</div>\n  </div>\n\n  <div class=\"footer-group footer-buttons\">\n    \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n  </div>\n\n  <div class=\"footer-group footer-socials\">\n    <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n  \n<ul class=\"social-icon-list list-inline\">\n  <li>\n    <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n  <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n  </li>\n  <li>\n    <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n  <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n  <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n  <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n  </li>\n    <li>\n    <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n  <span class=\"sr-only\">Follow us on X</span>\n</a>\n  </li>\n    <li>\n    <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n  <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n  </li>\n    </ul>\n</div>\n  </div>\n\n  \n<div class=\"footer-legal\">\n  <div class=\"footer-legal-links\">\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n    <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n      </div>\n  <div>\n    <p>&copy; 2025 EPFL, tous droits réservés</p>\n  </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n  <span class=\"sr-only\">Back to top</span>\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n          </div>\n  </div>\n    </div>\n</div>\n</div>\n";
+module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n  <ul>\n    <li>\n      <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n    </li>\n  </ul>\n</nav>\n\n\n  \n<header role=\"banner\" class=\"header header-light\">\n  <div class=\"header-light-content\">\n    <a class=\"logo\" href=\"https://www.epfl.ch\">\n      <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n    </a>\n    <p class=\"site-title\">\n      <a href=\"#\">example blog name</a>\n    </p>\n    <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n                    <li id=\"menu-item-1\" >\n        <a class=\"nav-item\" href=\"#\">Page 1</a>\n      </li>\n              <li id=\"menu-item-2\"  class=\"current-menu-item\">\n        <a class=\"nav-item\" href=\"#\">Page 2</a>\n      </li>\n              <li id=\"menu-item-3\" >\n        <a class=\"nav-item\" href=\"#\">Page 3</a>\n      </li>\n              <li id=\"menu-item-4\" >\n        <a class=\"nav-item\" href=\"#\">Page 4</a>\n      </li>\n              <li id=\"menu-item-5\" >\n        <a class=\"nav-item\" href=\"#\">Page 5</a>\n      </li>\n                  </ul>\n    \n<form action=\"#\" class=\"d-xl-none\">\n  <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n        <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n          </a>\n  <div class=\"input-group search-mobile\" role=\"search\">\n    <div class=\"input-group-prepend\">\n      <span class=\"input-group-text\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n      </span>\n    </div>\n        <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n    <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n            <div class=\"input-group-append\">\n      <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n                <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n                      </a>\n    </div>\n  </div>\n</form>\n    \n<div class=\"dropdown dropright search d-none d-xl-block\">\n  <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n  </a>\n  <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n    <div class=\"search-form mt-1 input-group\">\n            <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n      <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n      <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n                    </form>\n</div>\n                  \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n  <ul>\n        <li>\n      <span class=\"active\" aria-label=\"Français\">FR</span>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\">EN</a>\n    </li>\n              </ul>\n</nav>\n        <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n  <span class=\"label\">Menu</span>\n  <div class=\"hamburger\">\n    <span></span>\n    <span></span>\n    <span></span>\n  </div>\n</button>\n  </div>\n</header>\n\n<div class=\"main-container\">\n          <div class=\"breadcrumb-container\">\n             <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\">\n  <ol class=\"breadcrumb\">\n    <li class=\"breadcrumb-item\">\n      <a class=\"bread-link bread-home\" href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n      </a>\n    </li>\n    <li class=\"breadcrumb-item expand-links\">\n      <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n        <span class=\"dots\" aria-hidden=\"true\">…</span>\n        <span class=\"sr-only\">Display the complete path</span>\n      </button>\n    </li>\n    <li class=\"breadcrumb-item\">\n      <a class=\"bread-link\" href=\"#\">Schools</a>\n      <div class=\"dropdown\">\n        <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n          <span class=\"sr-only\">Display same level pages – Schools</span>\n        </button>\n        <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n          <li class=\"dropdown-item\"><a href=\"#\">About</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n          <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Schools</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n        </ul>\n      </div>\n    </li>\n    <li class=\"breadcrumb-item\">\n      <a class=\"bread-link\" href=\"#\">ENAC</a>\n      <div class=\"dropdown\">\n        <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-2\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n          <span class=\"sr-only\">Display same level pages – ENAC</span>\n        </button>\n        <ul class=\"dropdown-menu\" id=\"dropdown-menu-2\">\n          <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">School of Architecture, Civil and Environmental Engineering (ENAC)</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">School of Computer and Communication Sciences</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">School of Basic Sciences</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">School of Engineering</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">School of Life Sciences</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">College of Management of Technology</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">College of Humanities</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">Sections</a></li>\n        </ul>\n      </div>\n    </li>\n    <li class=\"breadcrumb-item\">\n      <a class=\"bread-link\" href=\"#\">Sustainability challenges</a>\n    </li>\n    <li class=\"breadcrumb-item active\" aria-current=\"page\">\n      <span class=\"bread-item\">FUSTIC association</span>\n      <div class=\"dropdown\">\n        <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-3\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n          <span class=\"sr-only\">Display same level pages – FUSTIC association</span>\n        </button>\n        <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n          <li class=\"dropdown-item\"><a href=\"#\">ENAC Clusters</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">Interdisciplinary Centers</a></li>\n          <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">FUSTIC association</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">Sustainability grants</a></li>\n        </ul>\n      </div>\n    </li>\n  </ol>\n</nav>\n          </div>\n      \n  <div class=\"nav-toggle-layout nav-aside-layout\">\n\n          <div class=\"nav-container\">\n  <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n    <div class=\"nav-wrapper\">\n      <div class=\"nav-container current-menu-parent\">\n        <ul id=\"menu-main\" class=\"nav-menu\">\n          <li class=\"\"><a href=\"#\">About</a></li>\n          <li><a href=\"#\">Education</a></li>\n          <li><a href=\"#\">Research</a></li>\n          <li><a href=\"#\">Innovation</a></li>\n          <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n          <li><a href=\"#\">Campus</a></li>\n        </ul>\n      </div>\n    </div>\n  </nav>\n  <!-- Add side navigation here in order to display it in the mobile menu -->\n    <aside class=\"nav-aside-wrapper\">\n          <nav\n  id=\"nav-aside\"\n  class=\"nav-aside\"\n  role=\"navigation\"\n  aria-describedby=\"nav-aside-title\"\n>\n  <h2 class=\"h5 sr-only-xl\" id=\"nav-aside-title\">Dans la même section</h2>\n  <ul class=\"nav-menu\">\n      <li><a href=\"#\">S'inscrire au Master</a></li>\n    <li><a href=\"#\">Plan d'études</a></li>\n    <li><a href=\"#\">En cours d'études</a></li>\n    <li><a href=\"#\">Mineurs</a></li>\n    <li><a href=\"#\">Projets de semestre</a></li>\n    <li class=\"active\">\n      <a href=\"#\">Projets de Master <span class=\"sr-only\">(page courante)</span></a>\n      <ul>\n        <li><a href=\"#\">Projets par laboratoire</a></li>\n        <li><a href=\"#\">Master's project expectations</a></li>\n      </ul>\n    </li>\n    <li><a href=\"#\">Contacts</a></li>\n    <li><a href=\"#\">Stages</a></li>\n    <li><a href=\"#\">Bourse de recherche du programme MSc</a></li>\n    </ul>\n</nav>\n      </aside>\n  </div>\n    \n    <div class=\"w-100 pb-5\">\n\n              <main id=\"main\" role=\"main\" class=\"content container-grid\">\n          \n<article class=\"blog-post container\">\n\n  <header class=\"entry-header mb-5 container-grid\">\n    <h1 itemprop=\"name\">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h1>\n    <div class=\"post-meta my-4\">\n      <p class=\"text-muted\">Publié le 9 décembre 2019</p>\n      <p class=\"sr-only\">Catégories:</p>\n      <p>\n        <a href=\"#\" class=\"tag tag-primary\">Catégorie 1</a>\n        <a href=\"#\" class=\"tag tag-primary\">Catégorie 2</a>\n      </p>\n    </div>\n  </header>\n\n  <div class=\"entry-content mb-5 container-grid\">\n\n    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at pharetra est, non bibendum dolor. Proin turpis neque, viverra a augue vitae, dapibus iaculis tellus. Morbi ante nisi, venenatis vel velit id, ultrices efficitur nisl. Morbi consectetur non turpis eu interdum. Phasellus nec felis at justo efficitur cursus sed quis sapien. Proin facilisis sapien sit amet venenatis pellentesque. Nulla efficitur, massa a facilisis egestas, massa nulla scelerisque tellus, quis fringilla orci ante sed risus.</p>\n\n    <div class=\"container my-5\">\n      <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n    </div>\n\n    <p>Sed varius volutpat mollis. Vestibulum suscipit hendrerit congue. Donec ante urna, molestie et magna quis, pellentesque auctor urna. Donec porta ligula sed nisl consequat vehicula. Maecenas aliquet, sapien vitae iaculis vestibulum, arcu neque viverra tellus, nec pulvinar diam sem id massa. Nunc vestibulum lacus nunc.</p>\n\n    <div class=\"my-3\">\n      <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n    </div>\n\n    <p>Nunc sodales nisi in ante molestie gravida. Sed iaculis, libero quis efficitur fermentum, lacus orci sagittis lacus, sit amet consectetur lectus nibh vel nisi. Sed et accumsan orci. Cras imperdiet nibh odio, vitae dictum purus luctus in. Maecenas a nunc sit amet mauris fermentum fermentum. Curabitur sit amet neque sit amet lorem commodo rutrum vitae sed magna. Sed quis lectus dolor. Nullam placerat augue ut sollicitudin pharetra.</p>\n\n\n    <blockquote class=\"blockquote\">\n      <p>In ut viverra mauris. Duis hendrerit, nulla ac condimentum condimentum, quam sem dignissim nulla, ut suscipit lorem purus sodales sapien. Mauris luctus scelerisque malesuada. Maecenas id augue velit. Donec malesuada, dolor vel auctor fermentum, eros enim auctor tellus, non vestibulum felis elit ut arcu. Maecenas sed euismod arcu, quis aliquam mi. Donec faucibus tristique ex, id cursus metus varius quis. Aenean neque mauris, pulvinar id placerat ac, finibus vel quam.</p>\n      <footer class=\"blockquote-footer\">\n        — Prénom Nom, chef d’unité\n      </footer>\n    </blockquote>\n\n    <p>In ut viverra mauris. Duis hendrerit, nulla ac condimentum condimentum, quam sem dignissim nulla, ut suscipit lorem purus sodales sapien. Mauris luctus scelerisque malesuada. Maecenas id augue velit. Donec malesuada, dolor vel auctor fermentum, eros enim auctor tellus, non vestibulum felis elit ut arcu. Maecenas sed euismod arcu, quis aliquam mi. Donec faucibus tristique ex, id cursus metus varius quis. Aenean neque mauris, pulvinar id placerat ac, finibus vel quam. Praesent fringilla neque ante, et auctor augue gravida at. Nunc pulvinar, nibh fringilla suscipit interdum, augue velit convallis enim, tempor rutrum risus justo ac mauris. Praesent lobortis odio augue. Curabitur vestibulum condimentum ipsum, a rhoncus est malesuada quis. Fusce luctus nisl et tortor varius ornare.</p>\n\n    <div class=\"container my-5\">\n      <div class=\"embed-responsive embed-responsive-16by9\">\n  <iframe\n    class=\"embed-responsive-item\"\n    src=\"https://www.youtube.com/embed/eIefuuUnLvc?rel=0\"\n    frameborder=\"0\"\n    allow=\"autoplay; encrypted-media\"\n    allowfullscreen></iframe>\n</div>\n    </div>\n\n    <p>Nunc id imperdiet est. Phasellus a semper ante. Sed purus nisi, iaculis non purus id, ultricies vulputate leo. Ut dignissim vitae quam eget gravida. Nulla nec metus tortor. Nullam quis nisl at purus commodo consequat. Nullam sem dolor, faucibus in turpis eleifend, condimentum ultricies nisi. Phasellus vitae gravida lectus. Nam tellus magna, lacinia vel congue non, egestas at erat. Mauris consequat, justo in lobortis pharetra, nibh sapien gravida risus, vitae commodo nunc tellus eu nisi. Fusce tempus nisl laoreet diam luctus dictum. Aenean nisi felis, maximus nec ante ut, sodales viverra nisl. Vivamus iaculis fermentum lorem, vel sagittis erat imperdiet ac. In hac habitasse platea dictumst. Vivamus congue augue eget mi mollis tristique.</p>\n    <p>Cras non sem sed erat feugiat pellentesque. In in risus est. Praesent ut lectus sit amet leo viverra scelerisque. Nulla facilisi. Cras vel lectus tortor. In auctor dictum odio vitae mollis. Donec fringilla viverra suscipit. Curabitur cursus nibh a purus volutpat imperdiet. Integer mollis varius enim eu porttitor.</p>\n\n  </div>\n\n  <footer class=\"post-footer pt-4 container-grid\">\n\n    <div class=\"post-nav py-md-1\">\n\n      <div class=\"nav-next\">\n        <a class=\"btn btn-secondary post-link\" href=\"#\">\n          <span class=\"label muted\">\n            <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-left\"></use></svg>\n            Next post<span class=\"colon\">:</span>\n          </span>\n          <span class=\"post-title\"><strong>Lorem ipsum dolor sit amet</strong></span>\n        </a>\n      </div>\n\n      <div class=\"nav-prev\">\n        <a class=\"btn btn-secondary post-link\" href=\"#\">\n          <span class=\"label muted\">\n            Previous post<span class=\"colon\">:</span>\n            <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-right\"></use></svg>\n          </span>\n          <span class=\"post-title\"><strong>Consectetur adipiscing elit</strong></span>\n        </a>\n      </div>\n\n    </div>\n\n    <div class=\"post-meta mt-4\">\n      <h2 class=\"h5\">Mots-clés</h2>\n      <p>\n        <a href=\"#\" class=\"tag tag-primary\">Lorem ipsum</a>\n        <a href=\"#\" class=\"tag tag-primary\">Dolor sit amet</a>\n        <a href=\"#\" class=\"tag tag-primary\">Consectetur</a>\n        <a href=\"#\" class=\"tag tag-primary\">Adipiscing</a>\n        <a href=\"#\" class=\"tag tag-primary\">Praesent</a>\n        <a href=\"#\" class=\"tag tag-primary\">Viverra a augue</a>\n        <a href=\"#\" class=\"tag tag-primary\">Morbi ante nisi</a>\n        <a href=\"#\" class=\"tag tag-primary\">Venenatis</a>\n      </p>\n    </div>\n\n  </footer>\n\n</article>\n        </main>\n      \n    </div>\n  </div>\n\n    <div class=\"bg-gray-100 pt-5\">\n    <div class=\"container\">\n              <footer class=\"footer\" role=\"contentinfo\">\n\n  <div class=\"footer-group footer-sitemap\">\n      \n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n            <strong>À propos</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/facts/fr/\">Facts</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n            <strong>Éducation</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n            <strong>Recherche</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n            <strong>Innovation</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n            <strong>Campus</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  </div>\n\n  <div class=\"footer-group\">\n    \n<div class=\"footer-faculties\">\n  <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n        Facultés et Collèges\n              </button>\n  <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n    <ul class=\"footer-links\">\n          <li>\n                <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n                              </li>\n        </ul>\n  </div>\n</div>\n  </div>\n\n  <div class=\"footer-group footer-buttons\">\n    \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n  </div>\n\n  <div class=\"footer-group footer-socials\">\n    <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n  \n<ul class=\"social-icon-list list-inline\">\n  <li>\n    <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n  <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n  </li>\n  <li>\n    <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n  <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n  <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n  <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n  </li>\n    <li>\n    <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n  <span class=\"sr-only\">Follow us on X</span>\n</a>\n  </li>\n    <li>\n    <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n  <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n  </li>\n    </ul>\n</div>\n  </div>\n\n  \n<div class=\"footer-legal\">\n  <div class=\"footer-legal-links\">\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n    <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n      </div>\n  <div>\n    <p>&copy; 2025 EPFL, tous droits réservés</p>\n  </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n  <span class=\"sr-only\">Back to top</span>\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n          </div>\n  </div>\n    </div>\n</div>\n</div>\n";
 
 /***/ }),
 
@@ -49712,7 +49712,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
 /***/ (function(module) {
 
 "use strict";
-module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n  <ul>\n    <li>\n      <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n    </li>\n  </ul>\n</nav>\n\n\n  \n<header role=\"banner\" class=\"header\">\n  <a class=\"logo\" href=\"#\">\n    <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n  </a>\n  <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n          <li id=\"menu-item-1\" >\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n                              </li>\n          <li id=\"menu-item-2\"  class=\"current-menu-item\">\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n                              </li>\n          <li id=\"menu-item-3\" >\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n                              </li>\n          <li id=\"menu-item-4\" >\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n                              </li>\n          <li id=\"menu-item-5\" >\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n                              </li>\n          <li id=\"menu-item-6\" >\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n                              </li>\n      </ul>\n  \n<div class=\"dropdown dropright search d-none d-xl-block\">\n  <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n  </a>\n  <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n    <div class=\"search-form mt-1 input-group\">\n            <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n      <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n      <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n                    </form>\n</div>\n  \n<form action=\"#\" class=\"d-xl-none\">\n  <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n        <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n          </a>\n  <div class=\"input-group search-mobile\" role=\"search\">\n    <div class=\"input-group-prepend\">\n      <span class=\"input-group-text\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n      </span>\n    </div>\n        <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n    <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n            <div class=\"input-group-append\">\n      <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n                <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n                      </a>\n    </div>\n  </div>\n</form>\n          \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n  <ul>\n        <li>\n      <span class=\"active\" aria-label=\"Français\">FR</span>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\">EN</a>\n    </li>\n              </ul>\n</nav>\n    <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n  <span class=\"label\">Menu</span>\n  <div class=\"hamburger\">\n    <span></span>\n    <span></span>\n    <span></span>\n  </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n        \n  <div class=\"nav-toggle-layout\">\n\n          <div class=\"nav-container\">\n  <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n    <div class=\"nav-wrapper\">\n      <div class=\"nav-container current-menu-parent\">\n        <ul id=\"menu-main\" class=\"nav-menu\">\n          <li class=\"\"><a href=\"#\">About</a></li>\n          <li><a href=\"#\">Education</a></li>\n          <li><a href=\"#\">Research</a></li>\n          <li><a href=\"#\">Innovation</a></li>\n          <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n          <li><a href=\"#\">Campus</a></li>\n        </ul>\n      </div>\n    </div>\n  </nav>\n  <!-- Add side navigation here in order to display it in the mobile menu -->\n  </div>\n    \n    <div class=\"w-100 pb-5\">\n\n              <main id=\"main\" role=\"main\" class=\"content container-grid\">\n            <div class=\"alert alert-info\">\n    <h4>container-grid</h4>\n    <p>The <strong>.container-grid</strong> class is used to wrap the whole content of a page. All the direct childs of this wrapper (text blocks for example) will have a maximum width, to ensure a good readability</p>\n  </div>\n\n  <div class=\"container-full\">\n    <div class=\"alert alert-warning\">\n      <h4>container-full</h4>\n      <p>Inside of the <strong>.container-grid</strong>, you can use the <strong>.container-full</strong> class to make a component take the full width page.</p>\n    </div>\n  </div>\n\n  <div class=\"container\">\n    <div class=\"alert alert-success\">\n      <h4>container</h4>\n      <p>This <strong>.container</strong> class is the bootstrap defaut one. When used, It will fallback to the default bootstrap behavior, that can be divided with rows, columns, etc... (see <a href=\"https://getbootstrap.com/docs/4.6/layout/grid/\">the Bootstrap documentation)</a></p>\n    </div>\n  </div>\n        </main>\n      \n    </div>\n  </div>\n\n    <div class=\"bg-gray-100 pt-5\">\n    <div class=\"container\">\n              <footer class=\"footer\" role=\"contentinfo\">\n\n  <div class=\"footer-group footer-sitemap\">\n      \n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n            <strong>À propos</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/facts/fr/\">Facts</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n            <strong>Éducation</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n            <strong>Recherche</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n            <strong>Innovation</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n            <strong>Campus</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  </div>\n\n  <div class=\"footer-group\">\n    \n<div class=\"footer-faculties\">\n  <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n        Facultés et Collèges\n              </button>\n  <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n    <ul class=\"footer-links\">\n          <li>\n                <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n                              </li>\n        </ul>\n  </div>\n</div>\n  </div>\n\n  <div class=\"footer-group footer-buttons\">\n    \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n  </div>\n\n  <div class=\"footer-group footer-socials\">\n    <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n  \n<ul class=\"social-icon-list list-inline\">\n  <li>\n    <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n  <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n  </li>\n  <li>\n    <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n  <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n  <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n  <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n  </li>\n    <li>\n    <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n  <span class=\"sr-only\">Follow us on X</span>\n</a>\n  </li>\n    <li>\n    <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n  <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n  </li>\n    </ul>\n</div>\n  </div>\n\n  \n<div class=\"footer-legal\">\n  <div class=\"footer-legal-links\">\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n    <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n      </div>\n  <div>\n    <p>&copy; 2025 EPFL, tous droits réservés</p>\n  </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n  <span class=\"sr-only\">Back to top</span>\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n          </div>\n  </div>\n    </div>\n</div>\n</div>\n";
+module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n  <ul>\n    <li>\n      <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n    </li>\n  </ul>\n</nav>\n\n\n  \n<header role=\"banner\" class=\"header\">\n  <a class=\"logo\" href=\"#\">\n    <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n  </a>\n  <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n          <li id=\"menu-item-1\" >\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n                              </li>\n          <li id=\"menu-item-2\"  class=\"current-menu-item\">\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n                              </li>\n          <li id=\"menu-item-3\" >\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n                              </li>\n          <li id=\"menu-item-4\" >\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n                              </li>\n          <li id=\"menu-item-5\" >\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n                              </li>\n          <li id=\"menu-item-6\" >\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n                              </li>\n      </ul>\n  \n<div class=\"dropdown dropright search d-none d-xl-block\">\n  <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n  </a>\n  <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n    <div class=\"search-form mt-1 input-group\">\n            <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n      <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n      <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n                    </form>\n</div>\n  \n<form action=\"#\" class=\"d-xl-none\">\n  <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n        <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n          </a>\n  <div class=\"input-group search-mobile\" role=\"search\">\n    <div class=\"input-group-prepend\">\n      <span class=\"input-group-text\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n      </span>\n    </div>\n        <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n    <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n            <div class=\"input-group-append\">\n      <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n                <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n                      </a>\n    </div>\n  </div>\n</form>\n          \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n  <ul>\n        <li>\n      <span class=\"active\" aria-label=\"Français\">FR</span>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\">EN</a>\n    </li>\n              </ul>\n</nav>\n    <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n  <span class=\"label\">Menu</span>\n  <div class=\"hamburger\">\n    <span></span>\n    <span></span>\n    <span></span>\n  </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n        \n  <div class=\"nav-toggle-layout\">\n\n          <div class=\"nav-container\">\n  <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n    <div class=\"nav-wrapper\">\n      <div class=\"nav-container current-menu-parent\">\n        <ul id=\"menu-main\" class=\"nav-menu\">\n          <li class=\"\"><a href=\"#\">About</a></li>\n          <li><a href=\"#\">Education</a></li>\n          <li><a href=\"#\">Research</a></li>\n          <li><a href=\"#\">Innovation</a></li>\n          <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n          <li><a href=\"#\">Campus</a></li>\n        </ul>\n      </div>\n    </div>\n  </nav>\n  <!-- Add side navigation here in order to display it in the mobile menu -->\n  </div>\n    \n    <div class=\"w-100 pb-5\">\n\n              <main id=\"main\" role=\"main\" class=\"content container-grid\">\n            <div class=\"alert alert-info\">\n    <h4>container-grid</h4>\n    <p>The <strong>.container-grid</strong> class is used to wrap the whole content of a page. All the direct childs of this wrapper (text blocks for example) will have a maximum width, to ensure a good readability</p>\n  </div>\n\n  <div class=\"container-full\">\n    <div class=\"alert alert-warning\">\n      <h4>container-full</h4>\n      <p>Inside of the <strong>.container-grid</strong>, you can use the <strong>.container-full</strong> class to make a component take the full width page.</p>\n    </div>\n  </div>\n\n  <div class=\"container\">\n    <div class=\"alert alert-success\">\n      <h4>container</h4>\n      <p>This <strong>.container</strong> class is the bootstrap defaut one. When used, It will fallback to the default bootstrap behavior, that can be divided with rows, columns, etc... (see <a href=\"https://getbootstrap.com/docs/4.6/layout/grid/\">the Bootstrap documentation)</a></p>\n    </div>\n  </div>\n        </main>\n      \n    </div>\n  </div>\n\n    <div class=\"bg-gray-100 pt-5\">\n    <div class=\"container\">\n              <footer class=\"footer\" role=\"contentinfo\">\n\n  <div class=\"footer-group footer-sitemap\">\n      \n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n            <strong>À propos</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/facts/fr/\">Facts</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n            <strong>Éducation</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n            <strong>Recherche</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n            <strong>Innovation</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n            <strong>Campus</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  </div>\n\n  <div class=\"footer-group\">\n    \n<div class=\"footer-faculties\">\n  <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n        Facultés et Collèges\n              </button>\n  <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n    <ul class=\"footer-links\">\n          <li>\n                <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n                              </li>\n        </ul>\n  </div>\n</div>\n  </div>\n\n  <div class=\"footer-group footer-buttons\">\n    \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n  </div>\n\n  <div class=\"footer-group footer-socials\">\n    <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n  \n<ul class=\"social-icon-list list-inline\">\n  <li>\n    <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n  <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n  </li>\n  <li>\n    <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n  <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n  <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n  <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n  </li>\n    <li>\n    <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n  <span class=\"sr-only\">Follow us on X</span>\n</a>\n  </li>\n    <li>\n    <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n  <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n  </li>\n    </ul>\n</div>\n  </div>\n\n  \n<div class=\"footer-legal\">\n  <div class=\"footer-legal-links\">\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n    <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n          <a href=\"https://go.epfl.ch/charte\">Charte</a>\n      </div>\n  <div>\n    <p>&copy; 2025 EPFL, tous droits réservés</p>\n  </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n  <span class=\"sr-only\">Back to top</span>\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n          </div>\n  </div>\n    </div>\n</div>\n</div>\n";
 
 /***/ }),
 
@@ -62176,7 +62176,7 @@ function SidebarDocs() {
   })));
 }
 ;// CONCATENATED MODULE: ./package.json
-var package_namespaceObject = {"rE":"5.2.1"};
+var package_namespaceObject = {"rE":"5.2.6"};
 ;// CONCATENATED MODULE: ./reader/components/Sidebar/Sidebar.jsx