epfl-elements 5.4.0 → 5.5.0

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 (15) hide show
  1. package/dist/components/atoms/select/select-multiple.twig +6 -1
  2. package/dist/components/pages/lab-homepage/lab-homepage.twig +1 -1
  3. package/dist/css/elements.css +41 -1
  4. package/dist/css/elements.min.css +1 -1
  5. package/dist/css/elements.min.css.map +1 -1
  6. package/dist/css/reader.css +1 -0
  7. package/dist/css/reader.min.css +1 -1
  8. package/dist/css/reader.min.css.map +1 -1
  9. package/dist/js/reader.js +26 -26
  10. package/dist/js/reader.min.js +2 -2
  11. package/dist/js/reader.min.js.map +1 -1
  12. package/dist/js/vendors.js +1142 -4264
  13. package/dist/js/vendors.min.js +1 -1
  14. package/dist/package.json +2 -2
  15. package/package.json +2 -2
package/dist/js/reader.js CHANGED
@@ -48147,7 +48147,7 @@ module.exports = "<a href=\"true\" class=\"research-icon research-icon-details r
48147
48147
  /***/ (function(module) {
48148
48148
 
48149
48149
  "use strict";
48150
- module.exports = "<a href=\"true\" class=\"research-icon research-icon-scopus\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-scopus\"></use></svg>\n <span class=\"sr-only\">Scopus</span>\n</a>\n";
48150
+ module.exports = "<a href=\"#\" class=\"research-icon research-icon-scopus\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-scopus\"></use></svg>\n <span class=\"sr-only\">Scopus</span>\n</a>\n";
48151
48151
 
48152
48152
  /***/ }),
48153
48153
 
@@ -48171,7 +48171,7 @@ module.exports = "<span class=\"research-icon research-icon-scopus\">\n <svg cl
48171
48171
  /***/ (function(module) {
48172
48172
 
48173
48173
  "use strict";
48174
- module.exports = "<div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n";
48174
+ module.exports = "<div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n";
48175
48175
 
48176
48176
  /***/ }),
48177
48177
 
@@ -48891,7 +48891,7 @@ module.exports = "\n<div id=\"carouselNews\" class=\"carousel slide carousel-hig
48891
48891
  /***/ (function(module) {
48892
48892
 
48893
48893
  "use strict";
48894
- 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";
48894
+ 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";
48895
48895
 
48896
48896
  /***/ }),
48897
48897
 
@@ -48899,7 +48899,7 @@ module.exports = "<h4>Contact information</h4>\n\n<button\n class=\"collapse-ti
48899
48899
  /***/ (function(module) {
48900
48900
 
48901
48901
  "use strict";
48902
- 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";
48902
+ 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";
48903
48903
 
48904
48904
  /***/ }),
48905
48905
 
@@ -48907,7 +48907,7 @@ module.exports = "<h4>Contact information</h4>\n\n<button\n class=\"collapse-ti
48907
48907
  /***/ (function(module) {
48908
48908
 
48909
48909
  "use strict";
48910
- 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";
48910
+ 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";
48911
48911
 
48912
48912
  /***/ }),
48913
48913
 
@@ -49163,7 +49163,7 @@ module.exports = "<nav aria-label=\"Page navigation\">\n <ul class=\"pagination
49163
49163
  /***/ (function(module) {
49164
49164
 
49165
49165
  "use strict";
49166
- 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/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-960x540.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1440x810.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-720x405.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/homepage/7-science-question/science-question-720x405.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";
49166
+ 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/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-960x540.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1440x810.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-720x405.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/homepage/7-science-question/science-question-720x405.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";
49167
49167
 
49168
49168
  /***/ }),
49169
49169
 
@@ -49499,7 +49499,7 @@ module.exports = "<div class=\"form-group\">\n <label for=\"awesome-input\">Inp
49499
49499
  /***/ (function(module) {
49500
49500
 
49501
49501
  "use strict";
49502
- 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";
49502
+ 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";
49503
49503
 
49504
49504
  /***/ }),
49505
49505
 
@@ -49507,7 +49507,7 @@ module.exports = "\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">
49507
49507
  /***/ (function(module) {
49508
49508
 
49509
49509
  "use strict";
49510
- 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";
49510
+ 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";
49511
49511
 
49512
49512
  /***/ }),
49513
49513
 
@@ -49515,7 +49515,7 @@ module.exports = "<div class=\"fullwidth-teaser fullwidth-teaser-left\">\n\n <p
49515
49515
  /***/ (function(module) {
49516
49516
 
49517
49517
  "use strict";
49518
- 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";
49518
+ 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";
49519
49519
 
49520
49520
  /***/ }),
49521
49521
 
@@ -49523,7 +49523,7 @@ module.exports = "<div class=\"fullwidth-teaser\">\n\n <figure class=\"cover\">
49523
49523
  /***/ (function(module) {
49524
49524
 
49525
49525
  "use strict";
49526
- 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";
49526
+ 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";
49527
49527
 
49528
49528
  /***/ }),
49529
49529
 
@@ -49579,7 +49579,7 @@ module.exports = "\n<header role=\"banner\" class=\"header\">\n <a class=\"logo
49579
49579
  /***/ (function(module) {
49580
49580
 
49581
49581
  "use strict";
49582
- 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";
49582
+ 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";
49583
49583
 
49584
49584
  /***/ }),
49585
49585
 
@@ -49587,7 +49587,7 @@ module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizon
49587
49587
  /***/ (function(module) {
49588
49588
 
49589
49589
  "use strict";
49590
- 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";
49590
+ 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";
49591
49591
 
49592
49592
  /***/ }),
49593
49593
 
@@ -49595,7 +49595,7 @@ module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizon
49595
49595
  /***/ (function(module) {
49596
49596
 
49597
49597
  "use strict";
49598
- 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=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x,./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1140x641.jpg 1x,./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-928x520.jpg 1x,./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x,./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x,./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n <figcaption>\n <button\n aria-hidden=\"true\"\n type=\"button\"\n class=\"btn-circle\"\n data-toggle=\"popover\"\n data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n </figcaption>\n</figure>\n </div>\n</div>\n";
49598
+ 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=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x,./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1140x641.jpg 1x,./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-928x520.jpg 1x,./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x,./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x,./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n <figcaption>\n <button\n aria-hidden=\"true\"\n type=\"button\"\n class=\"btn-circle\"\n data-toggle=\"popover\"\n data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n </figcaption>\n</figure>\n </div>\n</div>\n";
49599
49599
 
49600
49600
  /***/ }),
49601
49601
 
@@ -49603,7 +49603,7 @@ module.exports = "<div class=\"hero\">\n <div class=\"hero-content-container\">
49603
49603
  /***/ (function(module) {
49604
49604
 
49605
49605
  "use strict";
49606
- 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=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x,./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1140x641.jpg 1x,./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-928x520.jpg 1x,./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x,./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x,./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n";
49606
+ 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=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x,./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1140x641.jpg 1x,./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-928x520.jpg 1x,./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x,./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x,./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n";
49607
49607
 
49608
49608
  /***/ }),
49609
49609
 
@@ -49619,7 +49619,7 @@ module.exports = "<div class=\"introduction bg-gray-100\">\n <div class=\"conta
49619
49619
  /***/ (function(module) {
49620
49620
 
49621
49621
  "use strict";
49622
- 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";
49622
+ 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";
49623
49623
 
49624
49624
  /***/ }),
49625
49625
 
@@ -49683,7 +49683,7 @@ module.exports = "<div class=\"py-5 bg-gray-100\">\n <div class=\"container\">\
49683
49683
  /***/ (function(module) {
49684
49684
 
49685
49685
  "use strict";
49686
- module.exports = "<ul class=\"nav nav-tabs\" role=\"tablist\">\n <li class=\"nav-item\">\n <a class=\"nav-link active\" id=\"lu-tab\" data-toggle=\"tab\" href=\"#lu\" role=\"tab\" aria-controls=\"lu\" aria-selected=\"true\">Lu</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"ma-tab\" data-toggle=\"tab\" href=\"#ma\" role=\"tab\" aria-controls=\"ma\" >Ma</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"me-tab\" data-toggle=\"tab\" href=\"#me\" role=\"tab\" aria-controls=\"me\" >Me</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"je-tab\" data-toggle=\"tab\" href=\"#je\" role=\"tab\" aria-controls=\"je\" >Je</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"ve-tab\" data-toggle=\"tab\" href=\"#ve\" role=\"tab\" aria-controls=\"ve\" >Ve</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"sa-tab\" data-toggle=\"tab\" href=\"#sa\" role=\"tab\" aria-controls=\"sa\" >Sa</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"di-tab\" data-toggle=\"tab\" href=\"#di\" role=\"tab\" aria-controls=\"di\" >Di</a>\n </li>\n </ul>\n\n<div class=\"tab-content py-3\">\n <div class=\"tab-pane fade show active\" id=\"lu\" role=\"tabpanel\" aria-labelledby=\"lu-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"ma\" role=\"tabpanel\" aria-labelledby=\"ma-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"me\" role=\"tabpanel\" aria-labelledby=\"me-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"je\" role=\"tabpanel\" aria-labelledby=\"je-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"ve\" role=\"tabpanel\" aria-labelledby=\"ve-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"sa\" role=\"tabpanel\" aria-labelledby=\"sa-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"di\" role=\"tabpanel\" aria-labelledby=\"di-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n </div>\n";
49686
+ module.exports = "<ul class=\"nav nav-tabs\" role=\"tablist\">\n <li class=\"nav-item\">\n <a class=\"nav-link active\" id=\"lu-tab\" data-toggle=\"tab\" href=\"#lu\" role=\"tab\" aria-controls=\"lu\" aria-selected=\"true\">Lu</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"ma-tab\" data-toggle=\"tab\" href=\"#ma\" role=\"tab\" aria-controls=\"ma\" >Ma</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"me-tab\" data-toggle=\"tab\" href=\"#me\" role=\"tab\" aria-controls=\"me\" >Me</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"je-tab\" data-toggle=\"tab\" href=\"#je\" role=\"tab\" aria-controls=\"je\" >Je</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"ve-tab\" data-toggle=\"tab\" href=\"#ve\" role=\"tab\" aria-controls=\"ve\" >Ve</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"sa-tab\" data-toggle=\"tab\" href=\"#sa\" role=\"tab\" aria-controls=\"sa\" >Sa</a>\n </li>\n <li class=\"nav-item\">\n <a class=\"nav-link \" id=\"di-tab\" data-toggle=\"tab\" href=\"#di\" role=\"tab\" aria-controls=\"di\" >Di</a>\n </li>\n </ul>\n\n<div class=\"tab-content py-3\">\n <div class=\"tab-pane fade show active\" id=\"lu\" role=\"tabpanel\" aria-labelledby=\"lu-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"ma\" role=\"tabpanel\" aria-labelledby=\"ma-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"me\" role=\"tabpanel\" aria-labelledby=\"me-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"je\" role=\"tabpanel\" aria-labelledby=\"je-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"ve\" role=\"tabpanel\" aria-labelledby=\"ve-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"sa\" role=\"tabpanel\" aria-labelledby=\"sa-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n <div class=\"tab-pane fade show \" id=\"di\" role=\"tabpanel\" aria-labelledby=\"di-tab\">\n <div class=\"row my-3\">\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label>Pick a restaurant</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Restaurant list\" data-filter=\"true\">\n <option value=\"1\">Chuck Testa's tavern</option>\n <option value=\"2\">The Sage Cattabriga-Alosa hideout</option>\n <option value=\"3\">Nikola Tesla Drive-in</option>\n <option value=\"4\">A Love for Pizza 🍕</option>\n <option data-divider=\"true\"></option>\n <option value=\"5\">The Hydron Collider</option>\n <option value=\"6\">There's no place like 127.0.0.1</option>\n <option value=\"7\">The Shake Shack Space bar</option>\n <optgroup label=\"EPFL\">\n <option value=\"8\">Holy Cow</option>\n <option value=\"9\">Panares Gourmet</option>\n <option value=\"10\">Satellite</option>\n </optgroup>\n </select>\n</div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"form-group\">\n <label for=\"formControlRange\">Score Nutrimenu minimum</label>\n <input type=\"range\" id=\"nutrimenu-score\" name=\"nutrimenu-score\" class=\"form-control-range custom-range\" min=\"1\" max=\"13\" step=\"1\" value=\"10\">\n <output for=\"nutrimenu-score\" aria-hidden=\"true\">B+</output>\n </div>\n </div>\n <div class=\"col-12 mb-2\">\n <div class=\"custom-controls-inline\">\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio22\" name=\"customRadio2\" class=\"custom-control-input\" checked>\n <label class=\"custom-control-label\" for=\"custom-radio22\">Offres du midi</label>\n</div>\n <div class=\"custom-control custom-radio\">\n <input type=\"radio\" id=\"custom-radio23\" name=\"customRadio2\" class=\"custom-control-input\" >\n <label class=\"custom-control-label\" for=\"custom-radio23\">Offres du soir</label>\n</div>\n</div>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-12\">\n <div class=\"tag-group mb-3\">\n <label for=\"\">Filtres de recherches</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Campus Biotech Genève<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Fleur de Pains<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Food Truck<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"tablesaw-container\">\n <table class=\"table table-restauration tablesaw tablesaw-stack\" data-tablesaw-mode=\"stack\">\n <thead class=\"sr-only\">\n <tr>\n <th>Menu</th>\n <th>Restaurant</th>\n <th>Prix</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Filets de perche (Estonie) sauce tartare</b><br>\n Frites<br>\n Salade mêlée\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-A.svg\" alt=\"NutriMenu Score: A+\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">Cafétéria BC</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">\n <abbr title=\"Prix étudiant\" class=\"text-primary\">E</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix visiteurs\" class=\"text-primary\">V</abbr> 14.00 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix doctorants\" class=\"text-primary\">D</abbr> 11.90 CHF\n </span>\n <span class=\"price\">\n <abbr title=\"Prix campus\" class=\"text-primary\">C</abbr> 14.00 CHF\n </span>\n </td>\n </tr>\n <tr>\n <td class=\"menu\">\n <div class=\"menu-content\">\n <div class=\"logo float-left pr-3\">\n <img class=\"\" src=\"./images/styleguide/restauration_illustration.png\">\n </div>\n <div class=\"descr\">\n <b>Galette</b><br>\n Thon, oignons, Fromage, Roquette<br>\n </div>\n <div class=\"nutrimenu\">\n <img src=\"./images/styleguide/nutrimenu-score/nutrimenu-score-B.svg\" alt=\"NutriMenu Score: B\" height=\"80\">\n </div>\n </div>\n </td>\n <td class=\"restaurant\">\n <a href=\"#\">L'Esplanade</a>\n </td>\n <td class=\"prices\">\n <span class=\"price\">9.90 CHF</span>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n </div>\n </div>\n";
49687
49687
 
49688
49688
  /***/ }),
