epfl-elements 5.5.0 → 5.6.0

package/dist/js/reader.js

@@ -6,6 +6,7 @@
 
 var map = {
 	"./atoms/alert/alert-types.twig": 33014,
+	"./atoms/alert/alert-unclosable.twig": 95381,
 	"./atoms/button/button-secondary-states.twig": 71462,
 	"./atoms/button/button-secondary.twig": 16343,
 	"./atoms/button/button-sizes.twig": 56403,
@@ -256,6 +257,7 @@ webpackContext.id = 54857;
 
 var map = {
 	"./atoms/alert/alert-types.twig": 33014,
+	"./atoms/alert/alert-unclosable.twig": 95381,
 	"./atoms/alert/alert.twig": 63582,
 	"./atoms/button/button-secondary-states.twig": 71462,
 	"./atoms/button/button-secondary.twig": 16343,
@@ -47555,7 +47557,15 @@ module.exports = "# Wordpress\n\nThis design is packed into [our official wordpr
 /***/ (function(module) {
 
 "use strict";
-module.exports = "<div class=\"alert alert-success alert-dismissible fade show\" role=\"alert\">\n  <strong>Yay!</strong> Cette barre vous confirme un succès dans l’accomplissement d’une tâche, comme l’envoi d’un formulaire par exemple.\n  <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">\n    <span aria-hidden=\"true\">&times;</span>\n  </button>\n</div>\n\n\n<div class=\"alert alert-info alert-dismissible fade show\" role=\"alert\">\n  <strong>Information.</strong> Événement non critique, du type « le site sera en maintenance cette nuit de 02:00 à 03:00 ».\n  <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">\n    <span aria-hidden=\"true\">&times;</span>\n  </button>\n</div>\n\n\n<div class=\"alert alert-warning alert-dismissible fade show\" role=\"alert\">\n  <strong>Warning...</strong> Merci de bien tenir compte de cette information : fermeture des portes à 19:30.\n  <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">\n    <span aria-hidden=\"true\">&times;</span>\n  </button>\n</div>\n\n\n<div class=\"alert alert-danger alert-dismissible fade show\" role=\"alert\">\n  <strong>Danger !</strong> On nous signale une indisponibilité de café sur tout le campus. Les autorités compétentes sont sur le coup.\n  <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">\n    <span aria-hidden=\"true\">&times;</span>\n  </button>\n</div>\n\n";
+module.exports = "<div class=\"alert alert-success alert-dismissible fade show\" role=\"alert\">\n  <strong>Yay!</strong> Cette barre vous confirme un succès dans l’accomplissement d’une tâche, comme l’envoi d’un formulaire par exemple.\n  <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">\n    <span aria-hidden=\"true\">&times;</span>\n  </button>\n</div>\n\n\n<div class=\"alert alert-info alert-dismissible fade show\" role=\"alert\">\n  <strong>Information.</strong> Événement non critique, du type «le site sera en maintenance cette nuit de 02:00 à 03:00».\n  <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">\n    <span aria-hidden=\"true\">&times;</span>\n  </button>\n</div>\n\n\n<div class=\"alert alert-warning alert-dismissible fade show\" role=\"alert\">\n  <strong>Warning...</strong> Merci de bien tenir compte de cette information: <a class='alert-link' href='#'>fermeture des portes à 19:30</a>.\n  <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">\n    <span aria-hidden=\"true\">&times;</span>\n  </button>\n</div>\n\n\n<div class=\"alert alert-danger alert-dismissible fade show\" role=\"alert\">\n  <strong>Danger!</strong> On nous signale une indisponibilité de café sur <a class='alert-link' href='#'>tout le campus</a>. Les autorités compétentes sont sur le coup.\n  <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">\n    <span aria-hidden=\"true\">&times;</span>\n  </button>\n</div>\n\n";
+
+/***/ }),
+
+/***/ 95381:
+/***/ (function(module) {
+
+"use strict";
+module.exports = "<div class=\"alert alert-success \" role=\"alert\">\n  <strong>Yay!</strong> Cette barre vous confirme un succès dans l’accomplissement d’une tâche, comme l’envoi d’un formulaire par exemple.\n</div>\n";
 
 /***/ }),
 
@@ -47899,7 +47909,7 @@ module.exports = "\n<nav class=\"nav-lang nav-lang-short ml-auto\">\n  <ul>\n
 /***/ (function(module) {
 
 "use strict";
-module.exports = "<nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n  <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n    <span>FR</span>\n  </button>\n  <ul class=\"dropdown-menu\">\n    <li>\n      <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n        <span>FR</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n        <span>EN</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n        <span>RU</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n        <span>DE</span>\n      </a>\n    </li>\n  </ul>\n</nav>\n";
+module.exports = "<nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n  <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n    <span>FR</span>\n  </button>\n  <ul class=\"dropdown-menu\">\n    <li>\n      <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n        <span>FR</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n        <span>EN</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n        <span>RU</span> <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-translate\"></use></svg>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n        <span>DE</span>\n      </a>\n    </li>\n  </ul>\n</nav>\n";
 
 /***/ }),
 
@@ -48147,7 +48157,7 @@ module.exports = "<a href=\"true\" class=\"research-icon research-icon-details r
 /***/ (function(module) {
 
 "use strict";
-module.exports = "<a href=\"#\" class=\"research-icon research-icon-scopus\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-scopus\"></use></svg>\n  <span class=\"sr-only\">Scopus</span>\n</a>\n";
+module.exports = "<a href=\"true\" class=\"research-icon research-icon-scopus\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-scopus\"></use></svg>\n  <span class=\"sr-only\">Scopus</span>\n</a>\n";
 
 /***/ }),
 
@@ -49723,7 +49733,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=\"#\">Association title</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          <div class=\"nav-user dropdown user-dropdown mr-lg-2\">\n  <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n    <img class=\"user-avatar rounded-circle\" src=\"https://randomuser.me/api/portraits/women/2.jpg\" alt=\"\">\n    <p class=\"user-name\">Heidy Traill</p>\n  </button>\n  <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n    <li class=\"dropdown-item\">\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#user\"></use></svg>\n      <a href=\"#\">Accéder à mon compte</a>\n    </li>\n    <li class=\"dropdown-item\">\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#log-out\"></use></svg>\n      <a href=\"#\">Me déconnecter</a>\n    </li>\n  </ul>\n</div>              <nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n  <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n    <span>FR</span>\n  </button>\n  <ul class=\"dropdown-menu\">\n    <li>\n      <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n        <span>FR</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n        <span>EN</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n        <span>RU</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n        <span>DE</span>\n      </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          <div class=\"container-full\">\n  <div class=\"hero\">\n  <div class=\"hero-content-container\">\n    <h1 class=\"hero-title\">Association title</h1>\n          <div class=\"hero-content\">\n        Welcome to our association homepage\n      </div>\n      </div>\n  <div class=\"hero-img\">\n    <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"images/styleguide/cover/cover01_1920x1080.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"images/styleguide/cover/cover01_928x520.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"images/styleguide/cover/cover01_768x432.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"images/styleguide/cover/cover01_576x324.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n  <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n  </div>\n</div>\n</div>\n\n<div class=\"container\">\n  <div class=\"introduction\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-8 offset-md-2\">\n                    <h2>Introduction</h2>\n\n                    <p>This is an introduction text about the association. It is always interesting to know in few lines what is all about.</p>\n      </div>\n    </div>\n  </div>\n</div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mt-5\">\n  <div class=\"container\">\n    <h2>The next events</h2>\n    <div class=\"card-slider-wrapper\">\n  <div class=\"card-slider\">\n    <div class=\"card-slider-cell card-slider-cell-lg\">\n      <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser_large.jpg\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">EPFL Drone Days 2018 dates have been announced!</h3>\n    <p>From 1 to 3 September 2018, more than 5,000 people will be treated to drone races, a robotics showcase, a conference and demonstrations on the EPFL's campus. Attendees will enjoy 3 days of thrilling races over the middle of campus, including a night race lit by LEDs and the finals of the Swiss Rotor Sports Association (SRSA).</p>\n<div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n    </div>\n    <div class=\"card-slider-cell\">\n      <a href=\"#\" class=\"card card-gray card-grayscale link-trapeze-horizontal bg-gray-100\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\"><span class=\"badge badge-dark badge-sm\">Just finished</span>\nStartup Acceleration Workshops\n</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n    </div>\n    <div class=\"card-slider-cell\">\n      <div class=\"card card-gray\">\n  <div class=\"card-body\">\n          <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <h3 class=\"card-title\">\n      <a href=\"#\">EuroTechPostdoc Programme: application platform is now open!</a>\n    </h3>\n    <div class=\"card-info\">\n      <span>Researchers can apply until Feb. 28, 2018</span>\n    </div>\n  </div>\n  <div class=\"card-footer mt-auto\">\n    <a href=\"#\" class=\"btn btn-primary btn-sm\">Learn more & apply</a>\n  </div>\n</div>\n    </div>\n    <div class=\"card-slider-cell\">\n      <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n    </div>\n    <div class=\"card-slider-cell\">\n      <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n    </div>\n    <div class=\"card-slider-cell\">\n      <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n    </div>\n    <div class=\"card-slider-cell\">\n      <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n    </div>\n    <div class=\"card-slider-cell\">\n      <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n    </div>\n  </div>\n\n  <div class=\"card-slider-footer\">\n    <div>\n      <button role=\"button\" id=\"card-slider-prev\" class=\"card-slider-btn link-trapeze-horizontal disabled\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n      </button>\n      <button role=\"button\" id=\"card-slider-next\" class=\"card-slider-btn link-trapeze-horizontal\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </button>\n    </div>\n    <div>\n      <a href=\"#\">Voir l’agenda complet des événements</a>\n    </div>\n  </div>\n</div>\n  </div>\n</div>\n\n<div class=\"container\">\n  <h2 class=\"mt-5 mb-4\">The last news</h2>\n<div class=\"row\">\n      <div class=\"col-md-6\">\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=\"col-md-6\">\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>\n<p class=\"text-center\">\n  <a href=\"#\">See all news</a>\n</p>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mb-4 mt-6\">\n  <div class=\"container\">\n    <div class=\"mb-4 mt-4\">\n      <div class=\"row\">\n        <div class=\"col-md-6\">\n            <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n        </div>\n        <div class=\"col-md-6\">\n          <h3 class=\"mb-4\">Our sponsors</h3>\n          <figure>\n  <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n  <hr>\n  <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n  <hr class=\"bold\">\n</figure>\n          <figure>\n  <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n  <hr>\n  <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n  <hr class=\"bold\">\n</figure>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"container mt-5\">\n  <h2 class=\"mb-4\">On social medias</h2>\n  <div class=\"social-feed-group\">\n  <div class=\"social-feed-container\">\n    <div class=\"social-feed\">\n  <span class=\"social-icon social-icon-x social-icon-round\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n  <span class=\"sr-only\">Mastodon</span>\n</span>\n\n  <div class=\"social-feed-content\">\n    <div>\n      <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n      <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n      \n\n      <p>What's your fave spot for sunset on campus? 😎</p>\n    </div>\n    <div>\n      <a class=\"btn btn-secondary mt-4\">Nous rejoindre sur X</a>\n    </div>\n  </div>\n</div>\n  </div>\n  <div class=\"social-feed-container\">\n    <div class=\"social-feed\">\n  <span class=\"social-icon social-icon-instagram social-icon-round\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n  <span class=\"sr-only\">Mastodon</span>\n</span>\n\n  <div class=\"social-feed-content\">\n    <div>\n      <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n      <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n      <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-480x480.jpg 1x, ./images/styleguide/teaser/news-teaser-780x780.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-360x360.jpg 1x, ./images/styleguide/teaser/news-teaser-780x780.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-360x360.jpg 1x, ./images/styleguide/teaser/news-teaser-640x640.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-780x780.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x1440.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-640x640.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x1080.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/news-teaser-780x780.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n      <p>What's your fave spot for sunset on campus? 😎</p>\n    </div>\n    <div>\n      <a class=\"btn btn-secondary mt-4\">Suivez-nous sur Instagram</a>\n    </div>\n  </div>\n</div>\n  </div>\n  <div class=\"social-feed-container\">\n    <div class=\"social-feed\">\n  <span class=\"social-icon social-icon-facebook social-icon-round\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n  <span class=\"sr-only\">Mastodon</span>\n</span>\n\n  <div class=\"social-feed-content\">\n    <div>\n      <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n      <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n      <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-380x214.jpg 1x, ./images/styleguide/teaser/news-teaser-768x432.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-380x214.jpg 1x, ./images/styleguide/teaser/news-teaser-768x432.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-320x180.jpg 1x, ./images/styleguide/teaser/news-teaser-640x360.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-380x214.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n      <p>What's your fave spot for sunset on campus? 😎</p>\n    </div>\n    <div>\n      <a class=\"btn btn-secondary mt-4\">Likez notre page Facebook</a>\n    </div>\n  </div>\n</div>\n  </div>\n</div>\n</div>\n\n<div class=\"container\">\n  <hr class=\"mb-5\">\n  <div class=\"row\">\n  <div class=\"col-md-6\">\n    <h3>Contact</h3>\n    <p>Les guichets des « services aux étudiant-e-s » est le point de contact central pour traiter vos demandes.</p>\n    <div class=\"card card-body card-sm mb-2 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n      <div class=\"mr-3 w-sm-50\">Lundi à jeudi</div>\n      <div><strong><time datetime=\"09:00\">09:00</time> <span aria-label=\"à\">›</span> <time datetime=\"18:00\">18:00</time></strong></div>\n    </div>\n    <div class=\"card card-body card-sm mb-4 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n      <div class=\"mr-3 w-sm-50\">Vendredi</div>\n      <div><strong><time datetime=\"09:30\">09:30</time> <span aria-label=\"à\">›</span> <time datetime=\"17:00\">17:00</time></strong></div>\n    </div>\n    <p>\n      <a href=\"mailto:services.etudiants@epfl.ch\">services.etudiants@epfl.ch</a>\n    </p>\n    <hr>\n    <p>\n      +41 21 693 43 45\n    </p>\n    <hr>\n    <address>\n      EPFL AA-DAF<br>\n      BP 1229 (bâtiment BP) Station 16<br>\n      CH - 1015 Lausanne\n    </address>\n  </div>\n  <div class=\"col-md-6 d-flex flex-column\">\n    <h4 class=\"sr-only\">Access map</h4>\n<figure class=\"media-map\">\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  <figcaption class=\"media-map-over\">\n    <a href=\"#\" class=\"btn btn-primary btn-block\">Itinéraire vers le bureau BP (1er étage)</a>\n  </figcaption>\n</figure>\n  </div>\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          \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=\"#\">Association title</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          <div class=\"nav-user dropdown user-dropdown mr-lg-2\">\n  <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n    <img class=\"user-avatar rounded-circle\" src=\"https://randomuser.me/api/portraits/women/2.jpg\" alt=\"\">\n    <p class=\"user-name\">Heidy Traill</p>\n  </button>\n  <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n    <li class=\"dropdown-item\">\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#user\"></use></svg>\n      <a href=\"#\">Accéder à mon compte</a>\n    </li>\n    <li class=\"dropdown-item\">\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#log-out\"></use></svg>\n      <a href=\"#\">Me déconnecter</a>\n    </li>\n  </ul>\n</div>              <nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n  <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n    <span>FR</span>\n  </button>\n  <ul class=\"dropdown-menu\">\n    <li>\n      <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n        <span>FR</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n        <span>EN</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n        <span>RU</span> <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-translate\"></use></svg>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n        <span>DE</span>\n      </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          <div class=\"container-full\">\n  <div class=\"hero\">\n  <div class=\"hero-content-container\">\n    <h1 class=\"hero-title\">Association title</h1>\n          <div class=\"hero-content\">\n        Welcome to our association homepage\n      </div>\n      </div>\n  <div class=\"hero-img\">\n    <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"images/styleguide/cover/cover01_1920x1080.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"images/styleguide/cover/cover01_928x520.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"images/styleguide/cover/cover01_768x432.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"images/styleguide/cover/cover01_576x324.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n  <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n  </div>\n</div>\n</div>\n\n<div class=\"container\">\n  <div class=\"introduction\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-8 offset-md-2\">\n                    <h2>Introduction</h2>\n\n                    <p>This is an introduction text about the association. It is always interesting to know in few lines what is all about.</p>\n      </div>\n    </div>\n  </div>\n</div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mt-5\">\n  <div class=\"container\">\n    <h2>The next events</h2>\n    <div class=\"card-slider-wrapper\">\n  <div class=\"card-slider\">\n    <div class=\"card-slider-cell card-slider-cell-lg\">\n      <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser_large.jpg\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">EPFL Drone Days 2018 dates have been announced!</h3>\n    <p>From 1 to 3 September 2018, more than 5,000 people will be treated to drone races, a robotics showcase, a conference and demonstrations on the EPFL's campus. Attendees will enjoy 3 days of thrilling races over the middle of campus, including a night race lit by LEDs and the finals of the Swiss Rotor Sports Association (SRSA).</p>\n<div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n    </div>\n    <div class=\"card-slider-cell\">\n      <a href=\"#\" class=\"card card-gray card-grayscale link-trapeze-horizontal bg-gray-100\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\"><span class=\"badge badge-dark badge-sm\">Just finished</span>\nStartup Acceleration Workshops\n</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n    </div>\n    <div class=\"card-slider-cell\">\n      <div class=\"card card-gray\">\n  <div class=\"card-body\">\n          <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <h3 class=\"card-title\">\n      <a href=\"#\">EuroTechPostdoc Programme: application platform is now open!</a>\n    </h3>\n    <div class=\"card-info\">\n      <span>Researchers can apply until Feb. 28, 2018</span>\n    </div>\n  </div>\n  <div class=\"card-footer mt-auto\">\n    <a href=\"#\" class=\"btn btn-primary btn-sm\">Learn more & apply</a>\n  </div>\n</div>\n    </div>\n    <div class=\"card-slider-cell\">\n      <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n    </div>\n    <div class=\"card-slider-cell\">\n      <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n    </div>\n    <div class=\"card-slider-cell\">\n      <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n    </div>\n    <div class=\"card-slider-cell\">\n      <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n    </div>\n    <div class=\"card-slider-cell\">\n      <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n    </div>\n  </div>\n\n  <div class=\"card-slider-footer\">\n    <div>\n      <button role=\"button\" id=\"card-slider-prev\" class=\"card-slider-btn link-trapeze-horizontal disabled\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n      </button>\n      <button role=\"button\" id=\"card-slider-next\" class=\"card-slider-btn link-trapeze-horizontal\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </button>\n    </div>\n    <div>\n      <a href=\"#\">Voir l’agenda complet des événements</a>\n    </div>\n  </div>\n</div>\n  </div>\n</div>\n\n<div class=\"container\">\n  <h2 class=\"mt-5 mb-4\">The last news</h2>\n<div class=\"row\">\n      <div class=\"col-md-6\">\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=\"col-md-6\">\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>\n<p class=\"text-center\">\n  <a href=\"#\">See all news</a>\n</p>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mb-4 mt-6\">\n  <div class=\"container\">\n    <div class=\"mb-4 mt-4\">\n      <div class=\"row\">\n        <div class=\"col-md-6\">\n            <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n        </div>\n        <div class=\"col-md-6\">\n          <h3 class=\"mb-4\">Our sponsors</h3>\n          <figure>\n  <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n  <hr>\n  <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n  <hr class=\"bold\">\n</figure>\n          <figure>\n  <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n  <hr>\n  <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n  <hr class=\"bold\">\n</figure>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"container mt-5\">\n  <h2 class=\"mb-4\">On social medias</h2>\n  <div class=\"social-feed-group\">\n  <div class=\"social-feed-container\">\n    <div class=\"social-feed\">\n  <span class=\"social-icon social-icon-x social-icon-round\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n  <span class=\"sr-only\">Mastodon</span>\n</span>\n\n  <div class=\"social-feed-content\">\n    <div>\n      <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n      <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n      \n\n      <p>What's your fave spot for sunset on campus? 😎</p>\n    </div>\n    <div>\n      <a class=\"btn btn-secondary mt-4\">Nous rejoindre sur X</a>\n    </div>\n  </div>\n</div>\n  </div>\n  <div class=\"social-feed-container\">\n    <div class=\"social-feed\">\n  <span class=\"social-icon social-icon-instagram social-icon-round\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n  <span class=\"sr-only\">Mastodon</span>\n</span>\n\n  <div class=\"social-feed-content\">\n    <div>\n      <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n      <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n      <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-480x480.jpg 1x, ./images/styleguide/teaser/news-teaser-780x780.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-360x360.jpg 1x, ./images/styleguide/teaser/news-teaser-780x780.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-360x360.jpg 1x, ./images/styleguide/teaser/news-teaser-640x640.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-780x780.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x1440.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-640x640.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x1080.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/news-teaser-780x780.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n      <p>What's your fave spot for sunset on campus? 😎</p>\n    </div>\n    <div>\n      <a class=\"btn btn-secondary mt-4\">Suivez-nous sur Instagram</a>\n    </div>\n  </div>\n</div>\n  </div>\n  <div class=\"social-feed-container\">\n    <div class=\"social-feed\">\n  <span class=\"social-icon social-icon-facebook social-icon-round\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n  <span class=\"sr-only\">Mastodon</span>\n</span>\n\n  <div class=\"social-feed-content\">\n    <div>\n      <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n      <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n      <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-380x214.jpg 1x, ./images/styleguide/teaser/news-teaser-768x432.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-380x214.jpg 1x, ./images/styleguide/teaser/news-teaser-768x432.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-320x180.jpg 1x, ./images/styleguide/teaser/news-teaser-640x360.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-380x214.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n      <p>What's your fave spot for sunset on campus? 😎</p>\n    </div>\n    <div>\n      <a class=\"btn btn-secondary mt-4\">Likez notre page Facebook</a>\n    </div>\n  </div>\n</div>\n  </div>\n</div>\n</div>\n\n<div class=\"container\">\n  <hr class=\"mb-5\">\n  <div class=\"row\">\n  <div class=\"col-md-6\">\n    <h3>Contact</h3>\n    <p>Les guichets des « services aux étudiant-e-s » est le point de contact central pour traiter vos demandes.</p>\n    <div class=\"card card-body card-sm mb-2 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n      <div class=\"mr-3 w-sm-50\">Lundi à jeudi</div>\n      <div><strong><time datetime=\"09:00\">09:00</time> <span aria-label=\"à\">›</span> <time datetime=\"18:00\">18:00</time></strong></div>\n    </div>\n    <div class=\"card card-body card-sm mb-4 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n      <div class=\"mr-3 w-sm-50\">Vendredi</div>\n      <div><strong><time datetime=\"09:30\">09:30</time> <span aria-label=\"à\">›</span> <time datetime=\"17:00\">17:00</time></strong></div>\n    </div>\n    <p>\n      <a href=\"mailto:services.etudiants@epfl.ch\">services.etudiants@epfl.ch</a>\n    </p>\n    <hr>\n    <p>\n      +41 21 693 43 45\n    </p>\n    <hr>\n    <address>\n      EPFL AA-DAF<br>\n      BP 1229 (bâtiment BP) Station 16<br>\n      CH - 1015 Lausanne\n    </address>\n  </div>\n  <div class=\"col-md-6 d-flex flex-column\">\n    <h4 class=\"sr-only\">Access map</h4>\n<figure class=\"media-map\">\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  <figcaption class=\"media-map-over\">\n    <a href=\"#\" class=\"btn btn-primary btn-block\">Itinéraire vers le bureau BP (1er étage)</a>\n  </figcaption>\n</figure>\n  </div>\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          \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";
 
 /***/ }),
 
