epfl-elements 4.9.0 → 4.9.1

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.
Files changed (5) hide show
  1. package/dist/js/reader.js +19 -19
  2. package/dist/js/reader.min.js +1 -1
  3. package/dist/js/reader.min.js.map +1 -1
  4. package/dist/package.json +1 -1
  5. package/package.json +1 -1
package/dist/js/reader.js CHANGED
@@ -52417,7 +52417,7 @@ module.exports = "<a href=\"true\" class=\"social-icon social-icon-details socia
52417
52417
  /***/ (function(module) {
52418
52418
 
52419
52419
  "use strict";
52420
- module.exports = "<a href=\"#\" class=\"social-icon social-icon-x\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">X</span>\n</a>\n";
52420
+ module.exports = "<a href=\"true\" class=\"social-icon social-icon-x\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">X</span>\n</a>\n";
52421
52421
 
52422
52422
  /***/ }),
52423
52423
 
@@ -53033,7 +53033,7 @@ module.exports = "\n<div id=\"carouselNews\" class=\"carousel slide carousel-hig
53033
53033
  /***/ (function(module) {
53034
53034
 
53035
53035
  "use strict";
53036
- module.exports = "<h4>Contact information</h4>\n\n<button\n class=\"collapse-title collapse-title-desktop\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-1\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-1\"\n>\n <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item show collapse-item-desktop\" id=\"collapse-1\">\n\n <div class=\"row pt-2 pb-2\">\n <div class=\"col-md-5\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-7\">\n <p>\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n <br>\n <a href=\"tel:+41 21 666 55 66\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 55 66</a>\n <small class=\"align-baseline ml-2\">Bureau: <a href=\"#\">INN 018</a></small>\n <br>\n <small>Unité: <a href=\"#\">EPFL</a> &rsaquo; <a href=\"#\">SI</a> &rsaquo; <a href=\"#\">SI-EXOP</a> &rsaquo; <a href=\"#\">EXAPP</a></small>\n </p>\n </div>\n <div class=\"col-sm-12\">\n <p><span class=\"sr-only\">Web site: </span><a href=\"https://www.epfl.ch/about/vice-presidencies/vice-presidencies/information-systems/\">https://www.epfl.ch/about/vice-presidencies/vice-presidencies/information-systems/</a></p>\n </div>\n </div>\n\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n>\n <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n\n <div class=\"row pt-2 pb-2\">\n <div class=\"col-md-5\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-7\">\n <p>\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n <br>\n <small>Unité: <a href=\"#\">EPFL</a> &rsaquo; <a href=\"#\">SI</a> &rsaquo; <a href=\"#\">SI-EXOP</a> &rsaquo; <a href=\"#\">EXAPP</a></small>\n </p>\n </div>\n <div class=\"col-sm-12\">\n <p><span class=\"sr-only\">Web site: </span><a href=\"https://rh.epfl.ch/\">https://rh.epfl.ch/</a></p>\n </div>\n </div>\n\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n>\n <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n\n <div class=\"row pt-2 pb-2\">\n <div class=\"col-md-5\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-7\">\n <p>\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n <br>\n <a href=\"tel:+41 21 666 55 66\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 55 66</a>\n <small class=\"align-baseline ml-2\">Bureau: <a href=\"#\">INN 018</a></small>\n <br>\n <small>Unité: <a href=\"#\">EPFL</a> &rsaquo; <a href=\"#\">SI</a> &rsaquo; <a href=\"#\">SI-EXOP</a> &rsaquo; <a href=\"#\">EXAPP</a></small>\n </p>\n </div>\n </div>\n\n</div>\n";
53036
+ module.exports = "<h4>Further readings</h4>\n\n<button\n class=\"collapse-title collapse-title-desktop\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-1\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-1\"\n>\n <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item show collapse-item-desktop\" id=\"collapse-1\">\n\n <div class=\"row pt-2 pb-2\">\n <div class=\"col-md-5\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-7\">\n <p>\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n <br>\n <a href=\"tel:+41 21 666 55 66\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 55 66</a>\n <small class=\"align-baseline ml-2\">Bureau: <a href=\"#\">INN 018</a></small>\n <br>\n <small>Unité: <a href=\"#\">EPFL</a> &rsaquo; <a href=\"#\">SI</a> &rsaquo; <a href=\"#\">SI-EXOP</a> &rsaquo; <a href=\"#\">EXAPP</a></small>\n </p>\n </div>\n <div class=\"col-sm-12\">\n <p><span class=\"sr-only\">Web site: </span><a href=\"https://www.epfl.ch/about/vice-presidencies/vice-presidencies/information-systems/\">https://www.epfl.ch/about/vice-presidencies/vice-presidencies/information-systems/</a></p>\n </div>\n </div>\n\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n>\n <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n\n <div class=\"row pt-2 pb-2\">\n <div class=\"col-md-5\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-7\">\n <p>\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n <br>\n <small>Unité: <a href=\"#\">EPFL</a> &rsaquo; <a href=\"#\">SI</a> &rsaquo; <a href=\"#\">SI-EXOP</a> &rsaquo; <a href=\"#\">EXAPP</a></small>\n </p>\n </div>\n <div class=\"col-sm-12\">\n <p><span class=\"sr-only\">Web site: </span><a href=\"https://rh.epfl.ch/\">https://rh.epfl.ch/</a></p>\n </div>\n </div>\n\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n>\n <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n\n <div class=\"row pt-2 pb-2\">\n <div class=\"col-md-5\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-7\">\n <p>\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n <br>\n <a href=\"tel:+41 21 666 55 66\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 55 66</a>\n <small class=\"align-baseline ml-2\">Bureau: <a href=\"#\">INN 018</a></small>\n <br>\n <small>Unité: <a href=\"#\">EPFL</a> &rsaquo; <a href=\"#\">SI</a> &rsaquo; <a href=\"#\">SI-EXOP</a> &rsaquo; <a href=\"#\">EXAPP</a></small>\n </p>\n </div>\n </div>\n\n</div>\n";
53037
53037
 
53038
53038
  /***/ }),
53039
53039
 