49689
49689
 
@@ -49747,7 +49747,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
49747
49747
  /***/ (function(module) {
49748
49748
 
49749
49749
  "use strict";
49750
- module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">example blog name</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"#\">Page 1</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"#\">Page 2</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"#\">Page 3</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"#\">Page 4</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"#\">Page 5</a>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\" id=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item breadcrumb-tags-wrapper\">\n <a href=\"#\" class=\"tag tag-tertiary\">School</a>\n <a href=\"#\" class=\"tag tag-primary\">Innovation</a>\n <a href=\"#\" class=\"tag tag-primary\">W3C</a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Display the complete path</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Schools</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – Schools</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">About</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Schools</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">School of Architecture, Civil and Environmental Engineering</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-2\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – School of Architecture, Civil and Environmental Engineering</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-2\">\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">School of Architecture, Civil and Environmental Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Computer and Communication Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Basic Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Life Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Management of Technology</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Humanities</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sections</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">ENAC Faculty</span>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-3\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – ENAC Faculty</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">News</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">ENAC Faculty</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability challenges</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n </div>\n </li>\n </ol>\n</nav>\n </div>\n \n <div class=\"nav-toggle-layout nav-aside-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n <aside class=\"nav-aside-wrapper\">\n <nav\n id=\"nav-aside\"\n class=\"nav-aside\"\n role=\"navigation\"\n aria-describedby=\"nav-aside-title\"\n>\n <h2 class=\"h5 sr-only-xl\" id=\"nav-aside-title\">Dans la même section</h2>\n <ul class=\"nav-menu\">\n <li><a href=\"#\">News</a></li>\n <li class=\"active\">\n <a href=\"#\">\n ENAC Faculty\n <span class=\"sr-only\">(page courante)</span>\n </a>\n <ul>\n <li><a href=\"#\">Organization</a></li>\n <li><a href=\"#\">Projects</a></li>\n <li><a href=\"#\">Publications</a></li>\n <li><a href=\"#\">Team</a></li>\n <li><a href=\"#\">Teaching</a></li>\n </ul>\n </li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Sustainability challenges</a></li>\n <li><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n</nav>\n </aside>\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n \n<div class=\"container-full px-5 px-xxl-6 mt-5\">\n <h1>Titre du blog</h1>\n</div>\n\n<div class=\"container-full px-5 px-xxl-6 mt-5\">\n <div class=\"row\" style=\"flex-direction: row-reverse;\">\n <div class=\"col-lg-3\">\n <aside>\n <div class=\"d-flex justify-content-between px-3 p-md-0 align-baseline\">\n <h3 class=\"h5 mb-0 font-weight-normal\">Filtrer les articles</h3>\n <button\n class=\"btn btn-sm btn-secondary d-lg-none collapsed collapse-drop-toggle\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#form-filters\"\n aria-expanded=\"false\"\n aria-controls=\"form-filters\"\n >\n Filtres\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n </div>\n <div class=\"collapse collapse-lg-show collapse-drop\" id=\"form-filters\">\n\n <form class=\"p-3 p-lg-0 mt-md-3\">\n\n <div class=\"form-group form-group-search\">\n <label for=\"search-field\" class=\"sr-only\">Search</label>\n <p class=\"search-container icon-right\">\n <input\n type=\"search\"\n id=\"search-field\"\n class=\"form-control\"\n placeholder=\"Keywords...\"\n aria-describedby=\"search-field-help\"\n >\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </p>\n</div>\n\n <div class=\"form-group\">\n <div class=\"form-group\">\n<label> Catégories </label>\n<select id=\"select-input\" class=\"custom-select\">\n <option selected>Make a choice...</option>\n <option value=\"1\">Legolas</option>\n <option value=\"2\">Jar Jar Binks</option>\n <option value=\"3\">None of them</option>\n <option value=\"4\">The fourth choice</option>\n <option value=\"5\">42</option>\n</select>\n</div>\n</div>\n\n <div class=\"form-group\">\n <div class=\"form-group\">\n<label> Archives </label>\n<select id=\"select-input\" class=\"custom-select\">\n <option selected>Make a choice...</option>\n <option value=\"1\">Legolas</option>\n <option value=\"2\">Jar Jar Binks</option>\n <option value=\"3\">None of them</option>\n <option value=\"4\">The fourth choice</option>\n <option value=\"5\">42</option>\n</select>\n</div>\n</div>\n\n </form>\n </div>\n</aside>\n </div>\n <div class=\"col-lg-9\">\n <div class=\"card-deck\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n <div class=\"mt-3\">\n <nav aria-label=\"Page navigation\">\n <ul class=\"pagination\">\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to first page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to previous page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n <span class=\"sr-only\">Previous</span>\n </a>\n </li>\n <li class=\"page-item active\">\n <a class=\"page-link\" href=\"#\" aria-current=\"page\">\n 1\n <span class=\"sr-only\">(Current page)</span>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">2</a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">3</a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Next\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n <span class=\"sr-only\">Next</span>\n </a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Last page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n <span class=\"sr-only\">Last page</span>\n </a>\n </li>\n </ul>\n</nav>\n </div>\n </div>\n </div>\n</div>\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n</div>\n </div>\n</div>\n</div>\n";
49750
+ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">example blog name</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"#\">Page 1</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"#\">Page 2</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"#\">Page 3</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"#\">Page 4</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"#\">Page 5</a>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n \n<div class=\"container-full px-5 px-xxl-6 mt-5\">\n <h1>Titre du blog</h1>\n</div>\n\n<div class=\"container-full px-5 px-xxl-6 mt-5\">\n <div class=\"row\" style=\"flex-direction: row-reverse;\">\n <div class=\"col-lg-3\">\n <aside>\n <div class=\"d-flex justify-content-between px-3 p-md-0 align-baseline\">\n <h3 class=\"h5 mb-0 font-weight-normal\">Filtrer les articles</h3>\n <button\n class=\"btn btn-sm btn-secondary d-lg-none collapsed collapse-drop-toggle\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#form-filters\"\n aria-expanded=\"false\"\n aria-controls=\"form-filters\"\n >\n Filtres\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n </button>\n </div>\n <div class=\"collapse collapse-lg-show collapse-drop\" id=\"form-filters\">\n\n <form class=\"p-3 p-lg-0 mt-md-3\">\n\n <div class=\"form-group form-group-search\">\n <label for=\"search-field\" class=\"sr-only\">Search</label>\n <p class=\"search-container icon-right\">\n <input\n type=\"search\"\n id=\"search-field\"\n class=\"form-control\"\n placeholder=\"Keywords...\"\n aria-describedby=\"search-field-help\"\n >\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </p>\n</div>\n\n <div class=\"form-group\">\n <div class=\"form-group\">\n<label> Catégories </label>\n<select id=\"select-input\" class=\"custom-select\">\n <option selected>Make a choice...</option>\n <option value=\"1\">Legolas</option>\n <option value=\"2\">Jar Jar Binks</option>\n <option value=\"3\">None of them</option>\n <option value=\"4\">The fourth choice</option>\n <option value=\"5\">42</option>\n</select>\n</div>\n</div>\n\n <div class=\"form-group\">\n <div class=\"form-group\">\n<label> Archives </label>\n<select id=\"select-input\" class=\"custom-select\">\n <option selected>Make a choice...</option>\n <option value=\"1\">Legolas</option>\n <option value=\"2\">Jar Jar Binks</option>\n <option value=\"3\">None of them</option>\n <option value=\"4\">The fourth choice</option>\n <option value=\"5\">42</option>\n</select>\n</div>\n</div>\n\n </form>\n </div>\n</aside>\n </div>\n <div class=\"col-lg-9\">\n <div class=\"card-deck\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n <div class=\"mt-3\">\n <nav aria-label=\"Page navigation\">\n <ul class=\"pagination\">\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to first page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to previous page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n <span class=\"sr-only\">Previous</span>\n </a>\n </li>\n <li class=\"page-item active\">\n <a class=\"page-link\" href=\"#\" aria-current=\"page\">\n 1\n <span class=\"sr-only\">(Current page)</span>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">2</a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">3</a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Next\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n <span class=\"sr-only\">Next</span>\n </a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Last page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n <span class=\"sr-only\">Last page</span>\n </a>\n </li>\n </ul>\n</nav>\n </div>\n </div>\n </div>\n</div>\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n</div>\n </div>\n</div>\n</div>\n";
49751
49751
 
49752
49752
  /***/ }),
49753
49753
 