@@ -49739,7 +49749,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        <nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n  <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n    <span>FR</span>\n  </button>\n  <ul class=\"dropdown-menu\">\n    <li>\n      <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n        <span>FR</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n        <span>EN</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n        <span>RU</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n        <span>DE</span>\n      </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          <div class=\"breadcrumb-container\">\n             <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\" id=\"breadcrumb-wrapper\">\n  <ol class=\"breadcrumb\">\n    <li class=\"breadcrumb-item\">\n      <a href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n      </a>\n    </li>\n    <li class=\"breadcrumb-item breadcrumb-tags-wrapper\">\n      <a href=\"#\" class=\"tag tag-tertiary\">School</a>\n      <a href=\"#\" class=\"tag tag-primary\">Innovation</a>\n      <a href=\"#\" class=\"tag tag-primary\">W3C</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=\"#\">School of Architecture, Civil and Environmental Engineering</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 – School of Architecture, Civil and Environmental Engineering</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</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 active\" aria-current=\"page\">\n      <span class=\"bread-item\">ENAC Faculty</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 – ENAC Faculty</span>\n        </button>\n        <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n          <li class=\"dropdown-item\"><a href=\"#\">News</a></li>\n          <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">ENAC Faculty</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=\"#\">Sustainability challenges</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">Intranet ENAC</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=\"#\">News</a></li>\n              <li class=\"active\">\n      <a href=\"#\">\n        ENAC Faculty\n                <span class=\"sr-only\">(page courante)</span>\n              </a>\n            <ul>\n                <li><a href=\"#\">Organization</a></li>\n                <li><a href=\"#\">Projects</a></li>\n                <li><a href=\"#\">Publications</a></li>\n                <li><a href=\"#\">Team</a></li>\n                <li><a href=\"#\">Teaching</a></li>\n              </ul>\n          </li>\n                <li><a href=\"#\">Education</a></li>\n            <li><a href=\"#\">Research</a></li>\n            <li><a href=\"#\">Sustainability challenges</a></li>\n            <li><a href=\"#\">Intranet ENAC</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            <h1 class=\"mb-5\">H1 - Basic page</h1>\n\n  <p>This is a simple paragraph directly in the WYSIWYG editor. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam consectetur deleniti doloremque eveniet libero minima neque repudiandae sequi suscipit vitae. Ab corporis doloremque earum eius illo incidunt ipsa magnam molestias, nam, necessitatibus neque porro quaerat repellendus tenetur unde velit veritatis? Aliquam amet aut cumque distinctio dolor dolore ducimus eaque est eveniet excepturi explicabo fugit illum inventore iure labore libero magnam minima pariatur provident quam quasi quo, recusandae rem repudiandae sapiente sunt voluptate voluptates! Asperiores, assumenda atque aut eos est in maiores nemo omnis perferendis, quam recusandae rem saepe sint! Consequuntur doloribus dolorum iste, optio placeat rerum. Dolor quis repudiandae soluta?</p>\n  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur autem consequatur, cum hic iure maiores nihil nulla repellendus sequi velit! Asperiores aspernatur, blanditiis culpa deleniti dignissimos eum expedita illum ipsa itaque magnam molestias mollitia nobis, nostrum nulla numquam soluta voluptatum? Aliquam architecto consequatur cumque doloribus ex maiores nemo veritatis voluptatem.</p>\n\n  <div class=\"container my-5\">\n    <figure class=\"cover\">\n  <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x,./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1140x641.jpg 1x,./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-928x520.jpg 1x,./images/styleguide/teaser/news-teaser-1920x1080.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-1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n  <figcaption>\n    <button\n  aria-hidden=\"true\"\n  type=\"button\"\n  class=\"btn-circle\"\n  data-toggle=\"popover\"\n  data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n  <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n  </figcaption>\n</figure>\n  </div>\n\n  <h2>H2 - Title sample</h2>\n\n  <h3>H3 - Sub level title</h3>\n  <p>\n    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine. Virtutis, magnitudinis animi, patientiae, fortitudinis fomentis dolor mitigari solet. Cur tantas regiones barbarorum pedibus obiit, tot maria transmisit? Multoque hoc melius nos veriusque quam Stoici. Duo Reges: constructio interrete. Huius, Lyco, oratione locuples, rebus ipsis ielunior. Quid, si etiam iucunda memoria est praeteritorum malorum? In eo enim positum est id, quod dicimus esse expetendum.\n  </p>\n\n  <h3>H3 - Sub level title</h3>\n  <p>\n    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine.\n  </p>\n  <h4>H4 - Sub level title</h4>\n  <p>\n    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine.\n  </p>\n  <h3>H3 - Sub level title</h3>\n  <h4>H4 - Let's display a list</h4>\n  <ul>\n  <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere!</li>\n  <li>Lorem ipsum dolor sit amet consectetur adipisicing.\n    <ul>\n      <li>Lorem ipsum dolor sit amet consectetur.\n        <ul>\n          <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere!</li>\n        </ul>\n      </li>\n    </ul>\n  </li>\n  <li>Lorem ipsum dolor sit amet consectetur.</li>\n</ul>\n\n<ul>\n  <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere!</li>\n  <li>Lorem ipsum dolor sit amet consectetur adipisicing.\n    <ol>\n      <li>Lorem ipsum dolor sit amet consectetur.</li>\n      <li>Lorem ipsum dolor</li>\n    </ol>\n  </li>\n  <li>Lorem ipsum dolor sit amet consectetur.</li>\n</ul>\n\n  <h4>H4 - Let's display a table</h4>\n  <table class=\"table table-sortable\" data-tablesaw-sortable>\n  <thead>\n    <tr>\n      <th data-tablesaw-sortable-col>Header one</th>\n      <th data-tablesaw-sortable-col>Header two</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>Curabitur blandit</td>\n      <td>Morbi leo porta</td>\n    </tr>\n    <tr>\n      <td>Tempus porttitor</td>\n      <td>Duis mollis</td>\n    </tr>\n    <tr>\n      <td>Commodo luctus nisi</td>\n      <td>Blandit tempus porttitor</td>\n    </tr>\n  </tbody>\n</table>\n\n  <h4>H4 - Let's display a gallery</h4>\n  <div class=\"gallery-container\">\n\n  <div id=\"my-gallery-carouselNews\" class=\"gallery gallery-main\">\n          <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <div class=\"gallery-item-inner\">\n          <div class=\"img-wrapper\">\n            <img src=\"./images/styleguide/gallery/gallery_01.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n          </div>\n        </div>\n        <figcaption>\n          <span>Picture of an amazing science topic</span>\n        </figcaption>\n      </figure>\n          <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <div class=\"gallery-item-inner\">\n          <div class=\"img-wrapper\">\n            <img src=\"./images/styleguide/gallery/gallery_02.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n          </div>\n        </div>\n        <figcaption>\n          <span>Picture of an amazing science topic</span>\n        </figcaption>\n      </figure>\n          <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <div class=\"gallery-item-inner\">\n          <div class=\"img-wrapper\">\n            <img src=\"./images/styleguide/gallery/gallery_03.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n          </div>\n        </div>\n        <figcaption>\n          <span>Picture of an amazing science topic</span>\n        </figcaption>\n      </figure>\n          <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <div class=\"gallery-item-inner\">\n          <div class=\"img-wrapper\">\n            <img src=\"./images/styleguide/gallery/gallery_04.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n          </div>\n        </div>\n        <figcaption>\n          <span>Picture of an amazing science topic</span>\n        </figcaption>\n      </figure>\n          <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <div class=\"gallery-item-inner\">\n          <div class=\"img-wrapper\">\n            <img src=\"./images/styleguide/gallery/gallery_05.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n          </div>\n        </div>\n        <figcaption>\n          <span>Picture of an amazing science topic</span>\n        </figcaption>\n      </figure>\n          <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <div class=\"gallery-item-inner\">\n          <div class=\"img-wrapper\">\n            <img src=\"./images/styleguide/gallery/gallery_06.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n          </div>\n        </div>\n        <figcaption>\n          <span>Picture of an amazing science topic</span>\n        </figcaption>\n      </figure>\n          <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <div class=\"gallery-item-inner\">\n          <div class=\"img-wrapper\">\n            <img src=\"./images/styleguide/gallery/gallery_07.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n          </div>\n        </div>\n        <figcaption>\n          <span>Picture of an amazing science topic</span>\n        </figcaption>\n      </figure>\n          <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <div class=\"gallery-item-inner\">\n          <div class=\"img-wrapper\">\n            <img src=\"./images/styleguide/gallery/gallery_08.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n          </div>\n        </div>\n        <figcaption>\n          <span>Picture of an amazing science topic</span>\n        </figcaption>\n      </figure>\n      </div>\n\n  <div class=\"gallery-nav\" data-gallery=\"my-gallery-carouselNews\" aria-hidden=\"true\">\n          <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <img src=\"./images/styleguide/gallery/thumb_01.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n        <figcaption>Picture of an amazing science topic</figcaption>\n      </figure>\n          <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <img src=\"./images/styleguide/gallery/thumb_02.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n        <figcaption>Picture of an amazing science topic</figcaption>\n      </figure>\n          <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <img src=\"./images/styleguide/gallery/thumb_03.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n        <figcaption>Picture of an amazing science topic</figcaption>\n      </figure>\n          <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <img src=\"./images/styleguide/gallery/thumb_04.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n        <figcaption>Picture of an amazing science topic</figcaption>\n      </figure>\n          <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <img src=\"./images/styleguide/gallery/thumb_05.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n        <figcaption>Picture of an amazing science topic</figcaption>\n      </figure>\n          <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <img src=\"./images/styleguide/gallery/thumb_06.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n        <figcaption>Picture of an amazing science topic</figcaption>\n      </figure>\n          <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <img src=\"./images/styleguide/gallery/thumb_07.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n        <figcaption>Picture of an amazing science topic</figcaption>\n      </figure>\n          <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <img src=\"./images/styleguide/gallery/thumb_08.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n        <figcaption>Picture of an amazing science topic</figcaption>\n      </figure>\n      </div>\n\n</div>\n\n    <div class=\"container-full bg-gray-100 py-5 my-5\">\n      <div class=\"container\">\n        <h2 class=\"mb-4\">H2 - Call page teasers</h2>\n        <div class=\"row\">\n                      <div class=\"col-sm-6\">\n                <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n            </div>\n                      <div class=\"col-sm-6\">\n                <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n            </div>\n                  </div>\n      </div>\n    </div>\n\n    <h3>H3 - Teaser press review</h3>\n    <div class=\"press-teaser\">\n  <h4 class=\"mb-4\"><time datetime=\"2018-01-19\">19.01.2018</time></h4>\n      <button\n      class=\"collapse-title collapse-title-desktop \"\n      type=\"button\"\n      data-toggle=\"collapse\"\n      data-target=\"#collapse-1\"\n      aria-expanded=\"true\"\n      aria-controls=\"collapse-1\"\n    >\n      Piloter un drone avec un joystick\n    </button>\n    <div class=\"collapse collapse-item collapse-item-desktop show\" id=\"collapse-1\">\n      <div class=\"pb-4\">\n        <p>\n          Le prototype de joystick imaginé par la start-up de l'EPFL MotionPilot permet de piloter un drone d’une seule main, de manière intuitive, rapporte L'Agefi.\n        </p>\n        <a href=\"#\">Détails du communiqué</a><br>\n        <a href=\"#\">Communiqué réservé aux journalistes</a>\n        <small><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</small>\n      </div>\n    </div>\n      <button\n      class=\"collapse-title collapse-title-desktop collapsed\"\n      type=\"button\"\n      data-toggle=\"collapse\"\n      data-target=\"#collapse-2\"\n      aria-expanded=\"false\"\n      aria-controls=\"collapse-2\"\n    >\n      Piloter un drone avec un joystick\n    </button>\n    <div class=\"collapse collapse-item collapse-item-desktop \" id=\"collapse-2\">\n      <div class=\"pb-4\">\n        <p>\n          Le prototype de joystick imaginé par la start-up de l'EPFL MotionPilot permet de piloter un drone d’une seule main, de manière intuitive, rapporte L'Agefi.\n        </p>\n        <a href=\"#\">Détails du communiqué</a><br>\n        <a href=\"#\">Communiqué réservé aux journalistes</a>\n        <small><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</small>\n      </div>\n    </div>\n      <button\n      class=\"collapse-title collapse-title-desktop collapsed\"\n      type=\"button\"\n      data-toggle=\"collapse\"\n      data-target=\"#collapse-3\"\n      aria-expanded=\"false\"\n      aria-controls=\"collapse-3\"\n    >\n      Piloter un drone avec un joystick\n    </button>\n    <div class=\"collapse collapse-item collapse-item-desktop \" id=\"collapse-3\">\n      <div class=\"pb-4\">\n        <p>\n          Le prototype de joystick imaginé par la start-up de l'EPFL MotionPilot permet de piloter un drone d’une seule main, de manière intuitive, rapporte L'Agefi.\n        </p>\n        <a href=\"#\">Détails du communiqué</a><br>\n        <a href=\"#\">Communiqué réservé aux journalistes</a>\n        <small><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</small>\n      </div>\n    </div>\n  </div>\n\n    <div class=\"container\">\n      <h5 class=\"mt-5\">H5 - Video !</h5>\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    <h3 class=\"mt-5\">H3 - A last word</h3>\n    <p>\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine. Virtutis, magnitudinis animi, patientiae, fortitudinis fomentis dolor mitigari solet. Cur tantas regiones barbarorum pedibus obiit, tot maria transmisit? Multoque hoc melius nos veriusque quam Stoici. Duo Reges: constructio interrete. Huius, Lyco, oratione locuples, rebus ipsis ielunior. Quid, si etiam iucunda memoria est praeteritorum malorum? In eo enim positum est id, quod dicimus esse expetendum.\n    </p>\n\n    <div class=\"container-full mt-5\">\n      <div class=\"py-5 bg-gray-100\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-8 offset-md-2 col-lg-6 offset-lg-3\">\n        <h3 class=\"h4\">Inscrivez-vous à notre newsletter pour ne manquer aucune de nos actualités</h3>\n\n        <div class=\"newsletter-signup-wrapper form-group mt-4\">\n          <label for=\"newsletter-signup\">Votre adresse E-mail</label>\n          <div class=\"input-group input-group-inner-space mb-3\">\n            <input type=\"text\" id=\"newsletter-signup\" class=\"form-control\" placeholder=\"john.doe@gmail.com\">\n            <div class=\"input-group-append\">\n              <button class=\"btn btn-primary\" type=\"button\">Je m'inscris</button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n    </div>\n\n    <div class=\"container mt-5\">\n      <h2>Facultés</h2>\n      <div class=\"row\">\n                  <div class=\"col-sm-6 col-lg-4\">\n            <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n  <picture class=\"card-img\">\n    <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n  </picture>\n  <div class=\"card-img-overlay\">\n    <h3 class=\"h4 card-title\">\n      <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n    </h3>\n    <p class=\"h4\">\n      <strong class=\"text-padded\">ENAC</strong>\n    </p>\n  </div>\n</a>\n          </div>\n                  <div class=\"col-sm-6 col-lg-4\">\n            <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n  <picture class=\"card-img\">\n    <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n  </picture>\n  <div class=\"card-img-overlay\">\n    <h3 class=\"h4 card-title\">\n      <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n    </h3>\n    <p class=\"h4\">\n      <strong class=\"text-padded\">ENAC</strong>\n    </p>\n  </div>\n</a>\n          </div>\n                  <div class=\"col-sm-6 col-lg-4\">\n            <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n  <picture class=\"card-img\">\n    <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n  </picture>\n  <div class=\"card-img-overlay\">\n    <h3 class=\"h4 card-title\">\n      <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n    </h3>\n    <p class=\"h4\">\n      <strong class=\"text-padded\">ENAC</strong>\n    </p>\n  </div>\n</a>\n          </div>\n              </div>\n    </div>\n\n\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/\">Data</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/admission/fr/\">Admission</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n                                              </li>\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 - Extension School</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/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/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                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</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/fr/mission-et-strategie/\">Mission et stratégie</a>\n                                              </li>\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/facilities/fr/\">Les plateformes de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</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/funding/fr/\">Sources de financement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</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/open-science/fr/\">La science ouverte</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/industry/fr/\">Collaboration avec l'industrie</a>\n                                              </li>\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/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        <nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n  <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n    <span>FR</span>\n  </button>\n  <ul class=\"dropdown-menu\">\n    <li>\n      <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n        <span>FR</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n        <span>EN</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n        <span>RU</span> <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-translate\"></use></svg>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n        <span>DE</span>\n      </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          <div class=\"breadcrumb-container\">\n             <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\" id=\"breadcrumb-wrapper\">\n  <ol class=\"breadcrumb\">\n    <li class=\"breadcrumb-item\">\n      <a href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n      </a>\n    </li>\n    <li class=\"breadcrumb-item breadcrumb-tags-wrapper\">\n      <a href=\"#\" class=\"tag tag-tertiary\">School</a>\n      <a href=\"#\" class=\"tag tag-primary\">Innovation</a>\n      <a href=\"#\" class=\"tag tag-primary\">W3C</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=\"#\">School of Architecture, Civil and Environmental Engineering</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 – School of Architecture, Civil and Environmental Engineering</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</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 active\" aria-current=\"page\">\n      <span class=\"bread-item\">ENAC Faculty</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 – ENAC Faculty</span>\n        </button>\n        <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n          <li class=\"dropdown-item\"><a href=\"#\">News</a></li>\n          <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">ENAC Faculty</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=\"#\">Sustainability challenges</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">Intranet ENAC</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=\"#\">News</a></li>\n              <li class=\"active\">\n      <a href=\"#\">\n        ENAC Faculty\n                <span class=\"sr-only\">(page courante)</span>\n              </a>\n            <ul>\n                <li><a href=\"#\">Organization</a></li>\n                <li><a href=\"#\">Projects</a></li>\n                <li><a href=\"#\">Publications</a></li>\n                <li><a href=\"#\">Team</a></li>\n                <li><a href=\"#\">Teaching</a></li>\n              </ul>\n          </li>\n                <li><a href=\"#\">Education</a></li>\n            <li><a href=\"#\">Research</a></li>\n            <li><a href=\"#\">Sustainability challenges</a></li>\n            <li><a href=\"#\">Intranet ENAC</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            <h1 class=\"mb-5\">H1 - Basic page</h1>\n\n  <p>This is a simple paragraph directly in the WYSIWYG editor. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam consectetur deleniti doloremque eveniet libero minima neque repudiandae sequi suscipit vitae. Ab corporis doloremque earum eius illo incidunt ipsa magnam molestias, nam, necessitatibus neque porro quaerat repellendus tenetur unde velit veritatis? Aliquam amet aut cumque distinctio dolor dolore ducimus eaque est eveniet excepturi explicabo fugit illum inventore iure labore libero magnam minima pariatur provident quam quasi quo, recusandae rem repudiandae sapiente sunt voluptate voluptates! Asperiores, assumenda atque aut eos est in maiores nemo omnis perferendis, quam recusandae rem saepe sint! Consequuntur doloribus dolorum iste, optio placeat rerum. Dolor quis repudiandae soluta?</p>\n  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur autem consequatur, cum hic iure maiores nihil nulla repellendus sequi velit! Asperiores aspernatur, blanditiis culpa deleniti dignissimos eum expedita illum ipsa itaque magnam molestias mollitia nobis, nostrum nulla numquam soluta voluptatum? Aliquam architecto consequatur cumque doloribus ex maiores nemo veritatis voluptatem.</p>\n\n  <div class=\"container my-5\">\n    <figure class=\"cover\">\n  <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x,./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1140x641.jpg 1x,./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-928x520.jpg 1x,./images/styleguide/teaser/news-teaser-1920x1080.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-1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n  <figcaption>\n    <button\n  aria-hidden=\"true\"\n  type=\"button\"\n  class=\"btn-circle\"\n  data-toggle=\"popover\"\n  data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n  <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n  </figcaption>\n</figure>\n  </div>\n\n  <h2>H2 - Title sample</h2>\n\n  <h3>H3 - Sub level title</h3>\n  <p>\n    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine. Virtutis, magnitudinis animi, patientiae, fortitudinis fomentis dolor mitigari solet. Cur tantas regiones barbarorum pedibus obiit, tot maria transmisit? Multoque hoc melius nos veriusque quam Stoici. Duo Reges: constructio interrete. Huius, Lyco, oratione locuples, rebus ipsis ielunior. Quid, si etiam iucunda memoria est praeteritorum malorum? In eo enim positum est id, quod dicimus esse expetendum.\n  </p>\n\n  <h3>H3 - Sub level title</h3>\n  <p>\n    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine.\n  </p>\n  <h4>H4 - Sub level title</h4>\n  <p>\n    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine.\n  </p>\n  <h3>H3 - Sub level title</h3>\n  <h4>H4 - Let's display a list</h4>\n  <ul>\n  <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere!</li>\n  <li>Lorem ipsum dolor sit amet consectetur adipisicing.\n    <ul>\n      <li>Lorem ipsum dolor sit amet consectetur.\n        <ul>\n          <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere!</li>\n        </ul>\n      </li>\n    </ul>\n  </li>\n  <li>Lorem ipsum dolor sit amet consectetur.</li>\n</ul>\n\n<ul>\n  <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere!</li>\n  <li>Lorem ipsum dolor sit amet consectetur adipisicing.\n    <ol>\n      <li>Lorem ipsum dolor sit amet consectetur.</li>\n      <li>Lorem ipsum dolor</li>\n    </ol>\n  </li>\n  <li>Lorem ipsum dolor sit amet consectetur.</li>\n</ul>\n\n  <h4>H4 - Let's display a table</h4>\n  <table class=\"table table-sortable\" data-tablesaw-sortable>\n  <thead>\n    <tr>\n      <th data-tablesaw-sortable-col>Header one</th>\n      <th data-tablesaw-sortable-col>Header two</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>Curabitur blandit</td>\n      <td>Morbi leo porta</td>\n    </tr>\n    <tr>\n      <td>Tempus porttitor</td>\n      <td>Duis mollis</td>\n    </tr>\n    <tr>\n      <td>Commodo luctus nisi</td>\n      <td>Blandit tempus porttitor</td>\n    </tr>\n  </tbody>\n</table>\n\n  <h4>H4 - Let's display a gallery</h4>\n  <div class=\"gallery-container\">\n\n  <div id=\"my-gallery-carouselNews\" class=\"gallery gallery-main\">\n          <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <div class=\"gallery-item-inner\">\n          <div class=\"img-wrapper\">\n            <img src=\"./images/styleguide/gallery/gallery_01.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n          </div>\n        </div>\n        <figcaption>\n          <span>Picture of an amazing science topic</span>\n        </figcaption>\n      </figure>\n          <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <div class=\"gallery-item-inner\">\n          <div class=\"img-wrapper\">\n            <img src=\"./images/styleguide/gallery/gallery_02.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n          </div>\n        </div>\n        <figcaption>\n          <span>Picture of an amazing science topic</span>\n        </figcaption>\n      </figure>\n          <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <div class=\"gallery-item-inner\">\n          <div class=\"img-wrapper\">\n            <img src=\"./images/styleguide/gallery/gallery_03.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n          </div>\n        </div>\n        <figcaption>\n          <span>Picture of an amazing science topic</span>\n        </figcaption>\n      </figure>\n          <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <div class=\"gallery-item-inner\">\n          <div class=\"img-wrapper\">\n            <img src=\"./images/styleguide/gallery/gallery_04.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n          </div>\n        </div>\n        <figcaption>\n          <span>Picture of an amazing science topic</span>\n        </figcaption>\n      </figure>\n          <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <div class=\"gallery-item-inner\">\n          <div class=\"img-wrapper\">\n            <img src=\"./images/styleguide/gallery/gallery_05.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n          </div>\n        </div>\n        <figcaption>\n          <span>Picture of an amazing science topic</span>\n        </figcaption>\n      </figure>\n          <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <div class=\"gallery-item-inner\">\n          <div class=\"img-wrapper\">\n            <img src=\"./images/styleguide/gallery/gallery_06.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n          </div>\n        </div>\n        <figcaption>\n          <span>Picture of an amazing science topic</span>\n        </figcaption>\n      </figure>\n          <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <div class=\"gallery-item-inner\">\n          <div class=\"img-wrapper\">\n            <img src=\"./images/styleguide/gallery/gallery_07.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n          </div>\n        </div>\n        <figcaption>\n          <span>Picture of an amazing science topic</span>\n        </figcaption>\n      </figure>\n          <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <div class=\"gallery-item-inner\">\n          <div class=\"img-wrapper\">\n            <img src=\"./images/styleguide/gallery/gallery_08.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n          </div>\n        </div>\n        <figcaption>\n          <span>Picture of an amazing science topic</span>\n        </figcaption>\n      </figure>\n      </div>\n\n  <div class=\"gallery-nav\" data-gallery=\"my-gallery-carouselNews\" aria-hidden=\"true\">\n          <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <img src=\"./images/styleguide/gallery/thumb_01.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n        <figcaption>Picture of an amazing science topic</figcaption>\n      </figure>\n          <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <img src=\"./images/styleguide/gallery/thumb_02.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n        <figcaption>Picture of an amazing science topic</figcaption>\n      </figure>\n          <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <img src=\"./images/styleguide/gallery/thumb_03.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n        <figcaption>Picture of an amazing science topic</figcaption>\n      </figure>\n          <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <img src=\"./images/styleguide/gallery/thumb_04.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n        <figcaption>Picture of an amazing science topic</figcaption>\n      </figure>\n          <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <img src=\"./images/styleguide/gallery/thumb_05.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n        <figcaption>Picture of an amazing science topic</figcaption>\n      </figure>\n          <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <img src=\"./images/styleguide/gallery/thumb_06.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n        <figcaption>Picture of an amazing science topic</figcaption>\n      </figure>\n          <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <img src=\"./images/styleguide/gallery/thumb_07.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n        <figcaption>Picture of an amazing science topic</figcaption>\n      </figure>\n          <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n        <img src=\"./images/styleguide/gallery/thumb_08.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n        <figcaption>Picture of an amazing science topic</figcaption>\n      </figure>\n      </div>\n\n</div>\n\n    <div class=\"container-full bg-gray-100 py-5 my-5\">\n      <div class=\"container\">\n        <h2 class=\"mb-4\">H2 - Call page teasers</h2>\n        <div class=\"row\">\n                      <div class=\"col-sm-6\">\n                <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n            </div>\n                      <div class=\"col-sm-6\">\n                <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n            </div>\n                  </div>\n      </div>\n    </div>\n\n    <h3>H3 - Teaser press review</h3>\n    <div class=\"press-teaser\">\n  <h4 class=\"mb-4\"><time datetime=\"2018-01-19\">19.01.2018</time></h4>\n      <button\n      class=\"collapse-title collapse-title-desktop \"\n      type=\"button\"\n      data-toggle=\"collapse\"\n      data-target=\"#collapse-1\"\n      aria-expanded=\"true\"\n      aria-controls=\"collapse-1\"\n    >\n      Piloter un drone avec un joystick\n    </button>\n    <div class=\"collapse collapse-item collapse-item-desktop show\" id=\"collapse-1\">\n      <div class=\"pb-4\">\n        <p>\n          Le prototype de joystick imaginé par la start-up de l'EPFL MotionPilot permet de piloter un drone d’une seule main, de manière intuitive, rapporte L'Agefi.\n        </p>\n        <a href=\"#\">Détails du communiqué</a><br>\n        <a href=\"#\">Communiqué réservé aux journalistes</a>\n        <small><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</small>\n      </div>\n    </div>\n      <button\n      class=\"collapse-title collapse-title-desktop collapsed\"\n      type=\"button\"\n      data-toggle=\"collapse\"\n      data-target=\"#collapse-2\"\n      aria-expanded=\"false\"\n      aria-controls=\"collapse-2\"\n    >\n      Piloter un drone avec un joystick\n    </button>\n    <div class=\"collapse collapse-item collapse-item-desktop \" id=\"collapse-2\">\n      <div class=\"pb-4\">\n        <p>\n          Le prototype de joystick imaginé par la start-up de l'EPFL MotionPilot permet de piloter un drone d’une seule main, de manière intuitive, rapporte L'Agefi.\n        </p>\n        <a href=\"#\">Détails du communiqué</a><br>\n        <a href=\"#\">Communiqué réservé aux journalistes</a>\n        <small><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</small>\n      </div>\n    </div>\n      <button\n      class=\"collapse-title collapse-title-desktop collapsed\"\n      type=\"button\"\n      data-toggle=\"collapse\"\n      data-target=\"#collapse-3\"\n      aria-expanded=\"false\"\n      aria-controls=\"collapse-3\"\n    >\n      Piloter un drone avec un joystick\n    </button>\n    <div class=\"collapse collapse-item collapse-item-desktop \" id=\"collapse-3\">\n      <div class=\"pb-4\">\n        <p>\n          Le prototype de joystick imaginé par la start-up de l'EPFL MotionPilot permet de piloter un drone d’une seule main, de manière intuitive, rapporte L'Agefi.\n        </p>\n        <a href=\"#\">Détails du communiqué</a><br>\n        <a href=\"#\">Communiqué réservé aux journalistes</a>\n        <small><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</small>\n      </div>\n    </div>\n  </div>\n\n    <div class=\"container\">\n      <h5 class=\"mt-5\">H5 - Video !</h5>\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    <h3 class=\"mt-5\">H3 - A last word</h3>\n    <p>\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine. Virtutis, magnitudinis animi, patientiae, fortitudinis fomentis dolor mitigari solet. Cur tantas regiones barbarorum pedibus obiit, tot maria transmisit? Multoque hoc melius nos veriusque quam Stoici. Duo Reges: constructio interrete. Huius, Lyco, oratione locuples, rebus ipsis ielunior. Quid, si etiam iucunda memoria est praeteritorum malorum? In eo enim positum est id, quod dicimus esse expetendum.\n    </p>\n\n    <div class=\"container-full mt-5\">\n      <div class=\"py-5 bg-gray-100\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-8 offset-md-2 col-lg-6 offset-lg-3\">\n        <h3 class=\"h4\">Inscrivez-vous à notre newsletter pour ne manquer aucune de nos actualités</h3>\n\n        <div class=\"newsletter-signup-wrapper form-group mt-4\">\n          <label for=\"newsletter-signup\">Votre adresse E-mail</label>\n          <div class=\"input-group input-group-inner-space mb-3\">\n            <input type=\"text\" id=\"newsletter-signup\" class=\"form-control\" placeholder=\"john.doe@gmail.com\">\n            <div class=\"input-group-append\">\n              <button class=\"btn btn-primary\" type=\"button\">Je m'inscris</button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n    </div>\n\n    <div class=\"container mt-5\">\n      <h2>Facultés</h2>\n      <div class=\"row\">\n                  <div class=\"col-sm-6 col-lg-4\">\n            <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n  <picture class=\"card-img\">\n    <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n  </picture>\n  <div class=\"card-img-overlay\">\n    <h3 class=\"h4 card-title\">\n      <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n    </h3>\n    <p class=\"h4\">\n      <strong class=\"text-padded\">ENAC</strong>\n    </p>\n  </div>\n</a>\n          </div>\n                  <div class=\"col-sm-6 col-lg-4\">\n            <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n  <picture class=\"card-img\">\n    <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n  </picture>\n  <div class=\"card-img-overlay\">\n    <h3 class=\"h4 card-title\">\n      <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n    </h3>\n    <p class=\"h4\">\n      <strong class=\"text-padded\">ENAC</strong>\n    </p>\n  </div>\n</a>\n          </div>\n                  <div class=\"col-sm-6 col-lg-4\">\n            <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n  <picture class=\"card-img\">\n    <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n  </picture>\n  <div class=\"card-img-overlay\">\n    <h3 class=\"h4 card-title\">\n      <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n    </h3>\n    <p class=\"h4\">\n      <strong class=\"text-padded\">ENAC</strong>\n    </p>\n  </div>\n</a>\n          </div>\n              </div>\n    </div>\n\n\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/\">Data</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/admission/fr/\">Admission</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n                                              </li>\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 - Extension School</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/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/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                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</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/fr/mission-et-strategie/\">Mission et stratégie</a>\n                                              </li>\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/facilities/fr/\">Les plateformes de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</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/funding/fr/\">Sources de financement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</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/open-science/fr/\">La science ouverte</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/industry/fr/\">Collaboration avec l'industrie</a>\n                                              </li>\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/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";
 
 /***/ }),
 