@@ -53041,7 +53041,7 @@ module.exports = "<h4>Contact information</h4>\n\n<button\n class=\"collapse-ti
53041
53041
  /***/ (function(module) {
53042
53042
 
53043
53043
  "use strict";
53044
- module.exports = "<h4>Contact information</h4>\n\n<button\n class=\"collapse-title collapse-title-desktop\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-1\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-1\"\n>\n Teaching Staff Member at School Concil IC\n</button>\n\n<div class=\"collapse collapse-item show collapse-item-desktop\" id=\"collapse-1\">\n\n <div class=\"row pt-3 pb-4\">\n <div class=\"col-md-7\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-5\">\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2\">+41 21 666 77 88</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#home\"></use></svg>\n <a href=\"#\">Website</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#book\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <a href=\"#\">CE 3 316</a>\n </div>\n </div>\n\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n>\n Silent Spring\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n <div class=\"row pt-3 pb-4\">\n <div class=\"col-md-7\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-5\">\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2\">+41 21 666 77 88</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#home\"></use></svg>\n <a href=\"#\">Website</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#book\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <a href=\"#\">CE 3 316</a>\n </div>\n </div>\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n>\n The Hitchhiker's Guide to the Galaxy\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n <div class=\"row pt-3 pb-4\">\n <div class=\"col-md-7\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-5\">\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2\">+41 21 666 77 88</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#home\"></use></svg>\n <a href=\"#\">Website</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#book\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <a href=\"#\">CE 3 316</a>\n </div>\n </div>\n</div>\n";
53044
+ module.exports = "<h4>Further readings</h4>\n\n<button\n class=\"collapse-title collapse-title-desktop\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-1\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-1\"\n>\n Teaching Staff Member at School Concil IC\n</button>\n\n<div class=\"collapse collapse-item show collapse-item-desktop\" id=\"collapse-1\">\n\n <div class=\"row pt-3 pb-4\">\n <div class=\"col-md-7\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-5\">\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2\">+41 21 666 77 88</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#home\"></use></svg>\n <a href=\"#\">Website</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#book\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <a href=\"#\">CE 3 316</a>\n </div>\n </div>\n\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n>\n Silent Spring\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n <div class=\"row pt-3 pb-4\">\n <div class=\"col-md-7\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-5\">\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2\">+41 21 666 77 88</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#home\"></use></svg>\n <a href=\"#\">Website</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#book\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <a href=\"#\">CE 3 316</a>\n </div>\n </div>\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n>\n The Hitchhiker's Guide to the Galaxy\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n <div class=\"row pt-3 pb-4\">\n <div class=\"col-md-7\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-5\">\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2\">+41 21 666 77 88</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#home\"></use></svg>\n <a href=\"#\">Website</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#book\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <a href=\"#\">CE 3 316</a>\n </div>\n </div>\n</div>\n";
53045
53045
 
53046
53046
  /***/ }),
53047
53047
 
@@ -53049,7 +53049,7 @@ module.exports = "<h4>Contact information</h4>\n\n<button\n class=\"collapse-ti
53049
53049
  /***/ (function(module) {
53050
53050
 
53051
53051
  "use strict";
53052
- module.exports = "<h4>Contact information</h4>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-1\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-1\"\n>\n On the Origin of Species\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-1\">\n <p>Book by Charles Darwin, 1859 — On the Origin of Species, published on 24 November 1859, is a work of scientific literature by Charles Darwin which is considered to be the foundation of evolutionary biology.</p>\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n>\n Silent Spring\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n <p>Book by Rachel Carson, 1962 — Silent Spring is an environmental science book by Rachel Carson. The book was published on 27 September 1962 and it documented the adverse effects on the environment of the indiscriminate use of pesticides.</p>\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n>\n The Hitchhiker's Guide to the Galaxy\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n <p>Book by Douglas Adams, 1978–80 — The Hitchhiker's Guide to the Galaxy (sometimes referred to as HG2G, HHGTTG or H2G2) is a comedy science fiction series created by Douglas Adams. Originally a radio comedy broadcast on BBC Radio 4 in 1978, it was later adapted to other formats, including stage shows, novels, comic books, a 1981 TV series, a 1984 video game, and 2005 feature film.</p>\n</div>\n";
53052
+ module.exports = "<h4>Further readings</h4>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-1\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-1\"\n>\n On the Origin of Species\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-1\">\n <p>Book by Charles Darwin, 1859 — On the Origin of Species, published on 24 November 1859, is a work of scientific literature by Charles Darwin which is considered to be the foundation of evolutionary biology.</p>\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n>\n Silent Spring\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n <p>Book by Rachel Carson, 1962 — Silent Spring is an environmental science book by Rachel Carson. The book was published on 27 September 1962 and it documented the adverse effects on the environment of the indiscriminate use of pesticides.</p>\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n>\n The Hitchhiker's Guide to the Galaxy\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n <p>Book by Douglas Adams, 1978–80 — The Hitchhiker's Guide to the Galaxy (sometimes referred to as HG2G, HHGTTG or H2G2) is a comedy science fiction series created by Douglas Adams. Originally a radio comedy broadcast on BBC Radio 4 in 1978, it was later adapted to other formats, including stage shows, novels, comic books, a 1981 TV series, a 1984 video game, and 2005 feature film.</p>\n</div>\n";
53053
53053
 
53054
53054
  /***/ }),
53055
53055
 
@@ -53305,7 +53305,7 @@ module.exports = "<nav aria-label=\"Page navigation\">\n <ul class=\"pagination
53305
53305
  /***/ (function(module) {
53306
53306
 
53307
53307
  "use strict";
53308
- module.exports = "<form class=\"question\" action=\"\">\n\n <div class=\"question-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/homepage/7-science-question-SF.jpg 1x, ./images/styleguide/homepage/7-science-question-SF.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/475x267.jpg 1x,https://via.placeholder.com/950x534.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/400x225.jpg 1x,https://via.placeholder.com/800x450.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"./images/styleguide/homepage/7-science-question-SF.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n </div>\n\n <div class=\"question-content\">\n <h2 class=\"question-title\">Type de question</h2>\n <h3 class=\"question-subtitle mt-3\">Contact information</h3>\n\n <div class=\"question-answers mt-4\">\n <input type=\"radio\" id=\"custom-radio1\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio1\">\n <span class=\"custom-control-label-content\">\n Option 1</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n <input type=\"radio\" id=\"custom-radio2\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio2\">\n <span class=\"custom-control-label-content\">\n Option 2</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n <input type=\"radio\" id=\"custom-radio3\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio3\">\n <span class=\"custom-control-label-content\">\n Option 3</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n </div>\n\n <input type=\"submit\" class=\"btn btn-primary mt-4\" value=\"Voter\">\n </div>\n</form>\n";
53308
+ module.exports = "<form class=\"question\" action=\"\">\n\n <div class=\"question-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/homepage/7-science-question-SF.jpg 1x, ./images/styleguide/homepage/7-science-question-SF.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/475x267.jpg 1x,https://via.placeholder.com/950x534.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/400x225.jpg 1x,https://via.placeholder.com/800x450.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"./images/styleguide/homepage/7-science-question-SF.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n </div>\n\n <div class=\"question-content\">\n <h2 class=\"question-title\">Type de question</h2>\n <h3 class=\"question-subtitle mt-3\">Further readings</h3>\n\n <div class=\"question-answers mt-4\">\n <input type=\"radio\" id=\"custom-radio1\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio1\">\n <span class=\"custom-control-label-content\">\n Option 1</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n <input type=\"radio\" id=\"custom-radio2\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio2\">\n <span class=\"custom-control-label-content\">\n Option 2</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n <input type=\"radio\" id=\"custom-radio3\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio3\">\n <span class=\"custom-control-label-content\">\n Option 3</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n </div>\n\n <input type=\"submit\" class=\"btn btn-primary mt-4\" value=\"Voter\">\n </div>\n</form>\n";
53309
53309
 
53310
53310
  /***/ }),