@@ -49755,7 +49755,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
49755
49755
  /***/ (function(module) {
49756
49756
 
49757
49757
  "use strict";
49758
- module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">example blog name</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"#\">Page 1</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"#\">Page 2</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"#\">Page 3</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"#\">Page 4</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"#\">Page 5</a>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\" id=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item breadcrumb-tags-wrapper\">\n <a href=\"#\" class=\"tag tag-tertiary\">School</a>\n <a href=\"#\" class=\"tag tag-primary\">Innovation</a>\n <a href=\"#\" class=\"tag tag-primary\">W3C</a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Display the complete path</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Schools</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – Schools</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">About</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Schools</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">School of Architecture, Civil and Environmental Engineering</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-2\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – School of Architecture, Civil and Environmental Engineering</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-2\">\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">School of Architecture, Civil and Environmental Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Computer and Communication Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Basic Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Life Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Management of Technology</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Humanities</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sections</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">ENAC Faculty</span>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-3\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – ENAC Faculty</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">News</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">ENAC Faculty</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability challenges</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n </div>\n </li>\n </ol>\n</nav>\n </div>\n \n <div class=\"nav-toggle-layout nav-aside-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n <aside class=\"nav-aside-wrapper\">\n <nav\n id=\"nav-aside\"\n class=\"nav-aside\"\n role=\"navigation\"\n aria-describedby=\"nav-aside-title\"\n>\n <h2 class=\"h5 sr-only-xl\" id=\"nav-aside-title\">Dans la même section</h2>\n <ul class=\"nav-menu\">\n <li><a href=\"#\">News</a></li>\n <li class=\"active\">\n <a href=\"#\">\n ENAC Faculty\n <span class=\"sr-only\">(page courante)</span>\n </a>\n <ul>\n <li><a href=\"#\">Organization</a></li>\n <li><a href=\"#\">Projects</a></li>\n <li><a href=\"#\">Publications</a></li>\n <li><a href=\"#\">Team</a></li>\n <li><a href=\"#\">Teaching</a></li>\n </ul>\n </li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Sustainability challenges</a></li>\n <li><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n</nav>\n </aside>\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n \n<article class=\"blog-post container\">\n\n <header class=\"entry-header mb-5 container-grid\">\n <h1 itemprop=\"name\">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h1>\n <div class=\"post-meta my-4\">\n <p class=\"text-muted\">Publié le 9 décembre 2019</p>\n <p class=\"sr-only\">Catégories:</p>\n <p>\n <a href=\"#\" class=\"tag tag-primary\">Catégorie 1</a>\n <a href=\"#\" class=\"tag tag-primary\">Catégorie 2</a>\n </p>\n </div>\n </header>\n\n <div class=\"entry-content mb-5 container-grid\">\n\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at pharetra est, non bibendum dolor. Proin turpis neque, viverra a augue vitae, dapibus iaculis tellus. Morbi ante nisi, venenatis vel velit id, ultrices efficitur nisl. Morbi consectetur non turpis eu interdum. Phasellus nec felis at justo efficitur cursus sed quis sapien. Proin facilisis sapien sit amet venenatis pellentesque. Nulla efficitur, massa a facilisis egestas, massa nulla scelerisque tellus, quis fringilla orci ante sed risus.</p>\n\n <div class=\"container my-5\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n\n <p>Sed varius volutpat mollis. Vestibulum suscipit hendrerit congue. Donec ante urna, molestie et magna quis, pellentesque auctor urna. Donec porta ligula sed nisl consequat vehicula. Maecenas aliquet, sapien vitae iaculis vestibulum, arcu neque viverra tellus, nec pulvinar diam sem id massa. Nunc vestibulum lacus nunc.</p>\n\n <div class=\"my-3\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n\n <p>Nunc sodales nisi in ante molestie gravida. Sed iaculis, libero quis efficitur fermentum, lacus orci sagittis lacus, sit amet consectetur lectus nibh vel nisi. Sed et accumsan orci. Cras imperdiet nibh odio, vitae dictum purus luctus in. Maecenas a nunc sit amet mauris fermentum fermentum. Curabitur sit amet neque sit amet lorem commodo rutrum vitae sed magna. Sed quis lectus dolor. Nullam placerat augue ut sollicitudin pharetra.</p>\n\n\n <blockquote class=\"blockquote\">\n <p>In ut viverra mauris. Duis hendrerit, nulla ac condimentum condimentum, quam sem dignissim nulla, ut suscipit lorem purus sodales sapien. Mauris luctus scelerisque malesuada. Maecenas id augue velit. Donec malesuada, dolor vel auctor fermentum, eros enim auctor tellus, non vestibulum felis elit ut arcu. Maecenas sed euismod arcu, quis aliquam mi. Donec faucibus tristique ex, id cursus metus varius quis. Aenean neque mauris, pulvinar id placerat ac, finibus vel quam.</p>\n <footer class=\"blockquote-footer\">\n — Prénom Nom, chef d’unité\n </footer>\n </blockquote>\n\n <p>In ut viverra mauris. Duis hendrerit, nulla ac condimentum condimentum, quam sem dignissim nulla, ut suscipit lorem purus sodales sapien. Mauris luctus scelerisque malesuada. Maecenas id augue velit. Donec malesuada, dolor vel auctor fermentum, eros enim auctor tellus, non vestibulum felis elit ut arcu. Maecenas sed euismod arcu, quis aliquam mi. Donec faucibus tristique ex, id cursus metus varius quis. Aenean neque mauris, pulvinar id placerat ac, finibus vel quam. Praesent fringilla neque ante, et auctor augue gravida at. Nunc pulvinar, nibh fringilla suscipit interdum, augue velit convallis enim, tempor rutrum risus justo ac mauris. Praesent lobortis odio augue. Curabitur vestibulum condimentum ipsum, a rhoncus est malesuada quis. Fusce luctus nisl et tortor varius ornare.</p>\n\n <div class=\"container my-5\">\n <div class=\"embed-responsive embed-responsive-16by9\">\n <iframe\n class=\"embed-responsive-item\"\n src=\"https://www.youtube.com/embed/eIefuuUnLvc?rel=0\"\n frameborder=\"0\"\n allow=\"autoplay; encrypted-media\"\n allowfullscreen></iframe>\n</div>\n </div>\n\n <p>Nunc id imperdiet est. Phasellus a semper ante. Sed purus nisi, iaculis non purus id, ultricies vulputate leo. Ut dignissim vitae quam eget gravida. Nulla nec metus tortor. Nullam quis nisl at purus commodo consequat. Nullam sem dolor, faucibus in turpis eleifend, condimentum ultricies nisi. Phasellus vitae gravida lectus. Nam tellus magna, lacinia vel congue non, egestas at erat. Mauris consequat, justo in lobortis pharetra, nibh sapien gravida risus, vitae commodo nunc tellus eu nisi. Fusce tempus nisl laoreet diam luctus dictum. Aenean nisi felis, maximus nec ante ut, sodales viverra nisl. Vivamus iaculis fermentum lorem, vel sagittis erat imperdiet ac. In hac habitasse platea dictumst. Vivamus congue augue eget mi mollis tristique.</p>\n <p>Cras non sem sed erat feugiat pellentesque. In in risus est. Praesent ut lectus sit amet leo viverra scelerisque. Nulla facilisi. Cras vel lectus tortor. In auctor dictum odio vitae mollis. Donec fringilla viverra suscipit. Curabitur cursus nibh a purus volutpat imperdiet. Integer mollis varius enim eu porttitor.</p>\n\n </div>\n\n <footer class=\"post-footer pt-4 container-grid\">\n\n <div class=\"post-nav py-md-1\">\n\n <div class=\"nav-next\">\n <a class=\"btn btn-secondary post-link\" href=\"#\">\n <span class=\"label muted\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-left\"></use></svg>\n Next post<span class=\"colon\">:</span>\n </span>\n <span class=\"post-title\"><strong>Lorem ipsum dolor sit amet</strong></span>\n </a>\n </div>\n\n <div class=\"nav-prev\">\n <a class=\"btn btn-secondary post-link\" href=\"#\">\n <span class=\"label muted\">\n Previous post<span class=\"colon\">:</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-right\"></use></svg>\n </span>\n <span class=\"post-title\"><strong>Consectetur adipiscing elit</strong></span>\n </a>\n </div>\n\n </div>\n\n <div class=\"post-meta mt-4\">\n <h2 class=\"h5\">Mots-clés</h2>\n <p>\n <a href=\"#\" class=\"tag tag-primary\">Lorem ipsum</a>\n <a href=\"#\" class=\"tag tag-primary\">Dolor sit amet</a>\n <a href=\"#\" class=\"tag tag-primary\">Consectetur</a>\n <a href=\"#\" class=\"tag tag-primary\">Adipiscing</a>\n <a href=\"#\" class=\"tag tag-primary\">Praesent</a>\n <a href=\"#\" class=\"tag tag-primary\">Viverra a augue</a>\n <a href=\"#\" class=\"tag tag-primary\">Morbi ante nisi</a>\n <a href=\"#\" class=\"tag tag-primary\">Venenatis</a>\n </p>\n </div>\n\n </footer>\n\n</article>\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
49758
+ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">example blog name</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"#\">Page 1</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"#\">Page 2</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"#\">Page 3</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"#\">Page 4</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"#\">Page 5</a>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n \n<article class=\"blog-post container\">\n\n <header class=\"entry-header mb-5 container-grid\">\n <h1 itemprop=\"name\">Lorem ipsum dolor sit amet, consectetur adipiscing elit</h1>\n <div class=\"post-meta my-4\">\n <p class=\"text-muted\">Publié le 9 décembre 2019</p>\n <p class=\"sr-only\">Catégories:</p>\n <p>\n <a href=\"#\" class=\"tag tag-primary\">Catégorie 1</a>\n <a href=\"#\" class=\"tag tag-primary\">Catégorie 2</a>\n </p>\n </div>\n </header>\n\n <div class=\"entry-content mb-5 container-grid\">\n\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at pharetra est, non bibendum dolor. Proin turpis neque, viverra a augue vitae, dapibus iaculis tellus. Morbi ante nisi, venenatis vel velit id, ultrices efficitur nisl. Morbi consectetur non turpis eu interdum. Phasellus nec felis at justo efficitur cursus sed quis sapien. Proin facilisis sapien sit amet venenatis pellentesque. Nulla efficitur, massa a facilisis egestas, massa nulla scelerisque tellus, quis fringilla orci ante sed risus.</p>\n\n <div class=\"container my-5\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n\n <p>Sed varius volutpat mollis. Vestibulum suscipit hendrerit congue. Donec ante urna, molestie et magna quis, pellentesque auctor urna. Donec porta ligula sed nisl consequat vehicula. Maecenas aliquet, sapien vitae iaculis vestibulum, arcu neque viverra tellus, nec pulvinar diam sem id massa. Nunc vestibulum lacus nunc.</p>\n\n <div class=\"my-3\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n\n <p>Nunc sodales nisi in ante molestie gravida. Sed iaculis, libero quis efficitur fermentum, lacus orci sagittis lacus, sit amet consectetur lectus nibh vel nisi. Sed et accumsan orci. Cras imperdiet nibh odio, vitae dictum purus luctus in. Maecenas a nunc sit amet mauris fermentum fermentum. Curabitur sit amet neque sit amet lorem commodo rutrum vitae sed magna. Sed quis lectus dolor. Nullam placerat augue ut sollicitudin pharetra.</p>\n\n\n <blockquote class=\"blockquote\">\n <p>In ut viverra mauris. Duis hendrerit, nulla ac condimentum condimentum, quam sem dignissim nulla, ut suscipit lorem purus sodales sapien. Mauris luctus scelerisque malesuada. Maecenas id augue velit. Donec malesuada, dolor vel auctor fermentum, eros enim auctor tellus, non vestibulum felis elit ut arcu. Maecenas sed euismod arcu, quis aliquam mi. Donec faucibus tristique ex, id cursus metus varius quis. Aenean neque mauris, pulvinar id placerat ac, finibus vel quam.</p>\n <footer class=\"blockquote-footer\">\n — Prénom Nom, chef d’unité\n </footer>\n </blockquote>\n\n <p>In ut viverra mauris. Duis hendrerit, nulla ac condimentum condimentum, quam sem dignissim nulla, ut suscipit lorem purus sodales sapien. Mauris luctus scelerisque malesuada. Maecenas id augue velit. Donec malesuada, dolor vel auctor fermentum, eros enim auctor tellus, non vestibulum felis elit ut arcu. Maecenas sed euismod arcu, quis aliquam mi. Donec faucibus tristique ex, id cursus metus varius quis. Aenean neque mauris, pulvinar id placerat ac, finibus vel quam. Praesent fringilla neque ante, et auctor augue gravida at. Nunc pulvinar, nibh fringilla suscipit interdum, augue velit convallis enim, tempor rutrum risus justo ac mauris. Praesent lobortis odio augue. Curabitur vestibulum condimentum ipsum, a rhoncus est malesuada quis. Fusce luctus nisl et tortor varius ornare.</p>\n\n <div class=\"container my-5\">\n <div class=\"embed-responsive embed-responsive-16by9\">\n <iframe\n class=\"embed-responsive-item\"\n src=\"https://www.youtube.com/embed/eIefuuUnLvc?rel=0\"\n frameborder=\"0\"\n allow=\"autoplay; encrypted-media\"\n allowfullscreen></iframe>\n</div>\n </div>\n\n <p>Nunc id imperdiet est. Phasellus a semper ante. Sed purus nisi, iaculis non purus id, ultricies vulputate leo. Ut dignissim vitae quam eget gravida. Nulla nec metus tortor. Nullam quis nisl at purus commodo consequat. Nullam sem dolor, faucibus in turpis eleifend, condimentum ultricies nisi. Phasellus vitae gravida lectus. Nam tellus magna, lacinia vel congue non, egestas at erat. Mauris consequat, justo in lobortis pharetra, nibh sapien gravida risus, vitae commodo nunc tellus eu nisi. Fusce tempus nisl laoreet diam luctus dictum. Aenean nisi felis, maximus nec ante ut, sodales viverra nisl. Vivamus iaculis fermentum lorem, vel sagittis erat imperdiet ac. In hac habitasse platea dictumst. Vivamus congue augue eget mi mollis tristique.</p>\n <p>Cras non sem sed erat feugiat pellentesque. In in risus est. Praesent ut lectus sit amet leo viverra scelerisque. Nulla facilisi. Cras vel lectus tortor. In auctor dictum odio vitae mollis. Donec fringilla viverra suscipit. Curabitur cursus nibh a purus volutpat imperdiet. Integer mollis varius enim eu porttitor.</p>\n\n </div>\n\n <footer class=\"post-footer pt-4 container-grid\">\n\n <div class=\"post-nav py-md-1\">\n\n <div class=\"nav-next\">\n <a class=\"btn btn-secondary post-link\" href=\"#\">\n <span class=\"label muted\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-left\"></use></svg>\n Next post<span class=\"colon\">:</span>\n </span>\n <span class=\"post-title\"><strong>Lorem ipsum dolor sit amet</strong></span>\n </a>\n </div>\n\n <div class=\"nav-prev\">\n <a class=\"btn btn-secondary post-link\" href=\"#\">\n <span class=\"label muted\">\n Previous post<span class=\"colon\">:</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-right\"></use></svg>\n </span>\n <span class=\"post-title\"><strong>Consectetur adipiscing elit</strong></span>\n </a>\n </div>\n\n </div>\n\n <div class=\"post-meta mt-4\">\n <h2 class=\"h5\">Mots-clés</h2>\n <p>\n <a href=\"#\" class=\"tag tag-primary\">Lorem ipsum</a>\n <a href=\"#\" class=\"tag tag-primary\">Dolor sit amet</a>\n <a href=\"#\" class=\"tag tag-primary\">Consectetur</a>\n <a href=\"#\" class=\"tag tag-primary\">Adipiscing</a>\n <a href=\"#\" class=\"tag tag-primary\">Praesent</a>\n <a href=\"#\" class=\"tag tag-primary\">Viverra a augue</a>\n <a href=\"#\" class=\"tag tag-primary\">Morbi ante nisi</a>\n <a href=\"#\" class=\"tag tag-primary\">Venenatis</a>\n </p>\n </div>\n\n </footer>\n\n</article>\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
49759
49759
 
49760
49760
  /***/ }),