@@ -49779,7 +49789,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\" >\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        <nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n  <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n    <span>FR</span>\n  </button>\n  <ul class=\"dropdown-menu\">\n    <li>\n      <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n        <span>FR</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n        <span>EN</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n        <span>RU</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n        <span>DE</span>\n      </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\">\n\n          <section class=\"error-404 not-found\">\n        <div class=\"page-content container\">\n          <p class=\"h1 mt-4 error-title\">404</p>\n          <h1 class=\"h3 text-center\">\n                        Cette page est introuvable.\n                      </h1>\n          <div class=\"mt-5 pt-2\">\n            <form action=\"#\" class=\"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 sur le site\" >\n                <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button>\n                              </div>\n            </form>\n          </div>\n        </div>\n      </section>\n    \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/\">Data</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/admission/fr/\">Admission</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n                                              </li>\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 - Extension School</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/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/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                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</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/fr/mission-et-strategie/\">Mission et stratégie</a>\n                                              </li>\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/facilities/fr/\">Les plateformes de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</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/funding/fr/\">Sources de financement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</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/open-science/fr/\">La science ouverte</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/industry/fr/\">Collaboration avec l'industrie</a>\n                                              </li>\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/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\" >\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        <nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n  <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n    <span>FR</span>\n  </button>\n  <ul class=\"dropdown-menu\">\n    <li>\n      <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n        <span>FR</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n        <span>EN</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n        <span>RU</span> <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-translate\"></use></svg>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n        <span>DE</span>\n      </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\">\n\n          <section class=\"error-404 not-found\">\n        <div class=\"page-content container\">\n          <p class=\"h1 mt-4 error-title\">404</p>\n          <h1 class=\"h3 text-center\">\n                        Cette page est introuvable.\n                      </h1>\n          <div class=\"mt-5 pt-2\">\n            <form action=\"#\" class=\"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 sur le site\" >\n                <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button>\n                              </div>\n            </form>\n          </div>\n        </div>\n      </section>\n    \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/\">Data</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/admission/fr/\">Admission</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n                                              </li>\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 - Extension School</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/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/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                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</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/fr/mission-et-strategie/\">Mission et stratégie</a>\n                                              </li>\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/facilities/fr/\">Les plateformes de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</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/funding/fr/\">Sources de financement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</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/open-science/fr/\">La science ouverte</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/industry/fr/\">Collaboration avec l'industrie</a>\n                                              </li>\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/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";
 
 /***/ }),
 