53311
53311
 
@@ -53633,7 +53633,7 @@ module.exports = "<div class=\"form-group\">\n <label for=\"awesome-input\">Inp
53633
53633
  /***/ (function(module) {
53634
53634
 
53635
53635
  "use strict";
53636
- module.exports = "\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Contact information\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n";
53636
+ module.exports = "\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n";
53637
53637
 
53638
53638
  /***/ }),
53639
53639
 
@@ -53641,7 +53641,7 @@ module.exports = "\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">
53641
53641
  /***/ (function(module) {
53642
53642
 
53643
53643
  "use strict";
53644
- module.exports = "<div class=\"fullwidth-teaser fullwidth-teaser-left\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Contact information\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n";
53644
+ module.exports = "<div class=\"fullwidth-teaser fullwidth-teaser-left\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n";
53645
53645
 
53646
53646
  /***/ }),
53647
53647
 
@@ -53649,7 +53649,7 @@ module.exports = "<div class=\"fullwidth-teaser fullwidth-teaser-left\">\n\n <p
53649
53649
  /***/ (function(module) {
53650
53650
 
53651
53651
  "use strict";
53652
- module.exports = "<div class=\"fullwidth-teaser\">\n\n <figure class=\"cover\">\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image 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\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Contact information\n </h3>\n </div>\n <a href=\"#\" aria-label=\"En savoir plus sur Contact information\" class=\"btn btn-primary triangle-outer-bottom-right d-none d-xl-block\">\n En savoir plus\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"En savoir plus sur Tech Transfer\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n";
53652
+ module.exports = "<div class=\"fullwidth-teaser\">\n\n <figure class=\"cover\">\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image 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\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n </div>\n <a href=\"#\" aria-label=\"En savoir plus sur Further readings\" class=\"btn btn-primary triangle-outer-bottom-right d-none d-xl-block\">\n En savoir plus\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"En savoir plus sur Tech Transfer\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n";
53653
53653
 
53654
53654
  /***/ }),
53655
53655
 
@@ -53657,7 +53657,7 @@ module.exports = "<div class=\"fullwidth-teaser\">\n\n <figure class=\"cover\">
53657
53657
  /***/ (function(module) {
53658
53658
 
53659
53659
  "use strict";
53660
- module.exports = "<div class=\"fullwidth-teaser\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Contact information\n </h3>\n </div>\n <a href=\"#\" aria-label=\"En savoir plus sur Contact information\" class=\"btn btn-primary triangle-outer-bottom-right d-none d-xl-block\">\n En savoir plus\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"En savoir plus sur Tech Transfer\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n";
53660
+ module.exports = "<div class=\"fullwidth-teaser\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n </div>\n <a href=\"#\" aria-label=\"En savoir plus sur Further readings\" class=\"btn btn-primary triangle-outer-bottom-right d-none d-xl-block\">\n En savoir plus\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"En savoir plus sur Tech Transfer\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n";
53661
53661
 
53662
53662
  /***/ }),
53663
53663
 
@@ -53713,7 +53713,7 @@ module.exports = "\n<header role=\"banner\" class=\"header\">\n <a class=\"logo
53713
53713
  /***/ (function(module) {
53714
53714
 
53715
53715
  "use strict";
53716
- module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <figure class=\"cover\">\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image 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 \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Contact information\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n <div class=\"row\">\n <div class=\"col-lg-10 offset-lg-1\">\n <div class=\"row mb-4\">\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">16.09.17</time>\n </span>\n <span>Actualité</span>\n <span>Nanotechnologies</span>\n </div>\n <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n </div>\n </a>\n\n </div>\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">15.09.17</time>\n </span>\n <span>Recherche</span>\n <span>Prix et récompenses</span>\n </div>\n <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n </div>\n </a>\n\n </div>\n </div>\n <p class=\"text-center\">\n <a href=\"#\">Toutes les actualités</a>\n </p>\n </div>\n </div>\n</div>\n";
53716
+ module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <figure class=\"cover\">\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image 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 \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n <div class=\"row\">\n <div class=\"col-lg-10 offset-lg-1\">\n <div class=\"row mb-4\">\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">16.09.17</time>\n </span>\n <span>Actualité</span>\n <span>Nanotechnologies</span>\n </div>\n <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n </div>\n </a>\n\n </div>\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">15.09.17</time>\n </span>\n <span>Recherche</span>\n <span>Prix et récompenses</span>\n </div>\n <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n </div>\n </a>\n\n </div>\n </div>\n <p class=\"text-center\">\n <a href=\"#\">Toutes les actualités</a>\n </p>\n </div>\n </div>\n</div>\n";
53717
53717
 
53718
53718
  /***/ }),
53719
53719
 
@@ -53721,7 +53721,7 @@ module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizon
53721
53721
  /***/ (function(module) {
53722
53722
 
53723
53723
  "use strict";
53724
- module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Contact information\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n <div class=\"row\">\n <div class=\"col-lg-10 offset-lg-1\">\n <div class=\"row mb-4\">\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">16.09.17</time>\n </span>\n <span>Actualité</span>\n <span>Nanotechnologies</span>\n </div>\n <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n </div>\n </a>\n\n </div>\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">15.09.17</time>\n </span>\n <span>Recherche</span>\n <span>Prix et récompenses</span>\n </div>\n <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n </div>\n </a>\n\n </div>\n </div>\n <p class=\"text-center\">\n <a href=\"#\">Toutes les actualités</a>\n </p>\n </div>\n </div>\n</div>\n";
53724
+ module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n <div class=\"row\">\n <div class=\"col-lg-10 offset-lg-1\">\n <div class=\"row mb-4\">\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">16.09.17</time>\n </span>\n <span>Actualité</span>\n <span>Nanotechnologies</span>\n </div>\n <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n </div>\n </a>\n\n </div>\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">15.09.17</time>\n </span>\n <span>Recherche</span>\n <span>Prix et récompenses</span>\n </div>\n <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n </div>\n </a>\n\n </div>\n </div>\n <p class=\"text-center\">\n <a href=\"#\">Toutes les actualités</a>\n </p>\n </div>\n </div>\n</div>\n";
53725
53725
 
53726
53726
  /***/ }),
53727
53727
 
@@ -53729,7 +53729,7 @@ module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizon
53729
53729
  /***/ (function(module) {
53730
53730
 
53731
53731
  "use strict";
53732
- module.exports = "<div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Contact information</h1>\n <div class=\"hero-content\">\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </div>\n </div>\n <div class=\"hero-img\">\n <figure class=\"cover\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/1920x1080.jpg 1x,https://via.placeholder.com/2880x1620.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/1140x641.jpg 1x,https://via.placeholder.com/2280x1283.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/960x540.jpg 1x,https://via.placeholder.com/1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/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</div>\n";
53732
+ module.exports = "<div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Further readings</h1>\n <div class=\"hero-content\">\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </div>\n </div>\n <div class=\"hero-img\">\n <figure class=\"cover\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/1920x1080.jpg 1x,https://via.placeholder.com/2880x1620.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/1140x641.jpg 1x,https://via.placeholder.com/2280x1283.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/960x540.jpg 1x,https://via.placeholder.com/1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/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</div>\n";
53733
53733
 
53734
53734
  /***/ }),