49761
49761
 
@@ -49795,7 +49795,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
49795
49795
  /***/ (function(module) {
49796
49796
 
49797
49797
  "use strict";
49798
- 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_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"images/styleguide/cover/cover01_928x520.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"images/styleguide/cover/cover01_768x432.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"images/styleguide/cover/cover01_576x324.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <div class=\"introduction\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-8 offset-md-2\">\n <h2>Introduction</h2>\n\n <p>This is an introduction text about the association. It is always interesting to know in few lines what is all about.</p>\n </div>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\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 <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"container-full 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=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n </div>\n</div>\n\n<div class=\"container mt-5\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <h3>Contact</h3>\n <p>Les guichets des « services aux étudiant-e-s » est le point de contact central pour traiter vos demandes.</p>\n <div class=\"card card-body card-sm mb-2 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Lundi à jeudi</div>\n <div><strong><time datetime=\"09:00\">09:00</time> <span aria-label=\"à\">›</span> <time datetime=\"18:00\">18:00</time></strong></div>\n </div>\n <div class=\"card card-body card-sm mb-4 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Vendredi</div>\n <div><strong><time datetime=\"09:30\">09:30</time> <span aria-label=\"à\">›</span> <time datetime=\"17:00\">17:00</time></strong></div>\n </div>\n <p>\n <a href=\"mailto:services.etudiants@epfl.ch\">services.etudiants@epfl.ch</a>\n </p>\n <hr>\n <p>\n +41 21 693 43 45\n </p>\n <hr>\n <address>\n EPFL AA-DAF<br>\n BP 1229 (bâtiment BP) Station 16<br>\n CH - 1015 Lausanne\n </address>\n </div>\n <div class=\"col-md-6 d-flex flex-column\">\n <h4 class=\"sr-only\">Access map</h4>\n<figure class=\"media-map\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n <figcaption class=\"media-map-over\">\n <a href=\"#\" class=\"btn btn-primary btn-block\">Itinéraire vers le bureau BP (1er étage)</a>\n </figcaption>\n</figure>\n </div>\n</div>\n</div>\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n</div>\n </div>\n</div>\n</div>\n";
49798
+ 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_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"images/styleguide/cover/cover01_928x520.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"images/styleguide/cover/cover01_768x432.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"images/styleguide/cover/cover01_576x324.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <div class=\"introduction\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-8 offset-md-2\">\n <h2>Introduction</h2>\n\n <p>This is an introduction text about the association. It is always interesting to know in few lines what is all about.</p>\n </div>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\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 <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"container-full 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=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n </div>\n</div>\n\n<div class=\"container mt-5\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <h3>Contact</h3>\n <p>Les guichets des « services aux étudiant-e-s » est le point de contact central pour traiter vos demandes.</p>\n <div class=\"card card-body card-sm mb-2 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Lundi à jeudi</div>\n <div><strong><time datetime=\"09:00\">09:00</time> <span aria-label=\"à\">›</span> <time datetime=\"18:00\">18:00</time></strong></div>\n </div>\n <div class=\"card card-body card-sm mb-4 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Vendredi</div>\n <div><strong><time datetime=\"09:30\">09:30</time> <span aria-label=\"à\">›</span> <time datetime=\"17:00\">17:00</time></strong></div>\n </div>\n <p>\n <a href=\"mailto:services.etudiants@epfl.ch\">services.etudiants@epfl.ch</a>\n </p>\n <hr>\n <p>\n +41 21 693 43 45\n </p>\n <hr>\n <address>\n EPFL AA-DAF<br>\n BP 1229 (bâtiment BP) Station 16<br>\n CH - 1015 Lausanne\n </address>\n </div>\n <div class=\"col-md-6 d-flex flex-column\">\n <h4 class=\"sr-only\">Access map</h4>\n<figure class=\"media-map\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n <figcaption class=\"media-map-over\">\n <a href=\"#\" class=\"btn btn-primary btn-block\">Itinéraire vers le bureau BP (1er étage)</a>\n </figcaption>\n</figure>\n </div>\n</div>\n</div>\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n</div>\n </div>\n</div>\n</div>\n";
49799
49799
 
49800
49800
  /***/ }),
49801
49801
 
@@ -49803,7 +49803,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
49803
49803
  /***/ (function(module) {
49804
49804
 
49805
49805
  "use strict";
49806
- module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n <header role=\"banner\" class=\"header header-light\">\n <div class=\"drawer mr-3 mr-xl-0\">\n <button class=\"drawer-toggle\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </button>\n <a href=\"#\" class=\"drawer-link\">\n <span class=\"text\">\n Go to main site\n </span>\n </a>\n</div>\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <h1>Memento</h1>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li class=\"dropdown\">\n <button class=\"btn btn-link dropdown-toggle nav-item\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n Mémentos\n </button>\n <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n <a class=\"dropdown-item\" href=\"#\">Option 1</a>\n <a class=\"dropdown-item active\" href=\"#\">Option 2</a>\n <a class=\"dropdown-item\" href=\"#\">Option 3</a>\n </div>\n </li>\n <li id=\"menu-item-\" >\n <a class=\"nav-item\" href=\"#\">Annoncer un événement</a>\n </li>\n <li id=\"menu-item-\" >\n <a class=\"nav-item\" href=\"#\">S'abonner</a>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n </header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n \n<div class=\"container mt-5 d-md-flex align-items-center justify-content-between\">\n <h1 class=\"h2 mb-md-0\">Memento EPFL</h1>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n Voir un autre memento\n </button>\n <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n <a class=\"dropdown-item\" href=\"#\">Action</a>\n <a class=\"dropdown-item active\" href=\"#\">Another action</a>\n <a class=\"dropdown-item\" href=\"#\">Something else here</a>\n </div>\n</div>\n</div>\n\n<div class=\"container-full mt-5 bg-gray-100 py-5\">\n <div class=\"container\">\n <h3 class=\"h6\">Événements à la une</h3>\n <div class=\"mt-4\">\n <div class=\"list-group list-events list-events-featured\">\n <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span> &amp;\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-primary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n Voir en direct</a>\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div></div>\n </div>\n </div>\n</div>\n\n<div class=\"container mt-5\">\n <h3 class=\"h6\">Prochains événements</h3>\n \n <div class=\"events-filters mt-4\">\n \n <form action=\"\" method=\"get\">\n \n <div class=\"form-group form-group-search\">\n <label for=\"search-field\" class=\"sr-only\">Search</label>\n <p class=\"search-container icon-right\">\n <input\n type=\"search\"\n id=\"search-field\"\n class=\"form-control\"\n placeholder=\"Keywords...\"\n aria-describedby=\"search-field-help\"\n >\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </p>\n</div>\n\n <div class=\"form-group form-group-select form-group-categories\">\n <label class=\"sr-only\">Catégories</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Catégories\">\n <option value=\"activites-scientifiques-jeunes\">Activités scientifiques pour les jeunes</option>\n <option value=\"appel-proposition\">Appel à proposition</option>\n <option value=\"autres\">Autres types d’événement</option>\n <option value=\"conferences-seminaires\">Conférences - Séminaires</option>\n <option value=\"congres\">Congrès</option>\n <option value=\"echeance\">Echéance</option>\n <option value=\"evenements-festifs-culturels\">Événements festifs et culturels</option>\n <option value=\"evenements-scientifiques-grand-public\">Évènements scientifiques grand public</option>\n <option value=\"expositions\">Expositions</option>\n <option value=\"formations-internes\">Formations internes</option>\n <option value=\"lecons-inaugurales\">Leçons inaugurales - Leçons d'honneur</option>\n <option value=\"soutenances-de-theses\">Soutenances de thèses</option>\n </select>\n </div>\n\n <div class=\"form-group form-group-select\">\n <label class=\"sr-only\">Périodes</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Périodes\">\n <option value=\"\">Un jour</option>\n <option value=\"\">Deux jours</option>\n <option value=\"\">Une semaine</option>\n <option value=\"\">Deux semaines</option>\n <option value=\"\">Un mois</option>\n <option value=\"\">Six mois</option>\n <option value=\"\">Une année</option>\n </select>\n </div>\n\n <div class=\"form-group form-group-select\">\n <label class=\"sr-only\">Accès</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Accès\">\n <option value=\"\">Entrée libre</option>\n <option value=\"\">Sur inscription</option>\n <option value=\"\">Sur invitation</option>\n </select>\n </div>\n\n <div class=\"form-group form-group-select\">\n <label class=\"sr-only\">Public cible</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Public cible\">\n <option value=\"\">Tout public</option>\n <option value=\"\">Public averti</option>\n <option value=\"\">Expert</option>\n </select>\n </div>\n \n <div class=\"dropdown dropdown-date\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">Date</button>\n <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n <div class=\"datepicker-wrapper\">\n <input type=\"text\" class=\"datepicker\">\n</div>\n </div>\n </div>\n \n </form>\n </div>\n \n <div class=\"event-filter-tags mt-2\">\n <div class=\"tag-group\">\n <label for=\"\">Filtres de recherche</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Évènements culturels et festifs<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Expositions<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Entrée libre<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Tout public<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Français<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n \n <div class=\"events-footer mt-3\">\n <div class=\"d-md-flex flex-md-row-reverse justify-content-md-between align-items-md-center\">\n <div class=\"events-links\">\n <ul class=\"links\">\n <li><a href=\"#\">S'abonner à ce Memento</a></li>\n <li><a href=\"#\">Annoncer un événement</a></li>\n </ul>\n </div>\n <div class=\"events-pager\">\n <nav aria-label=\"Page navigation\">\n <ul class=\"pagination\">\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to first page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to previous page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n <span class=\"sr-only\">Previous</span>\n </a>\n </li>\n <li class=\"page-item active\">\n <a class=\"page-link\" href=\"#\" aria-current=\"page\">\n 1\n <span class=\"sr-only\">(Current page)</span>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">2</a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">3</a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Next\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n <span class=\"sr-only\">Next</span>\n </a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Last page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n <span class=\"sr-only\">Last page</span>\n </a>\n </li>\n </ul>\n</nav>\n </div>\n </div>\n </div>\n \n <div class=\"list-group list-events mt-4\">\n <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span> &amp;\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-primary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n Voir en direct</a>\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-primary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n Voir en direct</a>\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> </div>\n \n</div>\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
49806
+ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n <header role=\"banner\" class=\"header header-light\">\n <div class=\"drawer mr-3 mr-xl-0\">\n <button class=\"drawer-toggle\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </button>\n <a href=\"#\" class=\"drawer-link\">\n <span class=\"text\">\n Go to main site\n </span>\n </a>\n</div>\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <h1>Memento</h1>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li class=\"dropdown\">\n <button class=\"btn btn-link dropdown-toggle nav-item\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n Mémentos\n </button>\n <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n <a class=\"dropdown-item\" href=\"#\">Option 1</a>\n <a class=\"dropdown-item active\" href=\"#\">Option 2</a>\n <a class=\"dropdown-item\" href=\"#\">Option 3</a>\n </div>\n </li>\n <li id=\"menu-item-\" >\n <a class=\"nav-item\" href=\"#\">Annoncer un événement</a>\n </li>\n <li id=\"menu-item-\" >\n <a class=\"nav-item\" href=\"#\">S'abonner</a>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n </header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n \n<div class=\"container mt-5 d-md-flex align-items-center justify-content-between\">\n <h1 class=\"h2 mb-md-0\">Memento EPFL</h1>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n Voir un autre memento\n </button>\n <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n <a class=\"dropdown-item\" href=\"#\">Action</a>\n <a class=\"dropdown-item active\" href=\"#\">Another action</a>\n <a class=\"dropdown-item\" href=\"#\">Something else here</a>\n </div>\n</div>\n</div>\n\n<div class=\"container-full mt-5 bg-gray-100 py-5\">\n <div class=\"container\">\n <h3 class=\"h6\">Événements à la une</h3>\n <div class=\"mt-4\">\n <div class=\"list-group list-events list-events-featured\">\n <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span> &amp;\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-primary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n Voir en direct</a>\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div></div>\n </div>\n </div>\n</div>\n\n<div class=\"container mt-5\">\n <h3 class=\"h6\">Prochains événements</h3>\n \n <div class=\"events-filters mt-4\">\n \n <form action=\"\" method=\"get\">\n \n <div class=\"form-group form-group-search\">\n <label for=\"search-field\" class=\"sr-only\">Search</label>\n <p class=\"search-container icon-right\">\n <input\n type=\"search\"\n id=\"search-field\"\n class=\"form-control\"\n placeholder=\"Keywords...\"\n aria-describedby=\"search-field-help\"\n >\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </p>\n</div>\n\n <div class=\"form-group form-group-select form-group-categories\">\n <label class=\"sr-only\">Catégories</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Catégories\">\n <option value=\"activites-scientifiques-jeunes\">Activités scientifiques pour les jeunes</option>\n <option value=\"appel-proposition\">Appel à proposition</option>\n <option value=\"autres\">Autres types d’événement</option>\n <option value=\"conferences-seminaires\">Conférences - Séminaires</option>\n <option value=\"congres\">Congrès</option>\n <option value=\"echeance\">Echéance</option>\n <option value=\"evenements-festifs-culturels\">Événements festifs et culturels</option>\n <option value=\"evenements-scientifiques-grand-public\">Évènements scientifiques grand public</option>\n <option value=\"expositions\">Expositions</option>\n <option value=\"formations-internes\">Formations internes</option>\n <option value=\"lecons-inaugurales\">Leçons inaugurales - Leçons d'honneur</option>\n <option value=\"soutenances-de-theses\">Soutenances de thèses</option>\n </select>\n </div>\n\n <div class=\"form-group form-group-select\">\n <label class=\"sr-only\">Périodes</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Périodes\">\n <option value=\"\">Un jour</option>\n <option value=\"\">Deux jours</option>\n <option value=\"\">Une semaine</option>\n <option value=\"\">Deux semaines</option>\n <option value=\"\">Un mois</option>\n <option value=\"\">Six mois</option>\n <option value=\"\">Une année</option>\n </select>\n </div>\n\n <div class=\"form-group form-group-select\">\n <label class=\"sr-only\">Accès</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Accès\">\n <option value=\"\">Entrée libre</option>\n <option value=\"\">Sur inscription</option>\n <option value=\"\">Sur invitation</option>\n </select>\n </div>\n\n <div class=\"form-group form-group-select\">\n <label class=\"sr-only\">Public cible</label>\n <select class=\"select-multiple\" multiple=\"multiple\" data-placeholder=\"Public cible\">\n <option value=\"\">Tout public</option>\n <option value=\"\">Public averti</option>\n <option value=\"\">Expert</option>\n </select>\n </div>\n \n <div class=\"dropdown dropdown-date\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">Date</button>\n <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n <div class=\"datepicker-wrapper\">\n <input type=\"text\" class=\"datepicker\">\n</div>\n </div>\n </div>\n \n </form>\n </div>\n \n <div class=\"event-filter-tags mt-2\">\n <div class=\"tag-group\">\n <label for=\"\">Filtres de recherche</label>\n <div>\n <button class=\"btn tag tag-plain\">Tout effacer</button>\n <button class=\"btn tag tag-primary\">Évènements culturels et festifs<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Expositions<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Entrée libre<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Tout public<span class=\"remove\" title=\"Remove\">×</span></button>\n <button class=\"btn tag tag-primary\">Français<span class=\"remove\" title=\"Remove\">×</span></button>\n </div>\n </div>\n </div>\n \n <div class=\"events-footer mt-3\">\n <div class=\"d-md-flex flex-md-row-reverse justify-content-md-between align-items-md-center\">\n <div class=\"events-links\">\n <ul class=\"links\">\n <li><a href=\"#\">S'abonner à ce Memento</a></li>\n <li><a href=\"#\">Annoncer un événement</a></li>\n </ul>\n </div>\n <div class=\"events-pager\">\n <nav aria-label=\"Page navigation\">\n <ul class=\"pagination\">\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to first page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to previous page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n <span class=\"sr-only\">Previous</span>\n </a>\n </li>\n <li class=\"page-item active\">\n <a class=\"page-link\" href=\"#\" aria-current=\"page\">\n 1\n <span class=\"sr-only\">(Current page)</span>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">2</a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">3</a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Next\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n <span class=\"sr-only\">Next</span>\n </a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Last page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n <span class=\"sr-only\">Last page</span>\n </a>\n </li>\n </ul>\n</nav>\n </div>\n </div>\n </div>\n \n <div class=\"list-group list-events mt-4\">\n <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span> &amp;\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-primary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n Voir en direct</a>\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-primary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n Voir en direct</a>\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#monitor\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">En ligne</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> <div class=\"list-group-item list-group-teaser\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\">\n <p class=\"h5 card-title\" itemprop=\"name\">\n <a href=\"#\">Startup Acceleration Workshops</a>\n </p>\n <div class=\"card-info mt-0\">\n <p class=\"event-info-date\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\"><a href=\"#\">ArtLab EPFL</a></span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n \n <p class=\"pt-3 event-actions\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\"><svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n Importer</a>\n </p>\n \n </div>\n </div>\n </div>\n</div> </div>\n \n</div>\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>&copy; 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
49807
49807
 
49808
49808
  /***/ }),
