epfl-elements 4.9.1 → 5.0.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 (20) hide show
  1. package/README.md +1 -1
  2. package/dist/components/content-types/study-plan/study-plan.yml +0 -2
  3. package/dist/components/molecules/breadcrumb/breadcrumb-dropdown.twig +3 -3
  4. package/dist/css/elements.css +911 -3142
  5. package/dist/css/elements.min.css +1 -1
  6. package/dist/css/elements.min.css.map +1 -1
  7. package/dist/css/reader.css +33 -128
  8. package/dist/css/reader.min.css +1 -1
  9. package/dist/css/reader.min.css.map +1 -1
  10. package/dist/docs/contribute/support-and-request.html +7 -8
  11. package/dist/icons/icons.svg +1 -1
  12. package/dist/js/elements.js +1 -251
  13. package/dist/js/elements.min.js +1 -1
  14. package/dist/js/elements.min.js.LICENSE.txt +0 -2
  15. package/dist/js/elements.min.js.map +1 -1
  16. package/dist/js/reader.js +240 -230
  17. package/dist/js/reader.min.js +1 -1
  18. package/dist/js/reader.min.js.map +1 -1
  19. package/dist/package.json +12 -12
  20. package/package.json +12 -12
package/dist/js/reader.js CHANGED
@@ -6215,21 +6215,6 @@ $({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES }, {
6215
6215
  });
6216
6216
 
6217
6217
 
6218
- /***/ }),
6219
-
6220
- /***/ 68304:
6221
- /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
6222
-
6223
- var $ = __webpack_require__(82109);
6224
- var setPrototypeOf = __webpack_require__(27674);
6225
-
6226
- // `Object.setPrototypeOf` method
6227
- // https://tc39.es/ecma262/#sec-object.setprototypeof
6228
- $({ target: 'Object', stat: true }, {
6229
- setPrototypeOf: setPrototypeOf
6230
- });
6231
-
6232
-
6233
6218
  /***/ }),
6234
6219
 
6235
6220
  /***/ 41539:
@@ -7447,14 +7432,14 @@ for (var COLLECTION_NAME in DOMIterables) {
7447
7432
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
7448
7433
 
7449
7434
  "use strict";
7450
- /* harmony import */ var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(94015);
7451
- /* harmony import */ var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);
7435
+ /* harmony import */ var _css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(87537);
7436
+ /* harmony import */ var _css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
7452
7437
  /* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23645);
7453
7438
  /* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
7454
7439
  // Imports
7455
7440
 
7456
7441
 
7457
- var ___CSS_LOADER_EXPORT___ = _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()));
7442
+ var ___CSS_LOADER_EXPORT___ = _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
7458
7443
  // Module
7459
7444
  ___CSS_LOADER_EXPORT___.push([module.id, ".rc-tooltip.rc-tooltip-zoom-appear,\n.rc-tooltip.rc-tooltip-zoom-enter {\n opacity: 0;\n}\n.rc-tooltip.rc-tooltip-zoom-enter,\n.rc-tooltip.rc-tooltip-zoom-leave {\n display: block;\n}\n.rc-tooltip-zoom-enter,\n.rc-tooltip-zoom-appear {\n opacity: 0;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);\n animation-play-state: paused;\n}\n.rc-tooltip-zoom-leave {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);\n animation-play-state: paused;\n}\n.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,\n.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {\n animation-name: rcToolTipZoomIn;\n animation-play-state: running;\n}\n.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {\n animation-name: rcToolTipZoomOut;\n animation-play-state: running;\n}\n@keyframes rcToolTipZoomIn {\n 0% {\n opacity: 0;\n transform-origin: 50% 50%;\n transform: scale(0, 0);\n }\n 100% {\n opacity: 1;\n transform-origin: 50% 50%;\n transform: scale(1, 1);\n }\n}\n@keyframes rcToolTipZoomOut {\n 0% {\n opacity: 1;\n transform-origin: 50% 50%;\n transform: scale(1, 1);\n }\n 100% {\n opacity: 0;\n transform-origin: 50% 50%;\n transform: scale(0, 0);\n }\n}\n.rc-tooltip {\n position: absolute;\n z-index: 1070;\n display: block;\n visibility: visible;\n font-size: 12px;\n line-height: 1.5;\n opacity: 0.9;\n}\n.rc-tooltip-hidden {\n display: none;\n}\n.rc-tooltip-placement-top,\n.rc-tooltip-placement-topLeft,\n.rc-tooltip-placement-topRight {\n padding: 5px 0 9px 0;\n}\n.rc-tooltip-placement-right,\n.rc-tooltip-placement-rightTop,\n.rc-tooltip-placement-rightBottom {\n padding: 0 5px 0 9px;\n}\n.rc-tooltip-placement-bottom,\n.rc-tooltip-placement-bottomLeft,\n.rc-tooltip-placement-bottomRight {\n padding: 9px 0 5px 0;\n}\n.rc-tooltip-placement-left,\n.rc-tooltip-placement-leftTop,\n.rc-tooltip-placement-leftBottom {\n padding: 0 9px 0 5px;\n}\n.rc-tooltip-inner {\n padding: 8px 10px;\n color: #fff;\n text-align: left;\n text-decoration: none;\n background-color: #373737;\n border-radius: 6px;\n box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);\n min-height: 34px;\n}\n.rc-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n.rc-tooltip-placement-top .rc-tooltip-arrow,\n.rc-tooltip-placement-topLeft .rc-tooltip-arrow,\n.rc-tooltip-placement-topRight .rc-tooltip-arrow {\n bottom: 4px;\n margin-left: -5px;\n border-width: 5px 5px 0;\n border-top-color: #373737;\n}\n.rc-tooltip-placement-top .rc-tooltip-arrow {\n left: 50%;\n}\n.rc-tooltip-placement-topLeft .rc-tooltip-arrow {\n left: 15%;\n}\n.rc-tooltip-placement-topRight .rc-tooltip-arrow {\n right: 15%;\n}\n.rc-tooltip-placement-right .rc-tooltip-arrow,\n.rc-tooltip-placement-rightTop .rc-tooltip-arrow,\n.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {\n left: 4px;\n margin-top: -5px;\n border-width: 5px 5px 5px 0;\n border-right-color: #373737;\n}\n.rc-tooltip-placement-right .rc-tooltip-arrow {\n top: 50%;\n}\n.rc-tooltip-placement-rightTop .rc-tooltip-arrow {\n top: 15%;\n margin-top: 0;\n}\n.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {\n bottom: 15%;\n}\n.rc-tooltip-placement-left .rc-tooltip-arrow,\n.rc-tooltip-placement-leftTop .rc-tooltip-arrow,\n.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {\n right: 4px;\n margin-top: -5px;\n border-width: 5px 0 5px 5px;\n border-left-color: #373737;\n}\n.rc-tooltip-placement-left .rc-tooltip-arrow {\n top: 50%;\n}\n.rc-tooltip-placement-leftTop .rc-tooltip-arrow {\n top: 15%;\n margin-top: 0;\n}\n.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {\n bottom: 15%;\n}\n.rc-tooltip-placement-bottom .rc-tooltip-arrow,\n.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,\n.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {\n top: 4px;\n margin-left: -5px;\n border-width: 0 5px 5px;\n border-bottom-color: #373737;\n}\n.rc-tooltip-placement-bottom .rc-tooltip-arrow {\n left: 50%;\n}\n.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {\n left: 15%;\n}\n.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {\n right: 15%;\n}\n", "",{"version":3,"sources":["webpack://./node_modules/rc-tooltip/assets/bootstrap.css"],"names":[],"mappings":"AAAA;;EAEE,UAAU;AACZ;AACA;;EAEE,cAAc;AAChB;AACA;;EAEE,UAAU;EACV,wBAAwB;EACxB,yBAAyB;EACzB,+DAA+D;EAC/D,4BAA4B;AAC9B;AACA;EACE,wBAAwB;EACxB,yBAAyB;EACzB,8DAA8D;EAC9D,4BAA4B;AAC9B;AACA;;EAEE,+BAA+B;EAC/B,6BAA6B;AAC/B;AACA;EACE,gCAAgC;EAChC,6BAA6B;AAC/B;AACA;EACE;IACE,UAAU;IACV,yBAAyB;IACzB,sBAAsB;EACxB;EACA;IACE,UAAU;IACV,yBAAyB;IACzB,sBAAsB;EACxB;AACF;AACA;EACE;IACE,UAAU;IACV,yBAAyB;IACzB,sBAAsB;EACxB;EACA;IACE,UAAU;IACV,yBAAyB;IACzB,sBAAsB;EACxB;AACF;AACA;EACE,kBAAkB;EAClB,aAAa;EACb,cAAc;EACd,mBAAmB;EACnB,eAAe;EACf,gBAAgB;EAChB,YAAY;AACd;AACA;EACE,aAAa;AACf;AACA;;;EAGE,oBAAoB;AACtB;AACA;;;EAGE,oBAAoB;AACtB;AACA;;;EAGE,oBAAoB;AACtB;AACA;;;EAGE,oBAAoB;AACtB;AACA;EACE,iBAAiB;EACjB,WAAW;EACX,gBAAgB;EAChB,qBAAqB;EACrB,yBAAyB;EACzB,kBAAkB;EAClB,uCAAuC;EACvC,gBAAgB;AAClB;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,yBAAyB;EACzB,mBAAmB;AACrB;AACA;;;EAGE,WAAW;EACX,iBAAiB;EACjB,uBAAuB;EACvB,yBAAyB;AAC3B;AACA;EACE,SAAS;AACX;AACA;EACE,SAAS;AACX;AACA;EACE,UAAU;AACZ;AACA;;;EAGE,SAAS;EACT,gBAAgB;EAChB,2BAA2B;EAC3B,2BAA2B;AAC7B;AACA;EACE,QAAQ;AACV;AACA;EACE,QAAQ;EACR,aAAa;AACf;AACA;EACE,WAAW;AACb;AACA;;;EAGE,UAAU;EACV,gBAAgB;EAChB,2BAA2B;EAC3B,0BAA0B;AAC5B;AACA;EACE,QAAQ;AACV;AACA;EACE,QAAQ;EACR,aAAa;AACf;AACA;EACE,WAAW;AACb;AACA;;;EAGE,QAAQ;EACR,iBAAiB;EACjB,uBAAuB;EACvB,4BAA4B;AAC9B;AACA;EACE,SAAS;AACX;AACA;EACE,SAAS;AACX;AACA;EACE,UAAU;AACZ","sourcesContent":[".rc-tooltip.rc-tooltip-zoom-appear,\n.rc-tooltip.rc-tooltip-zoom-enter {\n opacity: 0;\n}\n.rc-tooltip.rc-tooltip-zoom-enter,\n.rc-tooltip.rc-tooltip-zoom-leave {\n display: block;\n}\n.rc-tooltip-zoom-enter,\n.rc-tooltip-zoom-appear {\n opacity: 0;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);\n animation-play-state: paused;\n}\n.rc-tooltip-zoom-leave {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);\n animation-play-state: paused;\n}\n.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,\n.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {\n animation-name: rcToolTipZoomIn;\n animation-play-state: running;\n}\n.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {\n animation-name: rcToolTipZoomOut;\n animation-play-state: running;\n}\n@keyframes rcToolTipZoomIn {\n 0% {\n opacity: 0;\n transform-origin: 50% 50%;\n transform: scale(0, 0);\n }\n 100% {\n opacity: 1;\n transform-origin: 50% 50%;\n transform: scale(1, 1);\n }\n}\n@keyframes rcToolTipZoomOut {\n 0% {\n opacity: 1;\n transform-origin: 50% 50%;\n transform: scale(1, 1);\n }\n 100% {\n opacity: 0;\n transform-origin: 50% 50%;\n transform: scale(0, 0);\n }\n}\n.rc-tooltip {\n position: absolute;\n z-index: 1070;\n display: block;\n visibility: visible;\n font-size: 12px;\n line-height: 1.5;\n opacity: 0.9;\n}\n.rc-tooltip-hidden {\n display: none;\n}\n.rc-tooltip-placement-top,\n.rc-tooltip-placement-topLeft,\n.rc-tooltip-placement-topRight {\n padding: 5px 0 9px 0;\n}\n.rc-tooltip-placement-right,\n.rc-tooltip-placement-rightTop,\n.rc-tooltip-placement-rightBottom {\n padding: 0 5px 0 9px;\n}\n.rc-tooltip-placement-bottom,\n.rc-tooltip-placement-bottomLeft,\n.rc-tooltip-placement-bottomRight {\n padding: 9px 0 5px 0;\n}\n.rc-tooltip-placement-left,\n.rc-tooltip-placement-leftTop,\n.rc-tooltip-placement-leftBottom {\n padding: 0 9px 0 5px;\n}\n.rc-tooltip-inner {\n padding: 8px 10px;\n color: #fff;\n text-align: left;\n text-decoration: none;\n background-color: #373737;\n border-radius: 6px;\n box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);\n min-height: 34px;\n}\n.rc-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n.rc-tooltip-placement-top .rc-tooltip-arrow,\n.rc-tooltip-placement-topLeft .rc-tooltip-arrow,\n.rc-tooltip-placement-topRight .rc-tooltip-arrow {\n bottom: 4px;\n margin-left: -5px;\n border-width: 5px 5px 0;\n border-top-color: #373737;\n}\n.rc-tooltip-placement-top .rc-tooltip-arrow {\n left: 50%;\n}\n.rc-tooltip-placement-topLeft .rc-tooltip-arrow {\n left: 15%;\n}\n.rc-tooltip-placement-topRight .rc-tooltip-arrow {\n right: 15%;\n}\n.rc-tooltip-placement-right .rc-tooltip-arrow,\n.rc-tooltip-placement-rightTop .rc-tooltip-arrow,\n.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {\n left: 4px;\n margin-top: -5px;\n border-width: 5px 5px 5px 0;\n border-right-color: #373737;\n}\n.rc-tooltip-placement-right .rc-tooltip-arrow {\n top: 50%;\n}\n.rc-tooltip-placement-rightTop .rc-tooltip-arrow {\n top: 15%;\n margin-top: 0;\n}\n.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {\n bottom: 15%;\n}\n.rc-tooltip-placement-left .rc-tooltip-arrow,\n.rc-tooltip-placement-leftTop .rc-tooltip-arrow,\n.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {\n right: 4px;\n margin-top: -5px;\n border-width: 5px 0 5px 5px;\n border-left-color: #373737;\n}\n.rc-tooltip-placement-left .rc-tooltip-arrow {\n top: 50%;\n}\n.rc-tooltip-placement-leftTop .rc-tooltip-arrow {\n top: 15%;\n margin-top: 0;\n}\n.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {\n bottom: 15%;\n}\n.rc-tooltip-placement-bottom .rc-tooltip-arrow,\n.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,\n.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {\n top: 4px;\n margin-left: -5px;\n border-width: 0 5px 5px;\n border-bottom-color: #373737;\n}\n.rc-tooltip-placement-bottom .rc-tooltip-arrow {\n left: 50%;\n}\n.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {\n left: 15%;\n}\n.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {\n right: 15%;\n}\n"],"sourceRoot":""}]);
7460
7445
  // Exports
@@ -7473,103 +7458,106 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".rc-tooltip.rc-tooltip-zoom-appear,\n.
7473
7458
  MIT License http://www.opensource.org/licenses/mit-license.php
7474
7459
  Author Tobias Koppers @sokra
7475
7460
  */
7476
- // css base code, injected by the css-loader
7477
- // eslint-disable-next-line func-names
7478
7461
  module.exports = function (cssWithMappingToString) {
7479
- var list = []; // return the list of modules as css string
7462
+ var list = [];
7480
7463
 
7464
+ // return the list of modules as css string
7481
7465
  list.toString = function toString() {
7482
7466
  return this.map(function (item) {
7483
- var content = cssWithMappingToString(item);
7484
-
7467
+ var content = "";
7468
+ var needLayer = typeof item[5] !== "undefined";
7469
+ if (item[4]) {
7470
+ content += "@supports (".concat(item[4], ") {");
7471
+ }
7485
7472
  if (item[2]) {
7486
- return "@media ".concat(item[2], " {").concat(content, "}");
7473
+ content += "@media ".concat(item[2], " {");
7474
+ }
7475
+ if (needLayer) {
7476
+ content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
7477
+ }
7478
+ content += cssWithMappingToString(item);
7479
+ if (needLayer) {
7480
+ content += "}";
7481
+ }
7482
+ if (item[2]) {
7483
+ content += "}";
7484
+ }
7485
+ if (item[4]) {
7486
+ content += "}";
7487
7487
  }
7488
-
7489
7488
  return content;
7490
7489
  }).join("");
7491
- }; // import a list of modules into the list
7492
- // eslint-disable-next-line func-names
7493
-
7490
+ };
7494
7491
 