53735
53735
 
@@ -53737,7 +53737,7 @@ module.exports = "<div class=\"hero\">\n <div class=\"hero-content-container\">
53737
53737
  /***/ (function(module) {
53738
53738
 
53739
53739
  "use strict";
53740
- module.exports = "<div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Contact information</h1>\n <div class=\"hero-content\">\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </div>\n </div>\n <div class=\"hero-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/1920x1080.jpg 1x,https://via.placeholder.com/2880x1620.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/1140x641.jpg 1x,https://via.placeholder.com/2280x1283.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/960x540.jpg 1x,https://via.placeholder.com/1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n";
53740
+ module.exports = "<div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Further readings</h1>\n <div class=\"hero-content\">\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </div>\n </div>\n <div class=\"hero-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/1920x1080.jpg 1x,https://via.placeholder.com/2880x1620.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/1140x641.jpg 1x,https://via.placeholder.com/2280x1283.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/960x540.jpg 1x,https://via.placeholder.com/1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n";
53741
53741
 
53742
53742
  /***/ }),
53743
53743
 
@@ -53753,7 +53753,7 @@ module.exports = "<div class=\"introduction bg-gray-100\">\n <div class=\"conta
53753
53753
  /***/ (function(module) {
53754
53754
 
53755
53755
  "use strict";
53756
- module.exports = "<div class=\"introduction\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-8 offset-md-2\">\n <h2>Contact information</h2>\n\n <p>Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.</p>\n </div>\n </div>\n </div>\n</div>\n";
53756
+ module.exports = "<div class=\"introduction\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-8 offset-md-2\">\n <h2>Further readings</h2>\n\n <p>Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.</p>\n </div>\n </div>\n </div>\n</div>\n";
53757
53757
 
53758
53758
  /***/ }),
53759
53759
 
@@ -53857,7 +53857,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
53857
53857
  /***/ (function(module) {
53858
53858
 
53859
53859
  "use strict";
53860
- 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=\"https://via.placeholder.com/1920x1080.jpg 1x,https://via.placeholder.com/2880x1620.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/1140x641.jpg 1x,https://via.placeholder.com/2280x1283.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/960x540.jpg 1x,https://via.placeholder.com/1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/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 <div class=\"card-title\">\n <a href=\"#\" class=\"h3\">Page title</a>\n </div>\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 <div class=\"card-title\">\n <a href=\"#\" class=\"h3\">Page title</a>\n </div>\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://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n</ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2024 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";
53860
+ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n <nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </button>\n <ul class=\"dropdown-menu\">\n <li>\n <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n <span>EN</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n <span>RU</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n <span>DE</span>\n </a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\" id=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item breadcrumb-tags-wrapper\">\n <a href=\"#\" class=\"tag tag-primary\">School</a>\n <a href=\"#\" class=\"tag tag-primary\">Innovation</a>\n <a href=\"#\" class=\"tag tag-primary\">W3C</a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Display the complete path</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Schools</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – Schools</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">About</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Schools</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">School of Architecture, Civil and Environmental Engineering</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-2\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – School of Architecture, Civil and Environmental Engineering</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-2\">\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">School of Architecture, Civil and Environmental Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Computer and Communication Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Basic Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Life Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Management of Technology</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Humanities</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sections</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">ENAC Faculty</span>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-3\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – ENAC Faculty</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">News</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">ENAC Faculty</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability challenges</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n </div>\n </li>\n </ol>\n</nav>\n </div>\n \n <div class=\"nav-toggle-layout nav-aside-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n <aside class=\"nav-aside-wrapper\">\n <nav\n id=\"nav-aside\"\n class=\"nav-aside\"\n role=\"navigation\"\n aria-describedby=\"nav-aside-title\"\n>\n <h2 class=\"h5 sr-only-xl\" id=\"nav-aside-title\">Dans la même section</h2>\n <ul class=\"nav-menu\">\n <li><a href=\"#\">News</a></li>\n <li class=\"active\">\n <a href=\"#\">\n ENAC Faculty\n <span class=\"sr-only\">(page courante)</span>\n </a>\n <ul>\n <li><a href=\"#\">Organization</a></li>\n <li><a href=\"#\">Projects</a></li>\n <li><a href=\"#\">Publications</a></li>\n <li><a href=\"#\">Team</a></li>\n <li><a href=\"#\">Teaching</a></li>\n </ul>\n </li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Sustainability challenges</a></li>\n <li><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n</nav>\n </aside>\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n <h1 class=\"mb-5\">H1 - Basic page</h1>\n\n <p>This is a simple paragraph directly in the WYSIWYG editor. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam consectetur deleniti doloremque eveniet libero minima neque repudiandae sequi suscipit vitae. Ab corporis doloremque earum eius illo incidunt ipsa magnam molestias, nam, necessitatibus neque porro quaerat repellendus tenetur unde velit veritatis? Aliquam amet aut cumque distinctio dolor dolore ducimus eaque est eveniet excepturi explicabo fugit illum inventore iure labore libero magnam minima pariatur provident quam quasi quo, recusandae rem repudiandae sapiente sunt voluptate voluptates! Asperiores, assumenda atque aut eos est in maiores nemo omnis perferendis, quam recusandae rem saepe sint! Consequuntur doloribus dolorum iste, optio placeat rerum. Dolor quis repudiandae soluta?</p>\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur autem consequatur, cum hic iure maiores nihil nulla repellendus sequi velit! Asperiores aspernatur, blanditiis culpa deleniti dignissimos eum expedita illum ipsa itaque magnam molestias mollitia nobis, nostrum nulla numquam soluta voluptatum? Aliquam architecto consequatur cumque doloribus ex maiores nemo veritatis voluptatem.</p>\n\n <div class=\"container my-5\">\n <figure class=\"cover\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/1920x1080.jpg 1x,https://via.placeholder.com/2880x1620.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/1140x641.jpg 1x,https://via.placeholder.com/2280x1283.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/960x540.jpg 1x,https://via.placeholder.com/1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/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 <div class=\"card-title\">\n <a href=\"#\" class=\"h3\">Page title</a>\n </div>\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 <div class=\"card-title\">\n <a href=\"#\" class=\"h3\">Page title</a>\n </div>\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://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n</ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2024 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";
53861
53861
 
53862
53862
  /***/ }),
53863
53863
 