49809
49809
 
@@ -49819,7 +49819,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
49819
49819
  /***/ (function(module) {
49820
49820
 
49821
49821
  "use strict";
49822
- 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/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 É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/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 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/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 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/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-960x540.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1440x810.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-720x405.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/homepage/7-science-question/science-question-720x405.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/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 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\">Mastodon</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n \n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Nous rejoindre sur X</a>\n </div>\n </div>\n</div>\n </div>\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-instagram social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Mastodon</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-480x480.jpg 1x, ./images/styleguide/teaser/news-teaser-780x780.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-360x360.jpg 1x, ./images/styleguide/teaser/news-teaser-780x780.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-360x360.jpg 1x, ./images/styleguide/teaser/news-teaser-640x640.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-780x780.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x1440.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-640x640.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x1080.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-780x780.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Suivez-nous sur Instagram</a>\n </div>\n </div>\n</div>\n </div>\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-facebook social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Mastodon</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-380x214.jpg 1x, ./images/styleguide/teaser/news-teaser-768x432.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-380x214.jpg 1x, ./images/styleguide/teaser/news-teaser-768x432.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-320x180.jpg 1x, ./images/styleguide/teaser/news-teaser-640x360.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-380x214.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Likez notre page Facebook</a>\n </div>\n </div>\n</div>\n </div>\n</div>\n <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/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>&copy; 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n</div>\n</div>\n";
49822
+ 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/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 É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/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 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/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 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/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-960x540.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1440x810.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-720x405.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/homepage/7-science-question/science-question-540x304.jpg 1x, ./images/styleguide/homepage/7-science-question/science-question-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/homepage/7-science-question/science-question-720x405.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/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 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\">Mastodon</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n \n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Nous rejoindre sur X</a>\n </div>\n </div>\n</div>\n </div>\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-instagram social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Mastodon</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-480x480.jpg 1x, ./images/styleguide/teaser/news-teaser-780x780.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-360x360.jpg 1x, ./images/styleguide/teaser/news-teaser-780x780.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-360x360.jpg 1x, ./images/styleguide/teaser/news-teaser-640x640.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-780x780.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x1440.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-640x640.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x1080.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-780x780.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Suivez-nous sur Instagram</a>\n </div>\n </div>\n</div>\n </div>\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-facebook social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Mastodon</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-380x214.jpg 1x, ./images/styleguide/teaser/news-teaser-768x432.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-380x214.jpg 1x, ./images/styleguide/teaser/news-teaser-768x432.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-320x180.jpg 1x, ./images/styleguide/teaser/news-teaser-640x360.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-380x214.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Likez notre page Facebook</a>\n </div>\n </div>\n</div>\n </div>\n</div>\n <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/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>&copy; 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n</div>\n</div>\n";
49823
49823
 
49824
49824
  /***/ }),
49825
49825
 