@@ -49803,7 +49813,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  <header role=\"banner\" class=\"header header-light\">\n    <div class=\"drawer mr-3 mr-xl-0\">\n  <button class=\"drawer-toggle\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n  </button>\n  <a href=\"#\" class=\"drawer-link\">\n    <span class=\"text\">\n      Go to main site\n    </span>\n  </a>\n</div>\n    <div class=\"header-light-content\">\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      <h1>Memento</h1>\n      <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n        <li class=\"dropdown\">\n          <button class=\"btn btn-link dropdown-toggle nav-item\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n            Mémentos\n          </button>\n          <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n            <a class=\"dropdown-item\" href=\"#\">Option 1</a>\n            <a class=\"dropdown-item active\" href=\"#\">Option 2</a>\n            <a class=\"dropdown-item\" href=\"#\">Option 3</a>\n          </div>\n        </li>\n        <li id=\"menu-item-\" >\n          <a class=\"nav-item\" href=\"#\">Annoncer un événement</a>\n        </li>\n        <li id=\"menu-item-\" >\n          <a class=\"nav-item\" href=\"#\">S'abonner</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 mt-5 d-md-flex align-items-center justify-content-between\">\n  <h1 class=\"h2 mb-md-0\">Memento EPFL</h1>\n  <div class=\"dropdown\">\n  <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n    Voir un autre memento\n  </button>\n  <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n    <a class=\"dropdown-item\" href=\"#\">Action</a>\n    <a class=\"dropdown-item active\" href=\"#\">Another action</a>\n    <a class=\"dropdown-item\" href=\"#\">Something else here</a>\n  </div>\n</div>\n</div>\n\n<div class=\"container-full mt-5 bg-gray-100 py-5\">\n  <div class=\"container\">\n    <h3 class=\"h6\">Événements à la une</h3>\n    <div class=\"mt-4\">\n      <div class=\"list-group list-events list-events-featured\">\n  <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>  <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span> &amp;\n            <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                      <a href=\"#\" class=\"btn btn-primary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n Voir en direct</a>\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>  <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div></div>\n    </div>\n  </div>\n</div>\n\n<div class=\"container mt-5\">\n  <h3 class=\"h6\">Prochains événements</h3>\n  \n  <div class=\"events-filters mt-4\">\n    \n    <form action=\"\" method=\"get\">\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 form-group-select form-group-categories\">\n        <label class=\"sr-only\">Catégories</label>\n        <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Catégories\">\n          <option value=\"activites-scientifiques-jeunes\">Activités scientifiques pour les jeunes</option>\n          <option value=\"appel-proposition\">Appel à proposition</option>\n          <option value=\"autres\">Autres types d’événement</option>\n          <option value=\"conferences-seminaires\">Conférences - Séminaires</option>\n          <option value=\"congres\">Congrès</option>\n          <option value=\"echeance\">Echéance</option>\n          <option value=\"evenements-festifs-culturels\">Événements festifs et culturels</option>\n          <option value=\"evenements-scientifiques-grand-public\">Évènements scientifiques grand public</option>\n          <option value=\"expositions\">Expositions</option>\n          <option value=\"formations-internes\">Formations internes</option>\n          <option value=\"lecons-inaugurales\">Leçons inaugurales - Leçons d'honneur</option>\n          <option value=\"soutenances-de-theses\">Soutenances de thèses</option>\n        </select>\n      </div>\n\n      <div class=\"form-group form-group-select\">\n        <label class=\"sr-only\">Périodes</label>\n        <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Périodes\">\n          <option value=\"\">Un jour</option>\n          <option value=\"\">Deux jours</option>\n          <option value=\"\">Une semaine</option>\n          <option value=\"\">Deux semaines</option>\n          <option value=\"\">Un mois</option>\n          <option value=\"\">Six mois</option>\n          <option value=\"\">Une année</option>\n        </select>\n      </div>\n\n      <div class=\"form-group form-group-select\">\n        <label class=\"sr-only\">Accès</label>\n        <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Accès\">\n          <option value=\"\">Entrée libre</option>\n          <option value=\"\">Sur inscription</option>\n          <option value=\"\">Sur invitation</option>\n        </select>\n      </div>\n\n      <div class=\"form-group form-group-select\">\n        <label class=\"sr-only\">Public cible</label>\n        <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Public cible\">\n          <option value=\"\">Tout public</option>\n          <option value=\"\">Public averti</option>\n          <option value=\"\">Expert</option>\n        </select>\n      </div>\n      \n      <div class=\"dropdown dropdown-date\">\n        <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">Date</button>\n        <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n          <div class=\"datepicker-wrapper\">\n  <input type=\"text\" class=\"datepicker\">\n</div>\n        </div>\n      </div>\n      \n    </form>\n  </div>\n  \n  <div class=\"event-filter-tags mt-2\">\n    <div class=\"tag-group\">\n      <label for=\"\">Filtres de recherche</label>\n      <div>\n        <button class=\"btn tag tag-plain\">Tout effacer</button>\n        <button class=\"btn tag tag-primary\">Évènements culturels et festifs<span class=\"remove\" title=\"Remove\">×</span></button>\n        <button class=\"btn tag tag-primary\">Expositions<span class=\"remove\" title=\"Remove\">×</span></button>\n        <button class=\"btn tag tag-primary\">Entrée libre<span class=\"remove\" title=\"Remove\">×</span></button>\n        <button class=\"btn tag tag-primary\">Tout public<span class=\"remove\" title=\"Remove\">×</span></button>\n        <button class=\"btn tag tag-primary\">Français<span class=\"remove\" title=\"Remove\">×</span></button>\n      </div>\n    </div>\n  </div>\n  \n  <div class=\"events-footer mt-3\">\n    <div class=\"d-md-flex flex-md-row-reverse justify-content-md-between align-items-md-center\">\n      <div class=\"events-links\">\n          <ul class=\"links\">\n          <li><a href=\"#\">S'abonner à ce Memento</a></li>\n          <li><a href=\"#\">Annoncer un événement</a></li>\n        </ul>\n      </div>\n      <div class=\"events-pager\">\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  \n  <div class=\"list-group list-events mt-4\">\n    <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span> &amp;\n            <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                      <a href=\"#\" class=\"btn btn-primary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n Voir en direct</a>\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>    <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                      <a href=\"#\" class=\"btn btn-primary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n Voir en direct</a>\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>          <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>          <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>              <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>          <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>          <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>          <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>          <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>          <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>      </div>\n  \n</div>\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          <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      </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  <header role=\"banner\" class=\"header header-light\">\n    <div class=\"drawer mr-3 mr-xl-0\">\n  <button class=\"drawer-toggle\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n  </button>\n  <a href=\"#\" class=\"drawer-link\">\n    <span class=\"text\">\n      Go to main site\n    </span>\n  </a>\n</div>\n    <div class=\"header-light-content\">\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      <h1>Memento</h1>\n      <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n        <li class=\"dropdown\">\n          <button class=\"btn btn-link dropdown-toggle nav-item\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n            Mémentos\n          </button>\n          <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n            <a class=\"dropdown-item\" href=\"#\">Option 1</a>\n            <a class=\"dropdown-item active\" href=\"#\">Option 2</a>\n            <a class=\"dropdown-item\" href=\"#\">Option 3</a>\n          </div>\n        </li>\n        <li id=\"menu-item-\" >\n          <a class=\"nav-item\" href=\"#\">Annoncer un événement</a>\n        </li>\n        <li id=\"menu-item-\" >\n          <a class=\"nav-item\" href=\"#\">S'abonner</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 mt-5 d-md-flex align-items-center justify-content-between\">\n  <h1 class=\"h2 mb-md-0\">Memento EPFL</h1>\n  <div class=\"dropdown\">\n  <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n    Voir un autre memento\n  </button>\n  <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n    <a class=\"dropdown-item\" href=\"#\">Action</a>\n    <a class=\"dropdown-item active\" href=\"#\">Another action</a>\n    <a class=\"dropdown-item\" href=\"#\">Something else here</a>\n  </div>\n</div>\n</div>\n\n<div class=\"container-full mt-5 bg-gray-100 py-5\">\n  <div class=\"container\">\n    <h3 class=\"h6\">Événements à la une</h3>\n    <div class=\"mt-4\">\n      <div class=\"list-group list-events list-events-featured\">\n  <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>  <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span> &amp;\n            <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                      <a href=\"#\" class=\"btn btn-primary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n Voir en direct</a>\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>  <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div></div>\n    </div>\n  </div>\n</div>\n\n<div class=\"container mt-5\">\n  <h3 class=\"h6\">Prochains événements</h3>\n  \n  <div class=\"events-filters mt-4\">\n    \n    <form action=\"\" method=\"get\">\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 form-group-select form-group-categories\">\n        <label class=\"sr-only\">Catégories</label>\n        <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Catégories\">\n          <option value=\"activites-scientifiques-jeunes\">Activités scientifiques pour les jeunes</option>\n          <option value=\"appel-proposition\">Appel à proposition</option>\n          <option value=\"autres\">Autres types d’événement</option>\n          <option value=\"conferences-seminaires\">Conférences - Séminaires</option>\n          <option value=\"congres\">Congrès</option>\n          <option value=\"echeance\">Echéance</option>\n          <option value=\"evenements-festifs-culturels\">Événements festifs et culturels</option>\n          <option value=\"evenements-scientifiques-grand-public\">Évènements scientifiques grand public</option>\n          <option value=\"expositions\">Expositions</option>\n          <option value=\"formations-internes\">Formations internes</option>\n          <option value=\"lecons-inaugurales\">Leçons inaugurales - Leçons d'honneur</option>\n          <option value=\"soutenances-de-theses\">Soutenances de thèses</option>\n        </select>\n      </div>\n\n      <div class=\"form-group form-group-select\">\n        <label class=\"sr-only\">Périodes</label>\n        <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Périodes\">\n          <option value=\"\">Un jour</option>\n          <option value=\"\">Deux jours</option>\n          <option value=\"\">Une semaine</option>\n          <option value=\"\">Deux semaines</option>\n          <option value=\"\">Un mois</option>\n          <option value=\"\">Six mois</option>\n          <option value=\"\">Une année</option>\n        </select>\n      </div>\n\n      <div class=\"form-group form-group-select\">\n        <label class=\"sr-only\">Accès</label>\n        <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Accès\">\n          <option value=\"\">Entrée libre</option>\n          <option value=\"\">Sur inscription</option>\n          <option value=\"\">Sur invitation</option>\n        </select>\n      </div>\n\n      <div class=\"form-group form-group-select\">\n        <label class=\"sr-only\">Public cible</label>\n        <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Public cible\">\n          <option value=\"\">Tout public</option>\n          <option value=\"\">Public averti</option>\n          <option value=\"\">Expert</option>\n        </select>\n      </div>\n      \n      <div class=\"dropdown dropdown-date\">\n        <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">Date</button>\n        <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n          <div class=\"datepicker-wrapper\">\n  <input type=\"text\" class=\"datepicker\">\n</div>\n        </div>\n      </div>\n      \n    </form>\n  </div>\n  \n  <div class=\"event-filter-tags mt-2\">\n    <div class=\"tag-group\">\n      <label for=\"\">Filtres de recherche</label>\n      <div>\n        <button class=\"btn tag tag-plain\">Tout effacer</button>\n        <button class=\"btn tag tag-primary\">Évènements culturels et festifs<span class=\"remove\" title=\"Remove\">×</span></button>\n        <button class=\"btn tag tag-primary\">Expositions<span class=\"remove\" title=\"Remove\">×</span></button>\n        <button class=\"btn tag tag-primary\">Entrée libre<span class=\"remove\" title=\"Remove\">×</span></button>\n        <button class=\"btn tag tag-primary\">Tout public<span class=\"remove\" title=\"Remove\">×</span></button>\n        <button class=\"btn tag tag-primary\">Français<span class=\"remove\" title=\"Remove\">×</span></button>\n      </div>\n    </div>\n  </div>\n  \n  <div class=\"events-footer mt-3\">\n    <div class=\"d-md-flex flex-md-row-reverse justify-content-md-between align-items-md-center\">\n      <div class=\"events-links\">\n          <ul class=\"links\">\n          <li><a href=\"#\">S'abonner à ce Memento</a></li>\n          <li><a href=\"#\">Annoncer un événement</a></li>\n        </ul>\n      </div>\n      <div class=\"events-pager\">\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  \n  <div class=\"list-group list-events mt-4\">\n    <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span> &amp;\n            <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                      <a href=\"#\" class=\"btn btn-primary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n Voir en direct</a>\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>    <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                      <a href=\"#\" class=\"btn btn-primary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n Voir en direct</a>\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>          <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>          <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>              <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>          <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>          <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>          <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>          <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>          <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"list-group-teaser-container\">\n    <div class=\"list-group-teaser-thumbnail\">\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    <div class=\"list-group-teaser-content\">\n      <p class=\"h5 card-title\" itemprop=\"name\">\n        <a href=\"#\">Startup Acceleration Workshops</a>\n      </p>\n      <div class=\"card-info mt-0\">\n                <p class=\"event-info-date\">\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n          <span class=\"sr-only\">Dates: du</span>\n          <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">au</span>\n          <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n          <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n          <span class=\"sr-only\">Heures: de</span>\n          <span class=\"event-time\">13:00</span>\n          <span class=\"sep\" aria-hidden=\"true\">›</span>\n          <span class=\"sr-only\">à</span>\n          <span class=\"event-time\">17:30</span>\n        </p>\n                <div class=\"event-info mt-1\">\n                    <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n            <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n          </p>  \n                              <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                        <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n            <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n                      </p>\n                              <p class=\"event-category\">\n            <b>Catégorie:</b> Événements culturel\n          </p>\n                              <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n            <b>Public cible:</b> Tout public\n          </p>\n                  </div>\n        \n        <p class=\"pt-3 event-actions\">\n                              <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n        </p>\n        \n      </div>\n    </div>\n  </div>\n</div>      </div>\n  \n</div>\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";
 
 /***/ }),
 
@@ -49843,7 +49853,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/\">Data</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/admission/fr/\">Admission</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n                                              </li>\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 - Extension School</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/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/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                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</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/fr/mission-et-strategie/\">Mission et stratégie</a>\n                                              </li>\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/facilities/fr/\">Les plateformes de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</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/funding/fr/\">Sources de financement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</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/open-science/fr/\">La science ouverte</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/industry/fr/\">Collaboration avec l'industrie</a>\n                                              </li>\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/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";
+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/\">Data</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/admission/fr/\">Admission</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n                                              </li>\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 - Extension School</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/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/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                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</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/fr/mission-et-strategie/\">Mission et stratégie</a>\n                                              </li>\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/facilities/fr/\">Les plateformes de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</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/funding/fr/\">Sources de financement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</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/open-science/fr/\">La science ouverte</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/industry/fr/\">Collaboration avec l'industrie</a>\n                                              </li>\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/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";
 
 /***/ }),
 