@@ -53913,7 +53913,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
53913
53913
  /***/ (function(module) {
53914
53914
 
53915
53915
  "use strict";
53916
- module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">Event title</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"#\">Page 1</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"#\">Page 2</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"#\">Page 3</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"#\">Page 4</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"#\">Page 5</a>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n \n<div class=\"container-full\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Event title</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_2880x1620.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2280x1283.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"images/styleguide/cover/cover01_960x540.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"images/styleguide/cover/cover01_720x405.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"images/styleguide/cover/cover01_540x304.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <div class=\"introduction\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-8 offset-md-2\">\n <h2>Introduction</h2>\n\n <p>This is an introduction text about the association. It is always interesting to know in few lines what is all about.</p>\n </div>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\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 mt-5\">\n <h2 class=\"mb-4\">Useful informations</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 <div class=\"card-title\">\n <a href=\"#\" class=\"h3\">Page title</a>\n </div>\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 <div class=\"card-title\">\n <a href=\"#\" class=\"h3\">Page title</a>\n </div>\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 mt-5\">\n <div class=\"container\">\n <h2 class=\"mb-4\">Program</h2>\n </div>\n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Contact information\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container mt-5\">\n <h2 class=\"mb-4\">Our sponsors</h2>\n <div class=\"row\">\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"https://via.placeholder.com/300x150.jpg\" alt=\"Sponsor\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"https://via.placeholder.com/300x150.jpg\" alt=\"Sponsor\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"https://via.placeholder.com/300x150.jpg\" alt=\"Sponsor\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\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=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/570x321.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 </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://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n</ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2024 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";
53916
+ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">Event title</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"#\">Page 1</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"#\">Page 2</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"#\">Page 3</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"#\">Page 4</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"#\">Page 5</a>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n \n<div class=\"container-full\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Event title</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_2880x1620.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2280x1283.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"images/styleguide/cover/cover01_960x540.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"images/styleguide/cover/cover01_720x405.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"images/styleguide/cover/cover01_540x304.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <div class=\"introduction\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-8 offset-md-2\">\n <h2>Introduction</h2>\n\n <p>This is an introduction text about the association. It is always interesting to know in few lines what is all about.</p>\n </div>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\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 mt-5\">\n <h2 class=\"mb-4\">Useful informations</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 <div class=\"card-title\">\n <a href=\"#\" class=\"h3\">Page title</a>\n </div>\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 <div class=\"card-title\">\n <a href=\"#\" class=\"h3\">Page title</a>\n </div>\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 mt-5\">\n <div class=\"container\">\n <h2 class=\"mb-4\">Program</h2>\n </div>\n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container mt-5\">\n <h2 class=\"mb-4\">Our sponsors</h2>\n <div class=\"row\">\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"https://via.placeholder.com/300x150.jpg\" alt=\"Sponsor\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"https://via.placeholder.com/300x150.jpg\" alt=\"Sponsor\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"https://via.placeholder.com/300x150.jpg\" alt=\"Sponsor\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\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=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/570x321.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 </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://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n</ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2024 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";
53917
53917
 
53918
53918
  /***/ }),
53919
53919
 