@@ -49835,7 +49835,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
49835
49835
  /***/ (function(module) {
49836
49836
 
49837
49837
  "use strict";
49838
- module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n<div class=\"tlbx-single-full-intro d-flex justify-content-between\">\n <h1 class=\"h3 my-0\">Laboratory page (<a href=\"#/doc/create%20a%20page.md\" target=\"_blank\" onclick=\"window.open('#/doc/create%20a%20page.md')\">doc</a>)</h1>\n <button class=\"btn btn-sm btn-primary\" id=\"tour-start\">Start the tour !</button>\n</div>\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n <div class=\"nav-user dropdown user-dropdown mr-lg-2\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n <img class=\"user-avatar rounded-circle\" src=\"https://randomuser.me/api/portraits/women/2.jpg\" alt=\"\">\n <p class=\"user-name\">Heidy Traill</p>\n </button>\n <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n <li class=\"dropdown-item\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#user\"></use></svg>\n <a href=\"#\">Accéder à mon compte</a>\n </li>\n <li class=\"dropdown-item\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#log-out\"></use></svg>\n <a href=\"#\">Me déconnecter</a>\n </li>\n </ul>\n</div> \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\" id=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item breadcrumb-tags-wrapper\">\n <a href=\"#\" class=\"tag tag-tertiary\">School</a>\n <a href=\"#\" class=\"tag tag-primary\">Innovation</a>\n <a href=\"#\" class=\"tag tag-primary\">W3C</a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Display the complete path</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Schools</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – Schools</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">About</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Schools</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">School of Architecture, Civil and Environmental Engineering</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-2\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – School of Architecture, Civil and Environmental Engineering</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-2\">\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">School of Architecture, Civil and Environmental Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Computer and Communication Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Basic Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Life Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Management of Technology</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Humanities</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sections</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">ENAC Faculty</span>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-3\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – ENAC Faculty</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">News</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">ENAC Faculty</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability challenges</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n </div>\n </li>\n </ol>\n</nav>\n </div>\n \n <div class=\"nav-toggle-layout nav-aside-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n <aside class=\"nav-aside-wrapper\">\n <nav\n id=\"nav-aside\"\n class=\"nav-aside\"\n role=\"navigation\"\n aria-describedby=\"nav-aside-title\"\n>\n <h2 class=\"h5 sr-only-xl\" id=\"nav-aside-title\">Dans la même section</h2>\n <ul class=\"nav-menu\">\n <li><a href=\"#\">News</a></li>\n <li class=\"active\">\n <a href=\"#\">\n ENAC Faculty\n <span class=\"sr-only\">(page courante)</span>\n </a>\n <ul>\n <li><a href=\"#\">Organization</a></li>\n <li><a href=\"#\">Projects</a></li>\n <li><a href=\"#\">Publications</a></li>\n <li><a href=\"#\">Team</a></li>\n <li><a href=\"#\">Teaching</a></li>\n </ul>\n </li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Sustainability challenges</a></li>\n <li><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n</nav>\n </aside>\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n <div class=\"container-full\" id=\"tour-hero\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Laboratory Full Name LFN</h1>\n </div>\n <div class=\"hero-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"images/styleguide/cover/cover01_1920x1080.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"images/styleguide/cover/cover01_928x520.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"images/styleguide/cover/cover01_768x432.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"images/styleguide/cover/cover01_576x324.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n</div>\n\n<div class=\"mt-5\" id=\"tour-lab\">\n <div id=\"tour-intro\">\n <p>\n This is a laboratory introduction text about all the good stuff that are made here, the current project and the passionate people who work here. It is always interesting to know in few lines what is all about.\n </p>\n </div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mt-5\" id=\"tour-projects\">\n <div class=\"container\">\n <h2 class=\"mb-4\">Our current projects</h2>\n<div class=\"row\">\n <div class=\"col-md-4\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"h5 card-title\">\n <a href=\"#\">Avançon bridge GFRP</a>\n </h3>\n <div class=\"card-info\">\n <span>Composite construction laboratoire CCLAB</span>\n </div>\n <p>Avançon bridge GFRP-balsa sandwich bridge deck adhesively bonded onto steel girders, replacing a one-lane concrete bridge\n by a new two-lane bridge without increasing total load</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Voir plus</a>\n </div>\n</div>\n<!-- 🛠 Research project component -->\n </div>\n <div class=\"col-md-4\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"h5 card-title\">\n <a href=\"#\">Avançon bridge GFRP</a>\n </h3>\n <div class=\"card-info\">\n <span>Composite construction laboratoire CCLAB</span>\n </div>\n <p>Avançon bridge GFRP-balsa sandwich bridge deck adhesively bonded onto steel girders, replacing a one-lane concrete bridge\n by a new two-lane bridge without increasing total load</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Voir plus</a>\n </div>\n</div>\n<!-- 🛠 Research project component -->\n </div>\n <div class=\"col-md-4\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"h5 card-title\">\n <a href=\"#\">Avançon bridge GFRP</a>\n </h3>\n <div class=\"card-info\">\n <span>Composite construction laboratoire CCLAB</span>\n </div>\n <p>Avançon bridge GFRP-balsa sandwich bridge deck adhesively bonded onto steel girders, replacing a one-lane concrete bridge\n by a new two-lane bridge without increasing total load</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Voir plus</a>\n </div>\n</div>\n<!-- 🛠 Research project component -->\n </div>\n </div>\n<p class=\"text-center\">\n <a href=\"#\">See all projects</a>\n</p>\n </div>\n</div>\n\n<div class=\"container\">\n <div id=\"tour-publications\">\n <h2 class=\"mb-4 mt-6\">Our publications</h2>\n \n<div class=\"infoscienceBox no-tex2jax_process\">\n <div class=\"list-group my-3\">\n <h1 class=\"h2 mt-3\">2018</h1>\n <h2 class=\"h2 mt-3\">Theses</h2>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a> /\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe (Dir.)</a>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">Full text</a> &#8211;\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">View at publisher</a>\n </p>\n </div>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>\n <span class=\"infoscience_more_authors_element\">et al.&nbsp;</span>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n </p>\n </div>\n </div>\n </div>\n <h2 class=\"h3 mt-1 mb-2\">Journal Articles</h2>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <a href=\"https://infoscience.epfl.ch/record/232935/files/heroguel_controlled_2017_jcat_2.jpg\" target=\"_blank\"><img style=\"max-width:80px;\" src=\"https://infoscience.epfl.ch/record/232935/files/heroguel_controlled_2017_jcat_2.jpg\" class=\"float-left mr-3 infoscience_publication_illustration\" alt=\"publication thumbnail\"></a>\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>\n <span class=\"infoscience_more_authors_element\">et al.&nbsp;</span>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">Full text</a> &#8211;\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">View at publisher</a>\n </p>\n </div>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <a href=\"https://infoscience.epfl.ch/record/254912/files/Graphical%20Abstract.jpg\" target=\"_blank\"><img style=\"max-width:80px;\" src=\"https://infoscience.epfl.ch/record/254912/files/Graphical%20Abstract.jpg\" class=\"float-left mr-3 infoscience_publication_illustration\" alt=\"publication thumbnail\"></a>\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>\n <span class=\"infoscience_more_authors_element\">et al.&nbsp;</span>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n </p>\n </div>\n </div>\n </div>\n </div>\n <p class=\"text-center\">\n <a href=\"#\" target=\"_blank\">See all publications</a>\n </p>\n </div>\n </div>\n</div>\n\n<div class=\"container\">\n <div id=\"tour-news\">\n <h2 class=\"mt-5 mb-4\">The last news</h2>\n<div class=\"row\">\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n </div>\n<p class=\"text-center\">\n <a href=\"#\">See all news</a>\n</p>\n </div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 my-5\">\n <div class=\"container\">\n <div id=\"tour-partof\">\n <h2 class=\"mb-4\">DCSL is part of</h2>\n <div class=\"row mb-5\">\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n <picture class=\"card-img\">\n <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n </picture>\n <div class=\"card-img-overlay\">\n <h3 class=\"h4 card-title\">\n <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n </h3>\n <p class=\"h4\">\n <strong class=\"text-padded\">ENAC</strong>\n </p>\n </div>\n</a>\n </div>\n <div class=\"col-md-6\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"h5 card-title\"><a href=\"#\">Institut d'ingénierie de l'environnement – IIE</a></h3>\n <div class=\"card-info\">\n <span>Faculté de l’Environnement Naturel, Architectural et Construit </span>\n </div>\n <p>L’objectif principal de l’Institut d’architecture et de la ville (IA) est le développement de la recherche. Une tâche fondamentale qui sous-entend que l’architecture, la qualité de la construction, l’insertion dans le milieu environnant, le respect des paysages naturels et urbains ainsi que celui du patrimoine culturel sont prioritairement d’intérêt général.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n </div>\n <div class=\"col-12\">\n <h3>Themes</h3>\n <a href=\"#\" class=\"tag tag-primary\">Theme 1</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 2</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 3</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 4</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 5</a>\n </div>\n </div>\n </div>\n <div id=\"tour-contact\">\n <div class=\"bg-white p-4 p-md-5\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <h3>Contact</h3>\n <p>Les guichets des « services aux étudiant-e-s » est le point de contact central pour traiter vos demandes.</p>\n <div class=\"card card-body card-sm mb-2 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Lundi à jeudi</div>\n <div><strong><time datetime=\"09:00\">09:00</time> <span aria-label=\"à\">›</span> <time datetime=\"18:00\">18:00</time></strong></div>\n </div>\n <div class=\"card card-body card-sm mb-4 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Vendredi</div>\n <div><strong><time datetime=\"09:30\">09:30</time> <span aria-label=\"à\">›</span> <time datetime=\"17:00\">17:00</time></strong></div>\n </div>\n <p>\n <a href=\"mailto:services.etudiants@epfl.ch\">services.etudiants@epfl.ch</a>\n </p>\n <hr>\n <p>\n +41 21 693 43 45\n </p>\n <hr>\n <address>\n EPFL AA-DAF<br>\n BP 1229 (bâtiment BP) Station 16<br>\n CH - 1015 Lausanne\n </address>\n </div>\n <div class=\"col-md-6 d-flex flex-column\">\n <h4 class=\"sr-only\">Access map</h4>\n<figure class=\"media-map\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n <figcaption class=\"media-map-over\">\n <a href=\"#\" class=\"btn btn-primary btn-block\">Itinéraire vers le bureau BP (1er étage)</a>\n </figcaption>\n</figure>\n </div>\n</div>\n </div>\n </div>\n </div>\n</div>\n\n\n<div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-6\" id=\"tour-team\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\" id=\"tour-sponsors\">\n <h3 class=\"mb-4\">Our sponsors</h3>\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n </div>\n</div>\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
49838
+ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n<div class=\"tlbx-single-full-intro d-flex justify-content-between\">\n <h1 class=\"h3 my-0\">Laboratory page (<a href=\"#/doc/user%20documentation--create%20a%20page.md\" target=\"_blank\" onclick=\"window.open('#/doc/user%20documentation--create%20a%20page.md')\">doc</a>)</h1>\n <button class=\"btn btn-sm btn-primary\" id=\"tour-start\">Start the tour !</button>\n</div>\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n <div class=\"nav-user dropdown user-dropdown mr-lg-2\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n <img class=\"user-avatar rounded-circle\" src=\"https://randomuser.me/api/portraits/women/2.jpg\" alt=\"\">\n <p class=\"user-name\">Heidy Traill</p>\n </button>\n <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n <li class=\"dropdown-item\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#user\"></use></svg>\n <a href=\"#\">Accéder à mon compte</a>\n </li>\n <li class=\"dropdown-item\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#log-out\"></use></svg>\n <a href=\"#\">Me déconnecter</a>\n </li>\n </ul>\n</div> \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\" id=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item breadcrumb-tags-wrapper\">\n <a href=\"#\" class=\"tag tag-tertiary\">School</a>\n <a href=\"#\" class=\"tag tag-primary\">Innovation</a>\n <a href=\"#\" class=\"tag tag-primary\">W3C</a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Display the complete path</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Schools</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – Schools</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">About</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Schools</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">School of Architecture, Civil and Environmental Engineering</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-2\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – School of Architecture, Civil and Environmental Engineering</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-2\">\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">School of Architecture, Civil and Environmental Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Computer and Communication Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Basic Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Life Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Management of Technology</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Humanities</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sections</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">ENAC Faculty</span>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-3\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – ENAC Faculty</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">News</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">ENAC Faculty</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability challenges</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n </div>\n </li>\n </ol>\n</nav>\n </div>\n \n <div class=\"nav-toggle-layout nav-aside-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n <aside class=\"nav-aside-wrapper\">\n <nav\n id=\"nav-aside\"\n class=\"nav-aside\"\n role=\"navigation\"\n aria-describedby=\"nav-aside-title\"\n>\n <h2 class=\"h5 sr-only-xl\" id=\"nav-aside-title\">Dans la même section</h2>\n <ul class=\"nav-menu\">\n <li><a href=\"#\">News</a></li>\n <li class=\"active\">\n <a href=\"#\">\n ENAC Faculty\n <span class=\"sr-only\">(page courante)</span>\n </a>\n <ul>\n <li><a href=\"#\">Organization</a></li>\n <li><a href=\"#\">Projects</a></li>\n <li><a href=\"#\">Publications</a></li>\n <li><a href=\"#\">Team</a></li>\n <li><a href=\"#\">Teaching</a></li>\n </ul>\n </li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Sustainability challenges</a></li>\n <li><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n</nav>\n </aside>\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n <div class=\"container-full\" id=\"tour-hero\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Laboratory Full Name LFN</h1>\n </div>\n <div class=\"hero-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"images/styleguide/cover/cover01_1920x1080.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"images/styleguide/cover/cover01_928x520.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"images/styleguide/cover/cover01_768x432.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"images/styleguide/cover/cover01_576x324.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n</div>\n\n<div class=\"mt-5\" id=\"tour-lab\">\n <div id=\"tour-intro\">\n <p>\n This is a laboratory introduction text about all the good stuff that are made here, the current project and the passionate people who work here. It is always interesting to know in few lines what is all about.\n </p>\n </div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mt-5\" id=\"tour-projects\">\n <div class=\"container\">\n <h2 class=\"mb-4\">Our current projects</h2>\n<div class=\"row\">\n <div class=\"col-md-4\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"h5 card-title\">\n <a href=\"#\">Avançon bridge GFRP</a>\n </h3>\n <div class=\"card-info\">\n <span>Composite construction laboratoire CCLAB</span>\n </div>\n <p>Avançon bridge GFRP-balsa sandwich bridge deck adhesively bonded onto steel girders, replacing a one-lane concrete bridge\n by a new two-lane bridge without increasing total load</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Voir plus</a>\n </div>\n</div>\n<!-- 🛠 Research project component -->\n </div>\n <div class=\"col-md-4\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"h5 card-title\">\n <a href=\"#\">Avançon bridge GFRP</a>\n </h3>\n <div class=\"card-info\">\n <span>Composite construction laboratoire CCLAB</span>\n </div>\n <p>Avançon bridge GFRP-balsa sandwich bridge deck adhesively bonded onto steel girders, replacing a one-lane concrete bridge\n by a new two-lane bridge without increasing total load</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Voir plus</a>\n </div>\n</div>\n<!-- 🛠 Research project component -->\n </div>\n <div class=\"col-md-4\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"h5 card-title\">\n <a href=\"#\">Avançon bridge GFRP</a>\n </h3>\n <div class=\"card-info\">\n <span>Composite construction laboratoire CCLAB</span>\n </div>\n <p>Avançon bridge GFRP-balsa sandwich bridge deck adhesively bonded onto steel girders, replacing a one-lane concrete bridge\n by a new two-lane bridge without increasing total load</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Voir plus</a>\n </div>\n</div>\n<!-- 🛠 Research project component -->\n </div>\n </div>\n<p class=\"text-center\">\n <a href=\"#\">See all projects</a>\n</p>\n </div>\n</div>\n\n<div class=\"container\">\n <div id=\"tour-publications\">\n <h2 class=\"mb-4 mt-6\">Our publications</h2>\n \n<div class=\"infoscienceBox no-tex2jax_process\">\n <div class=\"list-group my-3\">\n <h1 class=\"h2 mt-3\">2018</h1>\n <h2 class=\"h2 mt-3\">Theses</h2>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a> /\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe (Dir.)</a>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">Full text</a> &#8211;\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">View at publisher</a>\n </p>\n </div>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>\n <span class=\"infoscience_more_authors_element\">et al.&nbsp;</span>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n </p>\n </div>\n </div>\n </div>\n <h2 class=\"h3 mt-1 mb-2\">Journal Articles</h2>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <a href=\"https://infoscience.epfl.ch/record/232935/files/heroguel_controlled_2017_jcat_2.jpg\" target=\"_blank\"><img style=\"max-width:80px;\" src=\"https://infoscience.epfl.ch/record/232935/files/heroguel_controlled_2017_jcat_2.jpg\" class=\"float-left mr-3 infoscience_publication_illustration\" alt=\"publication thumbnail\"></a>\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>\n <span class=\"infoscience_more_authors_element\">et al.&nbsp;</span>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">Full text</a> &#8211;\n <a class=\"text-muted\" href=\"#\" target=\"_blank\">View at publisher</a>\n </p>\n </div>\n </div>\n </div>\n <div class=\"list-group-item list-group-item-publication\">\n <div class=\"row\">\n <div class=\"col-md-10\">\n <a href=\"https://infoscience.epfl.ch/record/254912/files/Graphical%20Abstract.jpg\" target=\"_blank\"><img style=\"max-width:80px;\" src=\"https://infoscience.epfl.ch/record/254912/files/Graphical%20Abstract.jpg\" class=\"float-left mr-3 infoscience_publication_illustration\" alt=\"publication thumbnail\"></a>\n <h4 class=\"h5 tex2jax_process infoscience_title\">Measuring Latency: Am I doing it right?</h4>\n <p class=\"text-muted small mb-2 infoscience_authors\">\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>;\n <a class=\"text-muted infoscience_author\" href=\"https://infoscience.epfl.ch/search?p=John++Doe\" target=\"_blank\">John Doe</a>\n <span class=\"infoscience_more_authors_element\">et al.&nbsp;</span>\n </p>\n <p class=\"text-muted small mb-0 infoscience_abstract tex2jax_process\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n <span class=\"text-muted small mb-0 infoscience_host\">\n <p class=\"text-muted small mb-0 infoscience_journal_publisher\"><i>Journal of Lightwave Technology</i></p>\n <p class=\"text-muted small mb-0 infoscience_publication_date\">2018-03-01</p>\n <span class=\"text-muted small mb-0 infoscience_journal_volume\">Vol. 23</span>, <span class=\"text-muted small mb-0 infoscience_journal_number\">num. 3</span>, <span class=\"text-muted small mb-0 infoscience_journal_page\">p. 139-148. </span>\n </span>\n <p class=\"text-muted small mb-0 infoscience_doi\">DOI : 10.1109/JLT.2017.1386235</p>\n </div>\n <div class=\"col-md-2 text-right mt-4 mt-md-0\">\n <p class=\"infoscience_detailed_record_link\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\" target=\"_blank\">Detailed record</a>\n </p>\n <p class=\"text-muted small mb-0\">\n </p>\n </div>\n </div>\n </div>\n </div>\n <p class=\"text-center\">\n <a href=\"#\" target=\"_blank\">See all publications</a>\n </p>\n </div>\n </div>\n</div>\n\n<div class=\"container\">\n <div id=\"tour-news\">\n <h2 class=\"mt-5 mb-4\">The last news</h2>\n<div class=\"row\">\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n </div>\n<p class=\"text-center\">\n <a href=\"#\">See all news</a>\n</p>\n </div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 my-5\">\n <div class=\"container\">\n <div id=\"tour-partof\">\n <h2 class=\"mb-4\">DCSL is part of</h2>\n <div class=\"row mb-5\">\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n <picture class=\"card-img\">\n <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n </picture>\n <div class=\"card-img-overlay\">\n <h3 class=\"h4 card-title\">\n <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n </h3>\n <p class=\"h4\">\n <strong class=\"text-padded\">ENAC</strong>\n </p>\n </div>\n</a>\n </div>\n <div class=\"col-md-6\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"h5 card-title\"><a href=\"#\">Institut d'ingénierie de l'environnement – IIE</a></h3>\n <div class=\"card-info\">\n <span>Faculté de l’Environnement Naturel, Architectural et Construit </span>\n </div>\n <p>L’objectif principal de l’Institut d’architecture et de la ville (IA) est le développement de la recherche. Une tâche fondamentale qui sous-entend que l’architecture, la qualité de la construction, l’insertion dans le milieu environnant, le respect des paysages naturels et urbains ainsi que celui du patrimoine culturel sont prioritairement d’intérêt général.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrir</a>\n </div>\n</div>\n </div>\n <div class=\"col-12\">\n <h3>Themes</h3>\n <a href=\"#\" class=\"tag tag-primary\">Theme 1</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 2</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 3</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 4</a>\n <a href=\"#\" class=\"tag tag-primary\">Theme 5</a>\n </div>\n </div>\n </div>\n <div id=\"tour-contact\">\n <div class=\"bg-white p-4 p-md-5\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <h3>Contact</h3>\n <p>Les guichets des « services aux étudiant-e-s » est le point de contact central pour traiter vos demandes.</p>\n <div class=\"card card-body card-sm mb-2 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Lundi à jeudi</div>\n <div><strong><time datetime=\"09:00\">09:00</time> <span aria-label=\"à\">›</span> <time datetime=\"18:00\">18:00</time></strong></div>\n </div>\n <div class=\"card card-body card-sm mb-4 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Vendredi</div>\n <div><strong><time datetime=\"09:30\">09:30</time> <span aria-label=\"à\">›</span> <time datetime=\"17:00\">17:00</time></strong></div>\n </div>\n <p>\n <a href=\"mailto:services.etudiants@epfl.ch\">services.etudiants@epfl.ch</a>\n </p>\n <hr>\n <p>\n +41 21 693 43 45\n </p>\n <hr>\n <address>\n EPFL AA-DAF<br>\n BP 1229 (bâtiment BP) Station 16<br>\n CH - 1015 Lausanne\n </address>\n </div>\n <div class=\"col-md-6 d-flex flex-column\">\n <h4 class=\"sr-only\">Access map</h4>\n<figure class=\"media-map\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n <figcaption class=\"media-map-over\">\n <a href=\"#\" class=\"btn btn-primary btn-block\">Itinéraire vers le bureau BP (1er étage)</a>\n </figcaption>\n</figure>\n </div>\n</div>\n </div>\n </div>\n </div>\n</div>\n\n\n<div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-6\" id=\"tour-team\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\" id=\"tour-sponsors\">\n <h3 class=\"mb-4\">Our sponsors</h3>\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"./images/styleguide/illustrations/brand-identity-teaser.png\" alt=\"EPFL\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n </div>\n</div>\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
49839
49839
 
49840
49840
  /***/ }),