7495
- list.i = function (modules, mediaQuery, dedupe) {
7492
+ // import a list of modules into the list
7493
+ list.i = function i(modules, media, dedupe, supports, layer) {
7496
7494
  if (typeof modules === "string") {
7497
- // eslint-disable-next-line no-param-reassign
7498
- modules = [[null, modules, ""]];
7495
+ modules = [[null, modules, undefined]];
7499
7496
  }
7500
-
7501
7497
  var alreadyImportedModules = {};
7502
-
7503
7498
  if (dedupe) {
7504
- for (var i = 0; i < this.length; i++) {
7505
- // eslint-disable-next-line prefer-destructuring
7506
- var id = this[i][0];
7507
-
7499
+ for (var k = 0; k < this.length; k++) {
7500
+ var id = this[k][0];
7508
7501
  if (id != null) {
7509
7502
  alreadyImportedModules[id] = true;
7510
7503
  }
7511
7504
  }
7512
7505
  }
7513
-
7514
- for (var _i = 0; _i < modules.length; _i++) {
7515
- var item = [].concat(modules[_i]);
7516
-
7506
+ for (var _k = 0; _k < modules.length; _k++) {
7507
+ var item = [].concat(modules[_k]);
7517
7508
  if (dedupe && alreadyImportedModules[item[0]]) {
7518
- // eslint-disable-next-line no-continue
7519
7509
  continue;
7520
7510
  }
7521
-
7522
- if (mediaQuery) {
7511
+ if (typeof layer !== "undefined") {
7512
+ if (typeof item[5] === "undefined") {
7513
+ item[5] = layer;
7514
+ } else {
7515
+ item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
7516
+ item[5] = layer;
7517
+ }
7518
+ }
7519
+ if (media) {
7523
7520
  if (!item[2]) {
7524
- item[2] = mediaQuery;
7521
+ item[2] = media;
7525
7522
  } else {
7526
- item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
7523
+ item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
7524
+ item[2] = media;
7525
+ }
7526
+ }
7527
+ if (supports) {
7528
+ if (!item[4]) {
7529
+ item[4] = "".concat(supports);
7530
+ } else {
7531
+ item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
7532
+ item[4] = supports;
7527
7533
  }
7528
7534
  }
7529
-
7530
7535
  list.push(item);
7531
7536
  }
7532
7537
  };
7533
-
7534
7538
  return list;
7535
7539
  };
7536
7540
 
7537
7541
  /***/ }),
7538
7542
 
7539
- /***/ 94015:
7543
+ /***/ 87537:
7540
7544
  /***/ (function(module) {
7541
7545
 
7542
7546
  "use strict";
7543
7547
 
7544
7548
 
7545
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
7546
-
7547
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
7548
-
7549
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
7550
-
7551
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
7552
-
7553
- function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
7554
-
7555
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7556
-
7557
- module.exports = function cssWithMappingToString(item) {
7558
- var _item = _slicedToArray(item, 4),
7559
- content = _item[1],
7560
- cssMapping = _item[3];
7561
-
7549
+ module.exports = function (item) {
7550
+ var content = item[1];
7551
+ var cssMapping = item[3];
7552
+ if (!cssMapping) {
7553
+ return content;
7554
+ }
7562
7555
  if (typeof btoa === "function") {
7563
- // eslint-disable-next-line no-undef
7564
7556
  var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));
7565
7557
  var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);
7566
7558
  var sourceMapping = "/*# ".concat(data, " */");
7567
- var sourceURLs = cssMapping.sources.map(function (source) {
7568
- return "/*# sourceURL=".concat(cssMapping.sourceRoot || "").concat(source, " */");
7569
- });
7570
- return [content].concat(sourceURLs).concat([sourceMapping]).join("\n");
7559
+ return [content].concat([sourceMapping]).join("\n");
7571
7560
  }
7572
-
7573
7561
  return [content].join("\n");
7574
7562
  };
7575
7563
 
@@ -49631,40 +49619,6 @@ function stringify(values) {
49631
49619
  }
49632
49620
 
49633
49621
 
49634
- /***/ }),
49635
-
49636
- /***/ 20695:
49637
- /***/ (function(module) {
49638
-
49639
- "use strict";
49640
-
49641
-
49642
- var memo = {};
49643
- /* istanbul ignore next */
49644
-
49645
- function getTarget(target) {
49646
- if (typeof memo[target] === "undefined") {
49647
- var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself
49648
-
49649
- if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
49650
- try {
49651
- // This will throw an exception if access to iframe is blocked
49652
- // due to cross-origin restrictions
49653
- styleTarget = styleTarget.contentDocument.head;
49654
- } catch (e) {
49655
- // istanbul ignore next
49656
- styleTarget = null;
49657
- }
49658
- }
49659
-
49660
- memo[target] = styleTarget;
49661
- }
49662
-
49663
- return memo[target];
49664
- }
49665
-
49666
- module.exports = getTarget;
49667
-
49668
49622
  /***/ }),
49669
49623
 
49670
49624
  /***/ 93379:
@@ -49673,104 +49627,132 @@ module.exports = getTarget;
49673
49627
  "use strict";
49674
49628
 
49675
49629
 
