epfl-elements 5.2.0 → 5.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/organisms/sponsor-list/sponsor-list-link.twig +6 -3
- package/dist/components/organisms/sponsor-list/sponsor-list.twig +6 -3
- package/dist/components/pages/basic-page/basic-page.twig +1 -0
- package/dist/components/pages/campus/campus.twig +1 -0
- package/dist/components/pages/education/education.twig +1 -0
- package/dist/components/pages/facultes/facultes.twig +1 -0
- package/dist/components/pages/innovation/innovation.twig +1 -0
- package/dist/components/pages/lab-homepage/lab-homepage.twig +1 -0
- package/dist/components/pages/programs/programs.twig +1 -0
- package/dist/components/pages/research/research.twig +1 -0
- package/dist/components/pages/study-plan/study-plan.twig +1 -1
- package/dist/components/pages/study-plan-course/study-plan-course.twig +1 -1
- package/dist/css/elements.css +14 -7
- package/dist/css/elements.min.css +1 -1
- package/dist/css/elements.min.css.map +1 -1
- package/dist/js/reader.js +14 -14
- package/dist/js/reader.min.js +2 -2
- package/dist/js/reader.min.js.map +1 -1
- package/dist/package.json +1 -1
- package/package.json +1 -1
package/dist/js/reader.js
CHANGED
|
@@ -49568,7 +49568,7 @@ module.exports = "<div class=\"social-feed-group\">\n <div class=\"social-feed-
|
|
|
49568
49568
|
/***/ (function(module) {
|
|
49569
49569
|
|
|
49570
49570
|
"use strict";
|
|
49571
|
-
module.exports = "<div class=\"row justify-content-center\">\n <div class=\"col-md-
|
|
49571
|
+
module.exports = "<div class=\"row justify-content-center\">\n <div class=\"col-md-3\">\n <figure>\n <a href=\"#\">\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n </a>\n <hr>\n <figcaption><a href=\"#\">Lorem ipsum dolor sit amet.</a></figcaption>\n <hr class=\"bold\">\n</figure> </div>\n <div class=\"col-md-3\">\n <figure>\n <a href=\"#\">\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n </a>\n <hr>\n <figcaption><a href=\"#\">Lorem ipsum dolor sit amet.</a></figcaption>\n <hr class=\"bold\">\n</figure> </div>\n <div class=\"col-md-3\">\n <figure>\n <a href=\"#\">\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n </a>\n <hr>\n <figcaption><a href=\"#\">Lorem ipsum dolor sit amet.</a></figcaption>\n <hr class=\"bold\">\n</figure> </div>\n <div class=\"col-md-3\">\n <figure>\n <a href=\"#\">\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n </a>\n <hr>\n <figcaption><a href=\"#\">Lorem ipsum dolor sit amet.</a></figcaption>\n <hr class=\"bold\">\n</figure> </div>\n</div>";
|
|
49572
49572
|
|
|
49573
49573
|
/***/ }),
|
|
49574
49574
|
|
|
@@ -49576,7 +49576,7 @@ module.exports = "<div class=\"row justify-content-center\">\n <div class=\"col
|
|
|
49576
49576
|
/***/ (function(module) {
|
|
49577
49577
|
|
|
49578
49578
|
"use strict";
|
|
49579
|
-
module.exports = "<div class=\"row justify-content-center\">\n <div class=\"col-md-
|
|
49579
|
+
module.exports = "<div class=\"row justify-content-center\">\n <div class=\"col-md-3\">\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 class=\"col-md-3\">\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 class=\"col-md-3\">\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 class=\"col-md-3\">\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>";
|
|
49580
49580
|
|
|
49581
49581
|
/***/ }),
|
|
49582
49582
|
|
|
@@ -49608,7 +49608,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49608
49608
|
/***/ (function(module) {
|
|
49609
49609
|
|
|
49610
49610
|
"use strict";
|
|
49611
|
-
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 \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 <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/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>© 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";
|
|
49611
|
+
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\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link bread-home\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Display the complete path</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Schools</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – Schools</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">About</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Schools</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">ENAC</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-2\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – ENAC</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-2\">\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">School of Architecture, Civil and Environmental Engineering (ENAC)</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Computer and Communication Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Basic Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Life Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Management of Technology</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Humanities</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sections</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Sustainability challenges</a>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">FUSTIC association</span>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-3\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – FUSTIC association</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">ENAC Clusters</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Interdisciplinary Centers</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">FUSTIC association</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability grants</a></li>\n </ul>\n </div>\n </li>\n </ol>\n</nav>\n </div>\n \n <div class=\"nav-toggle-layout nav-aside-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n <aside class=\"nav-aside-wrapper\">\n <nav\n id=\"nav-aside\"\n class=\"nav-aside\"\n role=\"navigation\"\n aria-describedby=\"nav-aside-title\"\n>\n <h2 class=\"h5 sr-only-xl\" id=\"nav-aside-title\">Dans la même section</h2>\n <ul class=\"nav-menu\">\n <li><a href=\"#\">S'inscrire au Master</a></li>\n <li><a href=\"#\">Plan d'études</a></li>\n <li><a href=\"#\">En cours d'études</a></li>\n <li><a href=\"#\">Mineurs</a></li>\n <li><a href=\"#\">Projets de semestre</a></li>\n <li class=\"active\">\n <a href=\"#\">Projets de Master <span class=\"sr-only\">(page courante)</span></a>\n <ul>\n <li><a href=\"#\">Projets par laboratoire</a></li>\n <li><a href=\"#\">Master's project expectations</a></li>\n </ul>\n </li>\n <li><a href=\"#\">Contacts</a></li>\n <li><a href=\"#\">Stages</a></li>\n <li><a href=\"#\">Bourse de recherche du programme MSc</a></li>\n </ul>\n</nav>\n </aside>\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n <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/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>© 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";
|
|
49612
49612
|
|
|
49613
49613
|
/***/ }),
|
|
49614
49614
|
|
|
@@ -49632,7 +49632,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49632
49632
|
/***/ (function(module) {
|
|
49633
49633
|
|
|
49634
49634
|
"use strict";
|
|
49635
|
-
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 \n<div class=\"container-full\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Campus</h1>\n </div>\n <div class=\"hero-img\">\n <img src=\"images/styleguide/gallery/gallery_01.jpg\" alt=\"IMAGE DESCRIPTION HERE\" class=\"img-fluid\">\n </div>\n </div>\n</div>\n\n\n<div class=\"container mt-5\">\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=\"links-group\">\n <h5 id=\"links-group-title\">Plus d'informations sur la faculté</h5>\n <ul class=\"list-unstyled\">\n <li><a class=\"link-pretty\" href=\"#\">Tous les laboratoires de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Liste des professeurs de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Postes à pourvoir à l'ENAC</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Services internes</a></li>\n <li><a class=\"link-pretty\" href=\"#\">L'organisation de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Chaires de l'ENAC</a></li>\n </ul>\n</div>\n </div>\n </div>\n</div>\n\n\n<div class=\"container-full bg-gray-100 py-5 mt-5\">\n <div class=\"overflow-hidden\">\n <div class=\"container\">\n <h2 class=\"mb-4 mt-4\">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</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 mt-5\">\n <div class=\"container\">\n <h2 class=\"mb-4\">Lausanne</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 </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 mt-5\">\n <div class=\"container\">\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=\"links-group\">\n <h5 id=\"links-group-title\">Plus d'informations sur la faculté</h5>\n <ul class=\"list-unstyled\">\n <li><a class=\"link-pretty\" href=\"#\">Tous les laboratoires de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Liste des professeurs de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Postes à pourvoir à l'ENAC</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Services internes</a></li>\n <li><a class=\"link-pretty\" href=\"#\">L'organisation de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Chaires de l'ENAC</a></li>\n </ul>\n</div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"container mt-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\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/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 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";
|
|
49635
|
+
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\">Campus</h1>\n </div>\n <div class=\"hero-img\">\n <img src=\"images/styleguide/gallery/gallery_01.jpg\" alt=\"IMAGE DESCRIPTION HERE\" class=\"img-fluid\">\n </div>\n </div>\n</div>\n\n\n<div class=\"container mt-5\">\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=\"links-group\">\n <h5 id=\"links-group-title\">Plus d'informations sur la faculté</h5>\n <ul class=\"list-unstyled\">\n <li><a class=\"link-pretty\" href=\"#\">Tous les laboratoires de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Liste des professeurs de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Postes à pourvoir à l'ENAC</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Services internes</a></li>\n <li><a class=\"link-pretty\" href=\"#\">L'organisation de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Chaires de l'ENAC</a></li>\n </ul>\n</div>\n </div>\n </div>\n</div>\n\n\n<div class=\"container-full bg-gray-100 py-5 mt-5\">\n <div class=\"overflow-hidden\">\n <div class=\"container\">\n <h2 class=\"mb-4 mt-4\">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</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 mt-5\">\n <div class=\"container\">\n <h2 class=\"mb-4\">Lausanne</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 </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 mt-5\">\n <div class=\"container\">\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=\"links-group\">\n <h5 id=\"links-group-title\">Plus d'informations sur la faculté</h5>\n <ul class=\"list-unstyled\">\n <li><a class=\"link-pretty\" href=\"#\">Tous les laboratoires de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Liste des professeurs de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Postes à pourvoir à l'ENAC</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Services internes</a></li>\n <li><a class=\"link-pretty\" href=\"#\">L'organisation de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Chaires de l'ENAC</a></li>\n </ul>\n</div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"container mt-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\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/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 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";
|
|
49636
49636
|
|
|
49637
49637
|
/***/ }),
|
|
49638
49638
|
|
|
@@ -49640,7 +49640,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49640
49640
|
/***/ (function(module) {
|
|
49641
49641
|
|
|
49642
49642
|
"use strict";
|
|
49643
|
-
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 \n<div class=\"container-full\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Education</h1>\n </div>\n <div class=\"hero-img\">\n <img src=\"images/styleguide/gallery/gallery_01.jpg\" alt=\"IMAGE DESCRIPTION HERE\" class=\"img-fluid\">\n </div>\n </div>\n</div>\n\n<div class=\"mt-5\">\n <p>\n Treize filières de formation dans les sciences de l’ingénieur, des programmes doctoraux de choix, des laboratoires de pointe dirigés par des professeurs de réputation internationale, un campus moderne en plein développement, des liens privilégiés avec l’industrie: l’EPFL offre des conditions d’études hors du commun aux jeunes qui envisagent d’amorcer une formation supérieure dans le domaine des sciences et de la technique.\n </p>\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 mt-5\">\n <h2 class=\"mb-4 mt-4\">Cursus</h2>\n <div class=\"row\">\n <div class=\"col-md-4\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Doctorats</h3>\n <p class=\"card-text\">Une école doctorale de 20 programmes pour 20 disciplines, qui catalysent une communauté scientifique toujours plus dynamique et innovante.</p>\n </div>\n</a>\n </div>\n <div class=\"col-md-4\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Doctorats</h3>\n <p class=\"card-text\">Une école doctorale de 20 programmes pour 20 disciplines, qui catalysent une communauté scientifique toujours plus dynamique et innovante.</p>\n </div>\n</a>\n </div>\n <div class=\"col-md-4\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Doctorats</h3>\n <p class=\"card-text\">Une école doctorale de 20 programmes pour 20 disciplines, qui catalysent une communauté scientifique toujours plus dynamique et innovante.</p>\n </div>\n</a>\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 mt-5\">\n <div class=\"overflow-hidden\">\n <div class=\"container\">\n <h2 class=\"mb-4 mt-4\">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</div>\n\n<div class=\"container py-5 mt-5\">\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=\"links-group\">\n <h5 id=\"links-group-title\">Plus d'informations sur la faculté</h5>\n <ul class=\"list-unstyled\">\n <li><a class=\"link-pretty\" href=\"#\">Tous les laboratoires de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Liste des professeurs de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Postes à pourvoir à l'ENAC</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Services internes</a></li>\n <li><a class=\"link-pretty\" href=\"#\">L'organisation de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Chaires de l'ENAC</a></li>\n </ul>\n</div>\n </div>\n </div>\n</div>\n\n<div class=\"container mt-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\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/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 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";
|
|
49643
|
+
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\">Education</h1>\n </div>\n <div class=\"hero-img\">\n <img src=\"images/styleguide/gallery/gallery_01.jpg\" alt=\"IMAGE DESCRIPTION HERE\" class=\"img-fluid\">\n </div>\n </div>\n</div>\n\n<div class=\"mt-5\">\n <p>\n Treize filières de formation dans les sciences de l’ingénieur, des programmes doctoraux de choix, des laboratoires de pointe dirigés par des professeurs de réputation internationale, un campus moderne en plein développement, des liens privilégiés avec l’industrie: l’EPFL offre des conditions d’études hors du commun aux jeunes qui envisagent d’amorcer une formation supérieure dans le domaine des sciences et de la technique.\n </p>\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 mt-5\">\n <h2 class=\"mb-4 mt-4\">Cursus</h2>\n <div class=\"row\">\n <div class=\"col-md-4\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Doctorats</h3>\n <p class=\"card-text\">Une école doctorale de 20 programmes pour 20 disciplines, qui catalysent une communauté scientifique toujours plus dynamique et innovante.</p>\n </div>\n</a>\n </div>\n <div class=\"col-md-4\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Doctorats</h3>\n <p class=\"card-text\">Une école doctorale de 20 programmes pour 20 disciplines, qui catalysent une communauté scientifique toujours plus dynamique et innovante.</p>\n </div>\n</a>\n </div>\n <div class=\"col-md-4\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Doctorats</h3>\n <p class=\"card-text\">Une école doctorale de 20 programmes pour 20 disciplines, qui catalysent une communauté scientifique toujours plus dynamique et innovante.</p>\n </div>\n</a>\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 mt-5\">\n <div class=\"overflow-hidden\">\n <div class=\"container\">\n <h2 class=\"mb-4 mt-4\">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</div>\n\n<div class=\"container py-5 mt-5\">\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=\"links-group\">\n <h5 id=\"links-group-title\">Plus d'informations sur la faculté</h5>\n <ul class=\"list-unstyled\">\n <li><a class=\"link-pretty\" href=\"#\">Tous les laboratoires de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Liste des professeurs de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Postes à pourvoir à l'ENAC</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Services internes</a></li>\n <li><a class=\"link-pretty\" href=\"#\">L'organisation de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Chaires de l'ENAC</a></li>\n </ul>\n</div>\n </div>\n </div>\n</div>\n\n<div class=\"container mt-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\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/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 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";
|
|
49644
49644
|
|
|
49645
49645
|
/***/ }),
|
|
49646
49646
|
|
|
@@ -49680,7 +49680,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49680
49680
|
/***/ (function(module) {
|
|
49681
49681
|
|
|
49682
49682
|
"use strict";
|
|
49683
|
-
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 \">\n \n<div class=\"container\">\n <div class=\"container-grid mt-5 mb-6\">\n <h1 class=\"mb-5\">Les facultés de l'EPFL</h1>\n <p>What is a faculty ? Explain in a few sentences.</p>\n </div>\n</div>\n\n<div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-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-md-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-md-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-md-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-md-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-md-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-md-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-md-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-md-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-md-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 </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 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";
|
|
49683
|
+
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 \">\n \n<div class=\"container\">\n <div class=\"container-grid mt-5 mb-6\">\n <h1 class=\"mb-5\">Les facultés de l'EPFL</h1>\n <p>What is a faculty ? Explain in a few sentences.</p>\n </div>\n</div>\n\n<div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-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-md-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-md-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-md-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-md-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-md-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-md-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-md-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-md-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-md-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 </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 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";
|
|
49684
49684
|
|
|
49685
49685
|
/***/ }),
|
|
49686
49686
|
|
|
@@ -49696,7 +49696,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49696
49696
|
/***/ (function(module) {
|
|
49697
49697
|
|
|
49698
49698
|
"use strict";
|
|
49699
|
-
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 \n<div class=\"container-full\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Innovation</h1>\n </div>\n <div class=\"hero-img\">\n <img src=\"images/styleguide/gallery/gallery_01.jpg\" alt=\"IMAGE DESCRIPTION HERE\" class=\"img-fluid\">\n </div>\n </div>\n</div>\n\n<div class=\"mt-5\">\n <p>\n La vice-présidence pour l'innovation (VPI) est l'interface entre l'EPFL et les milieux économiques. Elle encourage l'entrepreneuriat et la création de start-ups, elle favorise l'innovation et la recherche en aidant l'industrie à développer des partenariats avec l'EPFL. la VPI est également en charge de la plateforme Switzerland Innovation Park Network West, qui est étroitement liée à l'extension des autres campus de l'EPFL.\n </p>\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\">\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 py-5 mt-5\">\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>\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>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mt-5\">\n <div class=\"overflow-hidden\">\n <div class=\"container\">\n <h2 class=\"mb-4 mt-4\">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</div>\n\n<div class=\"container py-5 mt-5\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <div class=\"card\">\n <div class=\"card-body\">\n <div class=\"my-3 d-md-flex align-items-center\">\n <img class=\"img-fluid rounded-circle mr-4\" src=\"https://randomuser.me/api/portraits/women/2.jpg\" alt=\"Shawna Reeves O'Neill Edwards\">\n <div class=\"w-100 mt-2 mt-md-0\">\n <a class=\"btn btn-block btn-primary mb-2\" href=\"mailto:heidy.traill@epfl.ch\">shawna.reeves.oneill.edwards@epfl.ch</a>\n <a class=\"btn btn-block btn-secondary\" href=\"tel:+41791234567\">+41 79 123 45 67</a>\n </div>\n </div>\n <h3><a href=\"#\">Shawna Reeves O'Neill Edwards</a></h3>\n <dl class=\"definition-list definition-list-grid mb-0\">\n <dt>Fonction</dt>\n <dd>Journaliste, Secouriste</dd>\n <dt>Bureau</dt>\n <dd><a href=\"#\">BM 4129</a></dd>\n </dl>\n </div>\n</div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"links-group\">\n <h5 id=\"links-group-title\">Plus d'informations sur la faculté</h5>\n <ul class=\"list-unstyled\">\n <li><a class=\"link-pretty\" href=\"#\">Tous les laboratoires de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Liste des professeurs de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Postes à pourvoir à l'ENAC</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Services internes</a></li>\n <li><a class=\"link-pretty\" href=\"#\">L'organisation de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Chaires de l'ENAC</a></li>\n </ul>\n</div>\n </div>\n </div>\n</div>\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 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";
|
|
49699
|
+
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\">Innovation</h1>\n </div>\n <div class=\"hero-img\">\n <img src=\"images/styleguide/gallery/gallery_01.jpg\" alt=\"IMAGE DESCRIPTION HERE\" class=\"img-fluid\">\n </div>\n </div>\n</div>\n\n<div class=\"mt-5\">\n <p>\n La vice-présidence pour l'innovation (VPI) est l'interface entre l'EPFL et les milieux économiques. Elle encourage l'entrepreneuriat et la création de start-ups, elle favorise l'innovation et la recherche en aidant l'industrie à développer des partenariats avec l'EPFL. la VPI est également en charge de la plateforme Switzerland Innovation Park Network West, qui est étroitement liée à l'extension des autres campus de l'EPFL.\n </p>\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\">\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 py-5 mt-5\">\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>\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>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mt-5\">\n <div class=\"overflow-hidden\">\n <div class=\"container\">\n <h2 class=\"mb-4 mt-4\">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</div>\n\n<div class=\"container py-5 mt-5\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <div class=\"card\">\n <div class=\"card-body\">\n <div class=\"my-3 d-md-flex align-items-center\">\n <img class=\"img-fluid rounded-circle mr-4\" src=\"https://randomuser.me/api/portraits/women/2.jpg\" alt=\"Shawna Reeves O'Neill Edwards\">\n <div class=\"w-100 mt-2 mt-md-0\">\n <a class=\"btn btn-block btn-primary mb-2\" href=\"mailto:heidy.traill@epfl.ch\">shawna.reeves.oneill.edwards@epfl.ch</a>\n <a class=\"btn btn-block btn-secondary\" href=\"tel:+41791234567\">+41 79 123 45 67</a>\n </div>\n </div>\n <h3><a href=\"#\">Shawna Reeves O'Neill Edwards</a></h3>\n <dl class=\"definition-list definition-list-grid mb-0\">\n <dt>Fonction</dt>\n <dd>Journaliste, Secouriste</dd>\n <dt>Bureau</dt>\n <dd><a href=\"#\">BM 4129</a></dd>\n </dl>\n </div>\n</div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"links-group\">\n <h5 id=\"links-group-title\">Plus d'informations sur la faculté</h5>\n <ul class=\"list-unstyled\">\n <li><a class=\"link-pretty\" href=\"#\">Tous les laboratoires de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Liste des professeurs de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Postes à pourvoir à l'ENAC</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Services internes</a></li>\n <li><a class=\"link-pretty\" href=\"#\">L'organisation de la faculté</a></li>\n <li><a class=\"link-pretty\" href=\"#\">Chaires de l'ENAC</a></li>\n </ul>\n</div>\n </div>\n </div>\n</div>\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 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";
|
|
49700
49700
|
|
|
49701
49701
|
/***/ }),
|
|
49702
49702
|
|
|
@@ -49704,7 +49704,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49704
49704
|
/***/ (function(module) {
|
|
49705
49705
|
|
|
49706
49706
|
"use strict";
|
|
49707
|
-
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<div class=\"tlbx-single-full-intro d-flex justify-content-between\">\n <h1 class=\"h3 my-0\">Laboratory page (<a href=\"#/doc/create%20a%20page.md\" target=\"_blank\" onclick=\"window.open('#/doc/create%20a%20page.md')\">doc</a>)</h1>\n <button class=\"btn btn-sm btn-primary\" id=\"tour-start\">Start the tour !</button>\n</div>\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 <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> \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=\"container-full\" id=\"tour-hero\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Laboratory Full Name LFN</h1>\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=\"mt-5\" id=\"tour-lab\">\n <div id=\"tour-intro\">\n <p>\n This is a laboratory introduction text about all the good stuff that are made here, the current project and the passionate people who work here. It is always interesting to know in few lines what is all about.\n </p>\n </div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mt-5\" id=\"tour-projects\">\n <div class=\"container\">\n <h2 class=\"mb-4\">Our current projects</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=\"h5 card-title\">\n <a href=\"#\">Avançon bridge GFRP</a>\n </h3>\n <div class=\"card-info\">\n <span>Composite construction laboratoire CCLAB</span>\n </div>\n <p>Avançon bridge GFRP-balsa sandwich bridge deck adhesively bonded onto steel girders, replacing a one-lane concrete bridge\n by a new two-lane bridge without increasing total load</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Voir plus</a>\n </div>\n</div>\n<!-- 🛠 Research project component -->\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=\"h5 card-title\">\n <a href=\"#\">Avançon bridge GFRP</a>\n </h3>\n <div class=\"card-info\">\n <span>Composite construction laboratoire CCLAB</span>\n </div>\n <p>Avançon bridge GFRP-balsa sandwich bridge deck adhesively bonded onto steel girders, replacing a one-lane concrete bridge\n by a new two-lane bridge without increasing total load</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Voir plus</a>\n </div>\n</div>\n<!-- 🛠 Research project component -->\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=\"h5 card-title\">\n <a href=\"#\">Avançon bridge GFRP</a>\n </h3>\n <div class=\"card-info\">\n <span>Composite construction laboratoire CCLAB</span>\n </div>\n <p>Avançon bridge GFRP-balsa sandwich bridge deck adhesively bonded onto steel girders, replacing a one-lane concrete bridge\n by a new two-lane bridge without increasing total load</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Voir plus</a>\n </div>\n</div>\n<!-- 🛠 Research project component -->\n </div>\n </div>\n<p class=\"text-center\">\n <a href=\"#\">See all projects</a>\n</p>\n </div>\n</div>\n\n<div class=\"container\">\n <div id=\"tour-publications\">\n <h2 class=\"mb-4 mt-6\">Our publications</h2>\n \n<div class=\"infoscienceBox no-tex2jax_process\">\n <div class=\"list-group my-3\">\n <h1 class=\"h2 mt-3\">2018</h1>\n <h2 class=\"h2 mt-3\">Theses</h2>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a> /\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe (Dir.)</a>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing 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 <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">Full text</a> –\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">View at publisher</a>\n </p>\n </div>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>\n <span class=\"infoscience_more_authors_element\">et al. </span>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing 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 <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n </p>\n </div>\n </div>\n </div>\n <h2 class=\"h3 mt-1 mb-2\">Journal Articles</h2>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <a href=\"https://infoscience.epfl.ch/record/232935/files/heroguel_controlled_2017_jcat_2.jpg\" target=\"_blank\"><img style=\"max-width:80px;\" src=\"https://infoscience.epfl.ch/record/232935/files/heroguel_controlled_2017_jcat_2.jpg\" class=\"float-left mr-3 infoscience_publication_illustration\" alt=\"publication thumbnail\"></a>\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>\n <span class=\"infoscience_more_authors_element\">et al. </span>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing 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 <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">Full text</a> –\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">View at publisher</a>\n </p>\n </div>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <a href=\"https://infoscience.epfl.ch/record/254912/files/Graphical%20Abstract.jpg\" target=\"_blank\"><img style=\"max-width:80px;\" src=\"https://infoscience.epfl.ch/record/254912/files/Graphical%20Abstract.jpg\" class=\"float-left mr-3 infoscience_publication_illustration\" alt=\"publication thumbnail\"></a>\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>\n <span class=\"infoscience_more_authors_element\">et al. </span>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing 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 <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n </p>\n </div>\n </div>\n </div>\n </div>\n <p class=\"text-center\">\n <a href=\"#\" target=\"_blank\">See all publications</a>\n </p>\n </div>\n </div>\n</div>\n\n<div class=\"container\">\n <div id=\"tour-news\">\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</div>\n\n<div class=\"container-full bg-gray-100 py-5 my-5\">\n <div class=\"container\">\n <div id=\"tour-partof\">\n <h2 class=\"mb-4\">DCSL is part of</h2>\n <div class=\"row mb-5\">\n <div class=\"col-md-6\">\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-md-6\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"h5 card-title\"><a href=\"#\">Institut d'ingénierie de l'environnement – IIE</a></h3>\n <div class=\"card-info\">\n <span>Faculté de l’Environnement Naturel, Architectural et Construit </span>\n </div>\n <p>L’objectif principal de l’Institut d’architecture et de la ville (IA) est le développement de la recherche. Une tâche fondamentale qui sous-entend que l’architecture, la qualité de la construction, l’insertion dans le milieu environnant, le respect des paysages naturels et urbains ainsi que celui du patrimoine culturel sont prioritairement d’intérêt général.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n </div>\n <div class=\"col-12\">\n <h3>Themes</h3>\n <a href=\"#\" class=\"tag tag-primary\">Theme 1</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 2</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 3</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 4</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 5</a>\n </div>\n </div>\n </div>\n <div id=\"tour-contact\">\n <div class=\"bg-white p-4 p-md-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 </div>\n </div>\n</div>\n\n\n<div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-6\" id=\"tour-team\">\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\" id=\"tour-sponsors\">\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\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>© 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";
|
|
49707
|
+
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<div class=\"tlbx-single-full-intro d-flex justify-content-between\">\n <h1 class=\"h3 my-0\">Laboratory page (<a href=\"#/doc/create%20a%20page.md\" target=\"_blank\" onclick=\"window.open('#/doc/create%20a%20page.md')\">doc</a>)</h1>\n <button class=\"btn btn-sm btn-primary\" id=\"tour-start\">Start the tour !</button>\n</div>\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 <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> \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 <div class=\"container-full\" id=\"tour-hero\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Laboratory Full Name LFN</h1>\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=\"mt-5\" id=\"tour-lab\">\n <div id=\"tour-intro\">\n <p>\n This is a laboratory introduction text about all the good stuff that are made here, the current project and the passionate people who work here. It is always interesting to know in few lines what is all about.\n </p>\n </div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mt-5\" id=\"tour-projects\">\n <div class=\"container\">\n <h2 class=\"mb-4\">Our current projects</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=\"h5 card-title\">\n <a href=\"#\">Avançon bridge GFRP</a>\n </h3>\n <div class=\"card-info\">\n <span>Composite construction laboratoire CCLAB</span>\n </div>\n <p>Avançon bridge GFRP-balsa sandwich bridge deck adhesively bonded onto steel girders, replacing a one-lane concrete bridge\n by a new two-lane bridge without increasing total load</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Voir plus</a>\n </div>\n</div>\n<!-- 🛠 Research project component -->\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=\"h5 card-title\">\n <a href=\"#\">Avançon bridge GFRP</a>\n </h3>\n <div class=\"card-info\">\n <span>Composite construction laboratoire CCLAB</span>\n </div>\n <p>Avançon bridge GFRP-balsa sandwich bridge deck adhesively bonded onto steel girders, replacing a one-lane concrete bridge\n by a new two-lane bridge without increasing total load</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Voir plus</a>\n </div>\n</div>\n<!-- 🛠 Research project component -->\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=\"h5 card-title\">\n <a href=\"#\">Avançon bridge GFRP</a>\n </h3>\n <div class=\"card-info\">\n <span>Composite construction laboratoire CCLAB</span>\n </div>\n <p>Avançon bridge GFRP-balsa sandwich bridge deck adhesively bonded onto steel girders, replacing a one-lane concrete bridge\n by a new two-lane bridge without increasing total load</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Voir plus</a>\n </div>\n</div>\n<!-- 🛠 Research project component -->\n </div>\n </div>\n<p class=\"text-center\">\n <a href=\"#\">See all projects</a>\n</p>\n </div>\n</div>\n\n<div class=\"container\">\n <div id=\"tour-publications\">\n <h2 class=\"mb-4 mt-6\">Our publications</h2>\n \n<div class=\"infoscienceBox no-tex2jax_process\">\n <div class=\"list-group my-3\">\n <h1 class=\"h2 mt-3\">2018</h1>\n <h2 class=\"h2 mt-3\">Theses</h2>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a> /\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe (Dir.)</a>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing 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 <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">Full text</a> –\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">View at publisher</a>\n </p>\n </div>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>\n <span class=\"infoscience_more_authors_element\">et al. </span>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing 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 <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n </p>\n </div>\n </div>\n </div>\n <h2 class=\"h3 mt-1 mb-2\">Journal Articles</h2>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <a href=\"https://infoscience.epfl.ch/record/232935/files/heroguel_controlled_2017_jcat_2.jpg\" target=\"_blank\"><img style=\"max-width:80px;\" src=\"https://infoscience.epfl.ch/record/232935/files/heroguel_controlled_2017_jcat_2.jpg\" class=\"float-left mr-3 infoscience_publication_illustration\" alt=\"publication thumbnail\"></a>\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>\n <span class=\"infoscience_more_authors_element\">et al. </span>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing 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 <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">Full text</a> –\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">View at publisher</a>\n </p>\n </div>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <a href=\"https://infoscience.epfl.ch/record/254912/files/Graphical%20Abstract.jpg\" target=\"_blank\"><img style=\"max-width:80px;\" src=\"https://infoscience.epfl.ch/record/254912/files/Graphical%20Abstract.jpg\" class=\"float-left mr-3 infoscience_publication_illustration\" alt=\"publication thumbnail\"></a>\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>\n <span class=\"infoscience_more_authors_element\">et al. </span>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing 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 <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n </p>\n </div>\n </div>\n </div>\n </div>\n <p class=\"text-center\">\n <a href=\"#\" target=\"_blank\">See all publications</a>\n </p>\n </div>\n </div>\n</div>\n\n<div class=\"container\">\n <div id=\"tour-news\">\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</div>\n\n<div class=\"container-full bg-gray-100 py-5 my-5\">\n <div class=\"container\">\n <div id=\"tour-partof\">\n <h2 class=\"mb-4\">DCSL is part of</h2>\n <div class=\"row mb-5\">\n <div class=\"col-md-6\">\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-md-6\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"h5 card-title\"><a href=\"#\">Institut d'ingénierie de l'environnement – IIE</a></h3>\n <div class=\"card-info\">\n <span>Faculté de l’Environnement Naturel, Architectural et Construit </span>\n </div>\n <p>L’objectif principal de l’Institut d’architecture et de la ville (IA) est le développement de la recherche. Une tâche fondamentale qui sous-entend que l’architecture, la qualité de la construction, l’insertion dans le milieu environnant, le respect des paysages naturels et urbains ainsi que celui du patrimoine culturel sont prioritairement d’intérêt général.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n </div>\n <div class=\"col-12\">\n <h3>Themes</h3>\n <a href=\"#\" class=\"tag tag-primary\">Theme 1</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 2</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 3</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 4</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 5</a>\n </div>\n </div>\n </div>\n <div id=\"tour-contact\">\n <div class=\"bg-white p-4 p-md-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 </div>\n </div>\n</div>\n\n\n<div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-6\" id=\"tour-team\">\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\" id=\"tour-sponsors\">\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\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>© 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";
|
|
49708
49708
|
|
|
49709
49709
|
/***/ }),
|
|
49710
49710
|
|
|
@@ -49768,7 +49768,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49768
49768
|
/***/ (function(module) {
|
|
49769
49769
|
|
|
49770
49770
|
"use strict";
|
|
49771
|
-
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 \">\n \n<div class=\"container\">\n <div class=\"container-grid mt-5 mb-6\">\n <h1 class=\"mb-5\">Programmes</h1>\n\n <p>Un cursus de Bachelor représente en règle générale 3 années d'études, soit <a href=\"https://bachelor.epfl.ch/cms/site/bachelor2/op/edit/lang/fr/faq#faq-492445\" target=\"_blank\">180 crédits ECTS</a>. Le cursus est divisé en une première année dite propédeutique puis un cycle plus spécifique de 2 ans. La possibilité de partir pour un échange international d'un semestre ou d'un an est offerte lors de la troisième année du programme.</p>\n <p>Un bachelor EPFL est un diplôme intermédiaire. Il est le passeport pour débuter un programme de master, à l'EPFL ou auprès d'une autre université dans le monde. La page <a href=\"https://bachelor.epfl.ch/cms/site/bachelor2/lang/fr/structure-etudes\" target=\"_blank\">structure générale</a> des études détaille cette organisation des cursus.</p>\n </div>\n</div>\n\n<div class=\"container\">\n <h2 class=\"mb-4\">Découvrez les programmes de Bachelor enseignés à l'EPFL :</h2>\n <div class=\"row\">\n <div class=\"col-md-12\">\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 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";
|
|
49771
|
+
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 \">\n \n<div class=\"container\">\n <div class=\"container-grid mt-5 mb-6\">\n <h1 class=\"mb-5\">Programmes</h1>\n\n <p>Un cursus de Bachelor représente en règle générale 3 années d'études, soit <a href=\"https://bachelor.epfl.ch/cms/site/bachelor2/op/edit/lang/fr/faq#faq-492445\" target=\"_blank\">180 crédits ECTS</a>. Le cursus est divisé en une première année dite propédeutique puis un cycle plus spécifique de 2 ans. La possibilité de partir pour un échange international d'un semestre ou d'un an est offerte lors de la troisième année du programme.</p>\n <p>Un bachelor EPFL est un diplôme intermédiaire. Il est le passeport pour débuter un programme de master, à l'EPFL ou auprès d'une autre université dans le monde. La page <a href=\"https://bachelor.epfl.ch/cms/site/bachelor2/lang/fr/structure-etudes\" target=\"_blank\">structure générale</a> des études détaille cette organisation des cursus.</p>\n </div>\n</div>\n\n<div class=\"container\">\n <h2 class=\"mb-4\">Découvrez les programmes de Bachelor enseignés à l'EPFL :</h2>\n <div class=\"row\">\n <div class=\"col-md-12\">\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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\"><a href=\"#\">Bioingénierie</a></h3>\n <div class=\"card-info card-info-bordered\">\n <span>Meta</span>\n <span><a href=\"#\">Data</a></span>\n </div>\n <p>Concevoir des espaces en intégrant une réflexion à la fois esthétique et culturelle : l’architecture se caractérise par cette volonté exigeante de servir tout en aspirant à une amélioration de notre cadre de vie.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n<!-- 🛠 Section component -->\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/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 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";
|
|
49772
49772
|
|
|
49773
49773
|
/***/ }),
|
|
49774
49774
|
|
|
@@ -49776,7 +49776,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49776
49776
|
/***/ (function(module) {
|
|
49777
49777
|
|
|
49778
49778
|
"use strict";
|
|
49779
|
-
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 \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/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 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
|
+
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/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 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";
|
|
49780
49780
|
|
|
49781
49781
|
/***/ }),
|
|
49782
49782
|
|
|
@@ -49784,7 +49784,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49784
49784
|
/***/ (function(module) {
|
|
49785
49785
|
|
|
49786
49786
|
"use strict";
|
|
49787
|
-
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=\"#\">Plan d'études</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 \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link bread-home\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Afficher le chemin complet\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Afficher le chemin complet</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Éducation</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\">Afficher les pages de même niveau – Éducation</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">À propos</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Éducation</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Recherche</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Facultés</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\"><a class=\"bread-link\" href=\"#\">Plans d'études</a></li>\n <li class=\"breadcrumb-item\"><a class=\"bread-link\" href=\"#\">Cycle Bachelor</a></li>\n <li class=\"breadcrumb-item\"><a class=\"bread-link\" href=\"#\">Architecture</a></li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">Art et architecture</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 container-grid\">\n \n<div class=\"container mt-5\">\n <header class=\"page-header d-xl-flex justify-content-xl-between align-items-xl-center mb-5\">\n <h1 class=\"mb-4 mb-xl-0\">Art et architecture</h1>\n <button class=\"btn btn-sm btn-secondary\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Télécharger la fiche de cours (PDF)\n </button>\n </header>\n <div class=\"alert-container mb-4\">\n <div class=\"alert alert-info alert-dismissible fade show\" role=\"alert\">\n Attention, ce contenu correspond à la fiche de cours de l'année passée.\n <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">\n <span aria-hidden=\"true\">×</span>\n </button>\n</div>\n\n </div>\n <div class=\"row\">\n <div class=\"course-details col-xl-7\">\n <div class=\"course-summary mb-5\">\n <p>AR-153 / <strong>10 crédits</strong></p>\n <p><strong>Enseignant‧es:</strong> <a href=\"#\">Gargiani Roberto</a>, Profs divers</p>\n <p><strong>Langue(s):</strong> Français</p>\n <p><strong>Retrait:</strong> Il n’est pas autorisé de se retirer de cette matière après le délai d’inscription.</p>\n <p><strong>Remarques:</strong> Inscription faite par la section.</p>\n </div>\n <hr>\n <div class=\"mt-5\">\n <h2 class=\"h5\">Résumé</h2>\n <p>Le cours vise à approfondir les principales questions liées aux processus créatifs, aux matériaux et aux technologies expérimentés par les artistes et les architectes depuis les années soixante jusqu’à aujourd’hui.</p>\n </div>\n <div class=\"mt-5\">\n <h2 class=\"h5\">Contenu du cours</h2>\n <div class=\"collapse collapse-partial\" id=\"course-content\" aria-expanded=\"false\">\n <p>Les expériences des ateliers, des chantiers et des laboratoires d'art et d'architecture seront analysées afin de mettre en évidence l'impact des nouvelles technologies audiovisuelles, la nature des matériaux et des idées, les figures et les espaces qui se cristallisent en eux et grâce à eux. La connaissance de la concrétisation physique des oeuvres permettra à l'étudiant d'identifier les trajectoires créatives suivies par les artistes et les relations avec les expériences menées par les architectes.</p>\n <p>Pendant le cours, l'on considérera des sujets tels que:</p>\n <ul class=\"list-bullet\">\n <li>Vers une architecture pop. Des recherches pop de l'independant Group à l'architecture de la consommation de Smithsons et Banham</li>\n <li>ARTIGRAM. L'oeuvre d'Archigram entre le plasticisme New Bowellism et l'esthétique pop de la société de la consommation</li>\n <li>Sous les pavés la plage. De l'espace d'engagement de Leonardo Savioli aux performances militantes des étudiants florentins</li>\n <li>Le Centre Pompidou comme oeuvre d'art totale. Expériences pop, op, cinétiques et audiovisuelles dans le projet de Piano+Rogers Architects.</li>\n <li>Constructions, figures archaïques et arte povera, de Hooks à André, Pistoletto, Boetti, Zorio, Anselmo, Penone, Takamatsu, Oiticica, jusqu'à la construction économique des bâtiments.</li>\n <li>Formes du Land Art, de De Maria à Smithson, Heizer, Oppenheim, Aycock, Turrell, à l'architecture radicale.</li>\n </ul>\n </div>\n <button\n class=\"collapsed btn btn-light btn-block btn-sm mt-3\"\n data-toggle=\"collapse\"\n data-target=\"#course-content\"\n aria-hidden=\"true\"\n aria-controls=\"course-content\"\n >\n Lire la suite\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n </div>\n <div class=\"mt-5\">\n <h2 class=\"h5\">Mots-clés</h2>\n <p>Architecture, Arts, Matériel, Immatériel, Contemporain</p>\n </div>\n <div class=\"mt-5\">\n <h2 class=\"h5\">Acquis de formation </h2>\n <p>A la fin de ce cours l’étudiant doit être capable de:</p>\n <ul class=\"list-bullet\">\n <li>Interpréter de façon critique les processus créatifs communs à l’art et à l’architecture de la seconde moitié du Novecento jusqu’à aujourd’hui</li>\n <li>Evaluer les différents aspects qui caractérisent les formes artistiques analysées</li>\n <li>Reconnaitre le contexte culturel de la période historique concernée</li>\n </ul>\n </div>\n <div class=\"mt-5\">\n <h2 class=\"h5\">Méthode d’enseignement</h2>\n <p>Cours ex-cathedra, séminaires</p>\n </div>\n <div class=\"mt-5\">\n <h2 class=\"h5\">Méthode d’évaluation</h2>\n <p>L’examen consiste en une épreuve orale pour vérifier les connaissances acquises par l’étudiant durant les cours et par l’étude de la bibliographie obligatoire. Les conditions sine qua non pour réussir l’examen sont que l’étudiant démontre qu’il a étudié parfaitement la bibliographie et qu’il a acquis une connaissance critique des thèmes abordés dans les cours.</p>\n </div>\n <div class=\"mt-5\">\n <h2 class=\"h5\">Ressources</h2>\n <h3 class=\"h6\">Ressources en bibliothèque:</h3>\n <ul class=\"list-bullet\">\n <li><a href=\"#\">Superarchitecture / Rouillard</a></li>\n <li><a href=\"#\">The Art-architecture Complex / Foster</a></li>\n <li><a href=\"#\">Art since 1900 / Foster</a></li>\n </ul>\n <h3 class=\"h6\">Sites web:</h3>\n <ul class=\"list-bullet\">\n <li><a href=\"#\">https://epfl.zoom.us/…</a></li>\n </ul>\n <h3 class=\"h6\">Liens Moodle:</h3>\n <ul class=\"list-bullet\">\n <li><a href=\"#\">https://moodle.epfl.ch/course/view.php?id=xxxxx</a></li>\n </ul>\n </div>\n </div>\n\n <div class=\"course-infos col-xl-4 offset-xl-1 mt-5 mt-lg-0\">\n <div class=\"study-plans\">\n <h2 class=\"h5\">Dans les plans d'études</h2>\n\n <button\n class=\"collapse-title collapse-title-desktop\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#study-plan-1\"\n aria-expanded=\"true\"\n aria-controls=\"study-plan-1\"\n >\n Architecture<br>\n <span class=\"d-block font-weight-normal\">2020-2021, Bachelor semestre 6</span>\n </button>\n\n <div class=\"collapse collapse-item show collapse-item-desktop\" id=\"study-plan-1\">\n <ul class=\"list-bullet\">\n <li><strong>Semestre:</strong> Printemps</li>\n <li><strong>Examen:</strong> Oral (session d’été)</li>\n <li><strong>Matière examinée:</strong> Art et Architecture</li>\n <li><strong>Cours:</strong> 2 heures hebdo x 14 semaines</li>\n <li><strong>Projet:</strong> 4 heures hebdo x 14 semaines</li>\n </ul>\n </div>\n\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#study-plan-2\"\n aria-expanded=\"false\"\n aria-controls=\"study-plan-2\"\n >\n Architecture<br>\n <span class=\"d-block font-weight-normal\">2020-2021, Bachelor semestre 6b</span>\n </button>\n\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"study-plan-2\">\n <ul class=\"list-bullet\">\n <li><strong>Semestre:</strong> Printemps</li>\n <li><strong>Examen:</strong> Oral (session d’été)</li>\n <li><strong>Matière examinée:</strong> Art et Architecture</li>\n <li><strong>Cours:</strong> 2 heures hebdo x 14 semaines</li>\n <li><strong>Projet:</strong> 4 heures hebdo x 14 semaines</li>\n </ul>\n </div>\n\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#study-plan-3\"\n aria-expanded=\"false\"\n aria-controls=\"study-plan-3\"\n >\n Lorem ipsum dolor sit amet<br>\n <span class=\"d-block font-weight-normal\">2020-2021, Semestre automne</span>\n </button>\n\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"study-plan-3\">\n <ul class=\"list-bullet\">\n <li><strong>Semestre:</strong> Printemps</li>\n <li><strong>Examen:</strong> Oral (session d’été)</li>\n <li><strong>Matière examinée:</strong> Art et Architecture</li>\n <li><strong>Cours:</strong> 2 heures hebdo x 14 semaines</li>\n <li><strong>Projet:</strong> 4 heures hebdo x 14 semaines</li>\n </ul>\n </div>\n\n </div>\n\n <div class=\"course-schedule mt-5\">\n <h2 class=\"h5\">Semaine de référence</h2>\n\n \n <table class=\"semaineDeRef\">\n <tbody>\n <tr>\n <th class=\"time\"> </th>\n <th class=\"day\">Lu</th>\n <th class=\"day\">Ma</th>\n <th class=\"day\">Me</th>\n <th class=\"day\">Je</th>\n <th class=\"day\">Ve</th>\n </tr>\n <tr>\n <td class=\"time\">8-9</td>\n <td rowspan=\"4\" class=\"taken projet\"> </td>\n <td rowspan=\"2\" class=\"taken cours\">\n <a href=\"#\">CM5</a>\n </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">9-10</td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">10-11</td>\n <td rowspan=\"2\" class=\"taken exercice\"> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">11-12</td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">12-13</td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">13-14</td>\n <td rowspan=\"6\" class=\"taken projet\"> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">14-15</td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">15-16</td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">16-17</td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">17-18</td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">18-19</td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">19-20</td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">20-21</td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">21-22</td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n </tbody>\n </table>\n\n <div class=\"coursebook-week-caption mt-4\" role=\"presentation\" aria-hidden=\"true\">\n <p>Légendes:</p>\n <p class=\"caption caption-cours\">\n <span class=\"caption-icon\"></span>\n Cours\n </p>\n <p class=\"caption caption-exercice\">\n <span class=\"caption-icon\"></span>\n Exercice, TP\n </p>\n <p class=\"caption caption-projet\">\n <span class=\"caption-icon\"></span>\n Projet, autre\n </p>\n </div>\n\n <!-- accessible content for screen readers -->\n\n <div class=\"coursebook-week-caption sr-only\">\n <p>Lundi, 8h – 12h: Projet, autre</p>\n <p>Lundi, 13h – 19h: Projet, autre</p>\n <p>Mardi, 8h – 10h: Cours, bâtiment <a href=\"#\">CM5</a></p>\n <p>Mardi, 10h – 12h: Exercice, TP</p>\n </div>\n\n </div>\n\n </div>\n\n </div>\n</div>\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 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";
|
|
49787
|
+
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=\"#\">Plan d'études</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 \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link bread-home\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Afficher le chemin complet\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Afficher le chemin complet</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Éducation</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\">Afficher les pages de même niveau – Éducation</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">À propos</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Éducation</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Recherche</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Facultés</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\"><a class=\"bread-link\" href=\"#\">Plans d'études</a></li>\n <li class=\"breadcrumb-item\"><a class=\"bread-link\" href=\"#\">Cycle Bachelor</a></li>\n <li class=\"breadcrumb-item\"><a class=\"bread-link\" href=\"#\">Architecture</a></li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">Art et architecture</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 mt-5\">\n <header class=\"page-header d-xl-flex justify-content-xl-between align-items-xl-center mb-5\">\n <h1 class=\"mb-4 mb-xl-0\">Art et architecture</h1>\n <button class=\"btn btn-sm btn-secondary\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Télécharger la fiche de cours (PDF)\n </button>\n </header>\n <div class=\"alert-container mb-4\">\n <div class=\"alert alert-info alert-dismissible fade show\" role=\"alert\">\n Attention, ce contenu correspond à la fiche de cours de l'année passée.\n <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">\n <span aria-hidden=\"true\">×</span>\n </button>\n</div>\n\n </div>\n <div class=\"row\">\n <div class=\"course-details col-xl-7\">\n <div class=\"course-summary mb-5\">\n <p>AR-153 / <strong>10 crédits</strong></p>\n <p><strong>Enseignant‧es:</strong> <a href=\"#\">Gargiani Roberto</a>, Profs divers</p>\n <p><strong>Langue(s):</strong> Français</p>\n <p><strong>Retrait:</strong> Il n’est pas autorisé de se retirer de cette matière après le délai d’inscription.</p>\n <p><strong>Remarques:</strong> Inscription faite par la section.</p>\n </div>\n <hr>\n <div class=\"mt-5\">\n <h2 class=\"h5\">Résumé</h2>\n <p>Le cours vise à approfondir les principales questions liées aux processus créatifs, aux matériaux et aux technologies expérimentés par les artistes et les architectes depuis les années soixante jusqu’à aujourd’hui.</p>\n </div>\n <div class=\"mt-5\">\n <h2 class=\"h5\">Contenu du cours</h2>\n <div class=\"collapse collapse-partial\" id=\"course-content\" aria-expanded=\"false\">\n <p>Les expériences des ateliers, des chantiers et des laboratoires d'art et d'architecture seront analysées afin de mettre en évidence l'impact des nouvelles technologies audiovisuelles, la nature des matériaux et des idées, les figures et les espaces qui se cristallisent en eux et grâce à eux. La connaissance de la concrétisation physique des oeuvres permettra à l'étudiant d'identifier les trajectoires créatives suivies par les artistes et les relations avec les expériences menées par les architectes.</p>\n <p>Pendant le cours, l'on considérera des sujets tels que:</p>\n <ul class=\"list-bullet\">\n <li>Vers une architecture pop. Des recherches pop de l'independant Group à l'architecture de la consommation de Smithsons et Banham</li>\n <li>ARTIGRAM. L'oeuvre d'Archigram entre le plasticisme New Bowellism et l'esthétique pop de la société de la consommation</li>\n <li>Sous les pavés la plage. De l'espace d'engagement de Leonardo Savioli aux performances militantes des étudiants florentins</li>\n <li>Le Centre Pompidou comme oeuvre d'art totale. Expériences pop, op, cinétiques et audiovisuelles dans le projet de Piano+Rogers Architects.</li>\n <li>Constructions, figures archaïques et arte povera, de Hooks à André, Pistoletto, Boetti, Zorio, Anselmo, Penone, Takamatsu, Oiticica, jusqu'à la construction économique des bâtiments.</li>\n <li>Formes du Land Art, de De Maria à Smithson, Heizer, Oppenheim, Aycock, Turrell, à l'architecture radicale.</li>\n </ul>\n </div>\n <button\n class=\"collapsed btn btn-light btn-block btn-sm mt-3\"\n data-toggle=\"collapse\"\n data-target=\"#course-content\"\n aria-hidden=\"true\"\n aria-controls=\"course-content\"\n >\n Lire la suite\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n </div>\n <div class=\"mt-5\">\n <h2 class=\"h5\">Mots-clés</h2>\n <p>Architecture, Arts, Matériel, Immatériel, Contemporain</p>\n </div>\n <div class=\"mt-5\">\n <h2 class=\"h5\">Acquis de formation </h2>\n <p>A la fin de ce cours l’étudiant doit être capable de:</p>\n <ul class=\"list-bullet\">\n <li>Interpréter de façon critique les processus créatifs communs à l’art et à l’architecture de la seconde moitié du Novecento jusqu’à aujourd’hui</li>\n <li>Evaluer les différents aspects qui caractérisent les formes artistiques analysées</li>\n <li>Reconnaitre le contexte culturel de la période historique concernée</li>\n </ul>\n </div>\n <div class=\"mt-5\">\n <h2 class=\"h5\">Méthode d’enseignement</h2>\n <p>Cours ex-cathedra, séminaires</p>\n </div>\n <div class=\"mt-5\">\n <h2 class=\"h5\">Méthode d’évaluation</h2>\n <p>L’examen consiste en une épreuve orale pour vérifier les connaissances acquises par l’étudiant durant les cours et par l’étude de la bibliographie obligatoire. Les conditions sine qua non pour réussir l’examen sont que l’étudiant démontre qu’il a étudié parfaitement la bibliographie et qu’il a acquis une connaissance critique des thèmes abordés dans les cours.</p>\n </div>\n <div class=\"mt-5\">\n <h2 class=\"h5\">Ressources</h2>\n <h3 class=\"h6\">Ressources en bibliothèque:</h3>\n <ul class=\"list-bullet\">\n <li><a href=\"#\">Superarchitecture / Rouillard</a></li>\n <li><a href=\"#\">The Art-architecture Complex / Foster</a></li>\n <li><a href=\"#\">Art since 1900 / Foster</a></li>\n </ul>\n <h3 class=\"h6\">Sites web:</h3>\n <ul class=\"list-bullet\">\n <li><a href=\"#\">https://epfl.zoom.us/…</a></li>\n </ul>\n <h3 class=\"h6\">Liens Moodle:</h3>\n <ul class=\"list-bullet\">\n <li><a href=\"#\">https://moodle.epfl.ch/course/view.php?id=xxxxx</a></li>\n </ul>\n </div>\n </div>\n\n <div class=\"course-infos col-xl-4 offset-xl-1 mt-5 mt-lg-0\">\n <div class=\"study-plans\">\n <h2 class=\"h5\">Dans les plans d'études</h2>\n\n <button\n class=\"collapse-title collapse-title-desktop\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#study-plan-1\"\n aria-expanded=\"true\"\n aria-controls=\"study-plan-1\"\n >\n Architecture<br>\n <span class=\"d-block font-weight-normal\">2020-2021, Bachelor semestre 6</span>\n </button>\n\n <div class=\"collapse collapse-item show collapse-item-desktop\" id=\"study-plan-1\">\n <ul class=\"list-bullet\">\n <li><strong>Semestre:</strong> Printemps</li>\n <li><strong>Examen:</strong> Oral (session d’été)</li>\n <li><strong>Matière examinée:</strong> Art et Architecture</li>\n <li><strong>Cours:</strong> 2 heures hebdo x 14 semaines</li>\n <li><strong>Projet:</strong> 4 heures hebdo x 14 semaines</li>\n </ul>\n </div>\n\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#study-plan-2\"\n aria-expanded=\"false\"\n aria-controls=\"study-plan-2\"\n >\n Architecture<br>\n <span class=\"d-block font-weight-normal\">2020-2021, Bachelor semestre 6b</span>\n </button>\n\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"study-plan-2\">\n <ul class=\"list-bullet\">\n <li><strong>Semestre:</strong> Printemps</li>\n <li><strong>Examen:</strong> Oral (session d’été)</li>\n <li><strong>Matière examinée:</strong> Art et Architecture</li>\n <li><strong>Cours:</strong> 2 heures hebdo x 14 semaines</li>\n <li><strong>Projet:</strong> 4 heures hebdo x 14 semaines</li>\n </ul>\n </div>\n\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#study-plan-3\"\n aria-expanded=\"false\"\n aria-controls=\"study-plan-3\"\n >\n Lorem ipsum dolor sit amet<br>\n <span class=\"d-block font-weight-normal\">2020-2021, Semestre automne</span>\n </button>\n\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"study-plan-3\">\n <ul class=\"list-bullet\">\n <li><strong>Semestre:</strong> Printemps</li>\n <li><strong>Examen:</strong> Oral (session d’été)</li>\n <li><strong>Matière examinée:</strong> Art et Architecture</li>\n <li><strong>Cours:</strong> 2 heures hebdo x 14 semaines</li>\n <li><strong>Projet:</strong> 4 heures hebdo x 14 semaines</li>\n </ul>\n </div>\n\n </div>\n\n <div class=\"course-schedule mt-5\">\n <h2 class=\"h5\">Semaine de référence</h2>\n\n \n <table class=\"semaineDeRef\">\n <tbody>\n <tr>\n <th class=\"time\"> </th>\n <th class=\"day\">Lu</th>\n <th class=\"day\">Ma</th>\n <th class=\"day\">Me</th>\n <th class=\"day\">Je</th>\n <th class=\"day\">Ve</th>\n </tr>\n <tr>\n <td class=\"time\">8-9</td>\n <td rowspan=\"4\" class=\"taken projet\"> </td>\n <td rowspan=\"2\" class=\"taken cours\">\n <a href=\"#\">CM5</a>\n </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">9-10</td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">10-11</td>\n <td rowspan=\"2\" class=\"taken exercice\"> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">11-12</td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">12-13</td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">13-14</td>\n <td rowspan=\"6\" class=\"taken projet\"> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">14-15</td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">15-16</td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">16-17</td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">17-18</td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">18-19</td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">19-20</td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">20-21</td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n <tr>\n <td class=\"time\">21-22</td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n <td> </td>\n </tr>\n </tbody>\n </table>\n\n <div class=\"coursebook-week-caption mt-4\" role=\"presentation\" aria-hidden=\"true\">\n <p>Légendes:</p>\n <p class=\"caption caption-cours\">\n <span class=\"caption-icon\"></span>\n Cours\n </p>\n <p class=\"caption caption-exercice\">\n <span class=\"caption-icon\"></span>\n Exercice, TP\n </p>\n <p class=\"caption caption-projet\">\n <span class=\"caption-icon\"></span>\n Projet, autre\n </p>\n </div>\n\n <!-- accessible content for screen readers -->\n\n <div class=\"coursebook-week-caption sr-only\">\n <p>Lundi, 8h – 12h: Projet, autre</p>\n <p>Lundi, 13h – 19h: Projet, autre</p>\n <p>Mardi, 8h – 10h: Cours, bâtiment <a href=\"#\">CM5</a></p>\n <p>Mardi, 10h – 12h: Exercice, TP</p>\n </div>\n\n </div>\n\n </div>\n\n </div>\n</div>\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 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";
|
|
49788
49788
|
|
|
49789
49789
|
/***/ }),
|
|
49790
49790
|
|
|
@@ -49792,7 +49792,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49792
49792
|
/***/ (function(module) {
|
|
49793
49793
|
|
|
49794
49794
|
"use strict";
|
|
49795
|
-
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=\"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=\"#\">Plan d'études</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 \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link bread-home\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Afficher le chemin complet\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Afficher le chemin complet</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Éducation</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\">Afficher les pages de même niveau – Éducation</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">À propos</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Éducation</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Recherche</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Facultés</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\"><a class=\"bread-link\" href=\"#\">Plans d'études</a></li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">Cycle Bachelor</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 container-grid\">\n \n<div class=\"container-full px-5 px-xxl-6 mt-5\">\n <header class=\"page-header d-xl-flex justify-content-xl-between align-items-xl-center mb-5\">\n <h1 class=\"mb-4 mb-xl-0\">Plan d'études – Cycle Bachelor</h1>\n <button class=\"btn btn-sm btn-secondary\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Télécharger le plan d'étude (PDF)\n </button>\n </header>\n \n<!-- Study Plan 1 semester -->\n\n<div class=\"study-plan study-plan-1-semesters table-like mb-5\">\n <h2>Bachelor – 1 semestre</h2>\n <div class=\"line-up\">\n <div class=\"first-line\">\n <div class=\"cours-title\">\n <div class=\"titre\">Cours</div>\n </div>\n <div class=\"langue\">\n <div class=\"titre\">Langue</div>\n </div>\n <div class=\"bachlor\">\n <div class=\"titre_bachlor bold\">Bachelor 1 </div>\n </div>\n <div class=\"examen\">\n <div class=\"titre_bachlor bold\">Examens</div>\n </div>\n <div class=\"credit\">\n <div class=\"titre_bachlor bold\">Crédits</div>\n </div>\n </div>\n <div class=\"clear\"> </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n <div class=\"cours-name\">\n <a href=\"#\">Analyse territoriale et urbaine</a>\n </div>\n <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li>Labo: 2h</li>\n <li><abbr title=\"Course based project\">CP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">4</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Figuration graphique\">\n <div class=\"cours-name\">\n <a href=\"#\">Figuration graphique</a>\n </div>\n <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Individual project\">IP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">4</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n <div class=\"cours-name\">\n <a href=\"#\">Histoire de l'architecture I</a>\n </div>\n <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Adam</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">2</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n</div>\n\n<!-- Study Plan 2 semesters -->\n\n<div class=\"study-plan study-plan-2-semesters table-like mb-5\">\n <h2>Bachelor – 2 semestres</h2>\n <div class=\"line-up\">\n <div class=\"first-line\">\n <div class=\"cours-title\">\n <div class=\"titre\">Cours</div>\n </div>\n <div class=\"langue\">\n <div class=\"titre\">Langue</div>\n </div>\n <div class=\"bachlor\">\n <div class=\"titre_bachlor bold\">Bachelor 1 </div>\n </div>\n <div class=\"bachlor\">\n <div class=\"titre_bachlor bold\">Bachelor 2 </div>\n </div>\n <div class=\"examen\">\n <div class=\"titre_bachlor bold\">Examens</div>\n </div>\n <div class=\"credit\">\n <div class=\"titre_bachlor bold\">Crédits</div>\n </div>\n </div>\n <div class=\"clear\"> </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n <div class=\"cours-name\">\n <a href=\"#\">Analyse territoriale et urbaine</a>\n </div>\n <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 2\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">4</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Figuration graphique\">\n <div class=\"cours-name\">\n <a href=\"#\">Figuration graphique</a>\n </div>\n <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">4</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n <div class=\"cours-name\">\n <a href=\"#\">Histoire de l'architecture I</a>\n </div>\n <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Adam</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">2</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Théorie de l'architecture I\">\n <div class=\"cours-name\">\n <a href=\"#\">Théorie de l'architecture I</a>\n </div>\n <div class=\"cours-info\">AR-121 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Marchand</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">2</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n</div>\n\n<!-- Study Plan 3 semesters -->\n\n<div class=\"study-plan study-plan-3-semesters table-like mb-5\">\n <h2>Bachelor – 3 semestres</h2>\n <div class=\"line-up\">\n <div class=\"first-line\">\n <div class=\"cours-title\">\n <div class=\"titre\">Cours</div>\n </div>\n <div class=\"langue\">\n <div class=\"titre\">Langue</div>\n </div>\n <div class=\"bachlor\">\n <div class=\"titre_bachlor bold\">Bachelor 1 </div>\n </div>\n <div class=\"bachlor\">\n <div class=\"titre_bachlor bold\">Bachelor 2 </div>\n </div>\n <div class=\"bachlor\">\n <div class=\"titre_bachlor bold\">Bachelor 3 </div>\n </div>\n <div class=\"examen\">\n <div class=\"titre_bachlor bold\">Examens</div>\n </div>\n <div class=\"credit\">\n <div class=\"titre_bachlor bold\">Crédits</div>\n </div>\n </div>\n <div class=\"clear\"> </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n <div class=\"cours-name\">\n <a href=\"#\">Analyse territoriale et urbaine</a>\n </div>\n <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 2\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">4</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Figuration graphique\">\n <div class=\"cours-name\">\n <a href=\"#\">Figuration graphique</a>\n </div>\n <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">4</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n <div class=\"cours-name\">\n <a href=\"#\">Histoire de l'architecture I</a>\n </div>\n <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Adam</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">2</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Théorie de l'architecture I\">\n <div class=\"cours-name\">\n <a href=\"#\">Théorie de l'architecture I</a>\n </div>\n <div class=\"cours-info\">AR-121 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Marchand</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">2</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n</div>\n\n<!-- Study Plan 4 semesters -->\n\n<div class=\"study-plan study-plan-4-semesters table-like mb-5\">\n <h2>Bachelor – 4 semestres</h2>\n <div class=\"line-up\">\n <div class=\"first-line\">\n <div class=\"cours-title\">\n <div class=\"titre\">Cours</div>\n </div>\n <div class=\"langue\">\n <div class=\"titre\">Langue</div>\n </div>\n <div class=\"bachlor\">\n <div class=\"titre_bachlor bold\">Bachelor 3 </div>\n </div>\n <div class=\"bachlor\">\n <div class=\"titre_bachlor bold\">Bachelor 4 </div>\n </div>\n <div class=\"bachlor\">\n <div class=\"titre_bachlor bold\">Bachelor 5 </div>\n </div>\n <div class=\"bachlor\">\n <div class=\"titre_bachlor bold\">Bachelor 6 </div>\n </div>\n <div class=\"examen\">\n <div class=\"titre_bachlor bold\">Examens</div>\n </div>\n <div class=\"credit\">\n <div class=\"titre_bachlor bold\">Crédits</div>\n </div>\n </div>\n <div class=\"clear\"> </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Advanced numerical analysis\">\n <div class=\"cours-name\">\n <a href=\"#\">Advanced numerical analysis</a>\n </div>\n <div class=\"cours-info\">MATH-153 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Picasso</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">5</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Algebraic number theory\">\n <div class=\"cours-name\">\n <a href=\"#\">Algebraic number theory</a>\n </div>\n <div class=\"cours-info\">MATH-482 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Michel</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">5</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Algebraic topology\">\n <div class=\"cours-name\">\n <a href=\"#\">Algebraic topology</a>\n </div>\n <div class=\"cours-info\">MATH-323 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Urech</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">5</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Algèbres de Lie\">\n <div class=\"cours-name\">\n <a href=\"#\">Algèbres de Lie</a> <i>(pas donné en 2019-2020)</i>\n </div>\n <div class=\"cours-info\">MATH-319 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n <div class=\"enseignement-name\">\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">5</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n</div>\n</div>\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 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";
|
|
49795
|
+
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=\"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=\"#\">Plan d'études</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 \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link bread-home\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Afficher le chemin complet\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Afficher le chemin complet</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Éducation</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\">Afficher les pages de même niveau – Éducation</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">À propos</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Éducation</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Recherche</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Facultés</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\"><a class=\"bread-link\" href=\"#\">Plans d'études</a></li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">Cycle Bachelor</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 px-5 px-xxl-6 mt-5\">\n <header class=\"page-header d-xl-flex justify-content-xl-between align-items-xl-center mb-5\">\n <h1 class=\"mb-4 mb-xl-0\">Plan d'études – Cycle Bachelor</h1>\n <button class=\"btn btn-sm btn-secondary\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Télécharger le plan d'étude (PDF)\n </button>\n </header>\n \n<!-- Study Plan 1 semester -->\n\n<div class=\"study-plan study-plan-1-semesters table-like mb-5\">\n <h2>Bachelor – 1 semestre</h2>\n <div class=\"line-up\">\n <div class=\"first-line\">\n <div class=\"cours-title\">\n <div class=\"titre\">Cours</div>\n </div>\n <div class=\"langue\">\n <div class=\"titre\">Langue</div>\n </div>\n <div class=\"bachlor\">\n <div class=\"titre_bachlor bold\">Bachelor 1 </div>\n </div>\n <div class=\"examen\">\n <div class=\"titre_bachlor bold\">Examens</div>\n </div>\n <div class=\"credit\">\n <div class=\"titre_bachlor bold\">Crédits</div>\n </div>\n </div>\n <div class=\"clear\"> </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n <div class=\"cours-name\">\n <a href=\"#\">Analyse territoriale et urbaine</a>\n </div>\n <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li>Labo: 2h</li>\n <li><abbr title=\"Course based project\">CP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">4</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Figuration graphique\">\n <div class=\"cours-name\">\n <a href=\"#\">Figuration graphique</a>\n </div>\n <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Individual project\">IP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">4</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n <div class=\"cours-name\">\n <a href=\"#\">Histoire de l'architecture I</a>\n </div>\n <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Adam</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">2</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n</div>\n\n<!-- Study Plan 2 semesters -->\n\n<div class=\"study-plan study-plan-2-semesters table-like mb-5\">\n <h2>Bachelor – 2 semestres</h2>\n <div class=\"line-up\">\n <div class=\"first-line\">\n <div class=\"cours-title\">\n <div class=\"titre\">Cours</div>\n </div>\n <div class=\"langue\">\n <div class=\"titre\">Langue</div>\n </div>\n <div class=\"bachlor\">\n <div class=\"titre_bachlor bold\">Bachelor 1 </div>\n </div>\n <div class=\"bachlor\">\n <div class=\"titre_bachlor bold\">Bachelor 2 </div>\n </div>\n <div class=\"examen\">\n <div class=\"titre_bachlor bold\">Examens</div>\n </div>\n <div class=\"credit\">\n <div class=\"titre_bachlor bold\">Crédits</div>\n </div>\n </div>\n <div class=\"clear\"> </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n <div class=\"cours-name\">\n <a href=\"#\">Analyse territoriale et urbaine</a>\n </div>\n <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 2\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">4</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Figuration graphique\">\n <div class=\"cours-name\">\n <a href=\"#\">Figuration graphique</a>\n </div>\n <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">4</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n <div class=\"cours-name\">\n <a href=\"#\">Histoire de l'architecture I</a>\n </div>\n <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Adam</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">2</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Théorie de l'architecture I\">\n <div class=\"cours-name\">\n <a href=\"#\">Théorie de l'architecture I</a>\n </div>\n <div class=\"cours-info\">AR-121 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Marchand</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">2</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n</div>\n\n<!-- Study Plan 3 semesters -->\n\n<div class=\"study-plan study-plan-3-semesters table-like mb-5\">\n <h2>Bachelor – 3 semestres</h2>\n <div class=\"line-up\">\n <div class=\"first-line\">\n <div class=\"cours-title\">\n <div class=\"titre\">Cours</div>\n </div>\n <div class=\"langue\">\n <div class=\"titre\">Langue</div>\n </div>\n <div class=\"bachlor\">\n <div class=\"titre_bachlor bold\">Bachelor 1 </div>\n </div>\n <div class=\"bachlor\">\n <div class=\"titre_bachlor bold\">Bachelor 2 </div>\n </div>\n <div class=\"bachlor\">\n <div class=\"titre_bachlor bold\">Bachelor 3 </div>\n </div>\n <div class=\"examen\">\n <div class=\"titre_bachlor bold\">Examens</div>\n </div>\n <div class=\"credit\">\n <div class=\"titre_bachlor bold\">Crédits</div>\n </div>\n </div>\n <div class=\"clear\"> </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n <div class=\"cours-name\">\n <a href=\"#\">Analyse territoriale et urbaine</a>\n </div>\n <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 2\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">4</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Figuration graphique\">\n <div class=\"cours-name\">\n <a href=\"#\">Figuration graphique</a>\n </div>\n <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">4</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n <div class=\"cours-name\">\n <a href=\"#\">Histoire de l'architecture I</a>\n </div>\n <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Adam</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">2</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Théorie de l'architecture I\">\n <div class=\"cours-name\">\n <a href=\"#\">Théorie de l'architecture I</a>\n </div>\n <div class=\"cours-info\">AR-121 / Section <abbr title=\"Architecture\">AR</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Marchand</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">2</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n</div>\n\n<!-- Study Plan 4 semesters -->\n\n<div class=\"study-plan study-plan-4-semesters table-like mb-5\">\n <h2>Bachelor – 4 semestres</h2>\n <div class=\"line-up\">\n <div class=\"first-line\">\n <div class=\"cours-title\">\n <div class=\"titre\">Cours</div>\n </div>\n <div class=\"langue\">\n <div class=\"titre\">Langue</div>\n </div>\n <div class=\"bachlor\">\n <div class=\"titre_bachlor bold\">Bachelor 3 </div>\n </div>\n <div class=\"bachlor\">\n <div class=\"titre_bachlor bold\">Bachelor 4 </div>\n </div>\n <div class=\"bachlor\">\n <div class=\"titre_bachlor bold\">Bachelor 5 </div>\n </div>\n <div class=\"bachlor\">\n <div class=\"titre_bachlor bold\">Bachelor 6 </div>\n </div>\n <div class=\"examen\">\n <div class=\"titre_bachlor bold\">Examens</div>\n </div>\n <div class=\"credit\">\n <div class=\"titre_bachlor bold\">Crédits</div>\n </div>\n </div>\n <div class=\"clear\"> </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Advanced numerical analysis\">\n <div class=\"cours-name\">\n <a href=\"#\">Advanced numerical analysis</a>\n </div>\n <div class=\"cours-info\">MATH-153 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Picasso</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">5</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Algebraic number theory\">\n <div class=\"cours-name\">\n <a href=\"#\">Algebraic number theory</a>\n </div>\n <div class=\"cours-info\">MATH-482 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Michel</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">5</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Algebraic topology\">\n <div class=\"cours-name\">\n <a href=\"#\">Algebraic topology</a>\n </div>\n <div class=\"cours-info\">MATH-323 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n <div class=\"enseignement-name\">\n <a href=\"#\">Urech</a>\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">5</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n <div class=\"line-down\">\n <div class=\"line\">\n\n <div class=\"cours\" data-title=\"Algèbres de Lie\">\n <div class=\"cours-name\">\n <a href=\"#\">Algèbres de Lie</a> <i>(pas donné en 2019-2020)</i>\n </div>\n <div class=\"cours-info\">MATH-319 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n <div class=\"enseignement-name\">\n \n </div>\n </div>\n\n <div class=\"langue\" data-title=\"Langue\">\n <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n \n </div>\n\n <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n <div class=\"schedule-text\">\n <ul>\n <li>Cours: 2h</li>\n <li>Exercices: 2h</li>\n <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n </ul>\n </div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n </div>\n\n <div class=\"examen\" data-title=\"Examens\">\n <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n \n </div>\n\n <div class=\"credit red-color\" data-title=\"Crédits\">\n <div class=\"credit-time\">5</div>\n </div>\n\n <button class=\"btn-collapse\">\n <span class=\"show\">afficher</span>\n <span class=\"\">masquer</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n\n </div>\n </div>\n\n</div>\n</div>\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 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";
|
|
49796
49796
|
|
|
49797
49797
|
/***/ }),
|
|
49798
49798
|
|
|
@@ -49800,7 +49800,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
|
|
|
49800
49800
|
/***/ (function(module) {
|
|
49801
49801
|
|
|
49802
49802
|
"use strict";
|
|
49803
|
-
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/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 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
|
+
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/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>© 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";
|
|
49804
49804
|
|
|
49805
49805
|
/***/ }),
|
|
49806
49806
|
|
|
@@ -62176,7 +62176,7 @@ function SidebarDocs() {
|
|
|
62176
62176
|
})));
|
|
62177
62177
|
}
|
|
62178
62178
|
;// CONCATENATED MODULE: ./package.json
|
|
62179
|
-
var package_namespaceObject = {"rE":"5.1
|
|
62179
|
+
var package_namespaceObject = {"rE":"5.2.1"};
|
|
62180
62180
|
;// CONCATENATED MODULE: ./reader/components/Sidebar/Sidebar.jsx
|
|
62181
62181
|
|
|
62182
62182
|
|