@@ -49875,7 +49885,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<header role=\"banner\" class=\"header header-light\">\n  <div class=\"header-light-content\">\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    <p class=\"site-title\">\n      <a href=\"#\">Online People Directory</a>\n    </p>\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    <nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n  <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n    <span>FR</span>\n  </button>\n  <ul class=\"dropdown-menu\">\n    <li>\n      <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n        <span>FR</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n        <span>EN</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n        <span>RU</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n        <span>DE</span>\n      </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\"><a class=\"bread-link\" href=\"#\">Schools</a></li>\n    <li class=\"breadcrumb-item active\" aria-current=\"page\">ENAC</li>\n  </ol>\n</nav>\n</div>\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 \">\n            <div class=\"container\">\n    \n    <div class=\"d-flex flex-wrap justify-content-between align-items-baseline\">\n      <h1 class=\"mr-3\">Prenom Nom</h1>\n      <div>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#edit\"></use></svg>\n        <a href=\"#\">\n          Edit profile <span class=\"sr-only\">of Prenom Nom</span>\n        </a>\n      </div>\n    </div>\n\n    \n    <div class=\"row mt-5\">\n      <div class=\"col-md-12\">\n        <div class=\"row people-basic-info\">\n\n          <div class=\"col-md-4 col-lg-3 offset-lg-1 mb-3\">\n            \n            <div class=\"row\">\n              <div class=\"col-sm-12 mb-3\">\n                <!-- Default profile picture markup -->\n\n                <!--\n                <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"./images/styleguide/people/portrait-253x360.jpg 1x, ./images/styleguide/people/portrait-506x720.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"./images/styleguide/people/portrait-211x300.jpg 1x, ./images/styleguide/people/portrait-422x600.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"./images/styleguide/people/portrait-253x360.jpg 1x, ./images/styleguide/people/portrait-506x720.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"./images/styleguide/people/portrait-253x360.jpg 1x, ./images/styleguide/people/portrait-506x720.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"./images/styleguide/people/portrait-211x300.jpg 1x, ./images/styleguide/people/portrait-422x600.jpg 2x\">\n  <img src=\"./images/styleguide/people/portrait-506x720.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n                -->\n\n                <!-- Placeholder when there is no profile picture -->\n                <img src=\"svg/portrait-placeholder.svg\" alt=\"Avatar placeholder image\" class=\"img-fluid bg-gray-100\">\n              </div>\n            </div>\n            <div class=\"row\">\n              <div class=\"col-sm-12\">\n\n                <p>\n                  <small>\n                    <a href=\"#\">Liste complète des adresses et fonctions</a>\n                    <br/>\n                    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n<a href=\"#\">Données administratives</a>\n                  </small>\n                </p>\n\n              </div>\n            </div>\n          </div>\n\n          <div class=\"people-contacts col-md-8\">\n            <div class=\"row\">\n              <div class=\"col-sm-12 mb-4\">\n                <h2 class=\"people-title mb-3\">Professeur titulaire, directeur du département XY</h2>\n                <p>\n                  <a href=\"#\" class=\"btn btn-sm btn-primary\">prenom.nom@epfl.ch</a>\n                  <a href=\"#\" class=\"btn btn-sm btn-secondary\">+41 21 666 77 88</a>\n                  <a href=\"#\" class=\"btn btn-sm btn-secondary\">abbr.epfl.ch</a>\n                </p>\n                <p>Nationalité: suisse et allemande</p>\n                <div class=\"mt-1\">\n                  <p>\n                    <a href=\"true\" class=\"social-icon social-icon-details social-icon-linkedin social-icon-discrete\" rel=\"nofollow\" title=\"View on LinkedIn\">\n                      <svg class=\"icon\" aria-hidden=\"true\">\n                        <use xlink:href=\"#icon-linkedin\"></use>\n                      </svg>\n                      <span class=\"user\">firstname.name</span>\n                    </a>\n                    <a href=\"true\" class=\"social-icon social-icon-details social-icon-google social-icon-discrete\" rel=\"nofollow\" title=\"View on Google Scholar\">\n                      <svg class=\"icon\" aria-hidden=\"true\">\n                        <use xlink:href=\"#icon-google\"></use>\n                      </svg>\n                      <span class=\"user\">firstname.name</span>\n                    </a>\n                    <a href=\"true\" class=\"social-icon social-icon-details social-icon-discrete\" rel=\"nofollow\" title=\"View on Scopus\">\n                      <span class=\"user\">Scopus: 123456789</span>\n                    </a>\n                    <a href=\"true\" class=\"social-icon social-icon-details social-icon-discrete\" rel=\"nofollow\" title=\"View on Orcid\">\n                      <span class=\"user\">Orcid: 123456789</span>\n                    </a>\n                    <a href=\"true\" class=\"social-icon social-icon-details social-icon-discrete\" rel=\"nofollow\" title=\"View on ResearcherID\">\n                      <span class=\"user\">ResearcherID: 123456789</span>\n                    </a>\n                  </p>\n                </div>\n              </div>\n            </div>\n            \n            \n<button\n  class=\"collapse-title collapse-title-desktop\"\n  type=\"button\"\n  data-toggle=\"collapse\"\n  data-target=\"#collapse-1\"\n  aria-expanded=\"false\"\n  aria-controls=\"collapse-1\"\n>\n  <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item show collapse-item-desktop\" id=\"collapse-1\">\n\n  <div class=\"row pt-2 pb-2\">\n    <div class=\"col-md-5\">\n      <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n        <strong itemprop=\"name\">EPFL PRES</strong><br/>\n        <span itemprop=\"address\">\n          CE 3 316 (Centre Est)<br/>\n          Station 1<br/>\n          CH-1015 Lausanne\n        </span>\n      </p>\n    </div>\n    <div class=\"col-md-7\">\n      <p>\n        <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n        <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n        <br>\n        <a href=\"tel:+41 21 666 55 66\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 55 66</a>\n        <small class=\"align-baseline ml-2\">Bureau: <a href=\"#\">INN 018</a></small>\n        <br>\n        <small>Unité: <a href=\"#\">EPFL</a> &rsaquo; <a href=\"#\">SI</a> &rsaquo; <a href=\"#\">SI-EXOP</a> &rsaquo; <a href=\"#\">EXAPP</a></small>\n      </p>\n    </div>\n    <div class=\"col-sm-12\">\n      <p><span class=\"sr-only\">Web site: </span><a href=\"https://www.epfl.ch/about/vice-presidencies/vice-presidencies/information-systems/\">https://www.epfl.ch/about/vice-presidencies/vice-presidencies/information-systems/</a></p>\n    </div>\n  </div>\n\n</div>\n\n<button\n  class=\"collapse-title collapse-title-desktop collapsed\"\n  type=\"button\"\n  data-toggle=\"collapse\"\n  data-target=\"#collapse-2\"\n  aria-expanded=\"false\"\n  aria-controls=\"collapse-2\"\n>\n  <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n\n  <div class=\"row pt-2 pb-2\">\n    <div class=\"col-md-5\">\n      <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n        <strong itemprop=\"name\">EPFL PRES</strong><br/>\n        <span itemprop=\"address\">\n          CE 3 316 (Centre Est)<br/>\n          Station 1<br/>\n          CH-1015 Lausanne\n        </span>\n      </p>\n    </div>\n    <div class=\"col-md-7\">\n      <p>\n        <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n        <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n        <br>\n        <small>Unité: <a href=\"#\">EPFL</a> &rsaquo; <a href=\"#\">SI</a> &rsaquo; <a href=\"#\">SI-EXOP</a> &rsaquo; <a href=\"#\">EXAPP</a></small>\n      </p>\n    </div>\n    <div class=\"col-sm-12\">\n      <p><span class=\"sr-only\">Web site: </span><a href=\"https://rh.epfl.ch/\">https://rh.epfl.ch/</a></p>\n    </div>\n  </div>\n\n</div>\n\n<button\n  class=\"collapse-title collapse-title-desktop collapsed\"\n  type=\"button\"\n  data-toggle=\"collapse\"\n  data-target=\"#collapse-3\"\n  aria-expanded=\"false\"\n  aria-controls=\"collapse-3\"\n>\n  <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n\n  <div class=\"row pt-2 pb-2\">\n    <div class=\"col-md-5\">\n      <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n        <strong itemprop=\"name\">EPFL PRES</strong><br/>\n        <span itemprop=\"address\">\n          CE 3 316 (Centre Est)<br/>\n          Station 1<br/>\n          CH-1015 Lausanne\n        </span>\n      </p>\n    </div>\n    <div class=\"col-md-7\">\n      <p>\n        <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n        <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n        <br>\n        <a href=\"tel:+41 21 666 55 66\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 55 66</a>\n        <small class=\"align-baseline ml-2\">Bureau: <a href=\"#\">INN 018</a></small>\n        <br>\n        <small>Unité: <a href=\"#\">EPFL</a> &rsaquo; <a href=\"#\">SI</a> &rsaquo; <a href=\"#\">SI-EXOP</a> &rsaquo; <a href=\"#\">EXAPP</a></small>\n      </p>\n    </div>\n  </div>\n\n</div>\n            <hr>\n            <div class=\"row\">\n              <div class=\"people-extra-info col-sm-12 mt-5\">\n                <p><strong>Informations complémentaires</strong></p>\n                <p>Disponibilités: absente un vendredi sur deux.</p>\n                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non.</p>\n              </div>\n            </div>\n          </div>\n\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"position-relative mt-5\">\n    \n    <nav class=\"nav-tabs-light-wrapper sticky-top\" id=\"intermediate-nav\">\n      <div class=\"container\">\n        <ul class=\"nav nav-tabs-light\">\n          <li class=\"nav-item\">\n            <a class=\"nav-link active\" href=\"#biography\">Biographie</a>\n          </li>\n          <li class=\"nav-item\">\n            <a class=\"nav-link\" href=\"#publications\">Publications</a>\n          </li>\n          <li class=\"nav-item\">\n            <a class=\"nav-link\" href=\"#teaching-and-phd\">Teaching &amp; PhD</a>\n          </li>\n          <li class=\"nav-item\">\n            <a class=\"nav-link\" href=\"#research\">Research</a>\n          </li>\n        </ul>\n      </div>\n    </nav>\n\n    <div class=\"container people-contents\">\n      \n      <div class=\"my-5\">\n        <h2 id=\"biography\">Biographie <span class=\"sr-only\">de Xavier Alexandre</span></h2>\n        <!--<div class=\"collapse collapse-partial\" id=\"biography-text\" aria-expanded=\"false\">\n  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros. Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus. Curabitur eu risus vel leo vehicula auctor. Aenean in velit nisi. Curabitur ultricies lacinia odio, sed egestas ex facilisis nec. Pellentesque et sagittis justo, id consequat odio. Nullam molestie sit amet eros quis consequat.</p>\n  <h3>Mission</h3>\n  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros.</p>\n  <p>Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus. Curabitur eu risus vel leo vehicula auctor. Aenean in velit nisi. Curabitur ultricies lacinia odio, sed egestas ex facilisis nec. Pellentesque et sagittis justo, id consequat odio. Nullam molestie sit amet eros quis consequat.</p>\n  <h3>Travail en cours</h3>\n  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros. Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus.</p>\n</div>\n\n<button\n  class=\"collapsed btn btn-light btn-block btn-sm mt-3\"\n  data-toggle=\"collapse\"\n  data-target=\"#biography-text\"\n  aria-hidden=\"true\"\n  aria-controls=\"biography-text\"\n>\n  Show full biography\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n</button>\n -->\n        <div class=\"biogaphy-content\">\n          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros. Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus. Curabitur eu risus vel leo vehicula auctor. Aenean in velit nisi. Curabitur ultricies lacinia odio, sed egestas ex facilisis nec. Pellentesque et sagittis justo, id consequat odio. Nullam molestie sit amet eros quis consequat.</p>\n          <h3>Mission</h3>\n          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros.</p>\n          <p>Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus. Curabitur eu risus vel leo vehicula auctor. Aenean in velit nisi. Curabitur ultricies lacinia odio, sed egestas ex facilisis nec. Pellentesque et sagittis justo, id consequat odio. Nullam molestie sit amet eros quis consequat.</p>\n          <h3>Travail en cours</h3>\n          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros. Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus.</p>\n        </div>\n        <div class=\"mt-5\">\n          <h3>Champs de compétences</h3>\n          <p>\n            <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n            <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n            <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n            <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n            <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n            <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n            <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n            <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n          </p>\n          \n          <p>architecture web, ergonomie, usability, ergonomie, design et architecture de l’information, cms, iconographie, graphisme web, charte graphique, design, logo, expertise communication web, html, css2, ui design</p>\n        </div>\n        <div class=\"mt-5\">\n          <h3>Formation</h3>\n          <div class=\"list-group\">\n            <div class=\"list-group-item list-group-item-borderless education-list\">\n              <p><strong>Dr. ès Sciences</strong></p>\n              <p>Microtechnologie</p>\n              <p>Université de Neuchâtel</p>\n              <p>2001</p>\n            </div>\n            <div class=\"list-group-item list-group-item-borderless education-list\">\n              <p><strong>Master in Applied Sciences</strong></p>\n              <p>Engineering Physics</p>\n              <p>École Polytechnique de Montréal</p>\n              <p>1997</p>\n            </div>\n          </div>\n        </div>\n        <div class=\"mt-5\">\n          <h3>Parcours professionnel</h3>\n          <div class=\"list-group\">\n                        <div class=\"list-group-item list-group-item-borderless\">\n              <p><strong>Intitulé du poste</strong></p>\n              <p>Description du poste, lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n              <div class=\"item-metadata\">\n                <p class=\"item-date\">2017 – 2019</p>\n                <p class=\"small\">Nom de l'entreprise – <a href=\"#\">Lien</a></p>\n              </div>\n            </div>\n                        <div class=\"list-group-item list-group-item-borderless\">\n              <p><strong>Intitulé du poste</strong></p>\n              <p>Description du poste, lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n              <div class=\"item-metadata\">\n                <p class=\"item-date\">2017 – 2019</p>\n                <p class=\"small\">Nom de l'entreprise – <a href=\"#\">Lien</a></p>\n              </div>\n            </div>\n                        <div class=\"list-group-item list-group-item-borderless\">\n              <p><strong>Intitulé du poste</strong></p>\n              <p>Description du poste, lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n              <div class=\"item-metadata\">\n                <p class=\"item-date\">2017 – 2019</p>\n                <p class=\"small\">Nom de l'entreprise – <a href=\"#\">Lien</a></p>\n              </div>\n            </div>\n                      </div>\n        </div>\n        <div class=\"mt-5\">\n          <h3>Récompenses</h3>\n          <div class=\"list-group\">\n                        <div class=\"list-group-item list-group-item-borderless\">\n              <p><strong>Titre de la récompense</strong></p>\n              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n              <div class=\"item-metadata\">\n                <p class=\"item-date\">12.11.2019</p>\n                <p class=\"small\">Type: Lorem ipsum dolor – Source: Nom de l'institution – <a href=\"#\">Lien</a></p>\n              </div>\n            </div>\n                        <div class=\"list-group-item list-group-item-borderless\">\n              <p><strong>Titre de la récompense</strong></p>\n              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n              <div class=\"item-metadata\">\n                <p class=\"item-date\">12.11.2019</p>\n                <p class=\"small\">Type: Lorem ipsum dolor – Source: Nom de l'institution – <a href=\"#\">Lien</a></p>\n              </div>\n            </div>\n                        <div class=\"list-group-item list-group-item-borderless\">\n              <p><strong>Titre de la récompense</strong></p>\n              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n              <div class=\"item-metadata\">\n                <p class=\"item-date\">12.11.2019</p>\n                <p class=\"small\">Type: Lorem ipsum dolor – Source: Nom de l'institution – <a href=\"#\">Lien</a></p>\n              </div>\n            </div>\n                        <div class=\"list-group-item list-group-item-borderless\">\n              <p><strong>Titre de la récompense</strong></p>\n              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n              <div class=\"item-metadata\">\n                <p class=\"item-date\">12.11.2019</p>\n                <p class=\"small\">Type: Lorem ipsum dolor – Source: Nom de l'institution – <a href=\"#\">Lien</a></p>\n              </div>\n            </div>\n                      </div>\n        </div>\n      </div>\n    </div>\n\n    <hr class=\"darker\">\n\n    <div class=\"container people-contents\">\n      \n      <div class=\"my-5\">\n        <h2 id=\"publications\">Publications <span class=\"sr-only\">de Xavier Alexandre</span></h2>\n        <div class=\"mt-5\">\n          <h3>Infoscience</h3>\n          <div class=\"list-group\">\n    <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n    <div class=\"record-content\">\n      <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n    </div>\n    <div class=\"item-metadata\">\n      <p class=\"item-date\">18.11.2019</p>\n      <p class=\"item-links small\">\n        <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n      </p>\n    </div>\n  </div>\n    <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n    <div class=\"record-content\">\n      <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n    </div>\n    <div class=\"item-metadata\">\n      <p class=\"item-date\">18.11.2019</p>\n      <p class=\"item-links small\">\n        <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n      </p>\n    </div>\n  </div>\n    <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n    <div class=\"record-content\">\n      <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n    </div>\n    <div class=\"item-metadata\">\n      <p class=\"item-date\">18.11.2019</p>\n      <p class=\"item-links small\">\n        <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n      </p>\n    </div>\n  </div>\n    <!-- Publication with thumbnail image -->\n  <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience has-thumbnail\">\n    <div class=\"list-group-thumbnail\">\n      <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"./images/styleguide/news-thumbs/news_thumb-80x80.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-160x160.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"./images/styleguide/news-thumbs/news_thumb-540x540.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-1080x1080.jpg 2x\">\n  <img src=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n    </div>\n    <div class=\"list-group-content\">\n      <div class=\"record-content\">\n        <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n      </div>\n      <div class=\"item-metadata\">\n        <p class=\"item-date\">18.11.2019</p>\n        <p class=\"item-links small\">\n          <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n        </p>\n      </div>\n    </div>\n  </div>\n</div>\n        </div>\n        <div class=\"mt-5\">\n        <h3>Autres publications</h3>\n          <div class=\"list-group\">\n    <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n    <div class=\"record-content\">\n      <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n    </div>\n    <div class=\"item-metadata\">\n      <p class=\"item-date\">18.11.2019</p>\n      <p class=\"item-links small\">\n        <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n      </p>\n    </div>\n  </div>\n    <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n    <div class=\"record-content\">\n      <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n    </div>\n    <div class=\"item-metadata\">\n      <p class=\"item-date\">18.11.2019</p>\n      <p class=\"item-links small\">\n        <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n      </p>\n    </div>\n  </div>\n    <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n    <div class=\"record-content\">\n      <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n    </div>\n    <div class=\"item-metadata\">\n      <p class=\"item-date\">18.11.2019</p>\n      <p class=\"item-links small\">\n        <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n      </p>\n    </div>\n  </div>\n    <!-- Publication with thumbnail image -->\n  <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience has-thumbnail\">\n    <div class=\"list-group-thumbnail\">\n      <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"./images/styleguide/news-thumbs/news_thumb-80x80.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-160x160.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"./images/styleguide/news-thumbs/news_thumb-540x540.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-1080x1080.jpg 2x\">\n  <img src=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n    </div>\n    <div class=\"list-group-content\">\n      <div class=\"record-content\">\n        <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n      </div>\n      <div class=\"item-metadata\">\n        <p class=\"item-date\">18.11.2019</p>\n        <p class=\"item-links small\">\n          <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n        </p>\n      </div>\n    </div>\n  </div>\n</div>\n        </div>\n      </div>\n    </div>\n\n    <hr class=\"darker\">\n\n    <div class=\"container people-contents\">\n      \n      <div class=\"my-5\">\n        <h2 id=\"teaching-and-phd\">Enseignement <span class=\"sr-only\">of Xavier Alexandre</span></h2>\n        <div class=\"mt-5\">\n          <h3 class=\"h4\">Matières enseignées</h3>\n          <p>Informatique, Systèmes de communication, Architecture logiciels</p>\n          <h3 class=\"h4\">Programmes doctoraux</h3>\n          <p>Doctoral program in computer and communication science, Doctoral program in Electrical Engineering</p>\n          <h3 class=\"h4\">Doctorant·es</h3>\n          <p><a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a></p>\n          <h3 class=\"h4\">Ancien·nes doctorant·es</h3>\n          <p><a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a>, <a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a>, <a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a>, <a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a>, <a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a></p>\n        </div>\n        <div class=\"mt-5\">\n          <h3>Cours <span class=\"sr-only\">of Xavier Alexandre</span></h3>\n          <div class=\"list-group\">\n                        <div class=\"list-group-item list-group-item-borderless\">\n              <h4><a href=\"#\">Nom du cours</a></h4>\n              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n            </div>\n                        <div class=\"list-group-item list-group-item-borderless\">\n              <h4><a href=\"#\">Nom du cours</a></h4>\n              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n            </div>\n                        <div class=\"list-group-item list-group-item-borderless\">\n              <h4><a href=\"#\">Nom du cours</a></h4>\n              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n            </div>\n                      </div>\n        </div>\n      </div>\n    </div>\n\n    <hr class=\"darker\">\n\n    <div class=\"container people-contents\">\n      \n      <div class=\"mt-5\">\n        <h2 id=\"research\">Recherche <span class=\"sr-only\">of Xavier Alexandre</span></h2>\n        <div class=\"mt-5\">\n          <h3>Sujets</h3>\n          <p>\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n          </p>\n\n          <h3>Projets de recherche en cours</h3>\n          <p>\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n          </p>\n        </div>\n      </div>\n    </div>\n\n  </div>\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          <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      </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<header role=\"banner\" class=\"header header-light\">\n  <div class=\"header-light-content\">\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    <p class=\"site-title\">\n      <a href=\"#\">Online People Directory</a>\n    </p>\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    <nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n  <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n    <span>FR</span>\n  </button>\n  <ul class=\"dropdown-menu\">\n    <li>\n      <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n        <span>FR</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n        <span>EN</span>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n        <span>RU</span> <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-translate\"></use></svg>\n      </a>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n        <span>DE</span>\n      </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\"><a class=\"bread-link\" href=\"#\">Schools</a></li>\n    <li class=\"breadcrumb-item active\" aria-current=\"page\">ENAC</li>\n  </ol>\n</nav>\n</div>\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 \">\n            <div class=\"container\">\n    \n    <div class=\"d-flex flex-wrap justify-content-between align-items-baseline\">\n      <h1 class=\"mr-3\">Prenom Nom</h1>\n      <div>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#edit\"></use></svg>\n        <a href=\"#\">\n          Edit profile <span class=\"sr-only\">of Prenom Nom</span>\n        </a>\n      </div>\n    </div>\n\n    \n    <div class=\"row mt-5\">\n      <div class=\"col-md-12\">\n        <div class=\"row people-basic-info\">\n\n          <div class=\"col-md-4 col-lg-3 offset-lg-1 mb-3\">\n            \n            <div class=\"row\">\n              <div class=\"col-sm-12 mb-3\">\n                <!-- Default profile picture markup -->\n\n                <!--\n                <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"./images/styleguide/people/portrait-253x360.jpg 1x, ./images/styleguide/people/portrait-506x720.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"./images/styleguide/people/portrait-211x300.jpg 1x, ./images/styleguide/people/portrait-422x600.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"./images/styleguide/people/portrait-253x360.jpg 1x, ./images/styleguide/people/portrait-506x720.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"./images/styleguide/people/portrait-253x360.jpg 1x, ./images/styleguide/people/portrait-506x720.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"./images/styleguide/people/portrait-211x300.jpg 1x, ./images/styleguide/people/portrait-422x600.jpg 2x\">\n  <img src=\"./images/styleguide/people/portrait-506x720.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n                -->\n\n                <!-- Placeholder when there is no profile picture -->\n                <img src=\"svg/portrait-placeholder.svg\" alt=\"Avatar placeholder image\" class=\"img-fluid bg-gray-100\">\n              </div>\n            </div>\n            <div class=\"row\">\n              <div class=\"col-sm-12\">\n\n                <p>\n                  <small>\n                    <a href=\"#\">Liste complète des adresses et fonctions</a>\n                    <br/>\n                    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n<a href=\"#\">Données administratives</a>\n                  </small>\n                </p>\n\n              </div>\n            </div>\n          </div>\n\n          <div class=\"people-contacts col-md-8\">\n            <div class=\"row\">\n              <div class=\"col-sm-12 mb-4\">\n                <h2 class=\"people-title mb-3\">Professeur titulaire, directeur du département XY</h2>\n                <p>\n                  <a href=\"#\" class=\"btn btn-sm btn-primary\">prenom.nom@epfl.ch</a>\n                  <a href=\"#\" class=\"btn btn-sm btn-secondary\">+41 21 666 77 88</a>\n                  <a href=\"#\" class=\"btn btn-sm btn-secondary\">abbr.epfl.ch</a>\n                </p>\n                <p>Nationalité: suisse et allemande</p>\n                <div class=\"mt-1\">\n                  <p>\n                    <a href=\"true\" class=\"social-icon social-icon-details social-icon-linkedin social-icon-discrete\" rel=\"nofollow\" title=\"View on LinkedIn\">\n                      <svg class=\"icon\" aria-hidden=\"true\">\n                        <use xlink:href=\"#icon-linkedin\"></use>\n                      </svg>\n                      <span class=\"user\">firstname.name</span>\n                    </a>\n                    <a href=\"true\" class=\"social-icon social-icon-details social-icon-google social-icon-discrete\" rel=\"nofollow\" title=\"View on Google Scholar\">\n                      <svg class=\"icon\" aria-hidden=\"true\">\n                        <use xlink:href=\"#icon-google\"></use>\n                      </svg>\n                      <span class=\"user\">firstname.name</span>\n                    </a>\n                    <a href=\"true\" class=\"social-icon social-icon-details social-icon-discrete\" rel=\"nofollow\" title=\"View on Scopus\">\n                      <span class=\"user\">Scopus: 123456789</span>\n                    </a>\n                    <a href=\"true\" class=\"social-icon social-icon-details social-icon-discrete\" rel=\"nofollow\" title=\"View on Orcid\">\n                      <span class=\"user\">Orcid: 123456789</span>\n                    </a>\n                    <a href=\"true\" class=\"social-icon social-icon-details social-icon-discrete\" rel=\"nofollow\" title=\"View on ResearcherID\">\n                      <span class=\"user\">ResearcherID: 123456789</span>\n                    </a>\n                  </p>\n                </div>\n              </div>\n            </div>\n            \n            \n<button\n  class=\"collapse-title collapse-title-desktop\"\n  type=\"button\"\n  data-toggle=\"collapse\"\n  data-target=\"#collapse-1\"\n  aria-expanded=\"false\"\n  aria-controls=\"collapse-1\"\n>\n  <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item show collapse-item-desktop\" id=\"collapse-1\">\n\n  <div class=\"row pt-2 pb-2\">\n    <div class=\"col-md-5\">\n      <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n        <strong itemprop=\"name\">EPFL PRES</strong><br/>\n        <span itemprop=\"address\">\n          CE 3 316 (Centre Est)<br/>\n          Station 1<br/>\n          CH-1015 Lausanne\n        </span>\n      </p>\n    </div>\n    <div class=\"col-md-7\">\n      <p>\n        <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n        <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n        <br>\n        <a href=\"tel:+41 21 666 55 66\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 55 66</a>\n        <small class=\"align-baseline ml-2\">Bureau: <a href=\"#\">INN 018</a></small>\n        <br>\n        <small>Unité: <a href=\"#\">EPFL</a> &rsaquo; <a href=\"#\">SI</a> &rsaquo; <a href=\"#\">SI-EXOP</a> &rsaquo; <a href=\"#\">EXAPP</a></small>\n      </p>\n    </div>\n    <div class=\"col-sm-12\">\n      <p><span class=\"sr-only\">Web site: </span><a href=\"https://www.epfl.ch/about/vice-presidencies/vice-presidencies/information-systems/\">https://www.epfl.ch/about/vice-presidencies/vice-presidencies/information-systems/</a></p>\n    </div>\n  </div>\n\n</div>\n\n<button\n  class=\"collapse-title collapse-title-desktop collapsed\"\n  type=\"button\"\n  data-toggle=\"collapse\"\n  data-target=\"#collapse-2\"\n  aria-expanded=\"false\"\n  aria-controls=\"collapse-2\"\n>\n  <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n\n  <div class=\"row pt-2 pb-2\">\n    <div class=\"col-md-5\">\n      <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n        <strong itemprop=\"name\">EPFL PRES</strong><br/>\n        <span itemprop=\"address\">\n          CE 3 316 (Centre Est)<br/>\n          Station 1<br/>\n          CH-1015 Lausanne\n        </span>\n      </p>\n    </div>\n    <div class=\"col-md-7\">\n      <p>\n        <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n        <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n        <br>\n        <small>Unité: <a href=\"#\">EPFL</a> &rsaquo; <a href=\"#\">SI</a> &rsaquo; <a href=\"#\">SI-EXOP</a> &rsaquo; <a href=\"#\">EXAPP</a></small>\n      </p>\n    </div>\n    <div class=\"col-sm-12\">\n      <p><span class=\"sr-only\">Web site: </span><a href=\"https://rh.epfl.ch/\">https://rh.epfl.ch/</a></p>\n    </div>\n  </div>\n\n</div>\n\n<button\n  class=\"collapse-title collapse-title-desktop collapsed\"\n  type=\"button\"\n  data-toggle=\"collapse\"\n  data-target=\"#collapse-3\"\n  aria-expanded=\"false\"\n  aria-controls=\"collapse-3\"\n>\n  <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n\n  <div class=\"row pt-2 pb-2\">\n    <div class=\"col-md-5\">\n      <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n        <strong itemprop=\"name\">EPFL PRES</strong><br/>\n        <span itemprop=\"address\">\n          CE 3 316 (Centre Est)<br/>\n          Station 1<br/>\n          CH-1015 Lausanne\n        </span>\n      </p>\n    </div>\n    <div class=\"col-md-7\">\n      <p>\n        <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n        <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n        <br>\n        <a href=\"tel:+41 21 666 55 66\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 55 66</a>\n        <small class=\"align-baseline ml-2\">Bureau: <a href=\"#\">INN 018</a></small>\n        <br>\n        <small>Unité: <a href=\"#\">EPFL</a> &rsaquo; <a href=\"#\">SI</a> &rsaquo; <a href=\"#\">SI-EXOP</a> &rsaquo; <a href=\"#\">EXAPP</a></small>\n      </p>\n    </div>\n  </div>\n\n</div>\n            <hr>\n            <div class=\"row\">\n              <div class=\"people-extra-info col-sm-12 mt-5\">\n                <p><strong>Informations complémentaires</strong></p>\n                <p>Disponibilités: absente un vendredi sur deux.</p>\n                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non.</p>\n              </div>\n            </div>\n          </div>\n\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"position-relative mt-5\">\n    \n    <nav class=\"nav-tabs-light-wrapper sticky-top\" id=\"intermediate-nav\">\n      <div class=\"container\">\n        <ul class=\"nav nav-tabs-light\">\n          <li class=\"nav-item\">\n            <a class=\"nav-link active\" href=\"#biography\">Biographie</a>\n          </li>\n          <li class=\"nav-item\">\n            <a class=\"nav-link\" href=\"#publications\">Publications</a>\n          </li>\n          <li class=\"nav-item\">\n            <a class=\"nav-link\" href=\"#teaching-and-phd\">Teaching &amp; PhD</a>\n          </li>\n          <li class=\"nav-item\">\n            <a class=\"nav-link\" href=\"#research\">Research</a>\n          </li>\n        </ul>\n      </div>\n    </nav>\n\n    <div class=\"container people-contents\">\n      \n      <div class=\"my-5\">\n        <h2 id=\"biography\">Biographie <span class=\"sr-only\">de Xavier Alexandre</span></h2>\n        <!--<div class=\"collapse collapse-partial\" id=\"biography-text\" aria-expanded=\"false\">\n  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros. Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus. Curabitur eu risus vel leo vehicula auctor. Aenean in velit nisi. Curabitur ultricies lacinia odio, sed egestas ex facilisis nec. Pellentesque et sagittis justo, id consequat odio. Nullam molestie sit amet eros quis consequat.</p>\n  <h3>Mission</h3>\n  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros.</p>\n  <p>Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus. Curabitur eu risus vel leo vehicula auctor. Aenean in velit nisi. Curabitur ultricies lacinia odio, sed egestas ex facilisis nec. Pellentesque et sagittis justo, id consequat odio. Nullam molestie sit amet eros quis consequat.</p>\n  <h3>Travail en cours</h3>\n  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros. Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus.</p>\n</div>\n\n<button\n  class=\"collapsed btn btn-light btn-block btn-sm mt-3\"\n  data-toggle=\"collapse\"\n  data-target=\"#biography-text\"\n  aria-hidden=\"true\"\n  aria-controls=\"biography-text\"\n>\n  Show full biography\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n</button>\n -->\n        <div class=\"biogaphy-content\">\n          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros. Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus. Curabitur eu risus vel leo vehicula auctor. Aenean in velit nisi. Curabitur ultricies lacinia odio, sed egestas ex facilisis nec. Pellentesque et sagittis justo, id consequat odio. Nullam molestie sit amet eros quis consequat.</p>\n          <h3>Mission</h3>\n          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros.</p>\n          <p>Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus. Curabitur eu risus vel leo vehicula auctor. Aenean in velit nisi. Curabitur ultricies lacinia odio, sed egestas ex facilisis nec. Pellentesque et sagittis justo, id consequat odio. Nullam molestie sit amet eros quis consequat.</p>\n          <h3>Travail en cours</h3>\n          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor urna id nulla ornare, placerat gravida nulla tincidunt. Nullam scelerisque mauris neque. Quisque condimentum nisl dolor, id auctor lorem interdum non. Pellentesque ut ligula imperdiet, dictum risus eu, cursus eros. Curabitur elementum sapien nec velit egestas consequat. Ut fermentum dolor eu purus efficitur rutrum ac at purus.</p>\n        </div>\n        <div class=\"mt-5\">\n          <h3>Champs de compétences</h3>\n          <p>\n            <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n            <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n            <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n            <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n            <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n            <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n            <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n            <a href=\"#\" class=\"tag tag-primary\">Mot clé</a>\n          </p>\n          \n          <p>architecture web, ergonomie, usability, ergonomie, design et architecture de l’information, cms, iconographie, graphisme web, charte graphique, design, logo, expertise communication web, html, css2, ui design</p>\n        </div>\n        <div class=\"mt-5\">\n          <h3>Formation</h3>\n          <div class=\"list-group\">\n            <div class=\"list-group-item list-group-item-borderless education-list\">\n              <p><strong>Dr. ès Sciences</strong></p>\n              <p>Microtechnologie</p>\n              <p>Université de Neuchâtel</p>\n              <p>2001</p>\n            </div>\n            <div class=\"list-group-item list-group-item-borderless education-list\">\n              <p><strong>Master in Applied Sciences</strong></p>\n              <p>Engineering Physics</p>\n              <p>École Polytechnique de Montréal</p>\n              <p>1997</p>\n            </div>\n          </div>\n        </div>\n        <div class=\"mt-5\">\n          <h3>Parcours professionnel</h3>\n          <div class=\"list-group\">\n                        <div class=\"list-group-item list-group-item-borderless\">\n              <p><strong>Intitulé du poste</strong></p>\n              <p>Description du poste, lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n              <div class=\"item-metadata\">\n                <p class=\"item-date\">2017 – 2019</p>\n                <p class=\"small\">Nom de l'entreprise – <a href=\"#\">Lien</a></p>\n              </div>\n            </div>\n                        <div class=\"list-group-item list-group-item-borderless\">\n              <p><strong>Intitulé du poste</strong></p>\n              <p>Description du poste, lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n              <div class=\"item-metadata\">\n                <p class=\"item-date\">2017 – 2019</p>\n                <p class=\"small\">Nom de l'entreprise – <a href=\"#\">Lien</a></p>\n              </div>\n            </div>\n                        <div class=\"list-group-item list-group-item-borderless\">\n              <p><strong>Intitulé du poste</strong></p>\n              <p>Description du poste, lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n              <div class=\"item-metadata\">\n                <p class=\"item-date\">2017 – 2019</p>\n                <p class=\"small\">Nom de l'entreprise – <a href=\"#\">Lien</a></p>\n              </div>\n            </div>\n                      </div>\n        </div>\n        <div class=\"mt-5\">\n          <h3>Récompenses</h3>\n          <div class=\"list-group\">\n                        <div class=\"list-group-item list-group-item-borderless\">\n              <p><strong>Titre de la récompense</strong></p>\n              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n              <div class=\"item-metadata\">\n                <p class=\"item-date\">12.11.2019</p>\n                <p class=\"small\">Type: Lorem ipsum dolor – Source: Nom de l'institution – <a href=\"#\">Lien</a></p>\n              </div>\n            </div>\n                        <div class=\"list-group-item list-group-item-borderless\">\n              <p><strong>Titre de la récompense</strong></p>\n              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n              <div class=\"item-metadata\">\n                <p class=\"item-date\">12.11.2019</p>\n                <p class=\"small\">Type: Lorem ipsum dolor – Source: Nom de l'institution – <a href=\"#\">Lien</a></p>\n              </div>\n            </div>\n                        <div class=\"list-group-item list-group-item-borderless\">\n              <p><strong>Titre de la récompense</strong></p>\n              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n              <div class=\"item-metadata\">\n                <p class=\"item-date\">12.11.2019</p>\n                <p class=\"small\">Type: Lorem ipsum dolor – Source: Nom de l'institution – <a href=\"#\">Lien</a></p>\n              </div>\n            </div>\n                        <div class=\"list-group-item list-group-item-borderless\">\n              <p><strong>Titre de la récompense</strong></p>\n              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n              <div class=\"item-metadata\">\n                <p class=\"item-date\">12.11.2019</p>\n                <p class=\"small\">Type: Lorem ipsum dolor – Source: Nom de l'institution – <a href=\"#\">Lien</a></p>\n              </div>\n            </div>\n                      </div>\n        </div>\n      </div>\n    </div>\n\n    <hr class=\"darker\">\n\n    <div class=\"container people-contents\">\n      \n      <div class=\"my-5\">\n        <h2 id=\"publications\">Publications <span class=\"sr-only\">de Xavier Alexandre</span></h2>\n        <div class=\"mt-5\">\n          <h3>Infoscience</h3>\n          <div class=\"list-group\">\n    <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n    <div class=\"record-content\">\n      <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n    </div>\n    <div class=\"item-metadata\">\n      <p class=\"item-date\">18.11.2019</p>\n      <p class=\"item-links small\">\n        <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n      </p>\n    </div>\n  </div>\n    <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n    <div class=\"record-content\">\n      <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n    </div>\n    <div class=\"item-metadata\">\n      <p class=\"item-date\">18.11.2019</p>\n      <p class=\"item-links small\">\n        <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n      </p>\n    </div>\n  </div>\n    <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n    <div class=\"record-content\">\n      <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n    </div>\n    <div class=\"item-metadata\">\n      <p class=\"item-date\">18.11.2019</p>\n      <p class=\"item-links small\">\n        <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n      </p>\n    </div>\n  </div>\n    <!-- Publication with thumbnail image -->\n  <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience has-thumbnail\">\n    <div class=\"list-group-thumbnail\">\n      <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"./images/styleguide/news-thumbs/news_thumb-80x80.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-160x160.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"./images/styleguide/news-thumbs/news_thumb-540x540.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-1080x1080.jpg 2x\">\n  <img src=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n    </div>\n    <div class=\"list-group-content\">\n      <div class=\"record-content\">\n        <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n      </div>\n      <div class=\"item-metadata\">\n        <p class=\"item-date\">18.11.2019</p>\n        <p class=\"item-links small\">\n          <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n        </p>\n      </div>\n    </div>\n  </div>\n</div>\n        </div>\n        <div class=\"mt-5\">\n        <h3>Autres publications</h3>\n          <div class=\"list-group\">\n    <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n    <div class=\"record-content\">\n      <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n    </div>\n    <div class=\"item-metadata\">\n      <p class=\"item-date\">18.11.2019</p>\n      <p class=\"item-links small\">\n        <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n      </p>\n    </div>\n  </div>\n    <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n    <div class=\"record-content\">\n      <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n    </div>\n    <div class=\"item-metadata\">\n      <p class=\"item-date\">18.11.2019</p>\n      <p class=\"item-links small\">\n        <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n      </p>\n    </div>\n  </div>\n    <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience\">\n    <div class=\"record-content\">\n      <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n    </div>\n    <div class=\"item-metadata\">\n      <p class=\"item-date\">18.11.2019</p>\n      <p class=\"item-links small\">\n        <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n      </p>\n    </div>\n  </div>\n    <!-- Publication with thumbnail image -->\n  <div class=\"list-group-item list-group-item-borderless list-group-item-infoscience has-thumbnail\">\n    <div class=\"list-group-thumbnail\">\n      <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"./images/styleguide/news-thumbs/news_thumb-80x80.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-160x160.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-240x240.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"./images/styleguide/news-thumbs/news_thumb-540x540.jpg 1x, ./images/styleguide/news-thumbs/news_thumb-1080x1080.jpg 2x\">\n  <img src=\"./images/styleguide/news-thumbs/news_thumb-120x120.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n    </div>\n    <div class=\"list-group-content\">\n      <div class=\"record-content\">\n        <p>Noms des auteurs: <strong>Titre de la publication lorem ipsum dolor sit amet consectetur adipscing elit</strong>; <i>Sous-titre lorem ipsum dolor sit amet consectetur adipscing elit</i>; Références, lieu de publication, etc.</p>\n      </div>\n      <div class=\"item-metadata\">\n        <p class=\"item-date\">18.11.2019</p>\n        <p class=\"item-links small\">\n          <a href=\"#\" target=\"_blank\">Notice détaillée</a> – <a href=\"#\" target=\"_blank\">Texte intégral</a>\n        </p>\n      </div>\n    </div>\n  </div>\n</div>\n        </div>\n      </div>\n    </div>\n\n    <hr class=\"darker\">\n\n    <div class=\"container people-contents\">\n      \n      <div class=\"my-5\">\n        <h2 id=\"teaching-and-phd\">Enseignement <span class=\"sr-only\">of Xavier Alexandre</span></h2>\n        <div class=\"mt-5\">\n          <h3 class=\"h4\">Matières enseignées</h3>\n          <p>Informatique, Systèmes de communication, Architecture logiciels</p>\n          <h3 class=\"h4\">Programmes doctoraux</h3>\n          <p>Doctoral program in computer and communication science, Doctoral program in Electrical Engineering</p>\n          <h3 class=\"h4\">Doctorant·es</h3>\n          <p><a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a></p>\n          <h3 class=\"h4\">Ancien·nes doctorant·es</h3>\n          <p><a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a>, <a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a>, <a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a>, <a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a>, <a href=\"#\">Gwendoline Woodroff</a>, <a href=\"#\">Hurlu Berlu</a>, <a href=\"#\">Anne Hughes</a>, <a href=\"#\">Martin Richard-Foy</a></p>\n        </div>\n        <div class=\"mt-5\">\n          <h3>Cours <span class=\"sr-only\">of Xavier Alexandre</span></h3>\n          <div class=\"list-group\">\n                        <div class=\"list-group-item list-group-item-borderless\">\n              <h4><a href=\"#\">Nom du cours</a></h4>\n              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n            </div>\n                        <div class=\"list-group-item list-group-item-borderless\">\n              <h4><a href=\"#\">Nom du cours</a></h4>\n              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n            </div>\n                        <div class=\"list-group-item list-group-item-borderless\">\n              <h4><a href=\"#\">Nom du cours</a></h4>\n              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel tortor nulla. In vehicula ante vel turpis rhoncus, ut malesuada magna tincidunt. Pellentesque purus sapien, porta ut aliquet et, sagittis ut diam.</p>\n            </div>\n                      </div>\n        </div>\n      </div>\n    </div>\n\n    <hr class=\"darker\">\n\n    <div class=\"container people-contents\">\n      \n      <div class=\"mt-5\">\n        <h2 id=\"research\">Recherche <span class=\"sr-only\">of Xavier Alexandre</span></h2>\n        <div class=\"mt-5\">\n          <h3>Sujets</h3>\n          <p>\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n          </p>\n\n          <h3>Projets de recherche en cours</h3>\n          <p>\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n          </p>\n        </div>\n      </div>\n    </div>\n\n  </div>\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          <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      </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";
 
 /***/ }),
 