49841
49841
 
@@ -49843,7 +49843,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
49843
49843
  /***/ (function(module) {
49844
49844
 
49845
49845
  "use strict";
49846
- module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n <div class=\"alert alert-info\">\n <h4>container-grid</h4>\n <p>The <strong>.container-grid</strong> class is used to wrap the whole content of a page. All the direct childs of this wrapper (text blocks for example) will have a maximum width, to ensure a good readability</p>\n </div>\n\n <div class=\"container-full\">\n <div class=\"alert alert-warning\">\n <h4>container-full</h4>\n <p>Inside of the <strong>.container-grid</strong>, you can use the <strong>.container-full</strong> class to make a component take the full width page.</p>\n </div>\n </div>\n\n <div class=\"container\">\n <div class=\"alert alert-success\">\n <h4>container</h4>\n <p>This <strong>.container</strong> class is the bootstrap defaut one. When used, It will fallback to the default bootstrap behavior, that can be divided with rows, columns, etc... (see <a href=\"https://getbootstrap.com/docs/4.6/layout/grid/\">the Bootstrap documentation)</a></p>\n </div>\n </div>\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
49846
+ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n <div class=\"alert alert-info\">\n <h4>container-grid</h4>\n <p>The <strong>.container-grid</strong> class is used to wrap the whole content of a page. All the direct childs of this wrapper (text blocks for example) will have a maximum width, to ensure a good readability</p>\n </div>\n\n <div class=\"container-full\">\n <div class=\"alert alert-warning\">\n <h4>container-full</h4>\n <p>Inside of the <strong>.container-grid</strong>, you can use the <strong>.container-full</strong> class to make a component take the full width page.</p>\n </div>\n </div>\n\n <div class=\"container\">\n <div class=\"alert alert-success\">\n <h4>container</h4>\n <p>This <strong>.container</strong> class is the bootstrap defaut one. When used, It will fallback to the default bootstrap behavior, that can be divided with rows, columns, etc... (see <a href=\"https://getbootstrap.com/docs/4.6/layout/grid/\">the Bootstrap documentation)</a></p>\n </div>\n </div>\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>&copy; 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
49847
49847
 
49848
49848
  /***/ }),
49849
49849
 
@@ -49867,7 +49867,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
49867
49867
  /***/ (function(module) {
49868
49868
 
49869
49869
  "use strict";
49870
- 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=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" 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=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" 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=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" 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=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" 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://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>&copy; 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
49870
+ 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=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" 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=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" 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=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" 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=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-508x286.jpg 1x, ./images/styleguide/teaser/news-teaser-928x520.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1080x608.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-576x324.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" 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://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>&copy; 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
49871
49871
 
49872
49872
  /***/ }),
49873
49873
 