@@ -53937,7 +53937,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
53937
53937
  /***/ (function(module) {
53938
53938
 
53939
53939
  "use strict";
53940
- 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\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Contact information\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n <div class=\"row\">\n <div class=\"col-lg-10 offset-lg-1\">\n <div class=\"row mb-4\">\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">16.09.17</time>\n </span>\n <span>Actualité</span>\n <span>Nanotechnologies</span>\n </div>\n <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n </div>\n </a>\n\n </div>\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">15.09.17</time>\n </span>\n <span>Recherche</span>\n <span>Prix et récompenses</span>\n </div>\n <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n </div>\n </a>\n\n </div>\n </div>\n <p class=\"text-center\">\n <a href=\"#\">Toutes les actualités</a>\n </p>\n </div>\n </div>\n</div>\n\n \n <div class=\"bg-gray-100 py-5\">\n <div class=\"container\">\n <h2 class=\"text-center mb-5\">EPFL en bref</h2>\n\n <h3 class=\"h6 mb-3 text-spread\">Les missions de l'école</h3>\n <div class=\"row mb-4\">\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Éducation</a>\n </h3>\n <p>La qualité de formation des élèves et des enseignants à l’EPFL en fait l’une des institutions de science et de technologie les plus reconnues au monde.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Éducation</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Recherche</a>\n </h3>\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>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Recherche</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Innovation</a>\n </h3>\n <p>Le transfert de technologies ou l’expertise de l’EPFL pour transformer l'excellence scientifique en valeur la société et le développement économique.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Innovation</a>\n </div>\n </div>\n\n </div>\n </div>\n\n <h3 class=\"h6 mb-3 text-spread\">Les lieux totems</h3>\n <div class=\"row\">\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column1.jpg\" class=\"img-fluid\" title=\"Artlab\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Artlab</a>\n </h3>\n <p>Le Artlab organise une grand diversité d’événements et en s’associant à des institutions culturelles de la région.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Explorez le Artlab</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column2.jpg\" class=\"img-fluid\" title=\"Rolex Center\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Rolex Center</a>\n </h3>\n <p>Le Rolex Learning Center est à la fois un laboratoire d’apprentissage, une bibliothèque abritant 500’000 ouvrages et un centre culturel international.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrez le Rolex Center</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column3.jpg\" class=\"img-fluid\" title=\"SwissTech CC\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">SwissTech CC</a>\n </h3>\n <p>Le SwissTech Convention Center est un des plus grand centre de congrès de la région lémanique accueillant des évènements de renommée internationale.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Embarquez pour le SwissTech</a>\n </div>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n\n \n <div class=\"fullwidth-teaser\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-1-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-1-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-1-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-1-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-1-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-1-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/home-teaser-1-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Étudier à l’EPFL, 13 filières de formation\n </h3>\n </div>\n <a href=\"#\" aria-label=\"En savoir plus sur Étudier à l’EPFL, 13 filières de formation\" class=\"btn btn-primary triangle-outer-bottom-right d-none d-xl-block\">\n En savoir plus\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\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 qui s’étend sur plus de 10’000 mètres carrés.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"En savoir plus sur Tech Transfer\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n \n \n <div class=\"bg-gray-100 py-5\">\n <div class=\"datepicker-wrapper\">\n <input type=\"text\" class=\"datepicker-fancy\">\n <span class=\"nextMonthLabel\"></span>\n <span class=\"prevMonthLabel\"></span>\n</div>\n\n <div class=\"overflow-hidden\">\n <div class=\"container\">\n <div class=\"card-slider-wrapper\">\n <div class=\"card-slider\">\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 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 \n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-2-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-2-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-2-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-2-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-2-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-2-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/home-teaser-2-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Pour une transformation plus efficace des molécules\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le chimiste Xile Hu est le lauréat du Prix Latsis 2017. Ce professeur à l’Ecole polytechnique fédérale de Lausanne est récompensé pour son impressionnante carrière scientifique et ses excellents travaux de recherche sur la compréhension fondamentale de la catalyse.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n \n <div class=\"container py-6\">\n <div class=\"row\">\n <div class=\"col-lg-3 col-md-6\">\n <h2>Une école multi-sites, de Lausanne vers le monde</h2>\n <p class=\"h6\">Une école, plusieurs campus</p>\n </div>\n <div class=\"col-lg-9 col-md-6\">\n <div class=\"row\">\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-lausanne.jpg\" class=\"img-fluid\" title=\"Lausanne\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Lausanne\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-geneva.jpg\" class=\"img-fluid\" title=\"Genève\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Genève\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-neuchatel.jpg\" class=\"img-fluid\" title=\"Neuchâtel\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Neuchâtel\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-fribourg.jpg\" class=\"img-fluid\" title=\"Fribourg\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Fribourg\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-valais.jpg\" class=\"img-fluid\" title=\"Valais\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Valais\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-middle-east.jpg\" class=\"img-fluid\" title=\"Middle-East\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Middle-East\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n </div>\n </div>\n </div>\n </div>\n\n \n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-3-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-3-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-3-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-3-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-3-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-3-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/home-teaser-3-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Explorer le portail étudiants de l'EPFL\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Découvrez l'ensemble des services dédiés aux étudiants : vie académique, cours, cartes d'accès et plans, transports et restauration. Mais aussi les bons plans, les réductions et les événements organisés par les nombreuses associations d'étudiants.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n <div class=\"container-fluid p-0\">\n <form class=\"question\" action=\"\">\n\n <div class=\"question-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/homepage/7-science-question-SF.jpg 1x, ./images/styleguide/homepage/7-science-question-SF.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/475x267.jpg 1x,https://via.placeholder.com/950x534.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/400x225.jpg 1x,https://via.placeholder.com/800x450.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"./images/styleguide/homepage/7-science-question-SF.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n </div>\n\n <div class=\"question-content\">\n <h2 class=\"question-title\">Type de question</h2>\n <h3 class=\"question-subtitle mt-3\">Contact information</h3>\n\n <div class=\"question-answers mt-4\">\n <input type=\"radio\" id=\"custom-radio1\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio1\">\n <span class=\"custom-control-label-content\">\n Option 1</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n <input type=\"radio\" id=\"custom-radio2\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio2\">\n <span class=\"custom-control-label-content\">\n Option 2</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n <input type=\"radio\" id=\"custom-radio3\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio3\">\n <span class=\"custom-control-label-content\">\n Option 3</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n </div>\n\n <input type=\"submit\" class=\"btn btn-primary mt-4\" value=\"Voter\">\n </div>\n</form>\n </div>\n\n \n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-4-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-4-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-4-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-4-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-4-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-4-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/home-teaser-4-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n L’EPFL vue du ciel\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n L'association Aéropoly a pris des images du campus à l'aide d'un dirigeable avant l'ouverture de Balélec. Le dirigeable avait déjà pris son envol une première fois pendant Polynice, événement organisé pour fêter les 60 ans de l'AGEPoly, soit l'association des étudiants de l'EPFL.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n <div class=\"bg-gray-100 py-5\">\n <div class=\"container\">\n <h2 class=\"h3\">Vivez au rythme de l’école, via les réseaux sociaux</h2>\n <div class=\"social-feed-group\">\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-x social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">X</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n \n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Nous rejoindre sur X</a>\n </div>\n </div>\n</div>\n </div>\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-instagram social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">X</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/1140x1140.jpg 1x,https://via.placeholder.com/2280x2280.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/1140x1140.jpg 1x,https://via.placeholder.com/2280x2280.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/960x960.jpg 1x,https://via.placeholder.com/1920x1920.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/240x240.jpg 1x,https://via.placeholder.com/480x480.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/180x180.jpg 1x,https://via.placeholder.com/360x360.jpg 2x\">\n <img src=\"https://via.placeholder.com/1140x1140.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Suivez-nous sur Instagram</a>\n </div>\n </div>\n</div>\n </div>\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-facebook social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">X</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/380x214.jpg 1x,https://via.placeholder.com/760x428.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/380x214.jpg 1x,https://via.placeholder.com/760x428.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/320x180.jpg 1x,https://via.placeholder.com/640x360.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/380x214.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Likez notre page Facebook</a>\n </div>\n </div>\n</div>\n </div>\n</div>\n <p class=\"text-center\">\n <a href=\"#\">Liste des comptes officiels</a>\n </p>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n\n <div class=\"container py-5\">\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://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n</ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2024 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";
53940
+ 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\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n <div class=\"row\">\n <div class=\"col-lg-10 offset-lg-1\">\n <div class=\"row mb-4\">\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">16.09.17</time>\n </span>\n <span>Actualité</span>\n <span>Nanotechnologies</span>\n </div>\n <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n </div>\n </a>\n\n </div>\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">15.09.17</time>\n </span>\n <span>Recherche</span>\n <span>Prix et récompenses</span>\n </div>\n <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n </div>\n </a>\n\n </div>\n </div>\n <p class=\"text-center\">\n <a href=\"#\">Toutes les actualités</a>\n </p>\n </div>\n </div>\n</div>\n\n \n <div class=\"bg-gray-100 py-5\">\n <div class=\"container\">\n <h2 class=\"text-center mb-5\">EPFL en bref</h2>\n\n <h3 class=\"h6 mb-3 text-spread\">Les missions de l'école</h3>\n <div class=\"row mb-4\">\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Éducation</a>\n </h3>\n <p>La qualité de formation des élèves et des enseignants à l’EPFL en fait l’une des institutions de science et de technologie les plus reconnues au monde.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Éducation</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Recherche</a>\n </h3>\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>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Recherche</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Innovation</a>\n </h3>\n <p>Le transfert de technologies ou l’expertise de l’EPFL pour transformer l'excellence scientifique en valeur la société et le développement économique.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Innovation</a>\n </div>\n </div>\n\n </div>\n </div>\n\n <h3 class=\"h6 mb-3 text-spread\">Les lieux totems</h3>\n <div class=\"row\">\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column1.jpg\" class=\"img-fluid\" title=\"Artlab\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Artlab</a>\n </h3>\n <p>Le Artlab organise une grand diversité d’événements et en s’associant à des institutions culturelles de la région.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Explorez le Artlab</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column2.jpg\" class=\"img-fluid\" title=\"Rolex Center\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Rolex Center</a>\n </h3>\n <p>Le Rolex Learning Center est à la fois un laboratoire d’apprentissage, une bibliothèque abritant 500’000 ouvrages et un centre culturel international.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrez le Rolex Center</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column3.jpg\" class=\"img-fluid\" title=\"SwissTech CC\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">SwissTech CC</a>\n </h3>\n <p>Le SwissTech Convention Center est un des plus grand centre de congrès de la région lémanique accueillant des évènements de renommée internationale.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Embarquez pour le SwissTech</a>\n </div>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n\n \n <div class=\"fullwidth-teaser\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-1-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-1-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-1-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-1-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-1-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-1-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/home-teaser-1-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Étudier à l’EPFL, 13 filières de formation\n </h3>\n </div>\n <a href=\"#\" aria-label=\"En savoir plus sur Étudier à l’EPFL, 13 filières de formation\" class=\"btn btn-primary triangle-outer-bottom-right d-none d-xl-block\">\n En savoir plus\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\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 qui s’étend sur plus de 10’000 mètres carrés.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"En savoir plus sur Tech Transfer\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n \n \n <div class=\"bg-gray-100 py-5\">\n <div class=\"datepicker-wrapper\">\n <input type=\"text\" class=\"datepicker-fancy\">\n <span class=\"nextMonthLabel\"></span>\n <span class=\"prevMonthLabel\"></span>\n</div>\n\n <div class=\"overflow-hidden\">\n <div class=\"container\">\n <div class=\"card-slider-wrapper\">\n <div class=\"card-slider\">\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 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 \n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-2-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-2-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-2-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-2-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-2-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-2-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/home-teaser-2-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Pour une transformation plus efficace des molécules\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le chimiste Xile Hu est le lauréat du Prix Latsis 2017. Ce professeur à l’Ecole polytechnique fédérale de Lausanne est récompensé pour son impressionnante carrière scientifique et ses excellents travaux de recherche sur la compréhension fondamentale de la catalyse.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n \n <div class=\"container py-6\">\n <div class=\"row\">\n <div class=\"col-lg-3 col-md-6\">\n <h2>Une école multi-sites, de Lausanne vers le monde</h2>\n <p class=\"h6\">Une école, plusieurs campus</p>\n </div>\n <div class=\"col-lg-9 col-md-6\">\n <div class=\"row\">\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-lausanne.jpg\" class=\"img-fluid\" title=\"Lausanne\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Lausanne\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-geneva.jpg\" class=\"img-fluid\" title=\"Genève\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Genève\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-neuchatel.jpg\" class=\"img-fluid\" title=\"Neuchâtel\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Neuchâtel\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-fribourg.jpg\" class=\"img-fluid\" title=\"Fribourg\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Fribourg\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-valais.jpg\" class=\"img-fluid\" title=\"Valais\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Valais\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-middle-east.jpg\" class=\"img-fluid\" title=\"Middle-East\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Middle-East\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n </div>\n </div>\n </div>\n </div>\n\n \n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-3-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-3-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-3-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-3-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-3-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-3-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/home-teaser-3-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Explorer le portail étudiants de l'EPFL\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Découvrez l'ensemble des services dédiés aux étudiants : vie académique, cours, cartes d'accès et plans, transports et restauration. Mais aussi les bons plans, les réductions et les événements organisés par les nombreuses associations d'étudiants.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n <div class=\"container-fluid p-0\">\n <form class=\"question\" action=\"\">\n\n <div class=\"question-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/homepage/7-science-question-SF.jpg 1x, ./images/styleguide/homepage/7-science-question-SF.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/475x267.jpg 1x,https://via.placeholder.com/950x534.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/400x225.jpg 1x,https://via.placeholder.com/800x450.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"./images/styleguide/homepage/7-science-question-SF.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n </div>\n\n <div class=\"question-content\">\n <h2 class=\"question-title\">Type de question</h2>\n <h3 class=\"question-subtitle mt-3\">Further readings</h3>\n\n <div class=\"question-answers mt-4\">\n <input type=\"radio\" id=\"custom-radio1\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio1\">\n <span class=\"custom-control-label-content\">\n Option 1</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n <input type=\"radio\" id=\"custom-radio2\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio2\">\n <span class=\"custom-control-label-content\">\n Option 2</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n <input type=\"radio\" id=\"custom-radio3\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio3\">\n <span class=\"custom-control-label-content\">\n Option 3</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n </div>\n\n <input type=\"submit\" class=\"btn btn-primary mt-4\" value=\"Voter\">\n </div>\n</form>\n </div>\n\n \n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-4-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-4-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-4-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-4-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-4-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-4-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/home-teaser-4-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n L’EPFL vue du ciel\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n L'association Aéropoly a pris des images du campus à l'aide d'un dirigeable avant l'ouverture de Balélec. Le dirigeable avait déjà pris son envol une première fois pendant Polynice, événement organisé pour fêter les 60 ans de l'AGEPoly, soit l'association des étudiants de l'EPFL.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n <div class=\"bg-gray-100 py-5\">\n <div class=\"container\">\n <h2 class=\"h3\">Vivez au rythme de l’école, via les réseaux sociaux</h2>\n <div class=\"social-feed-group\">\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-x social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">X</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n \n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Nous rejoindre sur X</a>\n </div>\n </div>\n</div>\n </div>\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-instagram social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">X</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/1140x1140.jpg 1x,https://via.placeholder.com/2280x2280.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/1140x1140.jpg 1x,https://via.placeholder.com/2280x2280.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/960x960.jpg 1x,https://via.placeholder.com/1920x1920.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/240x240.jpg 1x,https://via.placeholder.com/480x480.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/180x180.jpg 1x,https://via.placeholder.com/360x360.jpg 2x\">\n <img src=\"https://via.placeholder.com/1140x1140.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Suivez-nous sur Instagram</a>\n </div>\n </div>\n</div>\n </div>\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-facebook social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">X</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/380x214.jpg 1x,https://via.placeholder.com/760x428.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/380x214.jpg 1x,https://via.placeholder.com/760x428.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/320x180.jpg 1x,https://via.placeholder.com/640x360.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/380x214.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Likez notre page Facebook</a>\n </div>\n </div>\n</div>\n </div>\n</div>\n <p class=\"text-center\">\n <a href=\"#\">Liste des comptes officiels</a>\n </p>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n\n <div class=\"container py-5\">\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://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n</ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2024 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";
53941
53941
 
53942
53942
  /***/ }),