@@ -49907,7 +49917,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          <div class=\"breadcrumb-container\">\n             <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\" id=\"breadcrumb-wrapper\">\n  <ol class=\"breadcrumb\">\n    <li class=\"breadcrumb-item\">\n      <a href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n      </a>\n    </li>\n    <li class=\"breadcrumb-item breadcrumb-tags-wrapper\">\n      <a href=\"#\" class=\"tag tag-tertiary\">School</a>\n      <a href=\"#\" class=\"tag tag-primary\">Innovation</a>\n      <a href=\"#\" class=\"tag tag-primary\">W3C</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=\"#\">School of Architecture, Civil and Environmental Engineering</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 – School of Architecture, Civil and Environmental Engineering</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</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 active\" aria-current=\"page\">\n      <span class=\"bread-item\">ENAC Faculty</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 – ENAC Faculty</span>\n        </button>\n        <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n          <li class=\"dropdown-item\"><a href=\"#\">News</a></li>\n          <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">ENAC Faculty</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=\"#\">Sustainability challenges</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">Intranet ENAC</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=\"#\">News</a></li>\n              <li class=\"active\">\n      <a href=\"#\">\n        ENAC Faculty\n                <span class=\"sr-only\">(page courante)</span>\n              </a>\n            <ul>\n                <li><a href=\"#\">Organization</a></li>\n                <li><a href=\"#\">Projects</a></li>\n                <li><a href=\"#\">Publications</a></li>\n                <li><a href=\"#\">Team</a></li>\n                <li><a href=\"#\">Teaching</a></li>\n              </ul>\n          </li>\n                <li><a href=\"#\">Education</a></li>\n            <li><a href=\"#\">Research</a></li>\n            <li><a href=\"#\">Sustainability challenges</a></li>\n            <li><a href=\"#\">Intranet ENAC</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\">\n  <div class=\"hero\">\n  <div class=\"hero-content-container\">\n    <h1 class=\"hero-title\">Research</h1>\n          <div class=\"hero-content\">\n        <p>Une organisation unique nous permet de figurer systématiquement dans le haut du classement mondial des universités pour les programmes de recherche.</p><p>Découvrez tout ce qui fait de l’EPFL le creuset idéal des meilleurs projets de recherche en Europe et à l’international.</p>\n      </div>\n      </div>\n  <div class=\"hero-img\">\n    <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"images/styleguide/cover/cover01_1920x1080.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"images/styleguide/cover/cover01_928x520.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"images/styleguide/cover/cover01_768x432.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"images/styleguide/cover/cover01_576x324.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n  <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n  </div>\n</div>\n</div>\n\n<div class=\"container\">\n  <div class=\"my-4\">\n    <p>\n      L'EPFL s'engage dans des projets novateurs alliant recherche fondamentale et recherche appliquée. Cette orientation permet de transformer l'excellence scientifique en compétitivité économique, en emplois et en qualité de vie, grâce au transfert des technologies.</p>\n      <p>L'Ecole dispose d'une organisation unique pour stimuler les recherches transdisciplinaires et favoriser les partenariats avec d'autres institutions.</p>\n      <p>Avec plus de 300 laboratoires et groupes de recherche sur son campus, l'EPFL figure parmi les institutions les plus innovantes et les plus productives sur le plan scientifique.</p>\n    </p>\n  </div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mt-5\">\n  <div class=\"container\">\n    <h2 class=\"mb-4 mt-4\">Key numbers</h2>\n  </div>\n  <div class=\"container\">\n  <div class=\"key-number-group row\">\n    <div class=\"key-number-large\">\n  <div class=\"card border-0 bg-white m-0 h-100\">\n    <div class=\"card-header border-0\">\n      <div class=\"row\">\n        <div class=\"col-md-6\">\n          <p class=\"h4\">Pays d'origine</p>\n        </div>\n        <div class=\"col-md-6 text-right\">\n          <img src=\"images/styleguide/key-numbers/collaborations.png\" alt=\"\">\n        </div>\n      </div>\n    </div>\n    <div class=\"card-body pt-0\">\n      <div class=\"row\">\n        <div class=\"col-md-6\">\n          <hr>\n          <p class=\"mb-0 display-4 font-weight-bold\">2'706</p>\n          <p class=\"text-small\">Femmes</p>\n        </div>\n        <div class=\"col-md-6\">\n          <hr>\n          <p class=\"mb-0 display-4 font-weight-bold\">7'180</p>\n          <p class=\"text-small\">Hommes</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n    <div class=\"key-number\">\n  <div class=\"card border-0 bg-white m-0 h-100\">\n    <div class=\"card-header border-0\">\n      <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n      <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n    </div>\n    <div class=\"card-body pt-0\">\n      <div class=\"row\">\n        <div class=\"col-sm-6\">\n          <hr>\n          <p class=\"h5 mb-0\">2'706</p>\n          <p class=\"text-small\">Femmes</p>\n        </div>\n        <div class=\"col-sm-6\">\n          <hr>\n          <p class=\"h5 mb-0\">7'180</p>\n          <p class=\"text-small\">Hommes</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n    <div class=\"key-number\">\n  <div class=\"card border-0 bg-white m-0 h-100\">\n    <div class=\"card-header border-0\">\n      <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n      <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n    </div>\n    <div class=\"card-body pt-0\">\n      <div class=\"row\">\n        <div class=\"col-sm-6\">\n          <hr>\n          <p class=\"h5 mb-0\">2'706</p>\n          <p class=\"text-small\">Femmes</p>\n        </div>\n        <div class=\"col-sm-6\">\n          <hr>\n          <p class=\"h5 mb-0\">7'180</p>\n          <p class=\"text-small\">Hommes</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n    <div class=\"key-number\">\n  <div class=\"card border-0 bg-white m-0 h-100\">\n    <div class=\"card-header border-0\">\n      <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n      <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n    </div>\n    <div class=\"card-body pt-0\">\n      <div class=\"row\">\n        <div class=\"col-sm-6\">\n          <hr>\n          <p class=\"h5 mb-0\">2'706</p>\n          <p class=\"text-small\">Femmes</p>\n        </div>\n        <div class=\"col-sm-6\">\n          <hr>\n          <p class=\"h5 mb-0\">7'180</p>\n          <p class=\"text-small\">Hommes</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n    <div class=\"key-number-large\">\n  <div class=\"card border-0 bg-white m-0 h-100\">\n    <div class=\"card-header border-0\">\n      <div class=\"row\">\n        <div class=\"col-md-6\">\n          <p class=\"h4\">Pays d'origine</p>\n        </div>\n        <div class=\"col-md-6 text-right\">\n          <img src=\"images/styleguide/key-numbers/collaborations.png\" alt=\"\">\n        </div>\n      </div>\n    </div>\n    <div class=\"card-body pt-0\">\n      <div class=\"row\">\n        <div class=\"col-md-6\">\n          <hr>\n          <p class=\"mb-0 display-4 font-weight-bold\">2'706</p>\n          <p class=\"text-small\">Femmes</p>\n        </div>\n        <div class=\"col-md-6\">\n          <hr>\n          <p class=\"mb-0 display-4 font-weight-bold\">7'180</p>\n          <p class=\"text-small\">Hommes</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n    <div class=\"key-number\">\n  <div class=\"card border-0 bg-white m-0 h-100\">\n    <div class=\"card-header border-0\">\n      <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n      <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n    </div>\n    <div class=\"card-body pt-0\">\n      <div class=\"row\">\n        <div class=\"col-sm-6\">\n          <hr>\n          <p class=\"h5 mb-0\">2'706</p>\n          <p class=\"text-small\">Femmes</p>\n        </div>\n        <div class=\"col-sm-6\">\n          <hr>\n          <p class=\"h5 mb-0\">7'180</p>\n          <p class=\"text-small\">Hommes</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n  </div>\n</div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mb-5\">\n  <div class=\"container\">\n    <h2 class=\"mb-4\">The last news</h2>\n    <div class=\"row\">\n              <div class=\"col-md-6\">\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=\"col-md-6\">\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>\n    <p class=\"text-center\">\n      <a href=\"#\">See all news</a>\n    </p>\n  </div>\n</div>\n\n<div class=\"container-full py-5 mb-5 mt-6\">\n  <div class=\"container\">\n    <h2 class=\"mb-4\">Explore</h2>\n    <div class=\"row\">\n              <div class=\"col-md-4\">\n            <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n        </div>\n              <div class=\"col-md-4\">\n            <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n        </div>\n              <div class=\"col-md-4\">\n            <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n        </div>\n          </div>\n    </p>\n  </div>\n  <div class=\"container\">\n    <h2 class=\"mb-4\">Engage</h2>\n    <div class=\"row\">\n              <div class=\"col-md-6\">\n            <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n        </div>\n              <div class=\"col-md-6\">\n            <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n        </div>\n              <div class=\"col-md-6\">\n            <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n        </div>\n              <div class=\"col-md-6\">\n            <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n        </div>\n          </div>\n    </p>\n  </div>\n</div>\n\n<div class=\"container\">\n  <div class=\"mb-4\">\n    <div class=\"row\">\n      <div class=\"col-md-6\">\n        <div class=\"card\">\n  <div class=\"card-body\">\n    <div class=\"my-3\">\n      <img class=\"img-fluid rounded-circle\" src=\"https://randomuser.me/api/portraits/women/2.jpg\" alt=\"Heidy Traill\">\n    </div>\n    <h3><a href=\"#\">Heidy Traill</a></h3>\n    <h4>Informations utiles</h4>\n<dl class=\"definition-list definition-list-grid\">\n  <dt>Fonction</dt>\n  <dd>Chercheur</dd>\n  <dt>Unité</dt>\n  <dd><a href=\"#\">Laboratoire de métallurgie mécanique</a></dd>\n  <dt>Domaines de recherche</dt>\n  <dd>\n    <a href=\"#\" class=\"tag tag-primary\">Inorganic Chemistry</a>\n    <a href=\"#\" class=\"tag tag-primary\">Organic Chemistry</a>\n    <a href=\"#\" class=\"tag tag-primary\">Renewable Energy</a>\n  </dd>\n  <dt>Bureau</dt>\n  <dd><a href=\"#\">BM 42</a></dd>\n  <dt class=\"definition-list-item-full\">A propos</dt>\n  <dd class=\"definition-list-item-full\">Research at the Laboratory of Mechanical Metallurgy addresses the science and engineering of advanced metallic materials. Our activities and interests span the entire spectrum from materials processing to the exploration of links between the microstructure and the properties of materials. Materials we study are made at least in part of metal and can be destined for structural or for functional applications.</dd>\n</dl>\n    <a class=\"btn btn-block btn-primary mb-2\" href=\"mailto:heidy.traill@epfl.ch\">heidy.traill@epfl.ch</a>\n\n    <div class=\"dropdown\">\n      <button class=\"btn btn-block btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n        Téléphones\n      </button>\n      <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n        <a class=\"dropdown-item\" href=\"#\">079 349 72 18</a>\n        <a class=\"dropdown-item\" href=\"#\">079 349 72 18</a>\n      </div>\n    </div>\n  </div>\n</div>\n      </div>\n      <div class=\"col-md-6\">\n          <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n      </div>\n    </div>\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/\">Data</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/admission/fr/\">Admission</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n                                              </li>\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 - Extension School</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/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/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                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</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/fr/mission-et-strategie/\">Mission et stratégie</a>\n                                              </li>\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/facilities/fr/\">Les plateformes de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</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/funding/fr/\">Sources de financement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</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/open-science/fr/\">La science ouverte</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/industry/fr/\">Collaboration avec l'industrie</a>\n                                              </li>\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/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";
+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          <div class=\"breadcrumb-container\">\n             <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\" id=\"breadcrumb-wrapper\">\n  <ol class=\"breadcrumb\">\n    <li class=\"breadcrumb-item\">\n      <a href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n      </a>\n    </li>\n    <li class=\"breadcrumb-item breadcrumb-tags-wrapper\">\n      <a href=\"#\" class=\"tag tag-tertiary\">School</a>\n      <a href=\"#\" class=\"tag tag-primary\">Innovation</a>\n      <a href=\"#\" class=\"tag tag-primary\">W3C</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=\"#\">School of Architecture, Civil and Environmental Engineering</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 – School of Architecture, Civil and Environmental Engineering</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</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 active\" aria-current=\"page\">\n      <span class=\"bread-item\">ENAC Faculty</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 – ENAC Faculty</span>\n        </button>\n        <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n          <li class=\"dropdown-item\"><a href=\"#\">News</a></li>\n          <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">ENAC Faculty</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=\"#\">Sustainability challenges</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">Intranet ENAC</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 class=\"active\">\n      <a href=\"#\">\n        Facultés\n                <span class=\"sr-only\">(page courante)</span>\n              </a>\n            <ul>\n                <li><a href=\"#\">Architecture, Civil and Environmental Engineering ENAC</a></li>\n                <li><a href=\"#\">Basic Sciences SB</a></li>\n                <li><a href=\"#\">Engineering STI</a></li>\n                <li><a href=\"#\">Computer and Communication Sciences IC</a></li>\n                <li><a href=\"#\">Life Sciences SV</a></li>\n                <li><a href=\"#\">Management of Technology CDM</a></li>\n                <li><a href=\"#\">College of Humanities CDH</a></li>\n                <li><a href=\"#\">EPFL Middle East</a></li>\n              </ul>\n          </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\">\n  <div class=\"hero\">\n  <div class=\"hero-content-container\">\n    <h1 class=\"hero-title\">Research</h1>\n          <div class=\"hero-content\">\n        <p>Une organisation unique nous permet de figurer systématiquement dans le haut du classement mondial des universités pour les programmes de recherche.</p><p>Découvrez tout ce qui fait de l’EPFL le creuset idéal des meilleurs projets de recherche en Europe et à l’international.</p>\n      </div>\n      </div>\n  <div class=\"hero-img\">\n    <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"images/styleguide/cover/cover01_1920x1080.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"images/styleguide/cover/cover01_928x520.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"images/styleguide/cover/cover01_768x432.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"images/styleguide/cover/cover01_576x324.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n  <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n  </div>\n</div>\n</div>\n\n<div class=\"container\">\n  <div class=\"my-4\">\n    <p>\n      L'EPFL s'engage dans des projets novateurs alliant recherche fondamentale et recherche appliquée. Cette orientation permet de transformer l'excellence scientifique en compétitivité économique, en emplois et en qualité de vie, grâce au transfert des technologies.</p>\n      <p>L'Ecole dispose d'une organisation unique pour stimuler les recherches transdisciplinaires et favoriser les partenariats avec d'autres institutions.</p>\n      <p>Avec plus de 300 laboratoires et groupes de recherche sur son campus, l'EPFL figure parmi les institutions les plus innovantes et les plus productives sur le plan scientifique.</p>\n    </p>\n  </div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mt-5\">\n  <div class=\"container\">\n    <h2 class=\"mb-4 mt-4\">Key numbers</h2>\n  </div>\n  <div class=\"container\">\n  <div class=\"key-number-group row\">\n    <div class=\"key-number-large\">\n  <div class=\"card border-0 bg-white m-0 h-100\">\n    <div class=\"card-header border-0\">\n      <div class=\"row\">\n        <div class=\"col-md-6\">\n          <p class=\"h4\">Pays d'origine</p>\n        </div>\n        <div class=\"col-md-6 text-right\">\n          <img src=\"images/styleguide/key-numbers/collaborations.png\" alt=\"\">\n        </div>\n      </div>\n    </div>\n    <div class=\"card-body pt-0\">\n      <div class=\"row\">\n        <div class=\"col-md-6\">\n          <hr>\n          <p class=\"mb-0 display-4 font-weight-bold\">2'706</p>\n          <p class=\"text-small\">Femmes</p>\n        </div>\n        <div class=\"col-md-6\">\n          <hr>\n          <p class=\"mb-0 display-4 font-weight-bold\">7'180</p>\n          <p class=\"text-small\">Hommes</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n    <div class=\"key-number\">\n  <div class=\"card border-0 bg-white m-0 h-100\">\n    <div class=\"card-header border-0\">\n      <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n      <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n    </div>\n    <div class=\"card-body pt-0\">\n      <div class=\"row\">\n        <div class=\"col-sm-6\">\n          <hr>\n          <p class=\"h5 mb-0\">2'706</p>\n          <p class=\"text-small\">Femmes</p>\n        </div>\n        <div class=\"col-sm-6\">\n          <hr>\n          <p class=\"h5 mb-0\">7'180</p>\n          <p class=\"text-small\">Hommes</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n    <div class=\"key-number\">\n  <div class=\"card border-0 bg-white m-0 h-100\">\n    <div class=\"card-header border-0\">\n      <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n      <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n    </div>\n    <div class=\"card-body pt-0\">\n      <div class=\"row\">\n        <div class=\"col-sm-6\">\n          <hr>\n          <p class=\"h5 mb-0\">2'706</p>\n          <p class=\"text-small\">Femmes</p>\n        </div>\n        <div class=\"col-sm-6\">\n          <hr>\n          <p class=\"h5 mb-0\">7'180</p>\n          <p class=\"text-small\">Hommes</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n    <div class=\"key-number\">\n  <div class=\"card border-0 bg-white m-0 h-100\">\n    <div class=\"card-header border-0\">\n      <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n      <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n    </div>\n    <div class=\"card-body pt-0\">\n      <div class=\"row\">\n        <div class=\"col-sm-6\">\n          <hr>\n          <p class=\"h5 mb-0\">2'706</p>\n          <p class=\"text-small\">Femmes</p>\n        </div>\n        <div class=\"col-sm-6\">\n          <hr>\n          <p class=\"h5 mb-0\">7'180</p>\n          <p class=\"text-small\">Hommes</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n    <div class=\"key-number-large\">\n  <div class=\"card border-0 bg-white m-0 h-100\">\n    <div class=\"card-header border-0\">\n      <div class=\"row\">\n        <div class=\"col-md-6\">\n          <p class=\"h4\">Pays d'origine</p>\n        </div>\n        <div class=\"col-md-6 text-right\">\n          <img src=\"images/styleguide/key-numbers/collaborations.png\" alt=\"\">\n        </div>\n      </div>\n    </div>\n    <div class=\"card-body pt-0\">\n      <div class=\"row\">\n        <div class=\"col-md-6\">\n          <hr>\n          <p class=\"mb-0 display-4 font-weight-bold\">2'706</p>\n          <p class=\"text-small\">Femmes</p>\n        </div>\n        <div class=\"col-md-6\">\n          <hr>\n          <p class=\"mb-0 display-4 font-weight-bold\">7'180</p>\n          <p class=\"text-small\">Hommes</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n    <div class=\"key-number\">\n  <div class=\"card border-0 bg-white m-0 h-100\">\n    <div class=\"card-header border-0\">\n      <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n      <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n    </div>\n    <div class=\"card-body pt-0\">\n      <div class=\"row\">\n        <div class=\"col-sm-6\">\n          <hr>\n          <p class=\"h5 mb-0\">2'706</p>\n          <p class=\"text-small\">Femmes</p>\n        </div>\n        <div class=\"col-sm-6\">\n          <hr>\n          <p class=\"h5 mb-0\">7'180</p>\n          <p class=\"text-small\">Hommes</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n  </div>\n</div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mb-5\">\n  <div class=\"container\">\n    <h2 class=\"mb-4\">The last news</h2>\n    <div class=\"row\">\n              <div class=\"col-md-6\">\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=\"col-md-6\">\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>\n    <p class=\"text-center\">\n      <a href=\"#\">See all news</a>\n    </p>\n  </div>\n</div>\n\n<div class=\"container-full py-5 mb-5 mt-6\">\n  <div class=\"container\">\n    <h2 class=\"mb-4\">Explore</h2>\n    <div class=\"row\">\n              <div class=\"col-md-4\">\n            <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n        </div>\n              <div class=\"col-md-4\">\n            <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n        </div>\n              <div class=\"col-md-4\">\n            <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n        </div>\n          </div>\n    </p>\n  </div>\n  <div class=\"container\">\n    <h2 class=\"mb-4\">Engage</h2>\n    <div class=\"row\">\n              <div class=\"col-md-6\">\n            <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n        </div>\n              <div class=\"col-md-6\">\n            <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n        </div>\n              <div class=\"col-md-6\">\n            <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n        </div>\n              <div class=\"col-md-6\">\n            <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n        </div>\n          </div>\n    </p>\n  </div>\n</div>\n\n<div class=\"container\">\n  <div class=\"mb-4\">\n    <div class=\"row\">\n      <div class=\"col-md-6\">\n        <div class=\"card\">\n  <div class=\"card-body\">\n    <div class=\"my-3\">\n      <img class=\"img-fluid rounded-circle\" src=\"https://randomuser.me/api/portraits/women/2.jpg\" alt=\"Heidy Traill\">\n    </div>\n    <h3><a href=\"#\">Heidy Traill</a></h3>\n    <h4>Informations utiles</h4>\n<dl class=\"definition-list definition-list-grid\">\n  <dt>Fonction</dt>\n  <dd>Chercheur</dd>\n  <dt>Unité</dt>\n  <dd><a href=\"#\">Laboratoire de métallurgie mécanique</a></dd>\n  <dt>Domaines de recherche</dt>\n  <dd>\n    <a href=\"#\" class=\"tag tag-primary\">Inorganic Chemistry</a>\n    <a href=\"#\" class=\"tag tag-primary\">Organic Chemistry</a>\n    <a href=\"#\" class=\"tag tag-primary\">Renewable Energy</a>\n  </dd>\n  <dt>Bureau</dt>\n  <dd><a href=\"#\">BM 42</a></dd>\n  <dt class=\"definition-list-item-full\">A propos</dt>\n  <dd class=\"definition-list-item-full\">Research at the Laboratory of Mechanical Metallurgy addresses the science and engineering of advanced metallic materials. Our activities and interests span the entire spectrum from materials processing to the exploration of links between the microstructure and the properties of materials. Materials we study are made at least in part of metal and can be destined for structural or for functional applications.</dd>\n</dl>\n    <a class=\"btn btn-block btn-primary mb-2\" href=\"mailto:heidy.traill@epfl.ch\">heidy.traill@epfl.ch</a>\n\n    <div class=\"dropdown\">\n      <button class=\"btn btn-block btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n        Téléphones\n      </button>\n      <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n        <a class=\"dropdown-item\" href=\"#\">079 349 72 18</a>\n        <a class=\"dropdown-item\" href=\"#\">079 349 72 18</a>\n      </div>\n    </div>\n  </div>\n</div>\n      </div>\n      <div class=\"col-md-6\">\n          <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\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      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n      </div>\n    </div>\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/\">Data</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/admission/fr/\">Admission</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n                                              </li>\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 - Extension School</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/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/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                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</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/fr/mission-et-strategie/\">Mission et stratégie</a>\n                                              </li>\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/facilities/fr/\">Les plateformes de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</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/funding/fr/\">Sources de financement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</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/open-science/fr/\">La science ouverte</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/industry/fr/\">Collaboration avec l'industrie</a>\n                                              </li>\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/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";
 
 /***/ }),
 