@@ -49907,7 +49907,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
49907
49907
  /***/ (function(module) {
49908
49908
 
49909
49909
  "use strict";
49910
- module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\" id=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item breadcrumb-tags-wrapper\">\n <a href=\"#\" class=\"tag tag-tertiary\">School</a>\n <a href=\"#\" class=\"tag tag-primary\">Innovation</a>\n <a href=\"#\" class=\"tag tag-primary\">W3C</a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Display the complete path</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Schools</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – Schools</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">About</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Schools</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">School of Architecture, Civil and Environmental Engineering</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-2\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – School of Architecture, Civil and Environmental Engineering</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-2\">\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">School of Architecture, Civil and Environmental Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Computer and Communication Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Basic Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Life Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Management of Technology</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Humanities</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sections</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">ENAC Faculty</span>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-3\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – ENAC Faculty</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">News</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">ENAC Faculty</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability challenges</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n </div>\n </li>\n </ol>\n</nav>\n </div>\n \n <div class=\"nav-toggle-layout nav-aside-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n <aside class=\"nav-aside-wrapper\">\n <nav\n id=\"nav-aside\"\n class=\"nav-aside\"\n role=\"navigation\"\n aria-describedby=\"nav-aside-title\"\n>\n <h2 class=\"h5 sr-only-xl\" id=\"nav-aside-title\">Dans la même section</h2>\n <ul class=\"nav-menu\">\n <li class=\"active\">\n <a href=\"#\">\n Facultés\n <span class=\"sr-only\">(page courante)</span>\n </a>\n <ul>\n <li><a href=\"#\">Architecture, Civil and Environmental Engineering ENAC</a></li>\n <li><a href=\"#\">Basic Sciences SB</a></li>\n <li><a href=\"#\">Engineering STI</a></li>\n <li><a href=\"#\">Computer and Communication Sciences IC</a></li>\n <li><a href=\"#\">Life Sciences SV</a></li>\n <li><a href=\"#\">Management of Technology CDM</a></li>\n <li><a href=\"#\">College of Humanities CDH</a></li>\n <li><a href=\"#\">EPFL Middle East</a></li>\n </ul>\n </li>\n </ul>\n</nav>\n </aside>\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n \n<div class=\"container-full\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Research</h1>\n <div class=\"hero-content\">\n <p>Une organisation unique nous permet de figurer systématiquement dans le haut du classement mondial des universités pour les programmes de recherche.</p><p>Découvrez tout ce qui fait de l’EPFL le creuset idéal des meilleurs projets de recherche en Europe et à l’international.</p>\n </div>\n </div>\n <div class=\"hero-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"images/styleguide/cover/cover01_1920x1080.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"images/styleguide/cover/cover01_928x520.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"images/styleguide/cover/cover01_768x432.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"images/styleguide/cover/cover01_576x324.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <div class=\"my-4\">\n <p>\n L'EPFL s'engage dans des projets novateurs alliant recherche fondamentale et recherche appliquée. Cette orientation permet de transformer l'excellence scientifique en compétitivité économique, en emplois et en qualité de vie, grâce au transfert des technologies.</p>\n <p>L'Ecole dispose d'une organisation unique pour stimuler les recherches transdisciplinaires et favoriser les partenariats avec d'autres institutions.</p>\n <p>Avec plus de 300 laboratoires et groupes de recherche sur son campus, l'EPFL figure parmi les institutions les plus innovantes et les plus productives sur le plan scientifique.</p>\n </p>\n </div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mt-5\">\n <div class=\"container\">\n <h2 class=\"mb-4 mt-4\">Key numbers</h2>\n </div>\n <div class=\"container\">\n <div class=\"key-number-group row\">\n <div class=\"key-number-large\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <p class=\"h4\">Pays d'origine</p>\n </div>\n <div class=\"col-md-6 text-right\">\n <img src=\"images/styleguide/key-numbers/collaborations.png\" alt=\"\">\n </div>\n </div>\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <hr>\n <p class=\"mb-0 display-4 font-weight-bold\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-md-6\">\n <hr>\n <p class=\"mb-0 display-4 font-weight-bold\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n <div class=\"key-number\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n <div class=\"key-number\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n <div class=\"key-number\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n <div class=\"key-number-large\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <p class=\"h4\">Pays d'origine</p>\n </div>\n <div class=\"col-md-6 text-right\">\n <img src=\"images/styleguide/key-numbers/collaborations.png\" alt=\"\">\n </div>\n </div>\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <hr>\n <p class=\"mb-0 display-4 font-weight-bold\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-md-6\">\n <hr>\n <p class=\"mb-0 display-4 font-weight-bold\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n <div class=\"key-number\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n </div>\n</div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mb-5\">\n <div class=\"container\">\n <h2 class=\"mb-4\">The last news</h2>\n <div class=\"row\">\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n </div>\n <p class=\"text-center\">\n <a href=\"#\">See all news</a>\n </p>\n </div>\n</div>\n\n<div class=\"container-full py-5 mb-5 mt-6\">\n <div class=\"container\">\n <h2 class=\"mb-4\">Explore</h2>\n <div class=\"row\">\n <div class=\"col-md-4\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n </div>\n </p>\n </div>\n <div class=\"container\">\n <h2 class=\"mb-4\">Engage</h2>\n <div class=\"row\">\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n </div>\n </p>\n </div>\n</div>\n\n<div class=\"container\">\n <div class=\"mb-4\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <div class=\"card\">\n <div class=\"card-body\">\n <div class=\"my-3\">\n <img class=\"img-fluid rounded-circle\" src=\"https://randomuser.me/api/portraits/women/2.jpg\" alt=\"Heidy Traill\">\n </div>\n <h3><a href=\"#\">Heidy Traill</a></h3>\n <h4>Informations utiles</h4>\n<dl class=\"definition-list definition-list-grid\">\n <dt>Fonction</dt>\n <dd>Chercheur</dd>\n <dt>Unité</dt>\n <dd><a href=\"#\">Laboratoire de métallurgie mécanique</a></dd>\n <dt>Domaines de recherche</dt>\n <dd>\n <a href=\"#\" class=\"tag tag-primary\">Inorganic Chemistry</a>\n <a href=\"#\" class=\"tag tag-primary\">Organic Chemistry</a>\n <a href=\"#\" class=\"tag tag-primary\">Renewable Energy</a>\n </dd>\n <dt>Bureau</dt>\n <dd><a href=\"#\">BM 42</a></dd>\n <dt class=\"definition-list-item-full\">A propos</dt>\n <dd class=\"definition-list-item-full\">Research at the Laboratory of Mechanical Metallurgy addresses the science and engineering of advanced metallic materials. Our activities and interests span the entire spectrum from materials processing to the exploration of links between the microstructure and the properties of materials. Materials we study are made at least in part of metal and can be destined for structural or for functional applications.</dd>\n</dl>\n <a class=\"btn btn-block btn-primary mb-2\" href=\"mailto:heidy.traill@epfl.ch\">heidy.traill@epfl.ch</a>\n\n <div class=\"dropdown\">\n <button class=\"btn btn-block btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n Téléphones\n </button>\n <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n <a class=\"dropdown-item\" href=\"#\">079 349 72 18</a>\n <a class=\"dropdown-item\" href=\"#\">079 349 72 18</a>\n </div>\n </div>\n </div>\n</div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>&copy; 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
49910
+ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\" id=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item breadcrumb-tags-wrapper\">\n <a href=\"#\" class=\"tag tag-tertiary\">School</a>\n <a href=\"#\" class=\"tag tag-primary\">Innovation</a>\n <a href=\"#\" class=\"tag tag-primary\">W3C</a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Display the complete path</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Schools</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – Schools</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">About</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Schools</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">School of Architecture, Civil and Environmental Engineering</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-2\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – School of Architecture, Civil and Environmental Engineering</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-2\">\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">School of Architecture, Civil and Environmental Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Computer and Communication Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Basic Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Life Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Management of Technology</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Humanities</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sections</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">ENAC Faculty</span>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-3\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – ENAC Faculty</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">News</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">ENAC Faculty</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability challenges</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n </div>\n </li>\n </ol>\n</nav>\n </div>\n \n <div class=\"nav-toggle-layout nav-aside-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n <aside class=\"nav-aside-wrapper\">\n <nav\n id=\"nav-aside\"\n class=\"nav-aside\"\n role=\"navigation\"\n aria-describedby=\"nav-aside-title\"\n>\n <h2 class=\"h5 sr-only-xl\" id=\"nav-aside-title\">Dans la même section</h2>\n <ul class=\"nav-menu\">\n <li><a href=\"#\">News</a></li>\n <li class=\"active\">\n <a href=\"#\">\n ENAC Faculty\n <span class=\"sr-only\">(page courante)</span>\n </a>\n <ul>\n <li><a href=\"#\">Organization</a></li>\n <li><a href=\"#\">Projects</a></li>\n <li><a href=\"#\">Publications</a></li>\n <li><a href=\"#\">Team</a></li>\n <li><a href=\"#\">Teaching</a></li>\n </ul>\n </li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Sustainability challenges</a></li>\n <li><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n</nav>\n </aside>\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n \n<div class=\"container-full\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Research</h1>\n <div class=\"hero-content\">\n <p>Une organisation unique nous permet de figurer systématiquement dans le haut du classement mondial des universités pour les programmes de recherche.</p><p>Découvrez tout ce qui fait de l’EPFL le creuset idéal des meilleurs projets de recherche en Europe et à l’international.</p>\n </div>\n </div>\n <div class=\"hero-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"images/styleguide/cover/cover01_1920x1080.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"images/styleguide/cover/cover01_928x520.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"images/styleguide/cover/cover01_768x432.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"images/styleguide/cover/cover01_576x324.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <div class=\"my-4\">\n <p>\n L'EPFL s'engage dans des projets novateurs alliant recherche fondamentale et recherche appliquée. Cette orientation permet de transformer l'excellence scientifique en compétitivité économique, en emplois et en qualité de vie, grâce au transfert des technologies.</p>\n <p>L'Ecole dispose d'une organisation unique pour stimuler les recherches transdisciplinaires et favoriser les partenariats avec d'autres institutions.</p>\n <p>Avec plus de 300 laboratoires et groupes de recherche sur son campus, l'EPFL figure parmi les institutions les plus innovantes et les plus productives sur le plan scientifique.</p>\n </p>\n </div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mt-5\">\n <div class=\"container\">\n <h2 class=\"mb-4 mt-4\">Key numbers</h2>\n </div>\n <div class=\"container\">\n <div class=\"key-number-group row\">\n <div class=\"key-number-large\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <p class=\"h4\">Pays d'origine</p>\n </div>\n <div class=\"col-md-6 text-right\">\n <img src=\"images/styleguide/key-numbers/collaborations.png\" alt=\"\">\n </div>\n </div>\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <hr>\n <p class=\"mb-0 display-4 font-weight-bold\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-md-6\">\n <hr>\n <p class=\"mb-0 display-4 font-weight-bold\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n <div class=\"key-number\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n <div class=\"key-number\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n <div class=\"key-number\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n <div class=\"key-number-large\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <p class=\"h4\">Pays d'origine</p>\n </div>\n <div class=\"col-md-6 text-right\">\n <img src=\"images/styleguide/key-numbers/collaborations.png\" alt=\"\">\n </div>\n </div>\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <hr>\n <p class=\"mb-0 display-4 font-weight-bold\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-md-6\">\n <hr>\n <p class=\"mb-0 display-4 font-weight-bold\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n <div class=\"key-number\">\n <div class=\"card border-0 bg-white m-0 h-100\">\n <div class=\"card-header border-0\">\n <p class=\"h6 mb-3 text-capitalize\">Étudiants</p>\n <img src=\"images/styleguide/key-numbers/students.png\" class=\"d-block m-auto\" alt=\"\">\n </div>\n <div class=\"card-body pt-0\">\n <div class=\"row\">\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">2'706</p>\n <p class=\"text-small\">Femmes</p>\n </div>\n <div class=\"col-sm-6\">\n <hr>\n <p class=\"h5 mb-0\">7'180</p>\n <p class=\"text-small\">Hommes</p>\n </div>\n </div>\n </div>\n </div>\n</div>\n </div>\n</div>\n</div>\n\n<div class=\"container-full bg-gray-100 py-5 mb-5\">\n <div class=\"container\">\n <h2 class=\"mb-4\">The last news</h2>\n <div class=\"row\">\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n </div>\n <p class=\"text-center\">\n <a href=\"#\">See all news</a>\n </p>\n </div>\n</div>\n\n<div class=\"container-full py-5 mb-5 mt-6\">\n <div class=\"container\">\n <h2 class=\"mb-4\">Explore</h2>\n <div class=\"row\">\n <div class=\"col-md-4\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-4\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n </div>\n </p>\n </div>\n <div class=\"container\">\n <h2 class=\"mb-4\">Engage</h2>\n <div class=\"row\">\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n </div>\n </p>\n </div>\n</div>\n\n<div class=\"container\">\n <div class=\"mb-4\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <div class=\"card\">\n <div class=\"card-body\">\n <div class=\"my-3\">\n <img class=\"img-fluid rounded-circle\" src=\"https://randomuser.me/api/portraits/women/2.jpg\" alt=\"Heidy Traill\">\n </div>\n <h3><a href=\"#\">Heidy Traill</a></h3>\n <h4>Informations utiles</h4>\n<dl class=\"definition-list definition-list-grid\">\n <dt>Fonction</dt>\n <dd>Chercheur</dd>\n <dt>Unité</dt>\n <dd><a href=\"#\">Laboratoire de métallurgie mécanique</a></dd>\n <dt>Domaines de recherche</dt>\n <dd>\n <a href=\"#\" class=\"tag tag-primary\">Inorganic Chemistry</a>\n <a href=\"#\" class=\"tag tag-primary\">Organic Chemistry</a>\n <a href=\"#\" class=\"tag tag-primary\">Renewable Energy</a>\n </dd>\n <dt>Bureau</dt>\n <dd><a href=\"#\">BM 42</a></dd>\n <dt class=\"definition-list-item-full\">A propos</dt>\n <dd class=\"definition-list-item-full\">Research at the Laboratory of Mechanical Metallurgy addresses the science and engineering of advanced metallic materials. Our activities and interests span the entire spectrum from materials processing to the exploration of links between the microstructure and the properties of materials. Materials we study are made at least in part of metal and can be destined for structural or for functional applications.</dd>\n</dl>\n <a class=\"btn btn-block btn-primary mb-2\" href=\"mailto:heidy.traill@epfl.ch\">heidy.traill@epfl.ch</a>\n\n <div class=\"dropdown\">\n <button class=\"btn btn-block btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n Téléphones\n </button>\n <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n <a class=\"dropdown-item\" href=\"#\">079 349 72 18</a>\n <a class=\"dropdown-item\" href=\"#\">079 349 72 18</a>\n </div>\n </div>\n </div>\n</div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Page title</a>\n </h3>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Data</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/reglement-et-procedure/calendrier-academique/\">Calendrier académique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/cms/\">Cours de mathématiques spéciales CMS</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue - Extension School</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/infrastructures-en-developpement/\">Infrastructures en développement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/fr/engagement-envers-la-societe/\">Engagement envers la société</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/fr/mission-et-strategie/\">Mission et stratégie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/solutions-pour-la-durabilite/\">Solutions pour la durabilité - S4S</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/funding/fr/\">Sources de financement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/management-support/fr/\">Soutien en gestion de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/technology-transfer/fr/\">Du labo au marché</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Ethique de la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">La science ouverte</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://social.epfl.ch/@epfl/\" class=\"social-icon social-icon-mastodon social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n <span class=\"sr-only\">Follow us on Mastodon</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n </ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>&copy; 2025 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
49911
49911
 
49912
49912
  /***/ }),
49913
49913
 
@@ -62315,7 +62315,7 @@ function SidebarDocs() {
62315
62315
  })));
62316
62316
  }
62317
62317
  ;// CONCATENATED MODULE: ./package.json
62318
- var package_namespaceObject = {"rE":"5.3.0"};
62318
+ var package_namespaceObject = {"rE":"5.4.0"};
62319
62319
  ;// CONCATENATED MODULE: ./reader/components/Sidebar/Sidebar.jsx
62320
62320
 
62321
62321