53943
53943
 
@@ -53985,7 +53985,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
53985
53985
  /***/ (function(module) {
53986
53986
 
53987
53987
  "use strict";
53988
- module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">Actu</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li class=\"dropdown\">\n <button class=\"btn btn-link dropdown-toggle nav-item\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n Liste des options\n </button>\n <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n <a class=\"dropdown-item\" href=\"#\">Option 1</a>\n <a class=\"dropdown-item active\" href=\"#\">Option 2</a>\n <a class=\"dropdown-item\" href=\"#\">Option 3</a>\n </div>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n <div class=\"container-full\">\n \n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Contact information\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n <div class=\"row\">\n <div class=\"col-lg-10 offset-lg-1\">\n <div class=\"row mb-4\">\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">16.09.17</time>\n </span>\n <span>Actualité</span>\n <span>Nanotechnologies</span>\n </div>\n <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n </div>\n </a>\n\n </div>\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">15.09.17</time>\n </span>\n <span>Recherche</span>\n <span>Prix et récompenses</span>\n </div>\n <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n </div>\n </a>\n\n </div>\n </div>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-4\">\n <aside>\n <div class=\"d-flex justify-content-between px-3 p-md-0 align-baseline\">\n <h3 class=\"h5 mb-0 font-weight-normal\">Filtrer votre recherche</h3>\n <button\n class=\"btn btn-sm btn-secondary d-md-none collapsed collapse-drop-toggle\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#form-filters\"\n aria-expanded=\"false\"\n aria-controls=\"form-filters\"\n >\n Filtres\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#filter\"></use></svg>\n </button>\n </div>\n <div class=\"collapse collapse-md-show collapse-drop\" id=\"form-filters\">\n <form class=\"p-3 p-md-0\">\n <div class=\"form-group\">\n <div class=\"form-group\">\n<label>Choose wisely</label>\n<select id=\"select-input\" class=\"custom-select\">\n <option selected>Make a choice...</option>\n <option value=\"1\">Legolas</option>\n <option value=\"2\">Jar Jar Binks</option>\n <option value=\"3\">None of them</option>\n <option value=\"4\">The fourth choice</option>\n <option value=\"5\">42</option>\n</select>\n</div>\n</div>\n <div class=\"form-group\">\n <label for=\"custom-check1\">Checkboxes (multiple choice)</label>\n\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check1\" >\n <label class=\"custom-control-label\" for=\"custom-check1\">Option 1</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check2\" >\n <label class=\"custom-control-label\" for=\"custom-check2\">Option 2</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check3\" >\n <label class=\"custom-control-label\" for=\"custom-check3\">Option 3</label>\n</div>\n </div>\n <div class=\"form-group\">\n <label for=\"custom-check1\">Checkboxes (multiple choice)</label>\n\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check1\" >\n <label class=\"custom-control-label\" for=\"custom-check1\">Option 1</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check2\" >\n <label class=\"custom-control-label\" for=\"custom-check2\">Option 2</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check3\" >\n <label class=\"custom-control-label\" for=\"custom-check3\">Option 3</label>\n</div>\n </div>\n </form>\n </div>\n</aside>\n </div>\n <div class=\"col-md-8\">\n <div class=\"list-group\">\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n \n <a href=\"#\" class=\"list-group-teaser-more\">\n Afficher plus d'actualités\n </a>\n </div>\n <div class=\"mt-3\">\n <nav aria-label=\"Page navigation\">\n <ul class=\"pagination\">\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to first page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to previous page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n <span class=\"sr-only\">Previous</span>\n </a>\n </li>\n <li class=\"page-item active\">\n <a class=\"page-link\" href=\"#\" aria-current=\"page\">\n 1\n <span class=\"sr-only\">(Current page)</span>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">2</a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">3</a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Next\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n <span class=\"sr-only\">Next</span>\n </a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Last page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n <span class=\"sr-only\">Last page</span>\n </a>\n </li>\n </ul>\n</nav>\n </div>\n </div>\n </div>\n</div>\n </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://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n</ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>&copy; 2024 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";
53988
+ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">Actu</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li class=\"dropdown\">\n <button class=\"btn btn-link dropdown-toggle nav-item\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n Liste des options\n </button>\n <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n <a class=\"dropdown-item\" href=\"#\">Option 1</a>\n <a class=\"dropdown-item active\" href=\"#\">Option 2</a>\n <a class=\"dropdown-item\" href=\"#\">Option 3</a>\n </div>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n <div class=\"container-full\">\n \n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n <div class=\"row\">\n <div class=\"col-lg-10 offset-lg-1\">\n <div class=\"row mb-4\">\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">16.09.17</time>\n </span>\n <span>Actualité</span>\n <span>Nanotechnologies</span>\n </div>\n <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n </div>\n </a>\n\n </div>\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">15.09.17</time>\n </span>\n <span>Recherche</span>\n <span>Prix et récompenses</span>\n </div>\n <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n </div>\n </a>\n\n </div>\n </div>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-4\">\n <aside>\n <div class=\"d-flex justify-content-between px-3 p-md-0 align-baseline\">\n <h3 class=\"h5 mb-0 font-weight-normal\">Filtrer votre recherche</h3>\n <button\n class=\"btn btn-sm btn-secondary d-md-none collapsed collapse-drop-toggle\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#form-filters\"\n aria-expanded=\"false\"\n aria-controls=\"form-filters\"\n >\n Filtres\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#filter\"></use></svg>\n </button>\n </div>\n <div class=\"collapse collapse-md-show collapse-drop\" id=\"form-filters\">\n <form class=\"p-3 p-md-0\">\n <div class=\"form-group\">\n <div class=\"form-group\">\n<label>Choose wisely</label>\n<select id=\"select-input\" class=\"custom-select\">\n <option selected>Make a choice...</option>\n <option value=\"1\">Legolas</option>\n <option value=\"2\">Jar Jar Binks</option>\n <option value=\"3\">None of them</option>\n <option value=\"4\">The fourth choice</option>\n <option value=\"5\">42</option>\n</select>\n</div>\n</div>\n <div class=\"form-group\">\n <label for=\"custom-check1\">Checkboxes (multiple choice)</label>\n\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check1\" >\n <label class=\"custom-control-label\" for=\"custom-check1\">Option 1</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check2\" >\n <label class=\"custom-control-label\" for=\"custom-check2\">Option 2</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check3\" >\n <label class=\"custom-control-label\" for=\"custom-check3\">Option 3</label>\n</div>\n </div>\n <div class=\"form-group\">\n <label for=\"custom-check1\">Checkboxes (multiple choice)</label>\n\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check1\" >\n <label class=\"custom-control-label\" for=\"custom-check1\">Option 1</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check2\" >\n <label class=\"custom-control-label\" for=\"custom-check2\">Option 2</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check3\" >\n <label class=\"custom-control-label\" for=\"custom-check3\">Option 3</label>\n</div>\n </div>\n </form>\n </div>\n</aside>\n </div>\n <div class=\"col-md-8\">\n <div class=\"list-group\">\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n \n <a href=\"#\" class=\"list-group-teaser-more\">\n Afficher plus d'actualités\n </a>\n </div>\n <div class=\"mt-3\">\n <nav aria-label=\"Page navigation\">\n <ul class=\"pagination\">\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to first page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to previous page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n <span class=\"sr-only\">Previous</span>\n </a>\n </li>\n <li class=\"page-item active\">\n <a class=\"page-link\" href=\"#\" aria-current=\"page\">\n 1\n <span class=\"sr-only\">(Current page)</span>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">2</a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">3</a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Next\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n <span class=\"sr-only\">Next</span>\n </a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Last page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n <span class=\"sr-only\">Last page</span>\n </a>\n </li>\n </ul>\n</nav>\n </div>\n </div>\n </div>\n</div>\n </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://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n</ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>&copy; 2024 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";
53989
53989
 
53990
53990
  /***/ }),
53991
53991
 
@@ -66621,7 +66621,7 @@ function SidebarDocs() {
66621
66621
  })));
66622
66622
  }
66623
66623
  ;// CONCATENATED MODULE: ./package.json
66624
- var package_namespaceObject = {"i8":"4.8.0"};
66624
+ var package_namespaceObject = {"i8":"4.9.0"};
66625
66625
  ;// CONCATENATED MODULE: ./reader/components/Sidebar/Sidebar.jsx
66626
66626
 
66627
66627