@@ -49931,7 +49941,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          <div class=\"breadcrumb-container\">\n             <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\" id=\"breadcrumb-wrapper\">\n  <ol class=\"breadcrumb\">\n    <li class=\"breadcrumb-item\">\n      <a href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n      </a>\n    </li>\n    <li class=\"breadcrumb-item breadcrumb-tags-wrapper\">\n      <a href=\"#\" class=\"tag tag-tertiary\">School</a>\n      <a href=\"#\" class=\"tag tag-primary\">Innovation</a>\n      <a href=\"#\" class=\"tag tag-primary\">W3C</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=\"#\">School of Architecture, Civil and Environmental Engineering</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 – School of Architecture, Civil and Environmental Engineering</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</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 active\" aria-current=\"page\">\n      <span class=\"bread-item\">ENAC Faculty</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 – ENAC Faculty</span>\n        </button>\n        <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n          <li class=\"dropdown-item\"><a href=\"#\">News</a></li>\n          <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">ENAC Faculty</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=\"#\">Sustainability challenges</a></li>\n          <li class=\"dropdown-item\"><a href=\"#\">Intranet ENAC</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=\"#\">News</a></li>\n              <li class=\"active\">\n      <a href=\"#\">\n        ENAC Faculty\n                <span class=\"sr-only\">(page courante)</span>\n              </a>\n            <ul>\n                <li><a href=\"#\">Organization</a></li>\n                <li><a href=\"#\">Projects</a></li>\n                <li><a href=\"#\">Publications</a></li>\n                <li><a href=\"#\">Team</a></li>\n                <li><a href=\"#\">Teaching</a></li>\n              </ul>\n          </li>\n                <li><a href=\"#\">Education</a></li>\n            <li><a href=\"#\">Research</a></li>\n            <li><a href=\"#\">Sustainability challenges</a></li>\n            <li><a href=\"#\">Intranet ENAC</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                  </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/\">Data</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/admission/fr/\">Admission</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n                                              </li>\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 - Extension School</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/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/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                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</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/fr/mission-et-strategie/\">Mission et stratégie</a>\n                                              </li>\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/facilities/fr/\">Les plateformes de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</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/funding/fr/\">Sources de financement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</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/open-science/fr/\">La science ouverte</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/industry/fr/\">Collaboration avec l'industrie</a>\n                                              </li>\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/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";
+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                  </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/\">Data</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/admission/fr/\">Admission</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n                                              </li>\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 - Extension School</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/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/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                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</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/fr/mission-et-strategie/\">Mission et stratégie</a>\n                                              </li>\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/facilities/fr/\">Les plateformes de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</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/funding/fr/\">Sources de financement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</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/open-science/fr/\">La science ouverte</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/industry/fr/\">Collaboration avec l'industrie</a>\n                                              </li>\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/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";
 
 /***/ }),
 