49676
- var stylesInDom = [];
49677
-
49630
+ var stylesInDOM = [];
49678
49631
  function getIndexByIdentifier(identifier) {
49679
49632
  var result = -1;
49680
-
49681
- for (var i = 0; i < stylesInDom.length; i++) {
49682
- if (stylesInDom[i].identifier === identifier) {
49633
+ for (var i = 0; i < stylesInDOM.length; i++) {
49634
+ if (stylesInDOM[i].identifier === identifier) {
49683
49635
  result = i;
49684
49636
  break;
49685
49637
  }
49686
49638
  }
49687
-
49688
49639
  return result;
49689
49640
  }
49690
-
49691
49641
  function modulesToDom(list, options) {
49692
49642
  var idCountMap = {};
49693
49643
  var identifiers = [];
49694
-
49695
49644
  for (var i = 0; i < list.length; i++) {
49696
49645
  var item = list[i];
49697
49646
  var id = options.base ? item[0] + options.base : item[0];
49698
49647
  var count = idCountMap[id] || 0;
49699
49648
  var identifier = "".concat(id, " ").concat(count);
49700
49649
  idCountMap[id] = count + 1;
49701
- var index = getIndexByIdentifier(identifier);
49650
+ var indexByIdentifier = getIndexByIdentifier(identifier);
49702
49651
  var obj = {
49703
49652
  css: item[1],
49704
49653
  media: item[2],
49705
- sourceMap: item[3]
49654
+ sourceMap: item[3],
49655
+ supports: item[4],
49656
+ layer: item[5]
49706
49657
  };
49707
-
49708
- if (index !== -1) {
49709
- stylesInDom[index].references++;
49710
- stylesInDom[index].updater(obj);
49658
+ if (indexByIdentifier !== -1) {
49659
+ stylesInDOM[indexByIdentifier].references++;
49660
+ stylesInDOM[indexByIdentifier].updater(obj);
49711
49661
  } else {
49712
- stylesInDom.push({
49662
+ var updater = addElementStyle(obj, options);
49663
+ options.byIndex = i;
49664
+ stylesInDOM.splice(i, 0, {
49713
49665
  identifier: identifier,
49714
- updater: addStyle(obj, options),
49666
+ updater: updater,
49715
49667
  references: 1
49716
49668
  });
49717
49669
  }
49718
-
49719
49670
  identifiers.push(identifier);
49720
49671
  }
49721
-
49722
49672
  return identifiers;
49723
49673
  }
49724
-
49725
- function addStyle(obj, options) {
49674
+ function addElementStyle(obj, options) {
49726
49675
  var api = options.domAPI(options);
49727
49676
  api.update(obj);
49728
- return function updateStyle(newObj) {
49677
+ var updater = function updater(newObj) {
49729
49678
  if (newObj) {
49730
- if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
49679
+ if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {
49731
49680
  return;
49732
49681
  }
49733
-
49734
49682
  api.update(obj = newObj);
49735
49683
  } else {
49736
49684
  api.remove();
49737
49685
  }
49738
49686
  };
49687
+ return updater;
49739
49688
  }
49740
-
49741
49689
  module.exports = function (list, options) {
49742
49690
  options = options || {};
49743
49691
  list = list || [];
49744
49692
  var lastIdentifiers = modulesToDom(list, options);
49745
49693
  return function update(newList) {
49746
49694
  newList = newList || [];
49747
-
49748
49695
  for (var i = 0; i < lastIdentifiers.length; i++) {
49749
49696
  var identifier = lastIdentifiers[i];
49750
49697
  var index = getIndexByIdentifier(identifier);
49751
- stylesInDom[index].references--;
49698
+ stylesInDOM[index].references--;
49752
49699
  }
49753
-
49754
49700
  var newLastIdentifiers = modulesToDom(newList, options);
49755
-
49756
49701
  for (var _i = 0; _i < lastIdentifiers.length; _i++) {
49757
49702
  var _identifier = lastIdentifiers[_i];
49758
-
49759
49703
  var _index = getIndexByIdentifier(_identifier);
49760
-
49761
- if (stylesInDom[_index].references === 0) {
49762
- stylesInDom[_index].updater();
49763
-
49764
- stylesInDom.splice(_index, 1);
49704
+ if (stylesInDOM[_index].references === 0) {
49705
+ stylesInDOM[_index].updater();
49706
+ stylesInDOM.splice(_index, 1);
49765
49707
  }
49766
49708
  }
49767
-
49768
49709
  lastIdentifiers = newLastIdentifiers;
49769
49710
  };
49770
49711
  };
49771
49712
 
49772
49713
  /***/ }),
49773
49714
 
49715
+ /***/ 90569:
49716
+ /***/ (function(module) {
49717
+
49718
+ "use strict";
49719
+
49720
+
49721
+ var memo = {};
49722
+
49723
+ /* istanbul ignore next */
49724
+ function getTarget(target) {
49725
+ if (typeof memo[target] === "undefined") {
49726
+ var styleTarget = document.querySelector(target);
49727
+
49728
+ // Special case to return head of iframe instead of iframe itself
49729
+ if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
49730
+ try {
49731
+ // This will throw an exception if access to iframe is blocked
49732
+ // due to cross-origin restrictions
49733
+ styleTarget = styleTarget.contentDocument.head;
49734
+ } catch (e) {
49735
+ // istanbul ignore next
49736
+ styleTarget = null;
49737
+ }
49738
+ }
49739
+ memo[target] = styleTarget;
49740
+ }
49741
+ return memo[target];
49742
+ }
49743
+
49744
+ /* istanbul ignore next */
49745
+ function insertBySelector(insert, style) {
49746
+ var target = getTarget(insert);
49747
+ if (!target) {
49748
+ throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
49749
+ }
49750
+ target.appendChild(style);
49751
+ }
49752
+ module.exports = insertBySelector;
49753
+
49754
+ /***/ }),
49755
+
49774
49756
  /***/ 19216:
49775
49757
  /***/ (function(module) {
49776
49758
 
@@ -49779,16 +49761,32 @@ module.exports = function (list, options) {
49779
49761
 
49780
49762
  /* istanbul ignore next */
49781
49763
  function insertStyleElement(options) {
49782
- var style = document.createElement("style");
49783
- options.setAttributes(style, options.attributes);
49784
- options.insert(style);
49785
- return style;
49764
+ var element = document.createElement("style");
49765
+ options.setAttributes(element, options.attributes);
49766
+ options.insert(element, options.options);
49767
+ return element;
49786
49768
  }
49787
-
49788
49769
  module.exports = insertStyleElement;
49789
49770
 
49790
49771
  /***/ }),
49791
49772
 
49773
+ /***/ 3565:
49774
+ /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
49775
+
49776
+ "use strict";
49777
+
49778
+
49779
+ /* istanbul ignore next */
49780
+ function setAttributesWithoutAttributes(styleElement) {
49781
+ var nonce = true ? __webpack_require__.nc : 0;
49782
+ if (nonce) {
49783
+ styleElement.setAttribute("nonce", nonce);
49784
+ }
49785
+ }
49786
+ module.exports = setAttributesWithoutAttributes;
49787
+
49788
+ /***/ }),
49789
+
49792
49790
  /***/ 7795:
49793
49791
  /***/ (function(module) {
49794
49792
 
@@ -49796,54 +49794,88 @@ module.exports = insertStyleElement;
49796
49794
 
49797
49795
 
49798
49796
  /* istanbul ignore next */
49799
- function apply(style, options, obj) {
49800
- var css = obj.css;
49801
- var media = obj.media;
49802
- var sourceMap = obj.sourceMap;
49803
-
49804
- if (media) {
49805
- style.setAttribute("media", media);
49806
- } else {
49807
- style.removeAttribute("media");
49797
+ function apply(styleElement, options, obj) {
49798
+ var css = "";
49799
+ if (obj.supports) {
49800
+ css += "@supports (".concat(obj.supports, ") {");
49808
49801
  }
49809
-
49802
+ if (obj.media) {
49803
+ css += "@media ".concat(obj.media, " {");
49804
+ }
49805
+ var needLayer = typeof obj.layer !== "undefined";
49806
+ if (needLayer) {
49807
+ css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
49808
+ }
49809
+ css += obj.css;
49810
+ if (needLayer) {
49811
+ css += "}";
49812
+ }
49813
+ if (obj.media) {
49814
+ css += "}";
49815
+ }
49816
+ if (obj.supports) {
49817
+ css += "}";
49818
+ }
49819
+ var sourceMap = obj.sourceMap;
49810
49820
  if (sourceMap && typeof btoa !== "undefined") {
49811
49821
  css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
49812
- } // For old IE
49822
+ }
49813
49823
 
49824
+ // For old IE
49814
49825
  /* istanbul ignore if */
49815
-
49816
-
49817
- options.styleTagTransform(css, style);
49826
+ options.styleTagTransform(css, styleElement, options.options);
49818
49827
  }
49819
-
49820
- function removeStyleElement(style) {
49828
+ function removeStyleElement(styleElement) {
49821
49829
  // istanbul ignore if
49822
- if (style.parentNode === null) {
49830
+ if (styleElement.parentNode === null) {
49823
49831
  return false;
49824
49832
  }
49825
-
49826
- style.parentNode.removeChild(style);
49833
+ styleElement.parentNode.removeChild(styleElement);
49827
49834
  }
49828
- /* istanbul ignore next */
49829
-
49830
49835
 
49836
+ /* istanbul ignore next */
49831
49837
  function domAPI(options) {
49832
- var style = options.insertStyleElement(options);
49838
+ if (typeof document === "undefined") {
49839
+ return {
49840
+ update: function update() {},
49841
+ remove: function remove() {}
49842
+ };
49843
+ }
49844
+ var styleElement = options.insertStyleElement(options);
49833
49845
  return {
49834
49846
  update: function update(obj) {
49835
- apply(style, options, obj);
49847
+ apply(styleElement, options, obj);
49836
49848
  },
49837
49849
  remove: function remove() {
49838
- removeStyleElement(style);
49850
+ removeStyleElement(styleElement);
49839
49851
  }
49840
49852
  };
49841
49853
  }
49842
-
49843
49854
  module.exports = domAPI;
49844
49855
 
49845
49856
  /***/ }),
49846
49857
 
49858
+ /***/ 44589:
49859
+ /***/ (function(module) {
49860
+
49861
+ "use strict";
49862
+
49863
+
49864
+ /* istanbul ignore next */
49865
+ function styleTagTransform(css, styleElement) {
49866
+ if (styleElement.styleSheet) {
49867
+ styleElement.styleSheet.cssText = css;
49868
+ } else {
49869
+ while (styleElement.firstChild) {
49870
+ styleElement.removeChild(styleElement.firstChild);
49871
+ }
49872
+ styleElement.appendChild(document.createTextNode(css));
49873
+ }
49874
+ }
49875
+ module.exports = styleTagTransform;
49876
+
49877
+ /***/ }),
49878
+
49847
49879
  /***/ 57848:
49848
49880
  /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
49849
49881
 
@@ -51737,7 +51769,7 @@ module.exports = "# Contribute to Elements\n\n## How to install\nRefer to our re
51737
51769
  /***/ (function(module) {
51738
51770
 
51739
51771
  "use strict";
51740
- module.exports = "<div class=\"container-grid\">\n\n <h1 class=\"mt-3\">Support & request</h1>\n\n <p class=\"mt-3\">\n The EPFL’s styleguide team is committed to maintaining quality documentation of its design system. We are welcoming any feedback given on bugs, designs issues or new ideas. You can find all the <a href=\"#/doc/contribute--index.md\" alt=\"Link to learn about contributing to this styleguide\">information about contribution</a> in the dedicated page.\n <br>\n <br>\n Elements is maintained by <a href=\"https://mediacom.epfl.ch/\"><b>Mediacom</b></a>. All requests are sent there, then dispatched to the appropriate people.\n </p>\n\n <div class=\"mt-3\">\n <div class=\"introduction bg-gray-100\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-10 offset-md-1 text-center\">\n <h2>Requests</h2>\n <p>\n You have questions about Elements?\n <br/>Please contact <strong><a href=\"https://support.epfl.ch/epfl\" alt=\"Link to send an email to the support team\">Support</a></strong> or <strong><a href=\"https://github.com/epfl-si/elements/issues/new\" alt=\"Link to GitHub for opening an issue\">open an issue</a></strong> in GitHub.\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <h1 class=\"mt-5\">FAQ</h1>\n <p>\n We regrouped here the most common questions we get about Elements. If you have some more, please reach out!\n </p>\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 How can I contribute or suggest new components/ideas?\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-1\">\n <p>\n First of all, <b>thank you very much</b> for reading these lines. We really appreciate your interest into contributing to elements!\n </p>\n <p>\n For all specific informations concerning contributions, please visit the <a href=\"#/doc/contribute--index.md\">dedicated page</a> we built about this topic, just for you.\n </p>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n >\n Which browser versions are supported?\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n <p>\n Elements is supporting the following browsers and versions:\n <ul>\n <li>Chrome 63, 64+</li>\n <li>Chrome for Android 64+</li>\n <li>Firefox 57, 58+</li>\n <li>Safari 10.1, 11+</li>\n <li>Safari iOS 10.3, 11+</li>\n <li>Internet Explorer 11</li>\n <li>Edge 15, 16+</li>\n <li>Opera 49, 50+</li>\n </ul>\n </p>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n >\n Why hasn't my bug been fixed yet?\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n <p>\n If you have a pressing bug, it is best to make a Pull Request (PR) on <a href=\"https://github.com/epfl-si/elements\">the github repository</a> containing your suggestion of resolution for this bug. Our team will try to address your bug as soon as possible. Issues that are out of scope will be commented and closed until it becomes a higher priority. Thank you for your understanding.\n </p>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-4\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-4\"\n >\n Why is it only HTML/CSS/JS?\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-4\">\n <p>\n The styleguide is Web first. We provide a CMS-agnostic or technology-agnostic design documentation. That's why you will only find components that match web standards. That doesn't mean you can't document your own project. We'll be happy to reference your work from other platforms here! Reach out to us.</p>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-5\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-5\"\n >\n What is the meaning of 42?\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-5\">\n <p>\n The number 42 is, in The Hitchhiker's Guide to the Galaxy by Douglas Adams, the \"Answer to the Ultimate Question of Life, the Universe, and Everything\", calculated by an enormous supercomputer named Deep Thought over a period of 7.5 million years. Unfortunately, no one knows what the question is.\n <br>\n <strong>More information on <a href=\"https://en.wikipedia.org/wiki/42_(number)#The_Hitchhiker's_Guide_to_the_Galaxy\" target=\"_blank\">Wikipedia</a></strong></p>\n </div>\n\n <hr>\n\n <figcaption>© EPFL 2018-2022 — Mediacom</figcaption>\n\n</div>\n";
51772
+ module.exports = "<div class=\"container-grid\">\n\n <h1 class=\"mt-3\">Support & request</h1>\n\n <p class=\"mt-3\">\n The EPFL’s styleguide team is committed to maintaining quality documentation of its design system. We are welcoming any feedback given on bugs, designs issues or new ideas. You can find all the <a href=\"#/doc/contribute--index.md\" alt=\"Link to learn about contributing to this styleguide\">information about contribution</a> in the dedicated page.\n <br>\n <br>\n Elements is maintained by <a href=\"https://mediacom.epfl.ch/\"><b>Mediacom</b></a>. All requests are sent there, then dispatched to the appropriate people.\n </p>\n\n <div class=\"mt-3\">\n <div class=\"introduction bg-gray-100\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-10 offset-md-1 text-center\">\n <h2>Requests</h2>\n <p>\n You have questions about Elements?\n <br/>Please contact <strong><a href=\"https://support.epfl.ch/epfl\" alt=\"Link to send an email to the support team\">Support</a></strong> or <strong><a href=\"https://github.com/epfl-si/elements/issues/new\" alt=\"Link to GitHub for opening an issue\">open an issue</a></strong> in GitHub.\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <h1 class=\"mt-5\">FAQ</h1>\n <p>\n We regrouped here the most common questions we get about Elements. If you have some more, please reach out!\n </p>\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 How can I contribute or suggest new components/ideas?\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-1\">\n <p>\n First of all, <b>thank you very much</b> for reading these lines. We really appreciate your interest into contributing to elements!\n </p>\n <p>\n For all specific informations concerning contributions, please visit the <a href=\"#/doc/contribute--index.md\">dedicated page</a> we built about this topic, just for you.\n </p>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n >\n Which browser versions are supported?\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n <p>\n Elements is supporting the following browsers and versions:\n <ul>\n <li>Chrome 123, 124+</li>\n <li>Chrome for Android 123, 124+</li>\n <li>Firefox 125, 126+</li>\n <li>Safari 17.4, 17.5+</li>\n <li>Safari iOS 16.6, 16.7+</li>\n <li>Edge 124, 125+</li>\n <li>Opera 109, 110+</li>\n </ul>\n </p>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n >\n Why hasn't my bug been fixed yet?\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n <p>\n If you have a pressing bug, it is best to make a Pull Request (PR) on <a href=\"https://github.com/epfl-si/elements\">the github repository</a> containing your suggestion of resolution for this bug. Our team will try to address your bug as soon as possible. Issues that are out of scope will be commented and closed until it becomes a higher priority. Thank you for your understanding.\n </p>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-4\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-4\"\n >\n Why is it only HTML/CSS/JS?\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-4\">\n <p>\n The styleguide is Web first. We provide a CMS-agnostic or technology-agnostic design documentation. That's why you will only find components that match web standards. That doesn't mean you can't document your own project. We'll be happy to reference your work from other platforms here! Reach out to us.</p>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-5\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-5\"\n >\n What is the meaning of 42?\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-5\">\n <p>\n The number 42 is, in The Hitchhiker's Guide to the Galaxy by Douglas Adams, the \"Answer to the Ultimate Question of Life, the Universe, and Everything\", calculated by an enormous supercomputer named Deep Thought over a period of 7.5 million years. Unfortunately, no one knows what the question is.\n <br>\n <strong>More information on <a href=\"https://en.wikipedia.org/wiki/42_(number)#The_Hitchhiker's_Guide_to_the_Galaxy\" target=\"_blank\">Wikipedia</a></strong></p>\n </div>\n\n <hr>\n\n <figcaption>© EPFL 2018-2022 — Mediacom</figcaption>\n\n</div>\n";
51741
51773
 
51742
51774
  /***/ }),
51743
51775
 
@@ -51985,7 +52017,7 @@ module.exports = "<table class=\"table\">\n <tbody>\n <tr>\n <t
51985
52017
  /***/ (function(module) {
51986
52018
 
51987
52019
  "use strict";
51988
- module.exports = "<table class=\"table\">\n <tbody>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-accessibility\"></use></svg>\n</td>\n <td><code>#icon-accessibility</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n</td>\n <td><code>#icon-arrow-left</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n</td>\n <td><code>#icon-arrow-right</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-browse\"></use></svg>\n</td>\n <td><code>#icon-browse</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n</td>\n <td><code>#icon-chevron-last-left</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n</td>\n <td><code>#icon-chevron-last-right</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n</td>\n <td><code>#icon-chevron-left</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</td>\n <td><code>#icon-chevron-right</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-elements\"></use></svg>\n</td>\n <td><code>#icon-elements</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-alumni\"></use></svg>\n</td>\n <td><code>#icon-epfl-alumni</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-anti-gaspillage\"></use></svg>\n</td>\n <td><code>#icon-epfl-anti-gaspillage</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-apprendre\"></use></svg>\n</td>\n <td><code>#icon-epfl-apprendre</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-artlab\"></use></svg>\n</td>\n <td><code>#icon-epfl-artlab</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-bancomat\"></use></svg>\n</td>\n <td><code>#icon-epfl-bancomat</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-cafe\"></use></svg>\n</td>\n <td><code>#icon-epfl-cafe</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-cdh\"></use></svg>\n</td>\n <td><code>#icon-epfl-cdh</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-cdm\"></use></svg>\n</td>\n <td><code>#icon-epfl-cdm</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-centre-medical\"></use></svg>\n</td>\n <td><code>#icon-epfl-centre-medical</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-chercheur\"></use></svg>\n</td>\n <td><code>#icon-epfl-chercheur</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-coiffeur\"></use></svg>\n</td>\n <td><code>#icon-epfl-coiffeur</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-collaboration\"></use></svg>\n</td>\n <td><code>#icon-epfl-collaboration</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-community\"></use></svg>\n</td>\n <td><code>#icon-epfl-community</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corona-distance\"></use></svg>\n</td>\n <td><code>#icon-epfl-corona-distance</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corona-lavermain\"></use></svg>\n</td>\n <td><code>#icon-epfl-corona-lavermain</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corona-maison\"></use></svg>\n</td>\n <td><code>#icon-epfl-corona-maison</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corona-masque\"></use></svg>\n</td>\n <td><code>#icon-epfl-corona-masque</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corona-poignee\"></use></svg>\n</td>\n <td><code>#icon-epfl-corona-poignee</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corona-tousser\"></use></svg>\n</td>\n <td><code>#icon-epfl-corona-tousser</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corona\"></use></svg>\n</td>\n <td><code>#icon-epfl-corona</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-culture1\"></use></svg>\n</td>\n <td><code>#icon-epfl-culture1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-culture2\"></use></svg>\n</td>\n <td><code>#icon-epfl-culture2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-desaison\"></use></svg>\n</td>\n <td><code>#icon-epfl-desaison</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-digital-trust\"></use></svg>\n</td>\n <td><code>#icon-epfl-digital-trust</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-durabilite\"></use></svg>\n</td>\n <td><code>#icon-epfl-durabilite</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-egalitechance-rouge\"></use></svg>\n</td>\n <td><code>#icon-epfl-egalitechance-rouge</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-einstein\"></use></svg>\n</td>\n <td><code>#icon-epfl-einstein</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-enac\"></use></svg>\n</td>\n <td><code>#icon-epfl-enac</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-graph-search\"></use></svg>\n</td>\n <td><code>#icon-epfl-graph-search</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-grants\"></use></svg>\n</td>\n <td><code>#icon-epfl-grants</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-hotel\"></use></svg>\n</td>\n <td><code>#icon-epfl-hotel</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-ic\"></use></svg>\n</td>\n <td><code>#icon-epfl-ic</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-innovation-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-innovation-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-innovation-2\"></use></svg>\n</td>\n <td><code>#icon-epfl-innovation-2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-innovation-park\"></use></svg>\n</td>\n <td><code>#icon-epfl-innovation-park</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-laboratoire-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-laboratoire-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-laboratoire-2\"></use></svg>\n</td>\n <td><code>#icon-epfl-laboratoire-2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-local\"></use></svg>\n</td>\n <td><code>#icon-epfl-local</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-metro\"></use></svg>\n</td>\n <td><code>#icon-epfl-metro</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-offre-vegetarienne\"></use></svg>\n</td>\n <td><code>#icon-epfl-offre-vegetarienne</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-parking\"></use></svg>\n</td>\n <td><code>#icon-epfl-parking</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-pharmacie\"></use></svg>\n</td>\n <td><code>#icon-epfl-pharmacie</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-recherche\"></use></svg>\n</td>\n <td><code>#icon-epfl-recherche</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-responsable-nutrition\"></use></svg>\n</td>\n <td><code>#icon-epfl-responsable-nutrition</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-restaurant\"></use></svg>\n</td>\n <td><code>#icon-epfl-restaurant</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-rlc\"></use></svg>\n</td>\n <td><code>#icon-epfl-rlc</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-sain\"></use></svg>\n</td>\n <td><code>#icon-epfl-sain</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-saison-automne\"></use></svg>\n</td>\n <td><code>#icon-epfl-saison-automne</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-saison-ete\"></use></svg>\n</td>\n <td><code>#icon-epfl-saison-ete</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-saison-hiver\"></use></svg>\n</td>\n <td><code>#icon-epfl-saison-hiver</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-saison-printemps\"></use></svg>\n</td>\n <td><code>#icon-epfl-saison-printemps</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-satellite-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-satellite-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-satellite-2\"></use></svg>\n</td>\n <td><code>#icon-epfl-satellite-2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-sb\"></use></svg>\n</td>\n <td><code>#icon-epfl-sb</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-securite-sante\"></use></svg>\n</td>\n <td><code>#icon-epfl-securite-sante</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-self-service\"></use></svg>\n</td>\n <td><code>#icon-epfl-self-service</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-services\"></use></svg>\n</td>\n <td><code>#icon-epfl-services</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-shopping\"></use></svg>\n</td>\n <td><code>#icon-epfl-shopping</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-startup\"></use></svg>\n</td>\n <td><code>#icon-epfl-startup</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-stcc\"></use></svg>\n</td>\n <td><code>#icon-epfl-stcc</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-sti\"></use></svg>\n</td>\n <td><code>#icon-epfl-sti</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-supermarche\"></use></svg>\n</td>\n <td><code>#icon-epfl-supermarche</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-sv\"></use></svg>\n</td>\n <td><code>#icon-epfl-sv</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-teletravail\"></use></svg>\n</td>\n <td><code>#icon-epfl-teletravail</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-train\"></use></svg>\n</td>\n <td><code>#icon-epfl-train</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-venture-capital-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-venture-capital-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-venture-capital-2\"></use></svg>\n</td>\n <td><code>#icon-epfl-venture-capital-2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n</td>\n <td><code>#icon-facebook</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-googleplus\"></use></svg>\n</td>\n <td><code>#icon-googleplus</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n</td>\n <td><code>#icon-home</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n</td>\n <td><code>#icon-info</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n</td>\n <td><code>#icon-instagram</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n</td>\n <td><code>#icon-linkedin</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</td>\n <td><code>#icon-lock</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mail-plane\"></use></svg>\n</td>\n <td><code>#icon-mail-plane</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n</td>\n <td><code>#icon-mastodon</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n</td>\n <td><code>#icon-triangle</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n</td>\n <td><code>#icon-search</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search-bold\"></use></svg>\n</td>\n <td><code>#icon-search-bold</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n</td>\n <td><code>#icon-twitter</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-upload\"></use></svg>\n</td>\n <td><code>#icon-upload</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-whatsapp\"></use></svg>\n</td>\n <td><code>#icon-whatsapp</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n</td>\n <td><code>#icon-planet</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-tiktok\"></use></svg>\n</td>\n <td><code>#icon-tiktok</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n</td>\n <td><code>#icon-youtube</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n</td>\n <td><code>#icon-x</code></td>\n </tr>\n </tbody>\n</table>\n";
52020
+ module.exports = "<table class=\"table\">\n <tbody>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-accessibility\"></use></svg>\n</td>\n <td><code>#icon-accessibility</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n</td>\n <td><code>#icon-arrow-left</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n</td>\n <td><code>#icon-arrow-right</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-browse\"></use></svg>\n</td>\n <td><code>#icon-browse</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n</td>\n <td><code>#icon-chevron-last-left</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n</td>\n <td><code>#icon-chevron-last-right</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n</td>\n <td><code>#icon-chevron-left</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</td>\n <td><code>#icon-chevron-right</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-elements\"></use></svg>\n</td>\n <td><code>#icon-elements</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-chicken-farm-love\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-chicken-farm-love</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-cow-farm-love\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-cow-farm-love</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-fish-water-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-fish-water-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-fish-water\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-fish-water</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-pig-love\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-pig-love</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-sheep-farm-love\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-sheep-farm-love</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-building-campus-innovation-park-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-building-campus-innovation-park-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-building-campus-innovation-park\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-building-campus-innovation-park</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-building-campus-pavillon\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-building-campus-pavillon</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-building-campus-stcc-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-building-campus-stcc-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-building-campus-stcc\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-building-campus-stcc</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-stone-rolex\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-stone-rolex</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-aggrieved-unhappy\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-aggrieved-unhappy</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-amazed-surprised\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-amazed-surprised</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-angry-disappointed\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-angry-disappointed</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-bored-double\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-bored-double</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-bored-emotion\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-bored-emotion</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-person-dialog\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-person-dialog</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-person-group\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-person-group</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-person-management\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-person-management</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-person-relationship\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-person-relationship</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-person-scientist\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-person-scientist</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-smiley-happy\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-smiley-happy</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-uncomfortable-not\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-uncomfortable-not</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-uncomfortable-uneasy\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-uncomfortable-uneasy</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-cdh\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-cdh</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-cdm\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-cdm</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-enac\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-enac</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-ic\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-ic</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-logo\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-logo</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-sb\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-sb</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-sti\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-sti</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-sv\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-sv</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-culture-basketball-ball-sport\"></use></svg>\n</td>\n <td><code>#icon-epfl-culture-basketball-ball-sport</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-culture-photo-painting-satellite\"></use></svg>\n</td>\n <td><code>#icon-epfl-culture-photo-painting-satellite</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-culture-theater-mask-drama\"></use></svg>\n</td>\n <td><code>#icon-epfl-culture-theater-mask-drama</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance-coins\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance-coins</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance-money-bill\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance-money-bill</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance-money-card\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance-money-card</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance-money-medal\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance-money-medal</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance-money-pay\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance-money-pay</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-beer-tankard\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-beer-tankard</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-coffee-drink\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-coffee-drink</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-compost-recycle\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-compost-recycle</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-dishes-restaurant\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-dishes-restaurant</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-drink-undrinkable\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-drink-undrinkable</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-menu-restaurant\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-menu-restaurant</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-party-beer-apero\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-party-beer-apero</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-vegetarian-menu\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-vegetarian-menu</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-vegetarian-vegan\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-vegetarian-vegan</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-covid-bacteria-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-covid-bacteria-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-covid-bacteria\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-covid-bacteria</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-covid-elbow\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-covid-elbow</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-covid-mask\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-covid-mask</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-gender-equality\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-gender-equality</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-gender-girl-power\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-gender-girl-power</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-gender-woman-power\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-gender-woman-power</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-heart-apple\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-heart-apple</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-heart-eye\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-heart-eye</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-heart-love\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-heart-love</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-hopital-red-science-light-bulb\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-hopital-red-science-light-bulb</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-medical-center\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-medical-center</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-pharmacy\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-pharmacy</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-transgender-lgbt-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-transgender-lgbt-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-transgender-lgbt\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-transgender-lgbt</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-home-bed-house\"></use></svg>\n</td>\n <td><code>#icon-epfl-home-bed-house</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-home-cut-scissor\"></use></svg>\n</td>\n <td><code>#icon-epfl-home-cut-scissor</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-home-glasses-eyes\"></use></svg>\n</td>\n <td><code>#icon-epfl-home-glasses-eyes</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-home-shopping-bag\"></use></svg>\n</td>\n <td><code>#icon-epfl-home-shopping-bag</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-home-shopping-stores-cart\"></use></svg>\n</td>\n <td><code>#icon-epfl-home-shopping-stores-cart</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-balloon-instruction\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-balloon-instruction</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-collaboration\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-collaboration</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-isea-square\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-isea-square</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-money-save\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-money-save</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-search-zoom\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-search-zoom</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-settings-volume\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-settings-volume</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-cold-winter\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-cold-winter</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-flower-natural\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-flower-natural</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-planet-space\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-planet-space</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-plant-growing\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-plant-growing</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-plant-label\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-plant-label</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-seasons\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-seasons</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-star-snow\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-star-snow</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-sun-sunny\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-sun-sunny</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-sun-winter\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-sun-winter</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-wind-leaf\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-wind-leaf</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-fight-fist-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-fight-fist-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-fight-fist-feminism\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-fight-fist-feminism</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-fight-fist\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-fight-fist</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-flag-emblem\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-flag-emblem</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-hand-clap\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-hand-clap</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-hand-handshake\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-hand-handshake</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-student-school\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-student-school</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-agriculture-nutrition\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-agriculture-nutrition</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-animals-mouse-rat-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-animals-mouse-rat-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-animals-mouse-rat\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-animals-mouse-rat</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-atom-neutron\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-atom-neutron</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-axes-physics\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-axes-physics</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-Bertarelli-foundation\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-Bertarelli-foundation</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-bio-bioinformatic\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-bio-bioinformatic</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-bioengineering-technology\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-bioengineering-technology</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-biological-electron\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-biological-electron</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-biological-optic\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-biological-optic</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-biomolecular-screening\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-biomolecular-screening</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-brain-think\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-brain-think</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-brain-tought\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-brain-tought</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-cell-virus\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-cell-virus</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-einstein-invent\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-einstein-invent</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-experiment-biology\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-experiment-biology</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-experiment-buoy\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-experiment-buoy</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-experiment-choc\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-experiment-choc</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-explosion-experiment\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-explosion-experiment</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-flow-cytometry\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-flow-cytometry</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-gene-expression\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-gene-expression</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-genome-helix\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-genome-helix</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-glasses-corbusier\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-glasses-corbusier</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-graph-search\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-graph-search</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-histology-core\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-histology-core</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-idea-learn\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-idea-learn</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-laboratory-chemistry-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-laboratory-chemistry-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-laboratory-chemistry-2\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-laboratory-chemistry-2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-laboratory-chemistry\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-laboratory-chemistry</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-laboratory-research\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-laboratory-research</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-laboratory-researcher\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-laboratory-researcher</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-light-bulb-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-light-bulb-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-light-bulb\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-light-bulb</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-mathematics-cube-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-mathematics-cube-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-mathematics-cube-2\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-mathematics-cube-2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-mathematics-cube\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-mathematics-cube</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-microscope-research\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-microscope-research</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-pollution-power-plant\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-pollution-power-plant</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-protein-production\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-protein-production</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-proteomics-core\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-proteomics-core</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-read-education\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-read-education</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-research-atom\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-research-atom</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-rocket-space-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-rocket-space-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-rocket-space-2\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-rocket-space-2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-rocket-space\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-rocket-space</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-technology-solar-panels\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-technology-solar-panels</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-toxic-pollution-radiate\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-toxic-pollution-radiate</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-computer-laptop-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-computer-laptop-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-computer-laptop\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-computer-laptop</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-dislike-unlike\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-dislike-unlike</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-drone-fly-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-drone-fly-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-drone-fly\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-drone-fly</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-home-wifi\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-home-wifi</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-like-social\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-like-social</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-phone-smartphone\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-phone-smartphone</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-power-button\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-power-button</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-power-light\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-power-light</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-power-on\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-power-on</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-power-shutdown\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-power-shutdown</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-archeology-P-pottery-alphabet-parking\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-archeology-P-pottery-alphabet-parking</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-bike-bicycle\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-bike-bicycle</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-bike-pump\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-bike-pump</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-foodtruck-food\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-foodtruck-food</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-metro\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-metro</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-pump-bike\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-pump-bike</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-race-sport-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-race-sport-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-race-sport\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-race-sport</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-train\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-train</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n</td>\n <td><code>#icon-facebook</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-googleplus\"></use></svg>\n</td>\n <td><code>#icon-googleplus</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n</td>\n <td><code>#icon-home</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n</td>\n <td><code>#icon-info</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n</td>\n <td><code>#icon-instagram</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n</td>\n <td><code>#icon-linkedin</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</td>\n <td><code>#icon-lock</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mail-plane\"></use></svg>\n</td>\n <td><code>#icon-mail-plane</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n</td>\n <td><code>#icon-mastodon</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n</td>\n <td><code>#icon-triangle</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n</td>\n <td><code>#icon-search</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search-bold\"></use></svg>\n</td>\n <td><code>#icon-search-bold</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n</td>\n <td><code>#icon-twitter</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-upload\"></use></svg>\n</td>\n <td><code>#icon-upload</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-whatsapp\"></use></svg>\n</td>\n <td><code>#icon-whatsapp</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n</td>\n <td><code>#icon-planet</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-tiktok\"></use></svg>\n</td>\n <td><code>#icon-tiktok</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n</td>\n <td><code>#icon-youtube</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n</td>\n <td><code>#icon-x</code></td>\n </tr>\n </tbody>\n</table>\n";
51989
52021
 
51990
52022
  /***/ }),
51991
52023
 
@@ -52889,7 +52921,7 @@ module.exports = "<div class=\"avatar-teaser\">\n <a class=\"avatar-teaser-img\
52889
52921
  /***/ (function(module) {
52890
52922
 
52891
52923
  "use strict";
52892
- module.exports = "<nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link bread-home\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Display the complete path</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Schools</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – Schools</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">About</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Schools</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">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\">\n <a class=\"bread-link\" href=\"#\">Sustainability challenges</a>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">FUSTIC association</span>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-3\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – FUSTIC association</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">ENAC Clusters</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Interdisciplinary Centers</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">FUSTIC association</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability grants</a></li>\n </ul>\n </div>\n </li>\n </ol>\n</nav>\n";
52924
+ module.exports = "<nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link bread-home\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Display the complete path</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Schools</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – Schools</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">About</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Schools</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">ENAC</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-2\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – ENAC</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-2\">\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">School of Architecture, Civil and Environmental Engineering (ENAC)</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Computer and Communication Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Basic Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Life Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Management of Technology</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Humanities</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sections</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Sustainability challenges</a>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">FUSTIC association</span>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-3\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – FUSTIC association</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">ENAC Clusters</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Interdisciplinary Centers</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">FUSTIC association</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability grants</a></li>\n </ul>\n </div>\n </li>\n </ol>\n</nav>\n";
52893
52925
 
52894
52926
  /***/ }),
52895
52927
 
@@ -53033,7 +53065,7 @@ module.exports = "\n<div id=\"carouselNews\" class=\"carousel slide carousel-hig
53033
53065
  /***/ (function(module) {
53034
53066
 
53035
53067
  "use strict";
53036
- module.exports = "<h4>Further readings</h4>\n\n<button\n class=\"collapse-title collapse-title-desktop\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-1\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-1\"\n>\n <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item show collapse-item-desktop\" id=\"collapse-1\">\n\n <div class=\"row pt-2 pb-2\">\n <div class=\"col-md-5\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-7\">\n <p>\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n <br>\n <a href=\"tel:+41 21 666 55 66\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 55 66</a>\n <small class=\"align-baseline ml-2\">Bureau: <a href=\"#\">INN 018</a></small>\n <br>\n <small>Unité: <a href=\"#\">EPFL</a> &rsaquo; <a href=\"#\">SI</a> &rsaquo; <a href=\"#\">SI-EXOP</a> &rsaquo; <a href=\"#\">EXAPP</a></small>\n </p>\n </div>\n <div class=\"col-sm-12\">\n <p><span class=\"sr-only\">Web site: </span><a href=\"https://www.epfl.ch/about/vice-presidencies/vice-presidencies/information-systems/\">https://www.epfl.ch/about/vice-presidencies/vice-presidencies/information-systems/</a></p>\n </div>\n </div>\n\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n>\n <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n\n <div class=\"row pt-2 pb-2\">\n <div class=\"col-md-5\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-7\">\n <p>\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n <br>\n <small>Unité: <a href=\"#\">EPFL</a> &rsaquo; <a href=\"#\">SI</a> &rsaquo; <a href=\"#\">SI-EXOP</a> &rsaquo; <a href=\"#\">EXAPP</a></small>\n </p>\n </div>\n <div class=\"col-sm-12\">\n <p><span class=\"sr-only\">Web site: </span><a href=\"https://rh.epfl.ch/\">https://rh.epfl.ch/</a></p>\n </div>\n </div>\n\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n>\n <strong>Fonction précise</strong>, <span class=\"font-weight-normal\">Nom du département</span>\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n\n <div class=\"row pt-2 pb-2\">\n <div class=\"col-md-5\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-7\">\n <p>\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 77 88</a>\n <small class=\"align-baseline ml-2\">Bureau principal: <a href=\"#\">INN 019</a></small>\n <br>\n <a href=\"tel:+41 21 666 55 66\" class=\"btn btn-sm btn-secondary mb-2 align-baseline\">+41 21 666 55 66</a>\n <small class=\"align-baseline ml-2\">Bureau: <a href=\"#\">INN 018</a></small>\n <br>\n <small>Unité: <a href=\"#\">EPFL</a> &rsaquo; <a href=\"#\">SI</a> &rsaquo; <a href=\"#\">SI-EXOP</a> &rsaquo; <a href=\"#\">EXAPP</a></small>\n </p>\n </div>\n </div>\n\n</div>\n";
53068
+ 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";
53037
53069
 
53038
53070
  /***/ }),
53039
53071
 
@@ -53041,7 +53073,7 @@ module.exports = "<h4>Further readings</h4>\n\n<button\n class=\"collapse-title
53041
53073
  /***/ (function(module) {
53042
53074
 
53043
53075
  "use strict";
53044
- module.exports = "<h4>Further readings</h4>\n\n<button\n class=\"collapse-title collapse-title-desktop\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-1\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-1\"\n>\n Teaching Staff Member at School Concil IC\n</button>\n\n<div class=\"collapse collapse-item show collapse-item-desktop\" id=\"collapse-1\">\n\n <div class=\"row pt-3 pb-4\">\n <div class=\"col-md-7\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-5\">\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2\">+41 21 666 77 88</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#home\"></use></svg>\n <a href=\"#\">Website</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#book\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <a href=\"#\">CE 3 316</a>\n </div>\n </div>\n\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n>\n Silent Spring\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n <div class=\"row pt-3 pb-4\">\n <div class=\"col-md-7\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-5\">\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2\">+41 21 666 77 88</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#home\"></use></svg>\n <a href=\"#\">Website</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#book\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <a href=\"#\">CE 3 316</a>\n </div>\n </div>\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n>\n The Hitchhiker's Guide to the Galaxy\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n <div class=\"row pt-3 pb-4\">\n <div class=\"col-md-7\">\n <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <strong itemprop=\"name\">EPFL PRES</strong><br/>\n <span itemprop=\"address\">\n CE 3 316 (Centre Est)<br/>\n Station 1<br/>\n CH-1015 Lausanne\n </span>\n </p>\n </div>\n <div class=\"col-md-5\">\n <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2\">+41 21 666 77 88</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#home\"></use></svg>\n <a href=\"#\">Website</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#book\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <a href=\"#\">CE 3 316</a>\n </div>\n </div>\n</div>\n";
53076
+ 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";
53045
53077
 
53046
53078
  /***/ }),
53047
53079
 
@@ -53049,7 +53081,7 @@ module.exports = "<h4>Further readings</h4>\n\n<button\n class=\"collapse-title
53049
53081
  /***/ (function(module) {
53050
53082
 
53051
53083
  "use strict";
53052
- module.exports = "<h4>Further readings</h4>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-1\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-1\"\n>\n On the Origin of Species\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-1\">\n <p>Book by Charles Darwin, 1859 — On the Origin of Species, published on 24 November 1859, is a work of scientific literature by Charles Darwin which is considered to be the foundation of evolutionary biology.</p>\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n>\n Silent Spring\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n <p>Book by Rachel Carson, 1962 — Silent Spring is an environmental science book by Rachel Carson. The book was published on 27 September 1962 and it documented the adverse effects on the environment of the indiscriminate use of pesticides.</p>\n</div>\n\n<button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n>\n The Hitchhiker's Guide to the Galaxy\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n <p>Book by Douglas Adams, 1978–80 — The Hitchhiker's Guide to the Galaxy (sometimes referred to as HG2G, HHGTTG or H2G2) is a comedy science fiction series created by Douglas Adams. Originally a radio comedy broadcast on BBC Radio 4 in 1978, it was later adapted to other formats, including stage shows, novels, comic books, a 1981 TV series, a 1984 video game, and 2005 feature film.</p>\n</div>\n";
53084
+ 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";
53053
53085
 
53054
53086
  /***/ }),
53055
53087
 
@@ -53169,7 +53201,7 @@ module.exports = "<div class=\"form-group\">\n <label for=\"awesome-input\">Inp
53169
53201
  /***/ (function(module) {
53170
53202
 
53171
53203
  "use strict";
53172
- module.exports = "<div class=\"gallery-container\">\n\n <div id=\"my-gallery-1\" class=\"gallery gallery-main\">\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_01.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_02.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_03.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_04.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_05.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_06.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_07.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_08.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n </div>\n\n <div class=\"gallery-nav\" data-gallery=\"my-gallery-1\" aria-hidden=\"true\">\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_01.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_02.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_03.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_04.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_05.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_06.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_07.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_08.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n </div>\n\n</div>\n";
53204
+ module.exports = "<div class=\"gallery-container\">\n\n <div id=\"my-gallery-carouselNews\" class=\"gallery gallery-main\">\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_01.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_02.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_03.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_04.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_05.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_06.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_07.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_08.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n </div>\n\n <div class=\"gallery-nav\" data-gallery=\"my-gallery-carouselNews\" aria-hidden=\"true\">\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_01.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_02.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_03.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_04.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_05.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_06.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_07.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_08.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n </div>\n\n</div>\n";
53173
53205
 
53174
53206
  /***/ }),
53175
53207
 
@@ -53305,7 +53337,7 @@ module.exports = "<nav aria-label=\"Page navigation\">\n <ul class=\"pagination
53305
53337
  /***/ (function(module) {
53306
53338
 
53307
53339
  "use strict";
53308
- module.exports = "<form class=\"question\" action=\"\">\n\n <div class=\"question-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/homepage/7-science-question-SF.jpg 1x, ./images/styleguide/homepage/7-science-question-SF.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/475x267.jpg 1x,https://via.placeholder.com/950x534.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/400x225.jpg 1x,https://via.placeholder.com/800x450.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"./images/styleguide/homepage/7-science-question-SF.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n </div>\n\n <div class=\"question-content\">\n <h2 class=\"question-title\">Type de question</h2>\n <h3 class=\"question-subtitle mt-3\">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";
53340
+ module.exports = "<form class=\"question\" action=\"\">\n\n <div class=\"question-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/homepage/7-science-question-SF.jpg 1x, ./images/styleguide/homepage/7-science-question-SF.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/475x267.jpg 1x,https://via.placeholder.com/950x534.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/400x225.jpg 1x,https://via.placeholder.com/800x450.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"./images/styleguide/homepage/7-science-question-SF.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n </div>\n\n <div class=\"question-content\">\n <h2 class=\"question-title\">Type de question</h2>\n <h3 class=\"question-subtitle mt-3\">Contact information</h3>\n\n <div class=\"question-answers mt-4\">\n <input type=\"radio\" id=\"custom-radio1\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio1\">\n <span class=\"custom-control-label-content\">\n Option 1</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n <input type=\"radio\" id=\"custom-radio2\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio2\">\n <span class=\"custom-control-label-content\">\n Option 2</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n <input type=\"radio\" id=\"custom-radio3\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio3\">\n <span class=\"custom-control-label-content\">\n Option 3</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n </div>\n\n <input type=\"submit\" class=\"btn btn-primary mt-4\" value=\"Voter\">\n </div>\n</form>\n";
53309
53341
 
53310
53342
  /***/ }),
53311
53343
 
@@ -53633,7 +53665,7 @@ module.exports = "<div class=\"form-group\">\n <label for=\"awesome-input\">Inp
53633
53665
  /***/ (function(module) {
53634
53666
 
53635
53667
  "use strict";
53636
- module.exports = "\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n 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";
53668
+ 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";
53637
53669
 
53638
53670
  /***/ }),
53639
53671
 
@@ -53641,7 +53673,7 @@ module.exports = "\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">
53641
53673
  /***/ (function(module) {
53642
53674
 
53643
53675
  "use strict";
53644
- module.exports = "<div class=\"fullwidth-teaser fullwidth-teaser-left\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n 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";
53676
+ 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";
53645
53677
 
53646
53678
  /***/ }),
53647
53679
 
@@ -53649,7 +53681,7 @@ module.exports = "<div class=\"fullwidth-teaser fullwidth-teaser-left\">\n\n <p
53649
53681
  /***/ (function(module) {
53650
53682
 
53651
53683
  "use strict";
53652
- module.exports = "<div class=\"fullwidth-teaser\">\n\n <figure class=\"cover\">\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n <figcaption>\n <button\n aria-hidden=\"true\"\n type=\"button\"\n class=\"btn-circle\"\n data-toggle=\"popover\"\n data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n </figcaption>\n </figure>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n 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";
53684
+ 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";
53653
53685
 
53654
53686
  /***/ }),
53655
53687
 
@@ -53657,7 +53689,7 @@ module.exports = "<div class=\"fullwidth-teaser\">\n\n <figure class=\"cover\">
53657
53689
  /***/ (function(module) {
53658
53690
 
53659
53691
  "use strict";
53660
- module.exports = "<div class=\"fullwidth-teaser\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n 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";
53692
+ 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";
53661
53693
 
53662
53694
  /***/ }),
53663
53695
 
@@ -53713,7 +53745,7 @@ module.exports = "\n<header role=\"banner\" class=\"header\">\n <a class=\"logo
53713
53745
  /***/ (function(module) {
53714
53746
 
53715
53747
  "use strict";
53716
- module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <figure class=\"cover\">\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n <figcaption>\n <button\n aria-hidden=\"true\"\n type=\"button\"\n class=\"btn-circle\"\n data-toggle=\"popover\"\n data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n </figcaption>\n </figure>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n 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";
53748
+ 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";
53717
53749
 
53718
53750
  /***/ }),
53719
53751
 
@@ -53721,7 +53753,7 @@ module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizon
53721
53753
  /***/ (function(module) {
53722
53754
 
53723
53755
  "use strict";
53724
- module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n 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";
53756
+ 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";
53725
53757
 
53726
53758
  /***/ }),
53727
53759
 
@@ -53729,7 +53761,7 @@ module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizon
53729
53761
  /***/ (function(module) {
53730
53762
 
53731
53763
  "use strict";
53732
- module.exports = "<div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Further readings</h1>\n <div class=\"hero-content\">\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </div>\n </div>\n <div class=\"hero-img\">\n <figure class=\"cover\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/1920x1080.jpg 1x,https://via.placeholder.com/2880x1620.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/1140x641.jpg 1x,https://via.placeholder.com/2280x1283.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/960x540.jpg 1x,https://via.placeholder.com/1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n <figcaption>\n <button\n aria-hidden=\"true\"\n type=\"button\"\n class=\"btn-circle\"\n data-toggle=\"popover\"\n data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n </figcaption>\n</figure>\n </div>\n</div>\n";
53764
+ module.exports = "<div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Contact information</h1>\n <div class=\"hero-content\">\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </div>\n </div>\n <div class=\"hero-img\">\n <figure class=\"cover\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/1920x1080.jpg 1x,https://via.placeholder.com/2880x1620.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/1140x641.jpg 1x,https://via.placeholder.com/2280x1283.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/960x540.jpg 1x,https://via.placeholder.com/1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n <figcaption>\n <button\n aria-hidden=\"true\"\n type=\"button\"\n class=\"btn-circle\"\n data-toggle=\"popover\"\n data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n </figcaption>\n</figure>\n </div>\n</div>\n";
53733
53765
 
53734
53766
  /***/ }),
53735
53767
 
@@ -53737,7 +53769,7 @@ module.exports = "<div class=\"hero\">\n <div class=\"hero-content-container\">
53737
53769
  /***/ (function(module) {
53738
53770
 
53739
53771
  "use strict";
53740
- module.exports = "<div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Further readings</h1>\n <div class=\"hero-content\">\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </div>\n </div>\n <div class=\"hero-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/1920x1080.jpg 1x,https://via.placeholder.com/2880x1620.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/1140x641.jpg 1x,https://via.placeholder.com/2280x1283.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/960x540.jpg 1x,https://via.placeholder.com/1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n";
53772
+ module.exports = "<div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Contact information</h1>\n <div class=\"hero-content\">\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </div>\n </div>\n <div class=\"hero-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/1920x1080.jpg 1x,https://via.placeholder.com/2880x1620.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/1140x641.jpg 1x,https://via.placeholder.com/2280x1283.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/960x540.jpg 1x,https://via.placeholder.com/1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n";
53741
53773
 
53742
53774
  /***/ }),
53743
53775
 
@@ -53753,7 +53785,7 @@ module.exports = "<div class=\"introduction bg-gray-100\">\n <div class=\"conta
53753
53785
  /***/ (function(module) {
53754
53786
 
53755
53787
  "use strict";
53756
- module.exports = "<div class=\"introduction\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-8 offset-md-2\">\n <h2>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";
53788
+ 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";
53757
53789
 
53758
53790
  /***/ }),
53759
53791
 
@@ -53857,7 +53889,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
53857
53889
  /***/ (function(module) {
53858
53890
 
53859
53891
  "use strict";
53860
- module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n <nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </button>\n <ul class=\"dropdown-menu\">\n <li>\n <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n <span>EN</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n <span>RU</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n <span>DE</span>\n </a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\" id=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item breadcrumb-tags-wrapper\">\n <a href=\"#\" class=\"tag tag-primary\">School</a>\n <a href=\"#\" class=\"tag tag-primary\">Innovation</a>\n <a href=\"#\" class=\"tag tag-primary\">W3C</a>\n </li>\n <li class=\"breadcrumb-item expand-links\">\n <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Display the complete path\">\n <span class=\"dots\" aria-hidden=\"true\">…</span>\n <span class=\"sr-only\">Display the complete path</span>\n </button>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">Schools</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – Schools</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n <li class=\"dropdown-item\"><a href=\"#\">About</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Schools</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item\">\n <a class=\"bread-link\" href=\"#\">School of Architecture, Civil and Environmental Engineering</a>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-2\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – School of Architecture, Civil and Environmental Engineering</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-2\">\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">School of Architecture, Civil and Environmental Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Computer and Communication Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Basic Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Engineering</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">School of Life Sciences</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Management of Technology</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">College of Humanities</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sections</a></li>\n </ul>\n </div>\n </li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">\n <span class=\"bread-item\">ENAC Faculty</span>\n <div class=\"dropdown\">\n <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-3\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n <span class=\"sr-only\">Display same level pages – ENAC Faculty</span>\n </button>\n <ul class=\"dropdown-menu\" id=\"dropdown-menu-3\">\n <li class=\"dropdown-item\"><a href=\"#\">News</a></li>\n <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">ENAC Faculty</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Education</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Research</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Sustainability challenges</a></li>\n <li class=\"dropdown-item\"><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n </div>\n </li>\n </ol>\n</nav>\n </div>\n \n <div class=\"nav-toggle-layout nav-aside-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n <aside class=\"nav-aside-wrapper\">\n <nav\n id=\"nav-aside\"\n class=\"nav-aside\"\n role=\"navigation\"\n aria-describedby=\"nav-aside-title\"\n>\n <h2 class=\"h5 sr-only-xl\" id=\"nav-aside-title\">Dans la même section</h2>\n <ul class=\"nav-menu\">\n <li><a href=\"#\">News</a></li>\n <li class=\"active\">\n <a href=\"#\">\n ENAC Faculty\n <span class=\"sr-only\">(page courante)</span>\n </a>\n <ul>\n <li><a href=\"#\">Organization</a></li>\n <li><a href=\"#\">Projects</a></li>\n <li><a href=\"#\">Publications</a></li>\n <li><a href=\"#\">Team</a></li>\n <li><a href=\"#\">Teaching</a></li>\n </ul>\n </li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Sustainability challenges</a></li>\n <li><a href=\"#\">Intranet ENAC</a></li>\n </ul>\n</nav>\n </aside>\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n <h1 class=\"mb-5\">H1 - Basic page</h1>\n\n <p>This is a simple paragraph directly in the WYSIWYG editor. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam consectetur deleniti doloremque eveniet libero minima neque repudiandae sequi suscipit vitae. Ab corporis doloremque earum eius illo incidunt ipsa magnam molestias, nam, necessitatibus neque porro quaerat repellendus tenetur unde velit veritatis? Aliquam amet aut cumque distinctio dolor dolore ducimus eaque est eveniet excepturi explicabo fugit illum inventore iure labore libero magnam minima pariatur provident quam quasi quo, recusandae rem repudiandae sapiente sunt voluptate voluptates! Asperiores, assumenda atque aut eos est in maiores nemo omnis perferendis, quam recusandae rem saepe sint! Consequuntur doloribus dolorum iste, optio placeat rerum. Dolor quis repudiandae soluta?</p>\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur autem consequatur, cum hic iure maiores nihil nulla repellendus sequi velit! Asperiores aspernatur, blanditiis culpa deleniti dignissimos eum expedita illum ipsa itaque magnam molestias mollitia nobis, nostrum nulla numquam soluta voluptatum? Aliquam architecto consequatur cumque doloribus ex maiores nemo veritatis voluptatem.</p>\n\n <div class=\"container my-5\">\n <figure class=\"cover\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/1920x1080.jpg 1x,https://via.placeholder.com/2880x1620.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/1140x641.jpg 1x,https://via.placeholder.com/2280x1283.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/960x540.jpg 1x,https://via.placeholder.com/1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n <figcaption>\n <button\n aria-hidden=\"true\"\n type=\"button\"\n class=\"btn-circle\"\n data-toggle=\"popover\"\n data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n </figcaption>\n</figure>\n </div>\n\n <h2>H2 - Title sample</h2>\n\n <h3>H3 - Sub level title</h3>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine. Virtutis, magnitudinis animi, patientiae, fortitudinis fomentis dolor mitigari solet. Cur tantas regiones barbarorum pedibus obiit, tot maria transmisit? Multoque hoc melius nos veriusque quam Stoici. Duo Reges: constructio interrete. Huius, Lyco, oratione locuples, rebus ipsis ielunior. Quid, si etiam iucunda memoria est praeteritorum malorum? In eo enim positum est id, quod dicimus esse expetendum.\n </p>\n\n <h3>H3 - Sub level title</h3>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine.\n </p>\n <h4>H4 - Sub level title</h4>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine.\n </p>\n <h3>H3 - Sub level title</h3>\n <h4>H4 - Let's display a list</h4>\n <ul>\n <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere!</li>\n <li>Lorem ipsum dolor sit amet consectetur adipisicing.\n <ul>\n <li>Lorem ipsum dolor sit amet consectetur.\n <ul>\n <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere!</li>\n </ul>\n </li>\n </ul>\n </li>\n <li>Lorem ipsum dolor sit amet consectetur.</li>\n</ul>\n\n<ul>\n <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere!</li>\n <li>Lorem ipsum dolor sit amet consectetur adipisicing.\n <ol>\n <li>Lorem ipsum dolor sit amet consectetur.</li>\n <li>Lorem ipsum dolor</li>\n </ol>\n </li>\n <li>Lorem ipsum dolor sit amet consectetur.</li>\n</ul>\n\n <h4>H4 - Let's display a table</h4>\n <table class=\"table table-sortable\" data-tablesaw-sortable>\n <thead>\n <tr>\n <th data-tablesaw-sortable-col>Header one</th>\n <th data-tablesaw-sortable-col>Header two</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td>Curabitur blandit</td>\n <td>Morbi leo porta</td>\n </tr>\n <tr>\n <td>Tempus porttitor</td>\n <td>Duis mollis</td>\n </tr>\n <tr>\n <td>Commodo luctus nisi</td>\n <td>Blandit tempus porttitor</td>\n </tr>\n </tbody>\n</table>\n\n <h4>H4 - Let's display a gallery</h4>\n <div class=\"gallery-container\">\n\n <div id=\"my-gallery-carouselNews\" class=\"gallery gallery-main\">\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_01.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_02.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_03.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_04.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_05.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_06.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_07.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_08.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n </div>\n\n <div class=\"gallery-nav\" data-gallery=\"my-gallery-carouselNews\" aria-hidden=\"true\">\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_01.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_02.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_03.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_04.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_05.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_06.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_07.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_08.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n </div>\n\n</div>\n\n <div class=\"container-full bg-gray-100 py-5 my-5\">\n <div class=\"container\">\n <h2 class=\"mb-4\">H2 - Call page teasers</h2>\n <div class=\"row\">\n <div class=\"col-sm-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <div class=\"card-title\">\n <a href=\"#\" class=\"h3\">Page title</a>\n </div>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-sm-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <div class=\"card-title\">\n <a href=\"#\" class=\"h3\">Page title</a>\n </div>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <h3>H3 - Teaser press review</h3>\n <div class=\"press-teaser\">\n <h4 class=\"mb-4\"><time datetime=\"2018-01-19\">19.01.2018</time></h4>\n <button\n class=\"collapse-title collapse-title-desktop \"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-1\"\n aria-expanded=\"true\"\n aria-controls=\"collapse-1\"\n >\n Piloter un drone avec un joystick\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop show\" id=\"collapse-1\">\n <div class=\"pb-4\">\n <p>\n Le prototype de joystick imaginé par la start-up de l'EPFL MotionPilot permet de piloter un drone d’une seule main, de manière intuitive, rapporte L'Agefi.\n </p>\n <a href=\"#\">Détails du communiqué</a><br>\n <a href=\"#\">Communiqué réservé aux journalistes</a>\n <small><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</small>\n </div>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n >\n Piloter un drone avec un joystick\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop \" id=\"collapse-2\">\n <div class=\"pb-4\">\n <p>\n Le prototype de joystick imaginé par la start-up de l'EPFL MotionPilot permet de piloter un drone d’une seule main, de manière intuitive, rapporte L'Agefi.\n </p>\n <a href=\"#\">Détails du communiqué</a><br>\n <a href=\"#\">Communiqué réservé aux journalistes</a>\n <small><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</small>\n </div>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n >\n Piloter un drone avec un joystick\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop \" id=\"collapse-3\">\n <div class=\"pb-4\">\n <p>\n Le prototype de joystick imaginé par la start-up de l'EPFL MotionPilot permet de piloter un drone d’une seule main, de manière intuitive, rapporte L'Agefi.\n </p>\n <a href=\"#\">Détails du communiqué</a><br>\n <a href=\"#\">Communiqué réservé aux journalistes</a>\n <small><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</small>\n </div>\n </div>\n </div>\n\n <div class=\"container\">\n <h5 class=\"mt-5\">H5 - Video !</h5>\n <div class=\"embed-responsive embed-responsive-16by9\">\n <iframe\n class=\"embed-responsive-item\"\n src=\"https://www.youtube.com/embed/eIefuuUnLvc?rel=0\"\n frameborder=\"0\"\n allow=\"autoplay; encrypted-media\"\n allowfullscreen></iframe>\n</div>\n </div>\n\n <h3 class=\"mt-5\">H3 - A last word</h3>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine. Virtutis, magnitudinis animi, patientiae, fortitudinis fomentis dolor mitigari solet. Cur tantas regiones barbarorum pedibus obiit, tot maria transmisit? Multoque hoc melius nos veriusque quam Stoici. Duo Reges: constructio interrete. Huius, Lyco, oratione locuples, rebus ipsis ielunior. Quid, si etiam iucunda memoria est praeteritorum malorum? In eo enim positum est id, quod dicimus esse expetendum.\n </p>\n\n <div class=\"container-full mt-5\">\n <div class=\"py-5 bg-gray-100\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-8 offset-md-2 col-lg-6 offset-lg-3\">\n <h3 class=\"h4\">Inscrivez-vous à notre newsletter pour ne manquer aucune de nos actualités</h3>\n\n <div class=\"newsletter-signup-wrapper form-group mt-4\">\n <label for=\"newsletter-signup\">Votre adresse E-mail</label>\n <div class=\"input-group input-group-inner-space mb-3\">\n <input type=\"text\" id=\"newsletter-signup\" class=\"form-control\" placeholder=\"john.doe@gmail.com\">\n <div class=\"input-group-append\">\n <button class=\"btn btn-primary\" type=\"button\">Je m'inscris</button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n </div>\n\n <div class=\"container mt-5\">\n <h2>Facultés</h2>\n <div class=\"row\">\n <div class=\"col-sm-6 col-lg-4\">\n <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n <picture class=\"card-img\">\n <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n </picture>\n <div class=\"card-img-overlay\">\n <h3 class=\"h4 card-title\">\n <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n </h3>\n <p class=\"h4\">\n <strong class=\"text-padded\">ENAC</strong>\n </p>\n </div>\n</a>\n </div>\n <div class=\"col-sm-6 col-lg-4\">\n <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n <picture class=\"card-img\">\n <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n </picture>\n <div class=\"card-img-overlay\">\n <h3 class=\"h4 card-title\">\n <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n </h3>\n <p class=\"h4\">\n <strong class=\"text-padded\">ENAC</strong>\n </p>\n </div>\n</a>\n </div>\n <div class=\"col-sm-6 col-lg-4\">\n <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n <picture class=\"card-img\">\n <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n </picture>\n <div class=\"card-img-overlay\">\n <h3 class=\"h4 card-title\">\n <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n </h3>\n <p class=\"h4\">\n <strong class=\"text-padded\">ENAC</strong>\n </p>\n </div>\n</a>\n </div>\n </div>\n </div>\n\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n</ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2024 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
53892
+ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n <nav class=\"nav-lang ml-auto dropdown\" aria-label=\"Change language\">\n <button class=\"dropdown-toggle btn btn-secondary\" aria-haspopup=\"true\" aria-expanded=\"false\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </button>\n <ul class=\"dropdown-menu\">\n <li>\n <a aria-label=\"Français (Current language)\" class=\"active dropdown-item\" >\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n <span>FR</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\" class=\"dropdown-item\">\n <span>EN</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"русский\" class=\"dropdown-item\">\n <span>RU</span>\n </a>\n </li>\n <li>\n <a href=\"#\" aria-label=\"Deutsch\" class=\"dropdown-item\">\n <span>DE</span>\n </a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n <h1 class=\"mb-5\">H1 - Basic page</h1>\n\n <p>This is a simple paragraph directly in the WYSIWYG editor. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam consectetur deleniti doloremque eveniet libero minima neque repudiandae sequi suscipit vitae. Ab corporis doloremque earum eius illo incidunt ipsa magnam molestias, nam, necessitatibus neque porro quaerat repellendus tenetur unde velit veritatis? Aliquam amet aut cumque distinctio dolor dolore ducimus eaque est eveniet excepturi explicabo fugit illum inventore iure labore libero magnam minima pariatur provident quam quasi quo, recusandae rem repudiandae sapiente sunt voluptate voluptates! Asperiores, assumenda atque aut eos est in maiores nemo omnis perferendis, quam recusandae rem saepe sint! Consequuntur doloribus dolorum iste, optio placeat rerum. Dolor quis repudiandae soluta?</p>\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur autem consequatur, cum hic iure maiores nihil nulla repellendus sequi velit! Asperiores aspernatur, blanditiis culpa deleniti dignissimos eum expedita illum ipsa itaque magnam molestias mollitia nobis, nostrum nulla numquam soluta voluptatum? Aliquam architecto consequatur cumque doloribus ex maiores nemo veritatis voluptatem.</p>\n\n <div class=\"container my-5\">\n <figure class=\"cover\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/1920x1080.jpg 1x,https://via.placeholder.com/2880x1620.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/1140x641.jpg 1x,https://via.placeholder.com/2280x1283.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/960x540.jpg 1x,https://via.placeholder.com/1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n <figcaption>\n <button\n aria-hidden=\"true\"\n type=\"button\"\n class=\"btn-circle\"\n data-toggle=\"popover\"\n data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n </figcaption>\n</figure>\n </div>\n\n <h2>H2 - Title sample</h2>\n\n <h3>H3 - Sub level title</h3>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine. Virtutis, magnitudinis animi, patientiae, fortitudinis fomentis dolor mitigari solet. Cur tantas regiones barbarorum pedibus obiit, tot maria transmisit? Multoque hoc melius nos veriusque quam Stoici. Duo Reges: constructio interrete. Huius, Lyco, oratione locuples, rebus ipsis ielunior. Quid, si etiam iucunda memoria est praeteritorum malorum? In eo enim positum est id, quod dicimus esse expetendum.\n </p>\n\n <h3>H3 - Sub level title</h3>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine.\n </p>\n <h4>H4 - Sub level title</h4>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine.\n </p>\n <h3>H3 - Sub level title</h3>\n <h4>H4 - Let's display a list</h4>\n <ul>\n <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere!</li>\n <li>Lorem ipsum dolor sit amet consectetur adipisicing.\n <ul>\n <li>Lorem ipsum dolor sit amet consectetur.\n <ul>\n <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere!</li>\n </ul>\n </li>\n </ul>\n </li>\n <li>Lorem ipsum dolor sit amet consectetur.</li>\n</ul>\n\n<ul>\n <li>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquam, facere!</li>\n <li>Lorem ipsum dolor sit amet consectetur adipisicing.\n <ol>\n <li>Lorem ipsum dolor sit amet consectetur.</li>\n <li>Lorem ipsum dolor</li>\n </ol>\n </li>\n <li>Lorem ipsum dolor sit amet consectetur.</li>\n</ul>\n\n <h4>H4 - Let's display a table</h4>\n <table class=\"table table-sortable\" data-tablesaw-sortable>\n <thead>\n <tr>\n <th data-tablesaw-sortable-col>Header one</th>\n <th data-tablesaw-sortable-col>Header two</th>\n </tr>\n </thead>\n <tbody>\n <tr>\n <td>Curabitur blandit</td>\n <td>Morbi leo porta</td>\n </tr>\n <tr>\n <td>Tempus porttitor</td>\n <td>Duis mollis</td>\n </tr>\n <tr>\n <td>Commodo luctus nisi</td>\n <td>Blandit tempus porttitor</td>\n </tr>\n </tbody>\n</table>\n\n <h4>H4 - Let's display a gallery</h4>\n <div class=\"gallery-container\">\n\n <div id=\"my-gallery-carouselNews\" class=\"gallery gallery-main\">\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_01.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_02.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_03.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_04.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_05.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_06.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_07.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_08.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n </div>\n\n <div class=\"gallery-nav\" data-gallery=\"my-gallery-carouselNews\" aria-hidden=\"true\">\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_01.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_02.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_03.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_04.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_05.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_06.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_07.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_08.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n </div>\n\n</div>\n\n <div class=\"container-full bg-gray-100 py-5 my-5\">\n <div class=\"container\">\n <h2 class=\"mb-4\">H2 - Call page teasers</h2>\n <div class=\"row\">\n <div class=\"col-sm-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <div class=\"card-title\">\n <a href=\"#\" class=\"h3\">Page title</a>\n </div>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-sm-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <div class=\"card-title\">\n <a href=\"#\" class=\"h3\">Page title</a>\n </div>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <h3>H3 - Teaser press review</h3>\n <div class=\"press-teaser\">\n <h4 class=\"mb-4\"><time datetime=\"2018-01-19\">19.01.2018</time></h4>\n <button\n class=\"collapse-title collapse-title-desktop \"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-1\"\n aria-expanded=\"true\"\n aria-controls=\"collapse-1\"\n >\n Piloter un drone avec un joystick\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop show\" id=\"collapse-1\">\n <div class=\"pb-4\">\n <p>\n Le prototype de joystick imaginé par la start-up de l'EPFL MotionPilot permet de piloter un drone d’une seule main, de manière intuitive, rapporte L'Agefi.\n </p>\n <a href=\"#\">Détails du communiqué</a><br>\n <a href=\"#\">Communiqué réservé aux journalistes</a>\n <small><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</small>\n </div>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n >\n Piloter un drone avec un joystick\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop \" id=\"collapse-2\">\n <div class=\"pb-4\">\n <p>\n Le prototype de joystick imaginé par la start-up de l'EPFL MotionPilot permet de piloter un drone d’une seule main, de manière intuitive, rapporte L'Agefi.\n </p>\n <a href=\"#\">Détails du communiqué</a><br>\n <a href=\"#\">Communiqué réservé aux journalistes</a>\n <small><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</small>\n </div>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n >\n Piloter un drone avec un joystick\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop \" id=\"collapse-3\">\n <div class=\"pb-4\">\n <p>\n Le prototype de joystick imaginé par la start-up de l'EPFL MotionPilot permet de piloter un drone d’une seule main, de manière intuitive, rapporte L'Agefi.\n </p>\n <a href=\"#\">Détails du communiqué</a><br>\n <a href=\"#\">Communiqué réservé aux journalistes</a>\n <small><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</small>\n </div>\n </div>\n </div>\n\n <div class=\"container\">\n <h5 class=\"mt-5\">H5 - Video !</h5>\n <div class=\"embed-responsive embed-responsive-16by9\">\n <iframe\n class=\"embed-responsive-item\"\n src=\"https://www.youtube.com/embed/eIefuuUnLvc?rel=0\"\n frameborder=\"0\"\n allow=\"autoplay; encrypted-media\"\n allowfullscreen></iframe>\n</div>\n </div>\n\n <h3 class=\"mt-5\">H3 - A last word</h3>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ita est, vide ne facinus facias, cum mori suadeas. Habent enim et bene longam et satis litigiosam disputationem. -delector enim, quamquam te non possum, ut ais, corrumpere, delector, inquam, et familia vestra et nomine. Virtutis, magnitudinis animi, patientiae, fortitudinis fomentis dolor mitigari solet. Cur tantas regiones barbarorum pedibus obiit, tot maria transmisit? Multoque hoc melius nos veriusque quam Stoici. Duo Reges: constructio interrete. Huius, Lyco, oratione locuples, rebus ipsis ielunior. Quid, si etiam iucunda memoria est praeteritorum malorum? In eo enim positum est id, quod dicimus esse expetendum.\n </p>\n\n <div class=\"container-full mt-5\">\n <div class=\"py-5 bg-gray-100\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-8 offset-md-2 col-lg-6 offset-lg-3\">\n <h3 class=\"h4\">Inscrivez-vous à notre newsletter pour ne manquer aucune de nos actualités</h3>\n\n <div class=\"newsletter-signup-wrapper form-group mt-4\">\n <label for=\"newsletter-signup\">Votre adresse E-mail</label>\n <div class=\"input-group input-group-inner-space mb-3\">\n <input type=\"text\" id=\"newsletter-signup\" class=\"form-control\" placeholder=\"john.doe@gmail.com\">\n <div class=\"input-group-append\">\n <button class=\"btn btn-primary\" type=\"button\">Je m'inscris</button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n </div>\n\n <div class=\"container mt-5\">\n <h2>Facultés</h2>\n <div class=\"row\">\n <div class=\"col-sm-6 col-lg-4\">\n <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n <picture class=\"card-img\">\n <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n </picture>\n <div class=\"card-img-overlay\">\n <h3 class=\"h4 card-title\">\n <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n </h3>\n <p class=\"h4\">\n <strong class=\"text-padded\">ENAC</strong>\n </p>\n </div>\n</a>\n </div>\n <div class=\"col-sm-6 col-lg-4\">\n <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n <picture class=\"card-img\">\n <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n </picture>\n <div class=\"card-img-overlay\">\n <h3 class=\"h4 card-title\">\n <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n </h3>\n <p class=\"h4\">\n <strong class=\"text-padded\">ENAC</strong>\n </p>\n </div>\n</a>\n </div>\n <div class=\"col-sm-6 col-lg-4\">\n <a href=\"#\" class=\"card card-overlay link-trapeze-horizontal\">\n <picture class=\"card-img\">\n <img class=\"img-fluid\" src=\"./images/styleguide/event_teaser.png\" alt=\"a portrait of professor Xile Hu\">\n </picture>\n <div class=\"card-img-overlay\">\n <h3 class=\"h4 card-title\">\n <span class=\"text-padded\">Faculté de l’Environnement Naturel, Architectural et Construit</span>\n </h3>\n <p class=\"h4\">\n <strong class=\"text-padded\">ENAC</strong>\n </p>\n </div>\n</a>\n </div>\n </div>\n </div>\n\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n</ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2024 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
53861
53893
 
53862
53894
  /***/ }),
53863
53895
 
@@ -53913,7 +53945,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
53913
53945
  /***/ (function(module) {
53914
53946
 
53915
53947
  "use strict";
53916
- module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">Event title</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"#\">Page 1</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"#\">Page 2</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"#\">Page 3</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"#\">Page 4</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"#\">Page 5</a>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n \n<div class=\"container-full\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Event title</h1>\n </div>\n <div class=\"hero-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"images/styleguide/cover/cover01_1920x1080.jpg 1x,images/styleguide/cover/cover01_2880x1620.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2280x1283.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"images/styleguide/cover/cover01_960x540.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"images/styleguide/cover/cover01_720x405.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"images/styleguide/cover/cover01_540x304.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <div class=\"introduction\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-8 offset-md-2\">\n <h2>Introduction</h2>\n\n <p>This is an introduction text about the association. It is always interesting to know in few lines what is all about.</p>\n </div>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <h2 class=\"mt-5 mb-4\">The last news</h2>\n<div class=\"row\">\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n </div>\n<p class=\"text-center\">\n <a href=\"#\">See all news</a>\n</p>\n</div>\n\n<div class=\"container mt-5\">\n <h2 class=\"mb-4\">Useful informations</h2>\n <div class=\"row\">\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <div class=\"card-title\">\n <a href=\"#\" class=\"h3\">Page title</a>\n </div>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <div class=\"card-title\">\n <a href=\"#\" class=\"h3\">Page title</a>\n </div>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"container-full mt-5\">\n <div class=\"container\">\n <h2 class=\"mb-4\">Program</h2>\n </div>\n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container mt-5\">\n <h2 class=\"mb-4\">Our sponsors</h2>\n <div class=\"row\">\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"https://via.placeholder.com/300x150.jpg\" alt=\"Sponsor\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"https://via.placeholder.com/300x150.jpg\" alt=\"Sponsor\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"https://via.placeholder.com/300x150.jpg\" alt=\"Sponsor\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n </div>\n</div>\n\n<div class=\"container mt-5\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <h3>Contact</h3>\n <p>Les guichets des « services aux étudiant-e-s » est le point de contact central pour traiter vos demandes.</p>\n <div class=\"card card-body card-sm mb-2 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Lundi à jeudi</div>\n <div><strong><time datetime=\"09:00\">09:00</time> <span aria-label=\"à\">›</span> <time datetime=\"18:00\">18:00</time></strong></div>\n </div>\n <div class=\"card card-body card-sm mb-4 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Vendredi</div>\n <div><strong><time datetime=\"09:30\">09:30</time> <span aria-label=\"à\">›</span> <time datetime=\"17:00\">17:00</time></strong></div>\n </div>\n <p>\n <a href=\"mailto:services.etudiants@epfl.ch\">services.etudiants@epfl.ch</a>\n </p>\n <hr>\n <p>\n +41 21 693 43 45\n </p>\n <hr>\n <address>\n EPFL AA-DAF<br>\n BP 1229 (bâtiment BP) Station 16<br>\n CH - 1015 Lausanne\n </address>\n </div>\n <div class=\"col-md-6 d-flex flex-column\">\n <h4 class=\"sr-only\">Access map</h4>\n<figure class=\"media-map\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n <figcaption class=\"media-map-over\">\n <a href=\"#\" class=\"btn btn-primary btn-block\">Itinéraire vers le bureau BP (1er étage)</a>\n </figcaption>\n</figure>\n </div>\n</div>\n</div>\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n</ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2024 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n</div>\n </div>\n</div>\n</div>\n";
53948
+ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">Event title</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"#\">Page 1</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"#\">Page 2</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"#\">Page 3</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"#\">Page 4</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"#\">Page 5</a>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n \n<div class=\"container-full\">\n <div class=\"hero\">\n <div class=\"hero-content-container\">\n <h1 class=\"hero-title\">Event title</h1>\n </div>\n <div class=\"hero-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"images/styleguide/cover/cover01_1920x1080.jpg 1x,images/styleguide/cover/cover01_2880x1620.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2280x1283.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"images/styleguide/cover/cover01_960x540.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"images/styleguide/cover/cover01_720x405.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"images/styleguide/cover/cover01_540x304.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <div class=\"introduction\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-8 offset-md-2\">\n <h2>Introduction</h2>\n\n <p>This is an introduction text about the association. It is always interesting to know in few lines what is all about.</p>\n </div>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <h2 class=\"mt-5 mb-4\">The last news</h2>\n<div class=\"row\">\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n <div class=\"col-md-6\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n <span itemprop=\"about\">Recherche</span>\n <span itemprop=\"about\">Prix et récompenses</span>\n </div>\n <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n</a>\n </div>\n </div>\n<p class=\"text-center\">\n <a href=\"#\">See all news</a>\n</p>\n</div>\n\n<div class=\"container mt-5\">\n <h2 class=\"mb-4\">Useful informations</h2>\n <div class=\"row\">\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <div class=\"card-title\">\n <a href=\"#\" class=\"h3\">Page title</a>\n </div>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n <div class=\"col-md-6\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <div class=\"card-title\">\n <a href=\"#\" class=\"h3\">Page title</a>\n </div>\n \n <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"container-full mt-5\">\n <div class=\"container\">\n <h2 class=\"mb-4\">Program</h2>\n </div>\n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Contact information\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container mt-5\">\n <h2 class=\"mb-4\">Our sponsors</h2>\n <div class=\"row\">\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"https://via.placeholder.com/300x150.jpg\" alt=\"Sponsor\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"https://via.placeholder.com/300x150.jpg\" alt=\"Sponsor\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n <div class=\"col-md-4\">\n <figure>\n <img class=\"img-fluid d-block mx-auto\" src=\"https://via.placeholder.com/300x150.jpg\" alt=\"Sponsor\">\n <hr>\n <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n <hr class=\"bold\">\n</figure>\n </div>\n </div>\n</div>\n\n<div class=\"container mt-5\">\n <div class=\"row\">\n <div class=\"col-md-6\">\n <h3>Contact</h3>\n <p>Les guichets des « services aux étudiant-e-s » est le point de contact central pour traiter vos demandes.</p>\n <div class=\"card card-body card-sm mb-2 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Lundi à jeudi</div>\n <div><strong><time datetime=\"09:00\">09:00</time> <span aria-label=\"à\">›</span> <time datetime=\"18:00\">18:00</time></strong></div>\n </div>\n <div class=\"card card-body card-sm mb-4 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n <div class=\"mr-3 w-sm-50\">Vendredi</div>\n <div><strong><time datetime=\"09:30\">09:30</time> <span aria-label=\"à\">›</span> <time datetime=\"17:00\">17:00</time></strong></div>\n </div>\n <p>\n <a href=\"mailto:services.etudiants@epfl.ch\">services.etudiants@epfl.ch</a>\n </p>\n <hr>\n <p>\n +41 21 693 43 45\n </p>\n <hr>\n <address>\n EPFL AA-DAF<br>\n BP 1229 (bâtiment BP) Station 16<br>\n CH - 1015 Lausanne\n </address>\n </div>\n <div class=\"col-md-6 d-flex flex-column\">\n <h4 class=\"sr-only\">Access map</h4>\n<figure class=\"media-map\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n <figcaption class=\"media-map-over\">\n <a href=\"#\" class=\"btn btn-primary btn-block\">Itinéraire vers le bureau BP (1er étage)</a>\n </figcaption>\n</figure>\n </div>\n</div>\n</div>\n\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n</ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2024 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n</div>\n </div>\n</div>\n</div>\n";
53917
53949
 
53918
53950
  /***/ }),
53919
53951
 
@@ -53937,7 +53969,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
53937
53969
  /***/ (function(module) {
53938
53970
 
53939
53971
  "use strict";
53940
- module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content\">\n \n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n <div class=\"row\">\n <div class=\"col-lg-10 offset-lg-1\">\n <div class=\"row mb-4\">\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">16.09.17</time>\n </span>\n <span>Actualité</span>\n <span>Nanotechnologies</span>\n </div>\n <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n </div>\n </a>\n\n </div>\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">15.09.17</time>\n </span>\n <span>Recherche</span>\n <span>Prix et récompenses</span>\n </div>\n <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n </div>\n </a>\n\n </div>\n </div>\n <p class=\"text-center\">\n <a href=\"#\">Toutes les actualités</a>\n </p>\n </div>\n </div>\n</div>\n\n \n <div class=\"bg-gray-100 py-5\">\n <div class=\"container\">\n <h2 class=\"text-center mb-5\">EPFL en bref</h2>\n\n <h3 class=\"h6 mb-3 text-spread\">Les missions de l'école</h3>\n <div class=\"row mb-4\">\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Éducation</a>\n </h3>\n <p>La qualité de formation des élèves et des enseignants à l’EPFL en fait l’une des institutions de science et de technologie les plus reconnues au monde.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Éducation</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Recherche</a>\n </h3>\n <p>Une organisation unique nous permet de figurer systématiquement dans le haut du classement mondial des universités pour les programmes de recherche.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Recherche</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Innovation</a>\n </h3>\n <p>Le transfert de technologies ou l’expertise de l’EPFL pour transformer l'excellence scientifique en valeur la société et le développement économique.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Innovation</a>\n </div>\n </div>\n\n </div>\n </div>\n\n <h3 class=\"h6 mb-3 text-spread\">Les lieux totems</h3>\n <div class=\"row\">\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column1.jpg\" class=\"img-fluid\" title=\"Artlab\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Artlab</a>\n </h3>\n <p>Le Artlab organise une grand diversité d’événements et en s’associant à des institutions culturelles de la région.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Explorez le Artlab</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column2.jpg\" class=\"img-fluid\" title=\"Rolex Center\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Rolex Center</a>\n </h3>\n <p>Le Rolex Learning Center est à la fois un laboratoire d’apprentissage, une bibliothèque abritant 500’000 ouvrages et un centre culturel international.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrez le Rolex Center</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column3.jpg\" class=\"img-fluid\" title=\"SwissTech CC\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">SwissTech CC</a>\n </h3>\n <p>Le SwissTech Convention Center est un des plus grand centre de congrès de la région lémanique accueillant des évènements de renommée internationale.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Embarquez pour le SwissTech</a>\n </div>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n\n \n <div class=\"fullwidth-teaser\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-1-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-1-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-1-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-1-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-1-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-1-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/home-teaser-1-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Étudier à l’EPFL, 13 filières de formation\n </h3>\n </div>\n <a href=\"#\" aria-label=\"En savoir plus sur Étudier à l’EPFL, 13 filières de formation\" class=\"btn btn-primary triangle-outer-bottom-right d-none d-xl-block\">\n En savoir plus\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Treize filières de formation dans les sciences de l’ingénieur, des programmes doctoraux de choix, des laboratoires de pointe dirigés par des professeurs de réputation internationale, un campus moderne en plein développement qui s’étend sur plus de 10’000 mètres carrés.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"En savoir plus sur Tech Transfer\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n \n \n <div class=\"bg-gray-100 py-5\">\n <div class=\"datepicker-wrapper\">\n <input type=\"text\" class=\"datepicker-fancy\">\n <span class=\"nextMonthLabel\"></span>\n <span class=\"prevMonthLabel\"></span>\n</div>\n\n <div class=\"overflow-hidden\">\n <div class=\"container\">\n <div class=\"card-slider-wrapper\">\n <div class=\"card-slider\">\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n </div>\n\n <div class=\"card-slider-footer\">\n <div>\n <button role=\"button\" id=\"card-slider-prev\" class=\"card-slider-btn link-trapeze-horizontal disabled\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n </button>\n <button role=\"button\" id=\"card-slider-next\" class=\"card-slider-btn link-trapeze-horizontal\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </button>\n </div>\n <div>\n <a href=\"#\">Voir l’agenda complet des événements</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n \n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-2-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-2-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-2-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-2-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-2-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-2-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/home-teaser-2-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Pour une transformation plus efficace des molécules\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le chimiste Xile Hu est le lauréat du Prix Latsis 2017. Ce professeur à l’Ecole polytechnique fédérale de Lausanne est récompensé pour son impressionnante carrière scientifique et ses excellents travaux de recherche sur la compréhension fondamentale de la catalyse.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n \n <div class=\"container py-6\">\n <div class=\"row\">\n <div class=\"col-lg-3 col-md-6\">\n <h2>Une école multi-sites, de Lausanne vers le monde</h2>\n <p class=\"h6\">Une école, plusieurs campus</p>\n </div>\n <div class=\"col-lg-9 col-md-6\">\n <div class=\"row\">\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-lausanne.jpg\" class=\"img-fluid\" title=\"Lausanne\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Lausanne\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-geneva.jpg\" class=\"img-fluid\" title=\"Genève\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Genève\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-neuchatel.jpg\" class=\"img-fluid\" title=\"Neuchâtel\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Neuchâtel\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-fribourg.jpg\" class=\"img-fluid\" title=\"Fribourg\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Fribourg\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-valais.jpg\" class=\"img-fluid\" title=\"Valais\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Valais\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-middle-east.jpg\" class=\"img-fluid\" title=\"Middle-East\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Middle-East\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n </div>\n </div>\n </div>\n </div>\n\n \n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-3-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-3-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-3-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-3-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-3-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-3-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/home-teaser-3-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Explorer le portail étudiants de l'EPFL\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Découvrez l'ensemble des services dédiés aux étudiants : vie académique, cours, cartes d'accès et plans, transports et restauration. Mais aussi les bons plans, les réductions et les événements organisés par les nombreuses associations d'étudiants.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n <div class=\"container-fluid p-0\">\n <form class=\"question\" action=\"\">\n\n <div class=\"question-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/homepage/7-science-question-SF.jpg 1x, ./images/styleguide/homepage/7-science-question-SF.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/475x267.jpg 1x,https://via.placeholder.com/950x534.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/400x225.jpg 1x,https://via.placeholder.com/800x450.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"./images/styleguide/homepage/7-science-question-SF.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n </div>\n\n <div class=\"question-content\">\n <h2 class=\"question-title\">Type de question</h2>\n <h3 class=\"question-subtitle mt-3\">Further readings</h3>\n\n <div class=\"question-answers mt-4\">\n <input type=\"radio\" id=\"custom-radio1\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio1\">\n <span class=\"custom-control-label-content\">\n Option 1</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n <input type=\"radio\" id=\"custom-radio2\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio2\">\n <span class=\"custom-control-label-content\">\n Option 2</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n <input type=\"radio\" id=\"custom-radio3\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio3\">\n <span class=\"custom-control-label-content\">\n Option 3</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n </div>\n\n <input type=\"submit\" class=\"btn btn-primary mt-4\" value=\"Voter\">\n </div>\n</form>\n </div>\n\n \n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-4-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-4-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-4-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-4-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-4-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-4-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/home-teaser-4-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n L’EPFL vue du ciel\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n L'association Aéropoly a pris des images du campus à l'aide d'un dirigeable avant l'ouverture de Balélec. Le dirigeable avait déjà pris son envol une première fois pendant Polynice, événement organisé pour fêter les 60 ans de l'AGEPoly, soit l'association des étudiants de l'EPFL.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n <div class=\"bg-gray-100 py-5\">\n <div class=\"container\">\n <h2 class=\"h3\">Vivez au rythme de l’école, via les réseaux sociaux</h2>\n <div class=\"social-feed-group\">\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-x social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">X</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n \n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Nous rejoindre sur X</a>\n </div>\n </div>\n</div>\n </div>\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-instagram social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">X</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/1140x1140.jpg 1x,https://via.placeholder.com/2280x2280.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/1140x1140.jpg 1x,https://via.placeholder.com/2280x2280.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/960x960.jpg 1x,https://via.placeholder.com/1920x1920.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/240x240.jpg 1x,https://via.placeholder.com/480x480.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/180x180.jpg 1x,https://via.placeholder.com/360x360.jpg 2x\">\n <img src=\"https://via.placeholder.com/1140x1140.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Suivez-nous sur Instagram</a>\n </div>\n </div>\n</div>\n </div>\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-facebook social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">X</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/380x214.jpg 1x,https://via.placeholder.com/760x428.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/380x214.jpg 1x,https://via.placeholder.com/760x428.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/320x180.jpg 1x,https://via.placeholder.com/640x360.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/380x214.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Likez notre page Facebook</a>\n </div>\n </div>\n</div>\n </div>\n</div>\n <p class=\"text-center\">\n <a href=\"#\">Liste des comptes officiels</a>\n </p>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n\n <div class=\"container py-5\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n</ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2024 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n</div>\n</div>\n";
53972
+ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li id=\"menu-item-1\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n </li>\n <li id=\"menu-item-2\" class=\"current-menu-item\">\n <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n </li>\n <li id=\"menu-item-3\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n <li id=\"menu-item-4\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n <li id=\"menu-item-5\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n </li>\n <li id=\"menu-item-6\" >\n <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n </li>\n </ul>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content\">\n \n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Contact information\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n <div class=\"row\">\n <div class=\"col-lg-10 offset-lg-1\">\n <div class=\"row mb-4\">\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">16.09.17</time>\n </span>\n <span>Actualité</span>\n <span>Nanotechnologies</span>\n </div>\n <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n </div>\n </a>\n\n </div>\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">15.09.17</time>\n </span>\n <span>Recherche</span>\n <span>Prix et récompenses</span>\n </div>\n <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n </div>\n </a>\n\n </div>\n </div>\n <p class=\"text-center\">\n <a href=\"#\">Toutes les actualités</a>\n </p>\n </div>\n </div>\n</div>\n\n \n <div class=\"bg-gray-100 py-5\">\n <div class=\"container\">\n <h2 class=\"text-center mb-5\">EPFL en bref</h2>\n\n <h3 class=\"h6 mb-3 text-spread\">Les missions de l'école</h3>\n <div class=\"row mb-4\">\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Éducation</a>\n </h3>\n <p>La qualité de formation des élèves et des enseignants à l’EPFL en fait l’une des institutions de science et de technologie les plus reconnues au monde.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Éducation</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Recherche</a>\n </h3>\n <p>Une organisation unique nous permet de figurer systématiquement dans le haut du classement mondial des universités pour les programmes de recherche.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Recherche</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Innovation</a>\n </h3>\n <p>Le transfert de technologies ou l’expertise de l’EPFL pour transformer l'excellence scientifique en valeur la société et le développement économique.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Innovation</a>\n </div>\n </div>\n\n </div>\n </div>\n\n <h3 class=\"h6 mb-3 text-spread\">Les lieux totems</h3>\n <div class=\"row\">\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column1.jpg\" class=\"img-fluid\" title=\"Artlab\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Artlab</a>\n </h3>\n <p>Le Artlab organise une grand diversité d’événements et en s’associant à des institutions culturelles de la région.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Explorez le Artlab</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column2.jpg\" class=\"img-fluid\" title=\"Rolex Center\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">Rolex Center</a>\n </h3>\n <p>Le Rolex Learning Center est à la fois un laboratoire d’apprentissage, une bibliothèque abritant 500’000 ouvrages et un centre culturel international.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrez le Rolex Center</a>\n </div>\n </div>\n\n </div>\n <div class=\"col-md-4 d-flex\">\n <div class=\"card\">\n <a href=\"#\" class=\"card-img-top\">\n <picture>\n <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column3.jpg\" class=\"img-fluid\" title=\"SwissTech CC\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n </a>\n <div class=\"card-body\">\n <h3 class=\"card-title\">\n <a href=\"#\">SwissTech CC</a>\n </h3>\n <p>Le SwissTech Convention Center est un des plus grand centre de congrès de la région lémanique accueillant des évènements de renommée internationale.</p>\n </div>\n <div class=\"card-footer mt-auto\">\n <a href=\"#\" class=\"btn btn-secondary btn-sm\">Embarquez pour le SwissTech</a>\n </div>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n\n \n <div class=\"fullwidth-teaser\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-1-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-1-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-1-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-1-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-1-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-1-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/home-teaser-1-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Étudier à l’EPFL, 13 filières de formation\n </h3>\n </div>\n <a href=\"#\" aria-label=\"En savoir plus sur Étudier à l’EPFL, 13 filières de formation\" class=\"btn btn-primary triangle-outer-bottom-right d-none d-xl-block\">\n En savoir plus\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Treize filières de formation dans les sciences de l’ingénieur, des programmes doctoraux de choix, des laboratoires de pointe dirigés par des professeurs de réputation internationale, un campus moderne en plein développement qui s’étend sur plus de 10’000 mètres carrés.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"En savoir plus sur Tech Transfer\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n \n \n <div class=\"bg-gray-100 py-5\">\n <div class=\"datepicker-wrapper\">\n <input type=\"text\" class=\"datepicker-fancy\">\n <span class=\"nextMonthLabel\"></span>\n <span class=\"prevMonthLabel\"></span>\n</div>\n\n <div class=\"overflow-hidden\">\n <div class=\"container\">\n <div class=\"card-slider-wrapper\">\n <div class=\"card-slider\">\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n <div class=\"card-slider-cell\">\n <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n <div class=\"card-body\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n </picture>\n \n <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n <div class=\"card-info\">\n <p class=\"event-info-date mb-1\">\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n <span class=\"sr-only\">Dates: du</span>\n <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">au</span>\n <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n <span class=\"sr-only\">Heures: de</span>\n <span class=\"event-time\">13:00</span>\n <span class=\"sep\" aria-hidden=\"true\">›</span>\n <span class=\"sr-only\">à</span>\n <span class=\"event-time\">17:30</span>\n </p>\n <div class=\"event-info mt-1\">\n <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n </p> \n <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <span itemprop=\"name\">ArtLab EPFL</span>\n </p>\n <p class=\"event-category\">\n <b>Catégorie:</b> Événements culturel\n </p>\n <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n <b>Public cible:</b> Tout public\n </p>\n </div>\n </div>\n </div>\n </a>\n </div>\n </div>\n\n <div class=\"card-slider-footer\">\n <div>\n <button role=\"button\" id=\"card-slider-prev\" class=\"card-slider-btn link-trapeze-horizontal disabled\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n </button>\n <button role=\"button\" id=\"card-slider-next\" class=\"card-slider-btn link-trapeze-horizontal\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </button>\n </div>\n <div>\n <a href=\"#\">Voir l’agenda complet des événements</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n \n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-2-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-2-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-2-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-2-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-2-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-2-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/home-teaser-2-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Pour une transformation plus efficace des molécules\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le chimiste Xile Hu est le lauréat du Prix Latsis 2017. Ce professeur à l’Ecole polytechnique fédérale de Lausanne est récompensé pour son impressionnante carrière scientifique et ses excellents travaux de recherche sur la compréhension fondamentale de la catalyse.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n \n <div class=\"container py-6\">\n <div class=\"row\">\n <div class=\"col-lg-3 col-md-6\">\n <h2>Une école multi-sites, de Lausanne vers le monde</h2>\n <p class=\"h6\">Une école, plusieurs campus</p>\n </div>\n <div class=\"col-lg-9 col-md-6\">\n <div class=\"row\">\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-lausanne.jpg\" class=\"img-fluid\" title=\"Lausanne\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Lausanne\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-geneva.jpg\" class=\"img-fluid\" title=\"Genève\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Genève\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-neuchatel.jpg\" class=\"img-fluid\" title=\"Neuchâtel\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Neuchâtel\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-fribourg.jpg\" class=\"img-fluid\" title=\"Fribourg\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Fribourg\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-valais.jpg\" class=\"img-fluid\" title=\"Valais\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Valais\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n <div class=\"col-6 col-lg-4\">\n <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n <picture class=\"card-img-top\">\n <img src=\"./images/styleguide/homepage/5-teaser-mission-research-middle-east.jpg\" class=\"img-fluid\" title=\"Middle-East\" alt=\"ALT OF IMAGE HERE\"/>\n </picture>\n <div class=\"card-body\">\n <h3 class=\"card-title link-icon mb-0 h5\">\n Middle-East\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n </h3>\n </div>\n </a>\n\n </div>\n </div>\n </div>\n </div>\n </div>\n\n \n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-3-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-3-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-3-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-3-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-3-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-3-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/home-teaser-3-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Explorer le portail étudiants de l'EPFL\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Découvrez l'ensemble des services dédiés aux étudiants : vie académique, cours, cartes d'accès et plans, transports et restauration. Mais aussi les bons plans, les réductions et les événements organisés par les nombreuses associations d'étudiants.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n <div class=\"container-fluid p-0\">\n <form class=\"question\" action=\"\">\n\n <div class=\"question-img\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"./images/styleguide/homepage/7-science-question-SF.jpg 1x, ./images/styleguide/homepage/7-science-question-SF.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/475x267.jpg 1x,https://via.placeholder.com/950x534.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/400x225.jpg 1x,https://via.placeholder.com/800x450.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"./images/styleguide/homepage/7-science-question-SF.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n </div>\n\n <div class=\"question-content\">\n <h2 class=\"question-title\">Type de question</h2>\n <h3 class=\"question-subtitle mt-3\">Contact information</h3>\n\n <div class=\"question-answers mt-4\">\n <input type=\"radio\" id=\"custom-radio1\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio1\">\n <span class=\"custom-control-label-content\">\n Option 1</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n <input type=\"radio\" id=\"custom-radio2\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio2\">\n <span class=\"custom-control-label-content\">\n Option 2</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n <input type=\"radio\" id=\"custom-radio3\" name=\"customRadio\" class=\"custom-control-input\">\n <label class=\"custom-control-label\" for=\"custom-radio3\">\n <span class=\"custom-control-label-content\">\n Option 3</span>\n <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n <span class=\"trapeze-vertical d-lg-none\"></span>\n </label>\n </div>\n\n <input type=\"submit\" class=\"btn btn-primary mt-4\" value=\"Voter\">\n </div>\n</form>\n </div>\n\n \n \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-4-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-4-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-4-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-4-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-4-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/home-teaser-4-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/home-teaser-4-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n L’EPFL vue du ciel\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n L'association Aéropoly a pris des images du campus à l'aide d'un dirigeable avant l'ouverture de Balélec. Le dirigeable avait déjà pris son envol une première fois pendant Polynice, événement organisé pour fêter les 60 ans de l'AGEPoly, soit l'association des étudiants de l'EPFL.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n <div class=\"bg-gray-100 py-5\">\n <div class=\"container\">\n <h2 class=\"h3\">Vivez au rythme de l’école, via les réseaux sociaux</h2>\n <div class=\"social-feed-group\">\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-x social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">X</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n \n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Nous rejoindre sur X</a>\n </div>\n </div>\n</div>\n </div>\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-instagram social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">X</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/1140x1140.jpg 1x,https://via.placeholder.com/2280x2280.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/1140x1140.jpg 1x,https://via.placeholder.com/2280x2280.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/960x960.jpg 1x,https://via.placeholder.com/1920x1920.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/240x240.jpg 1x,https://via.placeholder.com/480x480.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/180x180.jpg 1x,https://via.placeholder.com/360x360.jpg 2x\">\n <img src=\"https://via.placeholder.com/1140x1140.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Suivez-nous sur Instagram</a>\n </div>\n </div>\n</div>\n </div>\n <div class=\"social-feed-container\">\n <div class=\"social-feed\">\n <span class=\"social-icon social-icon-facebook social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">X</span>\n</span>\n\n <div class=\"social-feed-content\">\n <div>\n <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/380x214.jpg 1x,https://via.placeholder.com/760x428.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/380x214.jpg 1x,https://via.placeholder.com/760x428.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/320x180.jpg 1x,https://via.placeholder.com/640x360.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/380x214.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n <p>What's your fave spot for sunset on campus? 😎</p>\n </div>\n <div>\n <a class=\"btn btn-secondary mt-4\">Likez notre page Facebook</a>\n </div>\n </div>\n</div>\n </div>\n</div>\n <p class=\"text-center\">\n <a href=\"#\">Liste des comptes officiels</a>\n </p>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n\n <div class=\"container py-5\">\n <footer class=\"footer\" role=\"contentinfo\">\n\n <div class=\"footer-group footer-sitemap\">\n \n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n <strong>À propos</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/facts/fr/\">Facts</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n </li>\n <li>\n <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n <strong>Éducation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n <strong>Recherche</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n <strong>Innovation</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"footer-sitemap-col\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n <strong>Campus</strong>\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n\n <div class=\"footer-group\">\n \n<div class=\"footer-faculties\">\n <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n Facultés et Collèges\n </button>\n <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n <ul class=\"footer-links\">\n <li>\n <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n </li>\n <li>\n <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n </li>\n <li>\n <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n </li>\n </ul>\n </div>\n</div>\n </div>\n\n <div class=\"footer-group footer-buttons\">\n \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n </div>\n\n <div class=\"footer-group footer-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n</ul>\n</div>\n </div>\n\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2024 EPFL, tous droits réservés</p>\n </div>\n</div>\n\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n</div>\n</div>\n";
53941
53973
 
53942
53974
  /***/ }),
53943
53975
 
@@ -53985,7 +54017,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
53985
54017
  /***/ (function(module) {
53986
54018
 
53987
54019
  "use strict";
53988
- module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">Actu</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li class=\"dropdown\">\n <button class=\"btn btn-link dropdown-toggle nav-item\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n Liste des options\n </button>\n <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n <a class=\"dropdown-item\" href=\"#\">Option 1</a>\n <a class=\"dropdown-item active\" href=\"#\">Option 2</a>\n <a class=\"dropdown-item\" href=\"#\">Option 3</a>\n </div>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n <div class=\"container-full\">\n \n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Further readings\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n <div class=\"row\">\n <div class=\"col-lg-10 offset-lg-1\">\n <div class=\"row mb-4\">\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">16.09.17</time>\n </span>\n <span>Actualité</span>\n <span>Nanotechnologies</span>\n </div>\n <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n </div>\n </a>\n\n </div>\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">15.09.17</time>\n </span>\n <span>Recherche</span>\n <span>Prix et récompenses</span>\n </div>\n <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n </div>\n </a>\n\n </div>\n </div>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-4\">\n <aside>\n <div class=\"d-flex justify-content-between px-3 p-md-0 align-baseline\">\n <h3 class=\"h5 mb-0 font-weight-normal\">Filtrer votre recherche</h3>\n <button\n class=\"btn btn-sm btn-secondary d-md-none collapsed collapse-drop-toggle\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#form-filters\"\n aria-expanded=\"false\"\n aria-controls=\"form-filters\"\n >\n Filtres\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#filter\"></use></svg>\n </button>\n </div>\n <div class=\"collapse collapse-md-show collapse-drop\" id=\"form-filters\">\n <form class=\"p-3 p-md-0\">\n <div class=\"form-group\">\n <div class=\"form-group\">\n<label>Choose wisely</label>\n<select id=\"select-input\" class=\"custom-select\">\n <option selected>Make a choice...</option>\n <option value=\"1\">Legolas</option>\n <option value=\"2\">Jar Jar Binks</option>\n <option value=\"3\">None of them</option>\n <option value=\"4\">The fourth choice</option>\n <option value=\"5\">42</option>\n</select>\n</div>\n</div>\n <div class=\"form-group\">\n <label for=\"custom-check1\">Checkboxes (multiple choice)</label>\n\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check1\" >\n <label class=\"custom-control-label\" for=\"custom-check1\">Option 1</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check2\" >\n <label class=\"custom-control-label\" for=\"custom-check2\">Option 2</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check3\" >\n <label class=\"custom-control-label\" for=\"custom-check3\">Option 3</label>\n</div>\n </div>\n <div class=\"form-group\">\n <label for=\"custom-check1\">Checkboxes (multiple choice)</label>\n\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check1\" >\n <label class=\"custom-control-label\" for=\"custom-check1\">Option 1</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check2\" >\n <label class=\"custom-control-label\" for=\"custom-check2\">Option 2</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check3\" >\n <label class=\"custom-control-label\" for=\"custom-check3\">Option 3</label>\n</div>\n </div>\n </form>\n </div>\n</aside>\n </div>\n <div class=\"col-md-8\">\n <div class=\"list-group\">\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n \n <a href=\"#\" class=\"list-group-teaser-more\">\n Afficher plus d'actualités\n </a>\n </div>\n <div class=\"mt-3\">\n <nav aria-label=\"Page navigation\">\n <ul class=\"pagination\">\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to first page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to previous page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n <span class=\"sr-only\">Previous</span>\n </a>\n </li>\n <li class=\"page-item active\">\n <a class=\"page-link\" href=\"#\" aria-current=\"page\">\n 1\n <span class=\"sr-only\">(Current page)</span>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">2</a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">3</a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Next\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n <span class=\"sr-only\">Next</span>\n </a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Last page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n <span class=\"sr-only\">Last page</span>\n </a>\n </li>\n </ul>\n</nav>\n </div>\n </div>\n </div>\n</div>\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n</ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>&copy; 2024 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
54020
+ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n \n<header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">Actu</a>\n </p>\n <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n <li class=\"dropdown\">\n <button class=\"btn btn-link dropdown-toggle nav-item\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n Liste des options\n </button>\n <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n <a class=\"dropdown-item\" href=\"#\">Option 1</a>\n <a class=\"dropdown-item active\" href=\"#\">Option 2</a>\n <a class=\"dropdown-item\" href=\"#\">Option 3</a>\n </div>\n </li>\n </ul>\n \n<form action=\"#\" class=\"d-xl-none\">\n <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n </a>\n <div class=\"input-group search-mobile\" role=\"search\">\n <div class=\"input-group-prepend\">\n <span class=\"input-group-text\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </span>\n </div>\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n <div class=\"input-group-append\">\n <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n </a>\n </div>\n </div>\n</form>\n \n<div class=\"dropdown dropright search d-none d-xl-block\">\n <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n </a>\n <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n <div class=\"search-form mt-1 input-group\">\n <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n </form>\n</div>\n \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n <ul>\n <li>\n <span class=\"active\" aria-label=\"Français\">FR</span>\n </li>\n <li>\n <a href=\"#\" aria-label=\"English\">EN</a>\n </li>\n </ul>\n</nav>\n <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n <span class=\"label\">Menu</span>\n <div class=\"hamburger\">\n <span></span>\n <span></span>\n <span></span>\n </div>\n</button>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container-grid\">\n <div class=\"container-full\">\n \n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Contact information\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n <div class=\"row\">\n <div class=\"col-lg-10 offset-lg-1\">\n <div class=\"row mb-4\">\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">16.09.17</time>\n </span>\n <span>Actualité</span>\n <span>Nanotechnologies</span>\n </div>\n <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n </div>\n </a>\n\n </div>\n <div class=\"col-md-6 d-flex\">\n <a href=\"#\" class=\"card link-trapeze-horizontal\">\n <div class=\"card-body\">\n <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n <div class=\"card-info\">\n <span class=\"card-info-date\">\n <time datetime=\"DATETIME HERE\">15.09.17</time>\n </span>\n <span>Recherche</span>\n <span>Prix et récompenses</span>\n </div>\n <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n </div>\n </a>\n\n </div>\n </div>\n </div>\n </div>\n</div>\n</div>\n\n<div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-4\">\n <aside>\n <div class=\"d-flex justify-content-between px-3 p-md-0 align-baseline\">\n <h3 class=\"h5 mb-0 font-weight-normal\">Filtrer votre recherche</h3>\n <button\n class=\"btn btn-sm btn-secondary d-md-none collapsed collapse-drop-toggle\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#form-filters\"\n aria-expanded=\"false\"\n aria-controls=\"form-filters\"\n >\n Filtres\n <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#filter\"></use></svg>\n </button>\n </div>\n <div class=\"collapse collapse-md-show collapse-drop\" id=\"form-filters\">\n <form class=\"p-3 p-md-0\">\n <div class=\"form-group\">\n <div class=\"form-group\">\n<label>Choose wisely</label>\n<select id=\"select-input\" class=\"custom-select\">\n <option selected>Make a choice...</option>\n <option value=\"1\">Legolas</option>\n <option value=\"2\">Jar Jar Binks</option>\n <option value=\"3\">None of them</option>\n <option value=\"4\">The fourth choice</option>\n <option value=\"5\">42</option>\n</select>\n</div>\n</div>\n <div class=\"form-group\">\n <label for=\"custom-check1\">Checkboxes (multiple choice)</label>\n\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check1\" >\n <label class=\"custom-control-label\" for=\"custom-check1\">Option 1</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check2\" >\n <label class=\"custom-control-label\" for=\"custom-check2\">Option 2</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check3\" >\n <label class=\"custom-control-label\" for=\"custom-check3\">Option 3</label>\n</div>\n </div>\n <div class=\"form-group\">\n <label for=\"custom-check1\">Checkboxes (multiple choice)</label>\n\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check1\" >\n <label class=\"custom-control-label\" for=\"custom-check1\">Option 1</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check2\" >\n <label class=\"custom-control-label\" for=\"custom-check2\">Option 2</label>\n</div>\n <div class=\"custom-control custom-checkbox\">\n <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check3\" >\n <label class=\"custom-control-label\" for=\"custom-check3\">Option 3</label>\n</div>\n </div>\n </form>\n </div>\n</aside>\n </div>\n <div class=\"col-md-8\">\n <div class=\"list-group\">\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n <div class=\"list-group-teaser-container\">\n <div class=\"list-group-teaser-thumbnail\">\n <picture>\n <source\n media=\"(min-width: 1140px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 960px)\"\n srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n <source\n media=\"(min-width: 720px)\"\n srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n <source\n media=\"(min-width: 541px)\"\n srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n <source\n media=\"(max-width: 540px)\"\n srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n </div>\n <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n <p>\n <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n Epicureum esse, si probarem, quae ille diceret?</span>\n </p>\n </div>\n </div>\n </a>\n \n <a href=\"#\" class=\"list-group-teaser-more\">\n Afficher plus d'actualités\n </a>\n </div>\n <div class=\"mt-3\">\n <nav aria-label=\"Page navigation\">\n <ul class=\"pagination\">\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to first page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Go to previous page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n <span class=\"sr-only\">Previous</span>\n </a>\n </li>\n <li class=\"page-item active\">\n <a class=\"page-link\" href=\"#\" aria-current=\"page\">\n 1\n <span class=\"sr-only\">(Current page)</span>\n </a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">2</a>\n </li>\n <li class=\"page-item\">\n <a class=\"page-link\" href=\"#\">3</a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Next\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n <span class=\"sr-only\">Next</span>\n </a>\n </li>\n <li class=\"page-item disabled\">\n <a class=\"page-link\" href=\"#\" aria-label=\"Last page\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n <span class=\"sr-only\">Last page</span>\n </a>\n </li>\n </ul>\n</nav>\n </div>\n </div>\n </div>\n</div>\n </main>\n \n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n</ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>&copy; 2024 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
53989
54021
 
53990
54022
  /***/ }),
53991
54023
 
@@ -54631,7 +54663,7 @@ module.exports = JSON.parse('{"title":"Section","name":"section","wrapper":"col-
54631
54663
  /***/ (function(module) {
54632
54664
 
54633
54665
  "use strict";
54634
- module.exports = JSON.parse('{"title":"Study plan","name":"study-plan","notes":"The study plan is a special case of table. The markup cannot be changed and we put in place a CSS Grid layout to display the content.\\n\\nPlease override the columns width (if they do not fit your needs) by using a CSS variable: `<div class=\\"study-plan table-like\\" style=\\"--table-columns: 1fr minmax(200px, 3fr) minmax(auto, 1fr) minmax(200px, 3fr) 3fr 1fr\\">`.\\n\\nThe default behaviour is kept on IE, the content stays readable (the table might be a bit wonky when some columns are missing though).\\n\\nOn mobile, the tables are scrollable horizontally.\\n"}');
54666
+ module.exports = JSON.parse('{"title":"Study plan","name":"study-plan","notes":"The study plan is a special case of table. The markup cannot be changed and we put in place a CSS Grid layout to display the content.\\n\\nPlease override the columns width (if they do not fit your needs) by using a CSS variable: `<div class=\\"study-plan table-like\\" style=\\"--table-columns: 1fr minmax(200px, 3fr) minmax(auto, 1fr) minmax(200px, 3fr) 3fr 1fr\\">`.\\n\\nOn mobile, the tables are scrollable horizontally.\\n"}');
54635
54667
 
54636
54668
  /***/ }),
54637
54669
 
@@ -60341,8 +60373,6 @@ ColorSwatch.propTypes = {
60341
60373
  var es_array_find = __webpack_require__(69826);
60342
60374
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
60343
60375
  var es_array_concat = __webpack_require__(92222);
60344
- // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.set-prototype-of.js
60345
- var es_object_set_prototype_of = __webpack_require__(68304);
60346
60376
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.get-prototype-of.js
60347
60377
  var es_object_get_prototype_of = __webpack_require__(30489);
60348
60378
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.reflect.construct.js
@@ -66011,12 +66041,18 @@ var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(inject
66011
66041
  // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleDomAPI.js
66012
66042
  var styleDomAPI = __webpack_require__(7795);
66013
66043
  var styleDomAPI_default = /*#__PURE__*/__webpack_require__.n(styleDomAPI);
66014
- // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/getTarget.js
66015
- var getTarget = __webpack_require__(20695);
66016
- var getTarget_default = /*#__PURE__*/__webpack_require__.n(getTarget);
66044
+ // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertBySelector.js
66045
+ var insertBySelector = __webpack_require__(90569);
66046
+ var insertBySelector_default = /*#__PURE__*/__webpack_require__.n(insertBySelector);
66047
+ // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js
66048
+ var setAttributesWithoutAttributes = __webpack_require__(3565);
66049
+ var setAttributesWithoutAttributes_default = /*#__PURE__*/__webpack_require__.n(setAttributesWithoutAttributes);
66017
66050
  // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertStyleElement.js
66018
66051
  var insertStyleElement = __webpack_require__(19216);
66019
66052
  var insertStyleElement_default = /*#__PURE__*/__webpack_require__.n(insertStyleElement);
66053
+ // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleTagTransform.js
66054
+ var styleTagTransform = __webpack_require__(44589);
66055
+ var styleTagTransform_default = /*#__PURE__*/__webpack_require__.n(styleTagTransform);
66020
66056
  // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/rc-tooltip/assets/bootstrap.css
66021
66057
  var bootstrap = __webpack_require__(30467);
66022
66058
  ;// CONCATENATED MODULE: ./node_modules/rc-tooltip/assets/bootstrap.css
@@ -66028,39 +66064,14 @@ var bootstrap = __webpack_require__(30467);
66028
66064
 
66029
66065
 
66030
66066
 
66067
+
66068
+
66031
66069
 
66032
66070
  var options = {};
66033
66071
 
66034
- options.styleTagTransform = function(css, style){
66035
- if (style.styleSheet) {
66036
- style.styleSheet.cssText = css;
66037
- } else {
66038
- while (style.firstChild) {
66039
- style.removeChild(style.firstChild);
66040
- }
66041
-
66042
- style.appendChild(document.createTextNode(css));
66043
- }
66044
- };
66045
- options.setAttributes = function(style) {
66046
- var nonce =
66047
- true ? __webpack_require__.nc : 0;
66048
-
66049
- if (nonce) {
66050
- style.setAttribute("nonce", nonce);
66051
- }
66052
- };
66053
- options.insert = function(style){
66054
- var target = getTarget_default()("head");
66055
-
66056
- if (!target) {
66057
- throw new Error(
66058
- "Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid."
66059
- );
66060
- }
66061
-
66062
- target.appendChild(style);
66063
- };
66072
+ options.styleTagTransform = (styleTagTransform_default());
66073
+ options.setAttributes = (setAttributesWithoutAttributes_default());
66074
+ options.insert = insertBySelector_default().bind(null, "head");
66064
66075
  options.domAPI = (styleDomAPI_default());
66065
66076
  options.insertStyleElement = (insertStyleElement_default());
66066
66077
 
@@ -66091,7 +66102,6 @@ function ColorTable_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol =
66091
66102
 
66092
66103
 
66093
66104
 
66094
-
66095
66105
  function ColorTable_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
66096
66106
 
66097
66107
  function ColorTable_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -66621,7 +66631,7 @@ function SidebarDocs() {
66621
66631
  })));
66622
66632
  }
66623
66633
  ;// CONCATENATED MODULE: ./package.json
66624
- var package_namespaceObject = {"i8":"4.9.0"};
66634
+ var package_namespaceObject = {"i8":"4.9.2"};
66625
66635
  ;// CONCATENATED MODULE: ./reader/components/Sidebar/Sidebar.jsx
66626
66636
 
66627
66637