@@ -50121,7 +50131,7 @@ module.exports = /*#__PURE__*/JSON.parse('{"classId":"classID","dataType":"datat
 /***/ (function(module) {
 
 "use strict";
-module.exports = /*#__PURE__*/JSON.parse('{"title":"Alert","name":"alert","notes":"Alerts help explain people what is going on in the system. Either for a success or a problem: the message should be clear. Green, blue and orange colours are specific to the alert component: **don\'t use them elsewhere**.\\n","variants":[{"name":"types","title":"Alert types","notes":"There is **4 variations** of the alert component:\\n* `alert-success` — used to confirm a completed task or the successful submission of a form.\\n* `alert-info` — used to display an interesting yet non-critical information.\\n* `alert-warning` — used for unexpected events, that people must pay attention.\\n* `alert-danger` — used for critical information: an error or the unavailability of a service.\\n"}]}');
+module.exports = /*#__PURE__*/JSON.parse('{"title":"Alert","name":"alert","notes":"Alerts help explain people what is going on in the system. Either for a success or a problem: the message should be clear. Green, blue and orange colours are specific to the alert component: **don\'t use them elsewhere**.\\n","variants":[{"name":"types","title":"Alert types","notes":"There is **4 variations** of the alert component:\\n* `alert-success` — used to confirm a completed task or the successful submission of a form.\\n* `alert-info` — used to display an interesting yet non-critical information.\\n* `alert-warning` — used for unexpected events, that people must pay attention.\\n* `alert-danger` — used for critical information: an error or the unavailability of a service.\\n"},{"name":"unclosable","title":"Unclosable Alert","notes":"This variant cannot be closed by the user.\\n\\nIt can be combined with the variants of the alert component `alert-success`, `alert-info`, `alert-warning` and `alert-danger`.\\n"}]}');
 
 /***/ }),
 
@@ -62315,7 +62325,7 @@ function SidebarDocs() {
   })));
 }
 ;// CONCATENATED MODULE: ./package.json
-var package_namespaceObject = {"rE":"5.4.0"};
+var package_namespaceObject = {"rE":"5.5.0"};
 ;// CONCATENATED MODULE: ./reader/components/Sidebar/Sidebar.jsx