epfl-elements 4.0.0 → 4.1.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 (10) hide show
  1. package/dist/components/pages/maintenance/maintenance.twig +52 -0
  2. package/dist/components/pages/maintenance/maintenance.yml +2 -0
  3. package/dist/css/elements.css +12 -12
  4. package/dist/css/elements.min.css +1 -1
  5. package/dist/css/elements.min.css.map +1 -1
  6. package/dist/js/reader.js +279 -261
  7. package/dist/js/reader.min.js +1 -1
  8. package/dist/js/reader.min.js.map +1 -1
  9. package/dist/package.json +3 -3
  10. package/package.json +3 -3
package/dist/js/reader.js CHANGED
@@ -257,6 +257,7 @@ var map = {
257
257
  "./pages/innovation/innovation.twig": 55224,
258
258
  "./pages/lab-homepage/lab-homepage.twig": 67964,
259
259
  "./pages/layout-demo/layout-demo.twig": 12604,
260
+ "./pages/maintenance/maintenance.twig": 31230,
260
261
  "./pages/news-detail/news-detail.twig": 49866,
261
262
  "./pages/news-homepage/news-homepage.twig": 16674,
262
263
  "./pages/people-detail/people-detail.twig": 55285,
@@ -294,127 +295,128 @@ webpackContext.id = 3604;
294
295
  /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
295
296
 
296
297
  var map = {
297
- "./atoms/alert/alert.yml": 82503,
298
- "./atoms/button/button.yml": 74172,
299
- "./atoms/checkbox/checkbox.yml": 50654,
300
- "./atoms/collapse/collapse.yml": 5889,
301
- "./atoms/definition-list/definition-list.yml": 7887,
302
- "./atoms/drawer/drawer.yml": 27645,
303
- "./atoms/dropdown/dropdown.yml": 61519,
304
- "./atoms/favicon/favicon.yml": 1434,
305
- "./atoms/figure/figure.yml": 27431,
306
- "./atoms/icon/icon.yml": 40486,
307
- "./atoms/input/input.yml": 20130,
308
- "./atoms/link/link.yml": 34559,
309
- "./atoms/list/list.yml": 63260,
310
- "./atoms/loader/loader.yml": 43956,
311
- "./atoms/nav-lang/nav-lang.yml": 73916,
312
- "./atoms/nav-toggle-mobile/nav-toggle-mobile.yml": 92304,
313
- "./atoms/nav-toggle/nav-toggle.yml": 1483,
314
- "./atoms/picture/picture.yml": 53764,
315
- "./atoms/popover/popover.yml": 75446,
316
- "./atoms/radio/radio.yml": 14014,
317
- "./atoms/range/range.yml": 65314,
318
- "./atoms/select/select.yml": 21562,
319
- "./atoms/separator/separator.yml": 54713,
320
- "./atoms/social-icon/social-icon.yml": 48355,
321
- "./atoms/tag/tag.yml": 8660,
322
- "./atoms/trapeze/trapeze.yml": 41055,
323
- "./atoms/upload/upload.yml": 59127,
324
- "./atoms/video/video.yml": 99205,
325
- "./content-types/association/association.yml": 19925,
326
- "./content-types/bachelor-project/bachelor-project.yml": 52408,
327
- "./content-types/basic-page/basic-page.yml": 61285,
328
- "./content-types/coursebook/coursebook.yml": 46454,
329
- "./content-types/cursus/cursus.yml": 73072,
330
- "./content-types/event/event.yml": 27183,
331
- "./content-types/institute/institute.yml": 54579,
332
- "./content-types/laboratory/laboratory.yml": 94705,
333
- "./content-types/news/news.yml": 84491,
334
- "./content-types/press-review/press-review.yml": 50909,
335
- "./content-types/program/program.yml": 13670,
336
- "./content-types/project-list/project-list.yml": 60161,
337
- "./content-types/project/project.yml": 40149,
338
- "./content-types/publication/publication.yml": 26384,
339
- "./content-types/research-field/research-field.yml": 92827,
340
- "./content-types/research-project/research-project.yml": 61834,
341
- "./content-types/school/school.yml": 81336,
342
- "./content-types/science-question/science-question.yml": 55531,
343
- "./content-types/section/section.yml": 74049,
344
- "./content-types/study-plan/study-plan.yml": 94325,
345
- "./content-types/training/training.yml": 95996,
346
- "./molecules/access-nav/access-nav.yml": 27627,
347
- "./molecules/avatar-teaser/avatar-teaser.yml": 6469,
348
- "./molecules/breadcrumb/breadcrumb.yml": 3224,
349
- "./molecules/card-deck/card-deck.yml": 76762,
350
- "./molecules/card/card.yml": 29936,
351
- "./molecules/carousel/carousel.yml": 38737,
352
- "./molecules/collapse-group/collapse-group.yml": 69794,
353
- "./molecules/cover/cover.yml": 99776,
354
- "./molecules/datepicker/datepicker.yml": 43818,
355
- "./molecules/filters/filters.yml": 60946,
356
- "./molecules/footnotes/footnotes.yml": 32054,
357
- "./molecules/form-group/form-group.yml": 56189,
358
- "./molecules/gallery/gallery.yml": 49777,
359
- "./molecules/key-number/key-number.yml": 96525,
360
- "./molecules/links-group/links-group.yml": 25128,
361
- "./molecules/list-group/list-group.yml": 88567,
362
- "./molecules/map/map.yml": 95565,
363
- "./molecules/metabox/metabox.yml": 35444,
364
- "./molecules/pagination/pagination.yml": 24712,
365
- "./molecules/question/question.yml": 97852,
366
- "./molecules/quote/quote.yml": 9727,
367
- "./molecules/search/search.yml": 8858,
368
- "./molecules/sidenotes/sidenotes.yml": 13895,
369
- "./molecules/social-feed/social-feed.yml": 98272,
370
- "./molecules/social/social.yml": 91845,
371
- "./molecules/sponsor/sponsor.yml": 35249,
372
- "./molecules/tables/tables.yml": 56678,
373
- "./molecules/tabs/tabs.yml": 60434,
374
- "./organisms/card-slider/card-slider.yml": 10182,
375
- "./organisms/contact/contact.yml": 9800,
376
- "./organisms/cookie-consent/cookie-consent.yml": 33780,
377
- "./organisms/faq/faq.yml": 19300,
378
- "./organisms/footer/footer.yml": 83701,
379
- "./organisms/form/form.yml": 93685,
380
- "./organisms/fullwidth-teaser/fullwidth-teaser.yml": 86339,
381
- "./organisms/header/header.yml": 9344,
382
- "./organisms/headlines/headlines.yml": 70178,
383
- "./organisms/hero/hero.yml": 40418,
384
- "./organisms/introduction/introduction.yml": 93352,
385
- "./organisms/key-number-group/key-number-group.yml": 30852,
386
- "./organisms/modal/modal.yml": 27528,
387
- "./organisms/nav-aside/nav-aside.yml": 36829,
388
- "./organisms/nav-main/nav-main.yml": 70678,
389
- "./organisms/newsletter-sign-up/newsletter-sign-up.yml": 22264,
390
- "./organisms/restauration/restauration.yml": 38583,
391
- "./organisms/social-feed-group/social-feed-group.yml": 74022,
392
- "./pages/about/about.yml": 78937,
393
- "./pages/association-homepage/association-homepage.yml": 46055,
394
- "./pages/association-list/association-list.yml": 3551,
395
- "./pages/basic-page/basic-page.yml": 33484,
396
- "./pages/blog-homepage/blog-homepage.yml": 19083,
397
- "./pages/blog-single/blog-single.yml": 82563,
398
- "./pages/campus/campus.yml": 59362,
399
- "./pages/education/education.yml": 99765,
400
- "./pages/error-404/error-404.yml": 14269,
401
- "./pages/event-detail/event-detail.yml": 20078,
402
- "./pages/event-homepage/event-homepage.yml": 4497,
403
- "./pages/event-list/event-list.yml": 14535,
404
- "./pages/facultes/facultes.yml": 65768,
405
- "./pages/homepage/homepage.yml": 3582,
406
- "./pages/innovation/innovation.yml": 33995,
407
- "./pages/lab-homepage/lab-homepage.yml": 75797,
408
- "./pages/layout-demo/layout-demo.yml": 24368,
409
- "./pages/news-detail/news-detail.yml": 94738,
410
- "./pages/news-homepage/news-homepage.yml": 40036,
411
- "./pages/people-detail/people-detail.yml": 4400,
412
- "./pages/people-list/people-list.yml": 34575,
413
- "./pages/programs/programs.yml": 47829,
414
- "./pages/research/research.yml": 54064,
415
- "./pages/study-plan-course/study-plan-course.yml": 78867,
416
- "./pages/study-plan/study-plan.yml": 58835,
417
- "./templates/base/base.yml": 16567
298
+ "./atoms/alert/alert.yml": 62632,
299
+ "./atoms/button/button.yml": 4907,
300
+ "./atoms/checkbox/checkbox.yml": 63024,
301
+ "./atoms/collapse/collapse.yml": 66988,
302
+ "./atoms/definition-list/definition-list.yml": 13295,
303
+ "./atoms/drawer/drawer.yml": 27657,
304
+ "./atoms/dropdown/dropdown.yml": 49931,
305
+ "./atoms/favicon/favicon.yml": 38950,
306
+ "./atoms/figure/figure.yml": 450,
307
+ "./atoms/icon/icon.yml": 61428,
308
+ "./atoms/input/input.yml": 61790,
309
+ "./atoms/link/link.yml": 93443,
310
+ "./atoms/list/list.yml": 95694,
311
+ "./atoms/loader/loader.yml": 55794,
312
+ "./atoms/nav-lang/nav-lang.yml": 40602,
313
+ "./atoms/nav-toggle-mobile/nav-toggle-mobile.yml": 74208,
314
+ "./atoms/nav-toggle/nav-toggle.yml": 19712,
315
+ "./atoms/picture/picture.yml": 25973,
316
+ "./atoms/popover/popover.yml": 99307,
317
+ "./atoms/radio/radio.yml": 60215,
318
+ "./atoms/range/range.yml": 24299,
319
+ "./atoms/select/select.yml": 31643,
320
+ "./atoms/separator/separator.yml": 65829,
321
+ "./atoms/social-icon/social-icon.yml": 17488,
322
+ "./atoms/tag/tag.yml": 8726,
323
+ "./atoms/trapeze/trapeze.yml": 82479,
324
+ "./atoms/upload/upload.yml": 5889,
325
+ "./atoms/video/video.yml": 57030,
326
+ "./content-types/association/association.yml": 37662,
327
+ "./content-types/bachelor-project/bachelor-project.yml": 5976,
328
+ "./content-types/basic-page/basic-page.yml": 57922,
329
+ "./content-types/coursebook/coursebook.yml": 74098,
330
+ "./content-types/cursus/cursus.yml": 32325,
331
+ "./content-types/event/event.yml": 68400,
332
+ "./content-types/institute/institute.yml": 70898,
333
+ "./content-types/laboratory/laboratory.yml": 51658,
334
+ "./content-types/news/news.yml": 17917,
335
+ "./content-types/press-review/press-review.yml": 69246,
336
+ "./content-types/program/program.yml": 26825,
337
+ "./content-types/project-list/project-list.yml": 8966,
338
+ "./content-types/project/project.yml": 99571,
339
+ "./content-types/publication/publication.yml": 47147,
340
+ "./content-types/research-field/research-field.yml": 59656,
341
+ "./content-types/research-project/research-project.yml": 82108,
342
+ "./content-types/school/school.yml": 19785,
343
+ "./content-types/science-question/science-question.yml": 93750,
344
+ "./content-types/section/section.yml": 54174,
345
+ "./content-types/study-plan/study-plan.yml": 91789,
346
+ "./content-types/training/training.yml": 79799,
347
+ "./molecules/access-nav/access-nav.yml": 44954,
348
+ "./molecules/avatar-teaser/avatar-teaser.yml": 72828,
349
+ "./molecules/breadcrumb/breadcrumb.yml": 25437,
350
+ "./molecules/card-deck/card-deck.yml": 71377,
351
+ "./molecules/card/card.yml": 79205,
352
+ "./molecules/carousel/carousel.yml": 76615,
353
+ "./molecules/collapse-group/collapse-group.yml": 9843,
354
+ "./molecules/cover/cover.yml": 60410,
355
+ "./molecules/datepicker/datepicker.yml": 80174,
356
+ "./molecules/filters/filters.yml": 58036,
357
+ "./molecules/footnotes/footnotes.yml": 73099,
358
+ "./molecules/form-group/form-group.yml": 21451,
359
+ "./molecules/gallery/gallery.yml": 48562,
360
+ "./molecules/key-number/key-number.yml": 2501,
361
+ "./molecules/links-group/links-group.yml": 61174,
362
+ "./molecules/list-group/list-group.yml": 52044,
363
+ "./molecules/map/map.yml": 40119,
364
+ "./molecules/metabox/metabox.yml": 83822,
365
+ "./molecules/pagination/pagination.yml": 35904,
366
+ "./molecules/question/question.yml": 67462,
367
+ "./molecules/quote/quote.yml": 22475,
368
+ "./molecules/search/search.yml": 65761,
369
+ "./molecules/sidenotes/sidenotes.yml": 19977,
370
+ "./molecules/social-feed/social-feed.yml": 84654,
371
+ "./molecules/social/social.yml": 98325,
372
+ "./molecules/sponsor/sponsor.yml": 62832,
373
+ "./molecules/tables/tables.yml": 75911,
374
+ "./molecules/tabs/tabs.yml": 18660,
375
+ "./organisms/card-slider/card-slider.yml": 90265,
376
+ "./organisms/contact/contact.yml": 89273,
377
+ "./organisms/cookie-consent/cookie-consent.yml": 42921,
378
+ "./organisms/faq/faq.yml": 15590,
379
+ "./organisms/footer/footer.yml": 60540,
380
+ "./organisms/form/form.yml": 94035,
381
+ "./organisms/fullwidth-teaser/fullwidth-teaser.yml": 56969,
382
+ "./organisms/header/header.yml": 92976,
383
+ "./organisms/headlines/headlines.yml": 15148,
384
+ "./organisms/hero/hero.yml": 22772,
385
+ "./organisms/introduction/introduction.yml": 40152,
386
+ "./organisms/key-number-group/key-number-group.yml": 98954,
387
+ "./organisms/modal/modal.yml": 21591,
388
+ "./organisms/nav-aside/nav-aside.yml": 27236,
389
+ "./organisms/nav-main/nav-main.yml": 6602,
390
+ "./organisms/newsletter-sign-up/newsletter-sign-up.yml": 73197,
391
+ "./organisms/restauration/restauration.yml": 95894,
392
+ "./organisms/social-feed-group/social-feed-group.yml": 72178,
393
+ "./pages/about/about.yml": 75803,
394
+ "./pages/association-homepage/association-homepage.yml": 54669,
395
+ "./pages/association-list/association-list.yml": 26634,
396
+ "./pages/basic-page/basic-page.yml": 63222,
397
+ "./pages/blog-homepage/blog-homepage.yml": 45186,
398
+ "./pages/blog-single/blog-single.yml": 46958,
399
+ "./pages/campus/campus.yml": 34393,
400
+ "./pages/education/education.yml": 16151,
401
+ "./pages/error-404/error-404.yml": 7427,
402
+ "./pages/event-detail/event-detail.yml": 84005,
403
+ "./pages/event-homepage/event-homepage.yml": 91567,
404
+ "./pages/event-list/event-list.yml": 64407,
405
+ "./pages/facultes/facultes.yml": 25804,
406
+ "./pages/homepage/homepage.yml": 15465,
407
+ "./pages/innovation/innovation.yml": 37642,
408
+ "./pages/lab-homepage/lab-homepage.yml": 16421,
409
+ "./pages/layout-demo/layout-demo.yml": 29666,
410
+ "./pages/maintenance/maintenance.yml": 8099,
411
+ "./pages/news-detail/news-detail.yml": 80036,
412
+ "./pages/news-homepage/news-homepage.yml": 40582,
413
+ "./pages/people-detail/people-detail.yml": 80059,
414
+ "./pages/people-list/people-list.yml": 36920,
415
+ "./pages/programs/programs.yml": 51553,
416
+ "./pages/research/research.yml": 92818,
417
+ "./pages/study-plan-course/study-plan-course.yml": 43518,
418
+ "./pages/study-plan/study-plan.yml": 8798,
419
+ "./templates/base/base.yml": 76453
418
420
  };
419
421
 
420
422
 
@@ -1111,7 +1113,7 @@ var Element = /*#__PURE__*/function () {
1111
1113
  value: function all() {
1112
1114
  var all = []; // eslint-disable-next-line no-undef
1113
1115
 
1114
- var manifest = [{"type":"atoms","components":["alert","button","checkbox","collapse","definition-list","drawer","dropdown","favicon","figure","icon","input","link","list","loader","nav-lang","nav-toggle-mobile","nav-toggle","picture","popover","radio","range","select","separator","social-icon","tag","trapeze","upload","video"]},{"type":"molecules","components":["access-nav","avatar-teaser","breadcrumb","card-deck","card","carousel","collapse-group","cover","datepicker","filters","footnotes","form-group","gallery","key-number","links-group","list-group","map","metabox","pagination","question","quote","search","sidenotes","social-feed","social","sponsor","tables","tabs"]},{"type":"organisms","components":["card-slider","contact","cookie-consent","faq","footer","form","fullwidth-teaser","header","headlines","hero","introduction","key-number-group","modal","nav-aside","nav-main","newsletter-sign-up","restauration","social-feed-group"]},{"type":"content-types","components":["association","bachelor-project","basic-page","coursebook","cursus","event","institute","laboratory","news","press-review","program","project-list","project","publication","research-field","research-project","school","science-question","section","study-plan","training"]},{"type":"pages","components":["about","association-homepage","association-list","basic-page","blog-homepage","blog-single","campus","education","error-404","event-detail","event-homepage","event-list","facultes","homepage","innovation","lab-homepage","layout-demo","news-detail","news-homepage","people-detail","people-list","programs","research","study-plan-course","study-plan"]}];
1116
+ var manifest = [{"type":"atoms","components":["alert","button","checkbox","collapse","definition-list","drawer","dropdown","favicon","figure","icon","input","link","list","loader","nav-lang","nav-toggle-mobile","nav-toggle","picture","popover","radio","range","select","separator","social-icon","tag","trapeze","upload","video"]},{"type":"molecules","components":["access-nav","avatar-teaser","breadcrumb","card-deck","card","carousel","collapse-group","cover","datepicker","filters","footnotes","form-group","gallery","key-number","links-group","list-group","map","metabox","pagination","question","quote","search","sidenotes","social-feed","social","sponsor","tables","tabs"]},{"type":"organisms","components":["card-slider","contact","cookie-consent","faq","footer","form","fullwidth-teaser","header","headlines","hero","introduction","key-number-group","modal","nav-aside","nav-main","newsletter-sign-up","restauration","social-feed-group"]},{"type":"content-types","components":["association","bachelor-project","basic-page","coursebook","cursus","event","institute","laboratory","news","press-review","program","project-list","project","publication","research-field","research-project","school","science-question","section","study-plan","training"]},{"type":"pages","components":["about","association-homepage","association-list","basic-page","blog-homepage","blog-single","campus","education","error-404","event-detail","event-homepage","event-list","facultes","homepage","innovation","lab-homepage","layout-demo","maintenance","news-detail","news-homepage","people-detail","people-list","programs","research","study-plan-course","study-plan"]}];
1115
1117
 
1116
1118
  var _iterator = _createForOfIteratorHelper(manifest),
1117
1119
  _step;
@@ -1271,7 +1273,7 @@ module.exports = {
1271
1273
 
1272
1274
  /***/ }),
1273
1275
 
1274
- /***/ 68201:
1276
+ /***/ 44647:
1275
1277
  /***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {
1276
1278
 
1277
1279
  "use strict";
@@ -12363,7 +12365,7 @@ function SidebarDocs() {
12363
12365
  })));
12364
12366
  }
12365
12367
  ;// CONCATENATED MODULE: ./package.json
12366
- var package_namespaceObject = {"i8":"3.6.0"};
12368
+ var package_namespaceObject = {"i8":"4.0.0"};
12367
12369
  ;// CONCATENATED MODULE: ./reader/components/Sidebar/Sidebar.jsx
12368
12370
 
12369
12371
 
@@ -64306,7 +64308,7 @@ module.exports = "\n<div id=\"carouselNews\" class=\"carousel slide carousel-hig
64306
64308
  /***/ (function(module) {
64307
64309
 
64308
64310
  "use strict";
64309
- 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";
64311
+ 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";
64310
64312
 
64311
64313
  /***/ }),
64312
64314
 
@@ -64314,7 +64316,7 @@ module.exports = "<h4>Further readings</h4>\n\n<button\n class=\"collapse-title
64314
64316
  /***/ (function(module) {
64315
64317
 
64316
64318
  "use strict";
64317
- 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\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <a href=\"#\">Website</a><br/>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></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\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <a href=\"#\">Website</a><br/>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></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\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <a href=\"#\">Website</a><br/>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <a href=\"#\">CE 3 316</a>\n </div>\n </div>\n</div>\n";
64319
+ 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\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <a href=\"#\">Website</a><br/>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></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\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <a href=\"#\">Website</a><br/>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></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\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <a href=\"#\">Website</a><br/>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <a href=\"#\">CE 3 316</a>\n </div>\n </div>\n</div>\n";
64318
64320
 
64319
64321
  /***/ }),
64320
64322
 
@@ -64322,7 +64324,7 @@ module.exports = "<h4>Further readings</h4>\n\n<button\n class=\"collapse-title
64322
64324
  /***/ (function(module) {
64323
64325
 
64324
64326
  "use strict";
64325
- 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";
64327
+ 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";
64326
64328
 
64327
64329
  /***/ }),
64328
64330
 
@@ -64554,7 +64556,7 @@ module.exports = "<nav aria-label=\"Page navigation\">\n <ul class=\"pagination
64554
64556
  /***/ (function(module) {
64555
64557
 
64556
64558
  "use strict";
64557
- 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";
64559
+ 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";
64558
64560
 
64559
64561
  /***/ }),
64560
64562
 
@@ -64882,7 +64884,7 @@ module.exports = "<div class=\"form-group\">\n <label for=\"awesome-input\">Inp
64882
64884
  /***/ (function(module) {
64883
64885
 
64884
64886
  "use strict";
64885
- 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";
64887
+ 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";
64886
64888
 
64887
64889
  /***/ }),
64888
64890
 
@@ -64890,7 +64892,7 @@ module.exports = "\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">
64890
64892
  /***/ (function(module) {
64891
64893
 
64892
64894
  "use strict";
64893
- 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";
64895
+ 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";
64894
64896
 
64895
64897
  /***/ }),
64896
64898
 
@@ -64898,7 +64900,7 @@ module.exports = "<div class=\"fullwidth-teaser fullwidth-teaser-left\">\n\n <p
64898
64900
  /***/ (function(module) {
64899
64901
 
64900
64902
  "use strict";
64901
- 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";
64903
+ 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";
64902
64904
 
64903
64905
  /***/ }),
64904
64906
 
@@ -64954,7 +64956,7 @@ module.exports = "\n<header role=\"banner\" class=\"header\">\n <a class=\"logo
64954
64956
  /***/ (function(module) {
64955
64957
 
64956
64958
  "use strict";
64957
- 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 class=\"link-pretty\" href=\"#\">Toutes les actualités</a>\n </p>\n </div>\n </div>\n</div>\n";
64959
+ 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 class=\"link-pretty\" href=\"#\">Toutes les actualités</a>\n </p>\n </div>\n </div>\n</div>\n";
64958
64960
 
64959
64961
  /***/ }),
64960
64962
 
@@ -64962,7 +64964,7 @@ module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizon
64962
64964
  /***/ (function(module) {
64963
64965
 
64964
64966
  "use strict";
64965
- 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";
64967
+ 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";
64966
64968
 
64967
64969
  /***/ }),
64968
64970
 
@@ -64970,7 +64972,7 @@ module.exports = "<div class=\"hero\">\n <div class=\"hero-content-container\">
64970
64972
  /***/ (function(module) {
64971
64973
 
64972
64974
  "use strict";
64973
- 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";
64975
+ 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";
64974
64976
 
64975
64977
  /***/ }),
64976
64978
 
@@ -64986,7 +64988,7 @@ module.exports = "<div class=\"introduction bg-gray-100\">\n <div class=\"conta
64986
64988
  /***/ (function(module) {
64987
64989
 
64988
64990
  "use strict";
64989
- 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";
64991
+ 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";
64990
64992
 
64991
64993
  /***/ }),
64992
64994
 
@@ -65074,7 +65076,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
65074
65076
  /***/ (function(module) {
65075
65077
 
65076
65078
  "use strict";
65077
- 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 <a href=\"#\" 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 </a>\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 <div 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</div>\n</header>\n\n<div class=\"main-container\">\n \n <div>\n\n \n\n\n\n\n<div class=\"overlay\"></div>\n<nav class=\"nav-main\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container\">\n <ul class=\"nav-menu\">\n <li class=\"\n current-menu-ancestor\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/fr/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n À propos\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/presidency/fr/accueil/\">Présidence</a>\n </li>\n\n <li class=\"\n current-menu-parent\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/presentation/\">Présentation</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/presentation/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Présentation\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/histoire/\">Histoire de l'EPFL</a>\n </li>\n\n <li class=\"\n current-menu-item\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/\">Statistiques Institutionnelles</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Statistiques Institutionnelles\n </a>\n </li>\n <li class=\"\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/\">Statistiques Rankings</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Statistiques Rankings\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/glossaire-rankings/\">Glossaire Rankings</a>\n </li>\n\n </ul>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/identite/\">Identité</a>\n </li>\n\n </ul>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/education/fr/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Éducation\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n\n </ul>\n </div>\n </div>\n</nav>\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 class=\"link-pretty\" href=\"#\">Détails du communiqué</a><br>\n <a class=\"link-pretty\" 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 class=\"link-pretty\" href=\"#\">Détails du communiqué</a><br>\n <a class=\"link-pretty\" 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 class=\"link-pretty\" href=\"#\">Détails du communiqué</a><br>\n <a class=\"link-pretty\" 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\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/overview/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=\"https://twitter.com/epfl_en\" class=\"social-icon social-icon-twitter social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <span class=\"sr-only\">Follow us on Twitter</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.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 <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</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; 2021 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";
65079
+ 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 <a href=\"#\" 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 </a>\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 <div 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</div>\n</header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <div><button id=\"nav-toggle\" class=\"nav-toggle btn btn-secondary\">\n <span class=\"loader\" role=\"status\">\n <span class=\"sr-only\">Loading...</span>\n</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-browse\"></use></svg>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n Browse\n</button>\n</div>\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\"><a href=\"#\">Schools</a></li>\n <li class=\"breadcrumb-item\"><a href=\"#\">ENAC</a></li>\n <li class=\"breadcrumb-item\"><a href=\"#\">Formations</a></li>\n <li class=\"breadcrumb-item active\" aria-current=\"page\">Projets</li>\n </ol>\n</nav>\n </div>\n \n <div class=\"nav-toggle-layout nav-aside-layout\">\n\n \n\n\n\n\n<div class=\"overlay\"></div>\n<nav class=\"nav-main\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container\">\n <ul class=\"nav-menu\">\n <li class=\"\n current-menu-ancestor\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/fr/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n À propos\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/presidency/fr/accueil/\">Présidence</a>\n </li>\n\n <li class=\"\n current-menu-parent\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/presentation/\">Présentation</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/presentation/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Présentation\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/histoire/\">Histoire de l'EPFL</a>\n </li>\n\n <li class=\"\n current-menu-item\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/\">Statistiques Institutionnelles</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Statistiques Institutionnelles\n </a>\n </li>\n <li class=\"\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/\">Statistiques Rankings</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Statistiques Rankings\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/glossaire-rankings/\">Glossaire Rankings</a>\n </li>\n\n </ul>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/identite/\">Identité</a>\n </li>\n\n </ul>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/education/fr/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Éducation\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n\n </ul>\n </div>\n </div>\n</nav>\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 class=\"link-pretty\" href=\"#\">Détails du communiqué</a><br>\n <a class=\"link-pretty\" 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 class=\"link-pretty\" href=\"#\">Détails du communiqué</a><br>\n <a class=\"link-pretty\" 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 class=\"link-pretty\" href=\"#\">Détails du communiqué</a><br>\n <a class=\"link-pretty\" 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\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\">Dans la même section</h2>\n <ul>\n <li class=\"active\">\n <a href=\"#\">\n Laboratory Full Name\n <span class=\"sr-only\">(page courante)</span>\n </a>\n <ul>\n <li><a href=\"#\">Projects</a></li>\n <li><a href=\"#\">Publications</a></li>\n <li><a href=\"#\">News</a></li>\n <li><a href=\"#\">Team</a></li>\n <li><a href=\"#\">Teaching</a></li>\n </ul>\n </li>\n </ul>\n</nav>\n </aside>\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/overview/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=\"https://twitter.com/epfl_en\" class=\"social-icon social-icon-twitter social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <span class=\"sr-only\">Follow us on Twitter</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.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 <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</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; 2021 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";
65078
65080
 
65079
65081
  /***/ }),
65080
65082
 
@@ -65130,7 +65132,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
65130
65132
  /***/ (function(module) {
65131
65133
 
65132
65134
  "use strict";
65133
- module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n <header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">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 <div 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</div>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div>\n\n \n\n\n\n\n<div class=\"overlay\"></div>\n<nav class=\"nav-main\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container\">\n <ul class=\"nav-menu\">\n <li class=\"\n current-menu-ancestor\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/fr/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n À propos\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/presidency/fr/accueil/\">Présidence</a>\n </li>\n\n <li class=\"\n current-menu-parent\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/presentation/\">Présentation</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/presentation/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Présentation\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/histoire/\">Histoire de l'EPFL</a>\n </li>\n\n <li class=\"\n current-menu-item\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/\">Statistiques Institutionnelles</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Statistiques Institutionnelles\n </a>\n </li>\n <li class=\"\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/\">Statistiques Rankings</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Statistiques Rankings\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/glossaire-rankings/\">Glossaire Rankings</a>\n </li>\n\n </ul>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/identite/\">Identité</a>\n </li>\n\n </ul>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/education/fr/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Éducation\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n\n </ul>\n </div>\n </div>\n</nav>\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 class=\"link-pretty\" 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\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=\"https://twitter.com/epfl_en\" class=\"social-icon social-icon-twitter social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <span class=\"sr-only\">Follow us on Twitter</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.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 <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</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; 2021 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";
65135
+ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n <header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">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 <div 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</div>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div>\n\n \n\n\n\n\n<div class=\"overlay\"></div>\n<nav class=\"nav-main\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container\">\n <ul class=\"nav-menu\">\n <li class=\"\n current-menu-ancestor\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/fr/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n À propos\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/presidency/fr/accueil/\">Présidence</a>\n </li>\n\n <li class=\"\n current-menu-parent\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/presentation/\">Présentation</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/presentation/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Présentation\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/histoire/\">Histoire de l'EPFL</a>\n </li>\n\n <li class=\"\n current-menu-item\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/\">Statistiques Institutionnelles</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Statistiques Institutionnelles\n </a>\n </li>\n <li class=\"\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/\">Statistiques Rankings</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Statistiques Rankings\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/glossaire-rankings/\">Glossaire Rankings</a>\n </li>\n\n </ul>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/identite/\">Identité</a>\n </li>\n\n </ul>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/education/fr/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Éducation\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n\n </ul>\n </div>\n </div>\n</nav>\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 class=\"link-pretty\" 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\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=\"https://twitter.com/epfl_en\" class=\"social-icon social-icon-twitter social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <span class=\"sr-only\">Follow us on Twitter</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.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 <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</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; 2021 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";
65134
65136
 
65135
65137
  /***/ }),
65136
65138
 
@@ -65154,7 +65156,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
65154
65156
  /***/ (function(module) {
65155
65157
 
65156
65158
  "use strict";
65157
- 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 <div 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</div>\n</header>\n\n<div class=\"main-container\">\n \n <div>\n\n \n\n\n\n\n<div class=\"overlay\"></div>\n<nav class=\"nav-main\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container\">\n <ul class=\"nav-menu\">\n <li class=\"\n current-menu-ancestor\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/fr/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n À propos\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/presidency/fr/accueil/\">Présidence</a>\n </li>\n\n <li class=\"\n current-menu-parent\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/presentation/\">Présentation</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/presentation/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Présentation\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/histoire/\">Histoire de l'EPFL</a>\n </li>\n\n <li class=\"\n current-menu-item\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/\">Statistiques Institutionnelles</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Statistiques Institutionnelles\n </a>\n </li>\n <li class=\"\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/\">Statistiques Rankings</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Statistiques Rankings\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/glossaire-rankings/\">Glossaire Rankings</a>\n </li>\n\n </ul>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/identite/\">Identité</a>\n </li>\n\n </ul>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/education/fr/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Éducation\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n\n </ul>\n </div>\n </div>\n</nav>\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 class=\"link-pretty\" 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 <span class=\"card-info-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span>13:00</span>\n <span>17:30</span>\n <p>\n <span itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n Avec <b>Prof. Dr. Aditya Mueller</b>\n </span>\n <span itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <br>\n Lieu : <b><span itemprop=\"name\">ArtLab EPFL</span></b>\n <br> Catégorie : <b>Événements culturel</b>\n </span>\n </p>\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 <span class=\"card-info-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span>13:00</span>\n <span>17:30</span>\n <p>\n <span itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n Avec <b>Prof. Dr. Aditya Mueller</b>\n </span>\n <span itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <br>\n Lieu : <b><span itemprop=\"name\">ArtLab EPFL</span></b>\n <br> Catégorie : <b>Événements culturel</b>\n </span>\n </p>\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 <span class=\"card-info-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span>13:00</span>\n <span>17:30</span>\n <p>\n <span itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n Avec <b>Prof. Dr. Aditya Mueller</b>\n </span>\n <span itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <br>\n Lieu : <b><span itemprop=\"name\">ArtLab EPFL</span></b>\n <br> Catégorie : <b>Événements culturel</b>\n </span>\n </p>\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 <span class=\"card-info-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span>13:00</span>\n <span>17:30</span>\n <p>\n <span itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n Avec <b>Prof. Dr. Aditya Mueller</b>\n </span>\n <span itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <br>\n Lieu : <b><span itemprop=\"name\">ArtLab EPFL</span></b>\n <br> Catégorie : <b>Événements culturel</b>\n </span>\n </p>\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 <span class=\"card-info-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span>13:00</span>\n <span>17:30</span>\n <p>\n <span itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n Avec <b>Prof. Dr. Aditya Mueller</b>\n </span>\n <span itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <br>\n Lieu : <b><span itemprop=\"name\">ArtLab EPFL</span></b>\n <br> Catégorie : <b>Événements culturel</b>\n </span>\n </p>\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 <span class=\"card-info-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span>13:00</span>\n <span>17:30</span>\n <p>\n <span itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n Avec <b>Prof. Dr. Aditya Mueller</b>\n </span>\n <span itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <br>\n Lieu : <b><span itemprop=\"name\">ArtLab EPFL</span></b>\n <br> Catégorie : <b>Événements culturel</b>\n </span>\n </p>\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-twitter social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <span class=\"sr-only\">Twitter</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 Twitter</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\">Twitter</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\">Twitter</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\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/overview/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=\"https://twitter.com/epfl_en\" class=\"social-icon social-icon-twitter social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <span class=\"sr-only\">Follow us on Twitter</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.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 <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</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; 2021 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";
65159
+ 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 <div 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</div>\n</header>\n\n<div class=\"main-container\">\n \n <div>\n\n \n\n\n\n\n<div class=\"overlay\"></div>\n<nav class=\"nav-main\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container\">\n <ul class=\"nav-menu\">\n <li class=\"\n current-menu-ancestor\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/fr/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n À propos\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/presidency/fr/accueil/\">Présidence</a>\n </li>\n\n <li class=\"\n current-menu-parent\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/presentation/\">Présentation</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/presentation/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Présentation\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/histoire/\">Histoire de l'EPFL</a>\n </li>\n\n <li class=\"\n current-menu-item\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/\">Statistiques Institutionnelles</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Statistiques Institutionnelles\n </a>\n </li>\n <li class=\"\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/\">Statistiques Rankings</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Statistiques Rankings\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/glossaire-rankings/\">Glossaire Rankings</a>\n </li>\n\n </ul>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/identite/\">Identité</a>\n </li>\n\n </ul>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/education/fr/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Éducation\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n\n </ul>\n </div>\n </div>\n</nav>\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 class=\"link-pretty\" 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 <span class=\"card-info-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span>13:00</span>\n <span>17:30</span>\n <p>\n <span itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n Avec <b>Prof. Dr. Aditya Mueller</b>\n </span>\n <span itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <br>\n Lieu : <b><span itemprop=\"name\">ArtLab EPFL</span></b>\n <br> Catégorie : <b>Événements culturel</b>\n </span>\n </p>\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 <span class=\"card-info-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span>13:00</span>\n <span>17:30</span>\n <p>\n <span itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n Avec <b>Prof. Dr. Aditya Mueller</b>\n </span>\n <span itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <br>\n Lieu : <b><span itemprop=\"name\">ArtLab EPFL</span></b>\n <br> Catégorie : <b>Événements culturel</b>\n </span>\n </p>\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 <span class=\"card-info-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span>13:00</span>\n <span>17:30</span>\n <p>\n <span itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n Avec <b>Prof. Dr. Aditya Mueller</b>\n </span>\n <span itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <br>\n Lieu : <b><span itemprop=\"name\">ArtLab EPFL</span></b>\n <br> Catégorie : <b>Événements culturel</b>\n </span>\n </p>\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 <span class=\"card-info-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span>13:00</span>\n <span>17:30</span>\n <p>\n <span itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n Avec <b>Prof. Dr. Aditya Mueller</b>\n </span>\n <span itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <br>\n Lieu : <b><span itemprop=\"name\">ArtLab EPFL</span></b>\n <br> Catégorie : <b>Événements culturel</b>\n </span>\n </p>\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 <span class=\"card-info-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span>13:00</span>\n <span>17:30</span>\n <p>\n <span itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n Avec <b>Prof. Dr. Aditya Mueller</b>\n </span>\n <span itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <br>\n Lieu : <b><span itemprop=\"name\">ArtLab EPFL</span></b>\n <br> Catégorie : <b>Événements culturel</b>\n </span>\n </p>\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 <span class=\"card-info-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n <span>13:00</span>\n <span>17:30</span>\n <p>\n <span itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n Avec <b>Prof. Dr. Aditya Mueller</b>\n </span>\n <span itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n <br>\n Lieu : <b><span itemprop=\"name\">ArtLab EPFL</span></b>\n <br> Catégorie : <b>Événements culturel</b>\n </span>\n </p>\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-twitter social-icon-round\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <span class=\"sr-only\">Twitter</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 Twitter</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\">Twitter</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\">Twitter</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\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/overview/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=\"https://twitter.com/epfl_en\" class=\"social-icon social-icon-twitter social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <span class=\"sr-only\">Follow us on Twitter</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.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 <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</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; 2021 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";
65158
65160
 
65159
65161
  /***/ }),
65160
65162
 
@@ -65182,6 +65184,14 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
65182
65184
 
65183
65185
  /***/ }),
65184
65186
 
65187
+ /***/ 31230:
65188
+ /***/ (function(module) {
65189
+
65190
+ "use strict";
65191
+ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n <header role=\"banner\" class=\"header\">\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 </header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item\">Maintenance</li>\n </ol>\n </nav>\n </div>\n\n <div>\n\n \n\n\n\n\n<div class=\"overlay\"></div>\n<nav class=\"nav-main\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container\">\n <ul class=\"nav-menu\">\n <li class=\"\n current-menu-ancestor\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/fr/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n À propos\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/presidency/fr/accueil/\">Présidence</a>\n </li>\n\n <li class=\"\n current-menu-parent\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/presentation/\">Présentation</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/presentation/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Présentation\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/histoire/\">Histoire de l'EPFL</a>\n </li>\n\n <li class=\"\n current-menu-item\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/\">Statistiques Institutionnelles</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Statistiques Institutionnelles\n </a>\n </li>\n <li class=\"\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/\">Statistiques Rankings</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Statistiques Rankings\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/glossaire-rankings/\">Glossaire Rankings</a>\n </li>\n\n </ul>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/identite/\">Identité</a>\n </li>\n\n </ul>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/education/fr/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Éducation\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n\n </ul>\n </div>\n </div>\n</nav>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container\">\n\n <h1 class=\"my-5\">Maintenance</h1>\n <p>\n The site is currently under maintenance. Please come back a little later.\n </p>\n <p>\n Le site est actuellement en maintenance. Merci de revenir un peu plus tard.\n </p>\n \n </main>\n\n </div>\n\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=\"https://twitter.com/epfl_en\" class=\"social-icon social-icon-twitter social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <span class=\"sr-only\">Follow us on Twitter</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.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 <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</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; 2021 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";
65192
+
65193
+ /***/ }),
65194
+
65185
65195
  /***/ 49866:
65186
65196
  /***/ (function(module) {
65187
65197
 
@@ -65194,7 +65204,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
65194
65204
  /***/ (function(module) {
65195
65205
 
65196
65206
  "use strict";
65197
- module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n <header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">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 <div 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</div>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div>\n\n \n\n\n\n\n<div class=\"overlay\"></div>\n<nav class=\"nav-main\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container\">\n <ul class=\"nav-menu\">\n <li class=\"\n current-menu-ancestor\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/fr/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n À propos\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/presidency/fr/accueil/\">Présidence</a>\n </li>\n\n <li class=\"\n current-menu-parent\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/presentation/\">Présentation</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/presentation/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Présentation\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/histoire/\">Histoire de l'EPFL</a>\n </li>\n\n <li class=\"\n current-menu-item\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/\">Statistiques Institutionnelles</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Statistiques Institutionnelles\n </a>\n </li>\n <li class=\"\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/\">Statistiques Rankings</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Statistiques Rankings\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/glossaire-rankings/\">Glossaire Rankings</a>\n </li>\n\n </ul>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/identite/\">Identité</a>\n </li>\n\n </ul>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/education/fr/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Éducation\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n\n </ul>\n </div>\n </div>\n</nav>\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\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=\"https://twitter.com/epfl_en\" class=\"social-icon social-icon-twitter social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <span class=\"sr-only\">Follow us on Twitter</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.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 <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</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; 2021 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";
65207
+ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n <header role=\"banner\" class=\"header header-light\">\n <div class=\"header-light-content\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n <p class=\"site-title\">\n <a href=\"#\">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 <div 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</div>\n </div>\n</header>\n\n<div class=\"main-container\">\n \n <div>\n\n \n\n\n\n\n<div class=\"overlay\"></div>\n<nav class=\"nav-main\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container\">\n <ul class=\"nav-menu\">\n <li class=\"\n current-menu-ancestor\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/fr/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n À propos\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/presidency/fr/accueil/\">Présidence</a>\n </li>\n\n <li class=\"\n current-menu-parent\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/presentation/\">Présentation</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/presentation/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Présentation\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/histoire/\">Histoire de l'EPFL</a>\n </li>\n\n <li class=\"\n current-menu-item\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/\">Statistiques Institutionnelles</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Statistiques Institutionnelles\n </a>\n </li>\n <li class=\"\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/\">Statistiques Rankings</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Statistiques Rankings\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/statistiques-institutionnelles/statistiques-rankings/glossaire-rankings/\">Glossaire Rankings</a>\n </li>\n\n </ul>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/about/overview/fr/identite/\">Identité</a>\n </li>\n\n </ul>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n menu-item-has-children\">\n <a href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n <a href=\"#\" role=\"button\" aria-hidden=\"true\" class=\"nav-arrow\">\n <div class=\"icon-container\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </div>\n </a>\n <ul>\n <li class=\"nav-back\">\n <a href=\"https://www.epfl.ch/education/fr/\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n Éducation\n </a>\n </li>\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n </li>\n\n </ul>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n </li>\n\n <li class=\"\n \">\n <a href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n </li>\n\n </ul>\n </div>\n </div>\n</nav>\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\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=\"https://twitter.com/epfl_en\" class=\"social-icon social-icon-twitter social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n <span class=\"sr-only\">Follow us on Twitter</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.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 <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</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; 2021 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";
65198
65208
 
65199
65209
  /***/ }),
65200
65210
 
@@ -66878,7 +66888,7 @@ function extend() {
66878
66888
 
66879
66889
  /***/ }),
66880
66890
 
66881
- /***/ 82503:
66891
+ /***/ 62632:
66882
66892
  /***/ (function(module) {
66883
66893
 
66884
66894
  "use strict";
@@ -66886,7 +66896,7 @@ module.exports = JSON.parse('{"title":"Alert","name":"alert","notes":"Alerts hel
66886
66896
 
66887
66897
  /***/ }),
66888
66898
 
66889
- /***/ 74172:
66899
+ /***/ 4907:
66890
66900
  /***/ (function(module) {
66891
66901
 
66892
66902
  "use strict";
@@ -66894,7 +66904,7 @@ module.exports = JSON.parse('{"title":"Button","name":"button","variants":[{"nam
66894
66904
 
66895
66905
  /***/ }),
66896
66906
 
66897
- /***/ 50654:
66907
+ /***/ 63024:
66898
66908
  /***/ (function(module) {
66899
66909
 
66900
66910
  "use strict";
@@ -66902,7 +66912,7 @@ module.exports = JSON.parse('{"title":"Checkbox","name":"checkbox","variants":[{
66902
66912
 
66903
66913
  /***/ }),
66904
66914
 
66905
- /***/ 5889:
66915
+ /***/ 66988:
66906
66916
  /***/ (function(module) {
66907
66917
 
66908
66918
  "use strict";
@@ -66910,7 +66920,7 @@ module.exports = JSON.parse('{"title":"Collapse","name":"collapse","variants":[{
66910
66920
 
66911
66921
  /***/ }),
66912
66922
 
66913
- /***/ 7887:
66923
+ /***/ 13295:
66914
66924
  /***/ (function(module) {
66915
66925
 
66916
66926
  "use strict";
@@ -66918,7 +66928,7 @@ module.exports = JSON.parse('{"title":"Definition list","name":"definition-list"
66918
66928
 
66919
66929
  /***/ }),
66920
66930
 
66921
- /***/ 27645:
66931
+ /***/ 27657:
66922
66932
  /***/ (function(module) {
66923
66933
 
66924
66934
  "use strict";
@@ -66926,7 +66936,7 @@ module.exports = JSON.parse('{"title":"Drawer","name":"drawer","notes":"The draw
66926
66936
 
66927
66937
  /***/ }),
66928
66938
 
66929
- /***/ 61519:
66939
+ /***/ 49931:
66930
66940
  /***/ (function(module) {
66931
66941
 
66932
66942
  "use strict";
@@ -66934,7 +66944,7 @@ module.exports = JSON.parse('{"name":"dropdown","title":"Dropdown","notes":"The
66934
66944
 
66935
66945
  /***/ }),
66936
66946
 
66937
- /***/ 1434:
66947
+ /***/ 38950:
66938
66948
  /***/ (function(module) {
66939
66949
 
66940
66950
  "use strict";
@@ -66942,7 +66952,7 @@ module.exports = JSON.parse('{"title":"favicon","name":"favicon"}');
66942
66952
 
66943
66953
  /***/ }),
66944
66954
 
66945
- /***/ 27431:
66955
+ /***/ 450:
66946
66956
  /***/ (function(module) {
66947
66957
 
66948
66958
  "use strict";
@@ -66950,7 +66960,7 @@ module.exports = JSON.parse('{"title":"Figure","name":"figure","notes":"This com
66950
66960
 
66951
66961
  /***/ }),
66952
66962
 
66953
- /***/ 40486:
66963
+ /***/ 61428:
66954
66964
  /***/ (function(module) {
66955
66965
 
66956
66966
  "use strict";
@@ -66958,7 +66968,7 @@ module.exports = JSON.parse('{"title":"Icon","name":"icon","notes":"Icons or pic
66958
66968
 
66959
66969
  /***/ }),
66960
66970
 
66961
- /***/ 20130:
66971
+ /***/ 61790:
66962
66972
  /***/ (function(module) {
66963
66973
 
66964
66974
  "use strict";
@@ -66966,7 +66976,7 @@ module.exports = JSON.parse('{"title":"Input","name":"input","variants":[{"name"
66966
66976
 
66967
66977
  /***/ }),
66968
66978
 
66969
- /***/ 34559:
66979
+ /***/ 93443:
66970
66980
  /***/ (function(module) {
66971
66981
 
66972
66982
  "use strict";
@@ -66974,7 +66984,7 @@ module.exports = JSON.parse('{"title":"Link","name":"link","notes":"A link is a
66974
66984
 
66975
66985
  /***/ }),
66976
66986
 
66977
- /***/ 63260:
66987
+ /***/ 95694:
66978
66988
  /***/ (function(module) {
66979
66989
 
66980
66990
  "use strict";
@@ -66982,7 +66992,7 @@ module.exports = JSON.parse('{"name":"list","title":"Lists","variants":[{"name":
66982
66992
 
66983
66993
  /***/ }),
66984
66994
 
66985
- /***/ 43956:
66995
+ /***/ 55794:
66986
66996
  /***/ (function(module) {
66987
66997
 
66988
66998
  "use strict";
@@ -66990,7 +67000,7 @@ module.exports = JSON.parse('{"title":"Loader","name":"loader"}');
66990
67000
 
66991
67001
  /***/ }),
66992
67002
 
66993
- /***/ 73916:
67003
+ /***/ 40602:
66994
67004
  /***/ (function(module) {
66995
67005
 
66996
67006
  "use strict";
@@ -66998,7 +67008,7 @@ module.exports = JSON.parse('{"title":"Nav lang","name":"nav-lang","variants":[{
66998
67008
 
66999
67009
  /***/ }),
67000
67010
 
67001
- /***/ 92304:
67011
+ /***/ 74208:
67002
67012
  /***/ (function(module) {
67003
67013
 
67004
67014
  "use strict";
@@ -67006,7 +67016,7 @@ module.exports = JSON.parse('{"title":"Nav toggle mobile","name":"nav-toggle-mob
67006
67016
 
67007
67017
  /***/ }),
67008
67018
 
67009
- /***/ 1483:
67019
+ /***/ 19712:
67010
67020
  /***/ (function(module) {
67011
67021
 
67012
67022
  "use strict";
@@ -67014,7 +67024,7 @@ module.exports = JSON.parse('{"title":"Nav toggle","name":"nav-toggle","variants
67014
67024
 
67015
67025
  /***/ }),
67016
67026
 
67017
- /***/ 53764:
67027
+ /***/ 25973:
67018
67028
  /***/ (function(module) {
67019
67029
 
67020
67030
  "use strict";
@@ -67022,7 +67032,7 @@ module.exports = JSON.parse('{"title":"Picture","name":"picture","wrapper":"col-
67022
67032
 
67023
67033
  /***/ }),
67024
67034
 
67025
- /***/ 75446:
67035
+ /***/ 99307:
67026
67036
  /***/ (function(module) {
67027
67037
 
67028
67038
  "use strict";
@@ -67030,7 +67040,7 @@ module.exports = JSON.parse('{"name":"popover","title":"Popover","notes":"If you
67030
67040
 
67031
67041
  /***/ }),
67032
67042
 
67033
- /***/ 14014:
67043
+ /***/ 60215:
67034
67044
  /***/ (function(module) {
67035
67045
 
67036
67046
  "use strict";
@@ -67038,7 +67048,7 @@ module.exports = JSON.parse('{"title":"Radio","name":"radio","variants":[{"name"
67038
67048
 
67039
67049
  /***/ }),
67040
67050
 
67041
- /***/ 65314:
67051
+ /***/ 24299:
67042
67052
  /***/ (function(module) {
67043
67053
 
67044
67054
  "use strict";
@@ -67046,7 +67056,7 @@ module.exports = JSON.parse('{"title":"Range","name":"range","notes":"Custom ran
67046
67056
 
67047
67057
  /***/ }),
67048
67058
 
67049
- /***/ 21562:
67059
+ /***/ 31643:
67050
67060
  /***/ (function(module) {
67051
67061
 
67052
67062
  "use strict";
@@ -67054,7 +67064,7 @@ module.exports = JSON.parse('{"title":"Select","name":"select","variants":[{"nam
67054
67064
 
67055
67065
  /***/ }),
67056
67066
 
67057
- /***/ 54713:
67067
+ /***/ 65829:
67058
67068
  /***/ (function(module) {
67059
67069
 
67060
67070
  "use strict";
@@ -67062,7 +67072,7 @@ module.exports = JSON.parse('{"title":"Separator","name":"separator","notes":"Us
67062
67072
 
67063
67073
  /***/ }),
67064
67074
 
67065
- /***/ 48355:
67075
+ /***/ 17488:
67066
67076
  /***/ (function(module) {
67067
67077
 
67068
67078
  "use strict";
@@ -67070,7 +67080,7 @@ module.exports = JSON.parse('{"title":"Social icon","name":"social-icon","varian
67070
67080
 
67071
67081
  /***/ }),
67072
67082
 
67073
- /***/ 8660:
67083
+ /***/ 8726:
67074
67084
  /***/ (function(module) {
67075
67085
 
67076
67086
  "use strict";
@@ -67078,7 +67088,7 @@ module.exports = JSON.parse('{"title":"Tag","name":"tag","variants":[{"name":"in
67078
67088
 
67079
67089
  /***/ }),
67080
67090
 
67081
- /***/ 41055:
67091
+ /***/ 82479:
67082
67092
  /***/ (function(module) {
67083
67093
 
67084
67094
  "use strict";
@@ -67086,7 +67096,7 @@ module.exports = JSON.parse('{"name":"trapeze","title":"Trapeze","notes":"The tr
67086
67096
 
67087
67097
  /***/ }),
67088
67098
 
67089
- /***/ 59127:
67099
+ /***/ 5889:
67090
67100
  /***/ (function(module) {
67091
67101
 
67092
67102
  "use strict";
@@ -67094,7 +67104,7 @@ module.exports = JSON.parse('{"title":"Upload","name":"upload","notes":"If you w
67094
67104
 
67095
67105
  /***/ }),
67096
67106
 
67097
- /***/ 99205:
67107
+ /***/ 57030:
67098
67108
  /***/ (function(module) {
67099
67109
 
67100
67110
  "use strict";
@@ -67102,7 +67112,7 @@ module.exports = JSON.parse('{"title":"Video","name":"video","notes":"This is an
67102
67112
 
67103
67113
  /***/ }),
67104
67114
 
67105
- /***/ 19925:
67115
+ /***/ 37662:
67106
67116
  /***/ (function(module) {
67107
67117
 
67108
67118
  "use strict";
@@ -67110,7 +67120,7 @@ module.exports = JSON.parse('{"title":"Association","name":"association","wrappe
67110
67120
 
67111
67121
  /***/ }),
67112
67122
 
67113
- /***/ 52408:
67123
+ /***/ 5976:
67114
67124
  /***/ (function(module) {
67115
67125
 
67116
67126
  "use strict";
@@ -67118,7 +67128,7 @@ module.exports = JSON.parse('{"title":"Bachelor project","name":"bachelor-projec
67118
67128
 
67119
67129
  /***/ }),
67120
67130
 
67121
- /***/ 61285:
67131
+ /***/ 57922:
67122
67132
  /***/ (function(module) {
67123
67133
 
67124
67134
  "use strict";
@@ -67126,7 +67136,7 @@ module.exports = JSON.parse('{"title":"Basic page","name":"basic-page","wrapper"
67126
67136
 
67127
67137
  /***/ }),
67128
67138
 
67129
- /***/ 46454:
67139
+ /***/ 74098:
67130
67140
  /***/ (function(module) {
67131
67141
 
67132
67142
  "use strict";
@@ -67134,7 +67144,7 @@ module.exports = JSON.parse('{"title":"Coursebook","name":"coursebook","wrapper"
67134
67144
 
67135
67145
  /***/ }),
67136
67146
 
67137
- /***/ 73072:
67147
+ /***/ 32325:
67138
67148
  /***/ (function(module) {
67139
67149
 
67140
67150
  "use strict";
@@ -67142,7 +67152,7 @@ module.exports = JSON.parse('{"title":"Cursus","name":"cursus","wrapper":"col-md
67142
67152
 
67143
67153
  /***/ }),
67144
67154
 
67145
- /***/ 27183:
67155
+ /***/ 68400:
67146
67156
  /***/ (function(module) {
67147
67157
 
67148
67158
  "use strict";
@@ -67150,7 +67160,7 @@ module.exports = JSON.parse('{"title":"Event","name":"event","wrapper":"col-md-5
67150
67160
 
67151
67161
  /***/ }),
67152
67162
 
67153
- /***/ 54579:
67163
+ /***/ 70898:
67154
67164
  /***/ (function(module) {
67155
67165
 
67156
67166
  "use strict";
@@ -67158,7 +67168,7 @@ module.exports = JSON.parse('{"title":"Institute","name":"institute","wrapper":"
67158
67168
 
67159
67169
  /***/ }),
67160
67170
 
67161
- /***/ 94705:
67171
+ /***/ 51658:
67162
67172
  /***/ (function(module) {
67163
67173
 
67164
67174
  "use strict";
@@ -67166,7 +67176,7 @@ module.exports = JSON.parse('{"title":"Laboratory","name":"laboratory","wrapper"
67166
67176
 
67167
67177
  /***/ }),
67168
67178
 
67169
- /***/ 84491:
67179
+ /***/ 17917:
67170
67180
  /***/ (function(module) {
67171
67181
 
67172
67182
  "use strict";
@@ -67174,7 +67184,7 @@ module.exports = JSON.parse('{"title":"News","name":"news","variants":[{"name":"
67174
67184
 
67175
67185
  /***/ }),
67176
67186
 
67177
- /***/ 50909:
67187
+ /***/ 69246:
67178
67188
  /***/ (function(module) {
67179
67189
 
67180
67190
  "use strict";
@@ -67182,7 +67192,7 @@ module.exports = JSON.parse('{"title":"Press review","name":"press-review","wrap
67182
67192
 
67183
67193
  /***/ }),
67184
67194
 
67185
- /***/ 13670:
67195
+ /***/ 26825:
67186
67196
  /***/ (function(module) {
67187
67197
 
67188
67198
  "use strict";
@@ -67190,7 +67200,7 @@ module.exports = JSON.parse('{"title":"Program","name":"program","wrapper":"col-
67190
67200
 
67191
67201
  /***/ }),
67192
67202
 
67193
- /***/ 60161:
67203
+ /***/ 8966:
67194
67204
  /***/ (function(module) {
67195
67205
 
67196
67206
  "use strict";
@@ -67198,7 +67208,7 @@ module.exports = JSON.parse('{"title":"Project list","name":"project-list"}');
67198
67208
 
67199
67209
  /***/ }),
67200
67210
 
67201
- /***/ 40149:
67211
+ /***/ 99571:
67202
67212
  /***/ (function(module) {
67203
67213
 
67204
67214
  "use strict";
@@ -67206,7 +67216,7 @@ module.exports = JSON.parse('{"title":"Project","name":"project"}');
67206
67216
 
67207
67217
  /***/ }),
67208
67218
 
67209
- /***/ 26384:
67219
+ /***/ 47147:
67210
67220
  /***/ (function(module) {
67211
67221
 
67212
67222
  "use strict";
@@ -67214,7 +67224,7 @@ module.exports = JSON.parse('{"title":"Publication","name":"publication"}');
67214
67224
 
67215
67225
  /***/ }),
67216
67226
 
67217
- /***/ 92827:
67227
+ /***/ 59656:
67218
67228
  /***/ (function(module) {
67219
67229
 
67220
67230
  "use strict";
@@ -67222,7 +67232,7 @@ module.exports = JSON.parse('{"title":"Research field","name":"research-field","
67222
67232
 
67223
67233
  /***/ }),
67224
67234
 
67225
- /***/ 61834:
67235
+ /***/ 82108:
67226
67236
  /***/ (function(module) {
67227
67237
 
67228
67238
  "use strict";
@@ -67230,7 +67240,7 @@ module.exports = JSON.parse('{"title":"Research project","name":"research-projec
67230
67240
 
67231
67241
  /***/ }),
67232
67242
 
67233
- /***/ 81336:
67243
+ /***/ 19785:
67234
67244
  /***/ (function(module) {
67235
67245
 
67236
67246
  "use strict";
@@ -67238,7 +67248,7 @@ module.exports = JSON.parse('{"title":"School","name":"school","wrapper":"col-md
67238
67248
 
67239
67249
  /***/ }),
67240
67250
 
67241
- /***/ 55531:
67251
+ /***/ 93750:
67242
67252
  /***/ (function(module) {
67243
67253
 
67244
67254
  "use strict";
@@ -67246,7 +67256,7 @@ module.exports = JSON.parse('{"title":"Science question","name":"science-questio
67246
67256
 
67247
67257
  /***/ }),
67248
67258
 
67249
- /***/ 74049:
67259
+ /***/ 54174:
67250
67260
  /***/ (function(module) {
67251
67261
 
67252
67262
  "use strict";
@@ -67254,7 +67264,7 @@ module.exports = JSON.parse('{"title":"Section","name":"section","wrapper":"col-
67254
67264
 
67255
67265
  /***/ }),
67256
67266
 
67257
- /***/ 94325:
67267
+ /***/ 91789:
67258
67268
  /***/ (function(module) {
67259
67269
 
67260
67270
  "use strict";
@@ -67262,7 +67272,7 @@ module.exports = JSON.parse('{"title":"Study plan","name":"study-plan","notes":"
67262
67272
 
67263
67273
  /***/ }),
67264
67274
 
67265
- /***/ 95996:
67275
+ /***/ 79799:
67266
67276
  /***/ (function(module) {
67267
67277
 
67268
67278
  "use strict";
@@ -67270,7 +67280,7 @@ module.exports = JSON.parse('{"title":"Training","name":"training","wrapper":"co
67270
67280
 
67271
67281
  /***/ }),
67272
67282
 
67273
- /***/ 27627:
67283
+ /***/ 44954:
67274
67284
  /***/ (function(module) {
67275
67285
 
67276
67286
  "use strict";
@@ -67278,7 +67288,7 @@ module.exports = JSON.parse('{"name":"access-nav","title":"Access navigation","n
67278
67288
 
67279
67289
  /***/ }),
67280
67290
 
67281
- /***/ 6469:
67291
+ /***/ 72828:
67282
67292
  /***/ (function(module) {
67283
67293
 
67284
67294
  "use strict";
@@ -67286,7 +67296,7 @@ module.exports = JSON.parse('{"name":"avatar-teaser","title":"Avatar teaser","no
67286
67296
 
67287
67297
  /***/ }),
67288
67298
 
67289
- /***/ 3224:
67299
+ /***/ 25437:
67290
67300
  /***/ (function(module) {
67291
67301
 
67292
67302
  "use strict";
@@ -67294,7 +67304,7 @@ module.exports = JSON.parse('{"title":"Breadcrumb","name":"breadcrumb","notes":"
67294
67304
 
67295
67305
  /***/ }),
67296
67306
 
67297
- /***/ 76762:
67307
+ /***/ 71377:
67298
67308
  /***/ (function(module) {
67299
67309
 
67300
67310
  "use strict";
@@ -67302,7 +67312,7 @@ module.exports = JSON.parse('{"title":"Card Deck","name":"card-deck","variants":
67302
67312
 
67303
67313
  /***/ }),
67304
67314
 
67305
- /***/ 29936:
67315
+ /***/ 79205:
67306
67316
  /***/ (function(module) {
67307
67317
 
67308
67318
  "use strict";
@@ -67310,7 +67320,7 @@ module.exports = JSON.parse('{"title":"Card","name":"card","wrapper":"col-md-6",
67310
67320
 
67311
67321
  /***/ }),
67312
67322
 
67313
- /***/ 38737:
67323
+ /***/ 76615:
67314
67324
  /***/ (function(module) {
67315
67325
 
67316
67326
  "use strict";
@@ -67318,7 +67328,7 @@ module.exports = JSON.parse('{"name":"carousel","title":"Carousel","notes":"Basi
67318
67328
 
67319
67329
  /***/ }),
67320
67330
 
67321
- /***/ 69794:
67331
+ /***/ 9843:
67322
67332
  /***/ (function(module) {
67323
67333
 
67324
67334
  "use strict";
@@ -67326,7 +67336,7 @@ module.exports = JSON.parse('{"title":"Collapse group","name":"collapse-group","
67326
67336
 
67327
67337
  /***/ }),
67328
67338
 
67329
- /***/ 99776:
67339
+ /***/ 60410:
67330
67340
  /***/ (function(module) {
67331
67341
 
67332
67342
  "use strict";
@@ -67334,7 +67344,7 @@ module.exports = JSON.parse('{"title":"Cover","name":"cover"}');
67334
67344
 
67335
67345
  /***/ }),
67336
67346
 
67337
- /***/ 43818:
67347
+ /***/ 80174:
67338
67348
  /***/ (function(module) {
67339
67349
 
67340
67350
  "use strict";
@@ -67342,7 +67352,7 @@ module.exports = JSON.parse('{"title":"Datepicker","name":"datepicker","variants
67342
67352
 
67343
67353
  /***/ }),
67344
67354
 
67345
- /***/ 60946:
67355
+ /***/ 58036:
67346
67356
  /***/ (function(module) {
67347
67357
 
67348
67358
  "use strict";
@@ -67350,7 +67360,7 @@ module.exports = JSON.parse('{"name":"filters","title":"Filters","notes":"The fi
67350
67360
 
67351
67361
  /***/ }),
67352
67362
 
67353
- /***/ 32054:
67363
+ /***/ 73099:
67354
67364
  /***/ (function(module) {
67355
67365
 
67356
67366
  "use strict";
@@ -67358,7 +67368,7 @@ module.exports = JSON.parse('{"title":"Footnotes","name":"footnotes","notes":"Ba
67358
67368
 
67359
67369
  /***/ }),
67360
67370
 
67361
- /***/ 56189:
67371
+ /***/ 21451:
67362
67372
  /***/ (function(module) {
67363
67373
 
67364
67374
  "use strict";
@@ -67366,7 +67376,7 @@ module.exports = JSON.parse('{"title":"Form group","name":"form-group","variants
67366
67376
 
67367
67377
  /***/ }),
67368
67378
 
67369
- /***/ 49777:
67379
+ /***/ 48562:
67370
67380
  /***/ (function(module) {
67371
67381
 
67372
67382
  "use strict";
@@ -67374,7 +67384,7 @@ module.exports = JSON.parse('{"title":"Gallery","name":"gallery","wrapper":"col-
67374
67384
 
67375
67385
  /***/ }),
67376
67386
 
67377
- /***/ 96525:
67387
+ /***/ 2501:
67378
67388
  /***/ (function(module) {
67379
67389
 
67380
67390
  "use strict";
@@ -67382,7 +67392,7 @@ module.exports = JSON.parse('{"title":"Key Number","name":"key-number","wrapper"
67382
67392
 
67383
67393
  /***/ }),
67384
67394
 
67385
- /***/ 25128:
67395
+ /***/ 61174:
67386
67396
  /***/ (function(module) {
67387
67397
 
67388
67398
  "use strict";
@@ -67390,7 +67400,7 @@ module.exports = JSON.parse('{"title":"Links group","name":"links-group","backgr
67390
67400
 
67391
67401
  /***/ }),
67392
67402
 
67393
- /***/ 88567:
67403
+ /***/ 52044:
67394
67404
  /***/ (function(module) {
67395
67405
 
67396
67406
  "use strict";
@@ -67398,7 +67408,7 @@ module.exports = JSON.parse('{"name":"list-group","title":"List group","notes":"
67398
67408
 
67399
67409
  /***/ }),
67400
67410
 
67401
- /***/ 95565:
67411
+ /***/ 40119:
67402
67412
  /***/ (function(module) {
67403
67413
 
67404
67414
  "use strict";
@@ -67406,7 +67416,7 @@ module.exports = JSON.parse('{"title":"Map","name":"map"}');
67406
67416
 
67407
67417
  /***/ }),
67408
67418
 
67409
- /***/ 35444:
67419
+ /***/ 83822:
67410
67420
  /***/ (function(module) {
67411
67421
 
67412
67422
  "use strict";
@@ -67414,7 +67424,7 @@ module.exports = JSON.parse('{"title":"Metabox","name":"metabox","wrapper":"col-
67414
67424
 
67415
67425
  /***/ }),
67416
67426
 
67417
- /***/ 24712:
67427
+ /***/ 35904:
67418
67428
  /***/ (function(module) {
67419
67429
 
67420
67430
  "use strict";
@@ -67422,7 +67432,7 @@ module.exports = JSON.parse('{"title":"Pagination","name":"pagination","variants
67422
67432
 
67423
67433
  /***/ }),
67424
67434
 
67425
- /***/ 97852:
67435
+ /***/ 67462:
67426
67436
  /***/ (function(module) {
67427
67437
 
67428
67438
  "use strict";
@@ -67430,7 +67440,7 @@ module.exports = JSON.parse('{"title":"Question","name":"question"}');
67430
67440
 
67431
67441
  /***/ }),
67432
67442
 
67433
- /***/ 9727:
67443
+ /***/ 22475:
67434
67444
  /***/ (function(module) {
67435
67445
 
67436
67446
  "use strict";
@@ -67438,7 +67448,7 @@ module.exports = JSON.parse('{"title":"Quote","name":"quote","wrapper":"containe
67438
67448
 
67439
67449
  /***/ }),
67440
67450
 
67441
- /***/ 8858:
67451
+ /***/ 65761:
67442
67452
  /***/ (function(module) {
67443
67453
 
67444
67454
  "use strict";
@@ -67446,7 +67456,7 @@ module.exports = JSON.parse('{"title":"Search","name":"search","variants":[{"nam
67446
67456
 
67447
67457
  /***/ }),
67448
67458
 
67449
- /***/ 13895:
67459
+ /***/ 19977:
67450
67460
  /***/ (function(module) {
67451
67461
 
67452
67462
  "use strict";
@@ -67454,7 +67464,7 @@ module.exports = JSON.parse('{"title":"Sidenotes","name":"sidenotes","notes":"In
67454
67464
 
67455
67465
  /***/ }),
67456
67466
 
67457
- /***/ 98272:
67467
+ /***/ 84654:
67458
67468
  /***/ (function(module) {
67459
67469
 
67460
67470
  "use strict";
@@ -67462,7 +67472,7 @@ module.exports = JSON.parse('{"title":"Social feed","name":"social-feed","wrappe
67462
67472
 
67463
67473
  /***/ }),
67464
67474
 
67465
- /***/ 91845:
67475
+ /***/ 98325:
67466
67476
  /***/ (function(module) {
67467
67477
 
67468
67478
  "use strict";
@@ -67470,7 +67480,7 @@ module.exports = JSON.parse('{"title":"Social","name":"social","wrapper":"bg-gra
67470
67480
 
67471
67481
  /***/ }),
67472
67482
 
67473
- /***/ 35249:
67483
+ /***/ 62832:
67474
67484
  /***/ (function(module) {
67475
67485
 
67476
67486
  "use strict";
@@ -67478,7 +67488,7 @@ module.exports = JSON.parse('{"title":"Sponsor","name":"sponsor"}');
67478
67488
 
67479
67489
  /***/ }),
67480
67490
 
67481
- /***/ 56678:
67491
+ /***/ 75911:
67482
67492
  /***/ (function(module) {
67483
67493
 
67484
67494
  "use strict";
@@ -67486,7 +67496,7 @@ module.exports = JSON.parse('{"title":"Table","name":"tables","variants":[{"name
67486
67496
 
67487
67497
  /***/ }),
67488
67498
 
67489
- /***/ 60434:
67499
+ /***/ 18660:
67490
67500
  /***/ (function(module) {
67491
67501
 
67492
67502
  "use strict";
@@ -67494,7 +67504,7 @@ module.exports = JSON.parse('{"title":"Tabs","name":"tabs","variants":[{"name":"
67494
67504
 
67495
67505
  /***/ }),
67496
67506
 
67497
- /***/ 10182:
67507
+ /***/ 90265:
67498
67508
  /***/ (function(module) {
67499
67509
 
67500
67510
  "use strict";
@@ -67502,7 +67512,7 @@ module.exports = JSON.parse('{"title":"Card slider","name":"card-slider","wrappe
67502
67512
 
67503
67513
  /***/ }),
67504
67514
 
67505
- /***/ 9800:
67515
+ /***/ 89273:
67506
67516
  /***/ (function(module) {
67507
67517
 
67508
67518
  "use strict";
@@ -67510,7 +67520,7 @@ module.exports = JSON.parse('{"title":"Contact","name":"contact","variants":[{"n
67510
67520
 
67511
67521
  /***/ }),
67512
67522
 
67513
- /***/ 33780:
67523
+ /***/ 42921:
67514
67524
  /***/ (function(module) {
67515
67525
 
67516
67526
  "use strict";
@@ -67518,7 +67528,7 @@ module.exports = JSON.parse('{"title":"Cookie consent","name":"cookie-consent","
67518
67528
 
67519
67529
  /***/ }),
67520
67530
 
67521
- /***/ 19300:
67531
+ /***/ 15590:
67522
67532
  /***/ (function(module) {
67523
67533
 
67524
67534
  "use strict";
@@ -67526,7 +67536,7 @@ module.exports = JSON.parse('{"title":"FAQ","name":"faq"}');
67526
67536
 
67527
67537
  /***/ }),
67528
67538
 
67529
- /***/ 83701:
67539
+ /***/ 60540:
67530
67540
  /***/ (function(module) {
67531
67541
 
67532
67542
  "use strict";
@@ -67534,7 +67544,7 @@ module.exports = JSON.parse('{"title":"Footer","name":"footer","wrapper":"contai
67534
67544
 
67535
67545
  /***/ }),
67536
67546
 
67537
- /***/ 93685:
67547
+ /***/ 94035:
67538
67548
  /***/ (function(module) {
67539
67549
 
67540
67550
  "use strict";
@@ -67542,7 +67552,7 @@ module.exports = JSON.parse('{"title":"Form","name":"form"}');
67542
67552
 
67543
67553
  /***/ }),
67544
67554
 
67545
- /***/ 86339:
67555
+ /***/ 56969:
67546
67556
  /***/ (function(module) {
67547
67557
 
67548
67558
  "use strict";
@@ -67550,7 +67560,7 @@ module.exports = JSON.parse('{"title":"Fullwidth teaser","name":"fullwidth-tease
67550
67560
 
67551
67561
  /***/ }),
67552
67562
 
67553
- /***/ 9344:
67563
+ /***/ 92976:
67554
67564
  /***/ (function(module) {
67555
67565
 
67556
67566
  "use strict";
@@ -67558,7 +67568,7 @@ module.exports = JSON.parse('{"title":"Header","name":"header","variants":[{"nam
67558
67568
 
67559
67569
  /***/ }),
67560
67570
 
67561
- /***/ 70178:
67571
+ /***/ 15148:
67562
67572
  /***/ (function(module) {
67563
67573
 
67564
67574
  "use strict";
@@ -67566,7 +67576,7 @@ module.exports = JSON.parse('{"title":"Headlines","name":"headlines"}');
67566
67576
 
67567
67577
  /***/ }),
67568
67578
 
67569
- /***/ 40418:
67579
+ /***/ 22772:
67570
67580
  /***/ (function(module) {
67571
67581
 
67572
67582
  "use strict";
@@ -67574,7 +67584,7 @@ module.exports = JSON.parse('{"name":"hero","title":"Hero","notes":"The hero com
67574
67584
 
67575
67585
  /***/ }),
67576
67586
 
67577
- /***/ 93352:
67587
+ /***/ 40152:
67578
67588
  /***/ (function(module) {
67579
67589
 
67580
67590
  "use strict";
@@ -67582,7 +67592,7 @@ module.exports = JSON.parse('{"title":"Introduction","name":"introduction","vari
67582
67592
 
67583
67593
  /***/ }),
67584
67594
 
67585
- /***/ 30852:
67595
+ /***/ 98954:
67586
67596
  /***/ (function(module) {
67587
67597
 
67588
67598
  "use strict";
@@ -67590,7 +67600,7 @@ module.exports = JSON.parse('{"title":"Key number group","name":"key-number-grou
67590
67600
 
67591
67601
  /***/ }),
67592
67602
 
67593
- /***/ 27528:
67603
+ /***/ 21591:
67594
67604
  /***/ (function(module) {
67595
67605
 
67596
67606
  "use strict";
@@ -67598,7 +67608,7 @@ module.exports = JSON.parse('{"title":"Modal","name":"modal","notes":"The **Boot
67598
67608
 
67599
67609
  /***/ }),
67600
67610
 
67601
- /***/ 36829:
67611
+ /***/ 27236:
67602
67612
  /***/ (function(module) {
67603
67613
 
67604
67614
  "use strict";
@@ -67606,7 +67616,7 @@ module.exports = JSON.parse('{"title":"Nav aside","name":"nav-aside"}');
67606
67616
 
67607
67617
  /***/ }),
67608
67618
 
67609
- /***/ 70678:
67619
+ /***/ 6602:
67610
67620
  /***/ (function(module) {
67611
67621
 
67612
67622
  "use strict";
@@ -67614,7 +67624,7 @@ module.exports = JSON.parse('{"title":"Nav main","name":"nav-main","wrapper":"na
67614
67624
 
67615
67625
  /***/ }),
67616
67626
 
67617
- /***/ 22264:
67627
+ /***/ 73197:
67618
67628
  /***/ (function(module) {
67619
67629
 
67620
67630
  "use strict";
@@ -67622,7 +67632,7 @@ module.exports = JSON.parse('{"title":"Newsletter sign-up","name":"newsletter-si
67622
67632
 
67623
67633
  /***/ }),
67624
67634
 
67625
- /***/ 38583:
67635
+ /***/ 95894:
67626
67636
  /***/ (function(module) {
67627
67637
 
67628
67638
  "use strict";
@@ -67630,7 +67640,7 @@ module.exports = JSON.parse('{"title":"Restauration","name":"restauration","note
67630
67640
 
67631
67641
  /***/ }),
67632
67642
 
67633
- /***/ 74022:
67643
+ /***/ 72178:
67634
67644
  /***/ (function(module) {
67635
67645
 
67636
67646
  "use strict";
@@ -67638,7 +67648,7 @@ module.exports = JSON.parse('{"title":"Social feed group","name":"social-feed-gr
67638
67648
 
67639
67649
  /***/ }),
67640
67650
 
67641
- /***/ 78937:
67651
+ /***/ 75803:
67642
67652
  /***/ (function(module) {
67643
67653
 
67644
67654
  "use strict";
@@ -67646,7 +67656,7 @@ module.exports = JSON.parse('{"name":"about","title":"About"}');
67646
67656
 
67647
67657
  /***/ }),
67648
67658
 
67649
- /***/ 46055:
67659
+ /***/ 54669:
67650
67660
  /***/ (function(module) {
67651
67661
 
67652
67662
  "use strict";
@@ -67654,7 +67664,7 @@ module.exports = JSON.parse('{"title":"Association homepage","name":"association
67654
67664
 
67655
67665
  /***/ }),
67656
67666
 
67657
- /***/ 3551:
67667
+ /***/ 26634:
67658
67668
  /***/ (function(module) {
67659
67669
 
67660
67670
  "use strict";
@@ -67662,7 +67672,7 @@ module.exports = JSON.parse('{"title":"Association list","name":"association-lis
67662
67672
 
67663
67673
  /***/ }),
67664
67674
 
67665
- /***/ 33484:
67675
+ /***/ 63222:
67666
67676
  /***/ (function(module) {
67667
67677
 
67668
67678
  "use strict";
@@ -67670,7 +67680,7 @@ module.exports = JSON.parse('{"title":"Basic page","name":"basic-page"}');
67670
67680
 
67671
67681
  /***/ }),
67672
67682
 
67673
- /***/ 19083:
67683
+ /***/ 45186:
67674
67684
  /***/ (function(module) {
67675
67685
 
67676
67686
  "use strict";
@@ -67678,7 +67688,7 @@ module.exports = JSON.parse('{"title":"Blog homepage","name":"blog-homepage"}');
67678
67688
 
67679
67689
  /***/ }),
67680
67690
 
67681
- /***/ 82563:
67691
+ /***/ 46958:
67682
67692
  /***/ (function(module) {
67683
67693
 
67684
67694
  "use strict";
@@ -67686,7 +67696,7 @@ module.exports = JSON.parse('{"title":"Blog single","name":"blog-single"}');
67686
67696
 
67687
67697
  /***/ }),
67688
67698
 
67689
- /***/ 59362:
67699
+ /***/ 34393:
67690
67700
  /***/ (function(module) {
67691
67701
 
67692
67702
  "use strict";
@@ -67694,7 +67704,7 @@ module.exports = JSON.parse('{"name":"campus","title":"Campus"}');
67694
67704
 
67695
67705
  /***/ }),
67696
67706
 
67697
- /***/ 99765:
67707
+ /***/ 16151:
67698
67708
  /***/ (function(module) {
67699
67709
 
67700
67710
  "use strict";
@@ -67702,7 +67712,7 @@ module.exports = JSON.parse('{"name":"education","title":"Education"}');
67702
67712
 
67703
67713
  /***/ }),
67704
67714
 
67705
- /***/ 14269:
67715
+ /***/ 7427:
67706
67716
  /***/ (function(module) {
67707
67717
 
67708
67718
  "use strict";
@@ -67710,7 +67720,7 @@ module.exports = JSON.parse('{"name":"error-404","title":"Error 404"}');
67710
67720
 
67711
67721
  /***/ }),
67712
67722
 
67713
- /***/ 20078:
67723
+ /***/ 84005:
67714
67724
  /***/ (function(module) {
67715
67725
 
67716
67726
  "use strict";
@@ -67718,7 +67728,7 @@ module.exports = JSON.parse('{"name":"event-detail","title":"Event detail"}');
67718
67728
 
67719
67729
  /***/ }),
67720
67730
 
67721
- /***/ 4497:
67731
+ /***/ 91567:
67722
67732
  /***/ (function(module) {
67723
67733
 
67724
67734
  "use strict";
@@ -67726,7 +67736,7 @@ module.exports = JSON.parse('{"title":"Event homepage","name":"event-homepage"}'
67726
67736
 
67727
67737
  /***/ }),
67728
67738
 
67729
- /***/ 14535:
67739
+ /***/ 64407:
67730
67740
  /***/ (function(module) {
67731
67741
 
67732
67742
  "use strict";
@@ -67734,7 +67744,7 @@ module.exports = JSON.parse('{"title":"Event list","name":"event-list"}');
67734
67744
 
67735
67745
  /***/ }),
67736
67746
 
67737
- /***/ 65768:
67747
+ /***/ 25804:
67738
67748
  /***/ (function(module) {
67739
67749
 
67740
67750
  "use strict";
@@ -67742,7 +67752,7 @@ module.exports = JSON.parse('{"title":"Facultés","name":"facultes"}');
67742
67752
 
67743
67753
  /***/ }),
67744
67754
 
67745
- /***/ 3582:
67755
+ /***/ 15465:
67746
67756
  /***/ (function(module) {
67747
67757
 
67748
67758
  "use strict";
@@ -67750,7 +67760,7 @@ module.exports = JSON.parse('{"name":"homepage","title":"Homepage"}');
67750
67760
 
67751
67761
  /***/ }),
67752
67762
 
67753
- /***/ 33995:
67763
+ /***/ 37642:
67754
67764
  /***/ (function(module) {
67755
67765
 
67756
67766
  "use strict";
@@ -67758,7 +67768,7 @@ module.exports = JSON.parse('{"name":"innovation","title":"Innovation"}');
67758
67768
 
67759
67769
  /***/ }),
67760
67770
 
67761
- /***/ 75797:
67771
+ /***/ 16421:
67762
67772
  /***/ (function(module) {
67763
67773
 
67764
67774
  "use strict";
@@ -67766,7 +67776,7 @@ module.exports = JSON.parse('{"title":"Lab homepage","name":"lab-homepage"}');
67766
67776
 
67767
67777
  /***/ }),
67768
67778
 
67769
- /***/ 24368:
67779
+ /***/ 29666:
67770
67780
  /***/ (function(module) {
67771
67781
 
67772
67782
  "use strict";
@@ -67774,7 +67784,15 @@ module.exports = JSON.parse('{"title":"Layout demo","name":"layout-demo"}');
67774
67784
 
67775
67785
  /***/ }),
67776
67786
 
67777
- /***/ 94738:
67787
+ /***/ 8099:
67788
+ /***/ (function(module) {
67789
+
67790
+ "use strict";
67791
+ module.exports = JSON.parse('{"title":"Maintenance","name":"maintenance"}');
67792
+
67793
+ /***/ }),
67794
+
67795
+ /***/ 80036:
67778
67796
  /***/ (function(module) {
67779
67797
 
67780
67798
  "use strict";
@@ -67782,7 +67800,7 @@ module.exports = JSON.parse('{"name":"news-detail","title":"News detail"}');
67782
67800
 
67783
67801
  /***/ }),
67784
67802
 
67785
- /***/ 40036:
67803
+ /***/ 40582:
67786
67804
  /***/ (function(module) {
67787
67805
 
67788
67806
  "use strict";
@@ -67790,7 +67808,7 @@ module.exports = JSON.parse('{"title":"News homepage","name":"news-homepage"}');
67790
67808
 
67791
67809
  /***/ }),
67792
67810
 
67793
- /***/ 4400:
67811
+ /***/ 80059:
67794
67812
  /***/ (function(module) {
67795
67813
 
67796
67814
  "use strict";
@@ -67798,7 +67816,7 @@ module.exports = JSON.parse('{"name":"people-detail","title":"People detail"}');
67798
67816
 
67799
67817
  /***/ }),
67800
67818
 
67801
- /***/ 34575:
67819
+ /***/ 36920:
67802
67820
  /***/ (function(module) {
67803
67821
 
67804
67822
  "use strict";
@@ -67806,7 +67824,7 @@ module.exports = JSON.parse('{"title":"People list","name":"people-list"}');
67806
67824
 
67807
67825
  /***/ }),
67808
67826
 
67809
- /***/ 47829:
67827
+ /***/ 51553:
67810
67828
  /***/ (function(module) {
67811
67829
 
67812
67830
  "use strict";
@@ -67814,7 +67832,7 @@ module.exports = JSON.parse('{"title":"Programs","name":"programs"}');
67814
67832
 
67815
67833
  /***/ }),
67816
67834
 
67817
- /***/ 54064:
67835
+ /***/ 92818:
67818
67836
  /***/ (function(module) {
67819
67837
 
67820
67838
  "use strict";
@@ -67822,7 +67840,7 @@ module.exports = JSON.parse('{"title":"Research","name":"research"}');
67822
67840
 
67823
67841
  /***/ }),
67824
67842
 
67825
- /***/ 78867:
67843
+ /***/ 43518:
67826
67844
  /***/ (function(module) {
67827
67845
 
67828
67846
  "use strict";
@@ -67830,7 +67848,7 @@ module.exports = JSON.parse('{"name":"study-plan-course","title":"Study Plan –
67830
67848
 
67831
67849
  /***/ }),
67832
67850
 
67833
- /***/ 58835:
67851
+ /***/ 8798:
67834
67852
  /***/ (function(module) {
67835
67853
 
67836
67854
  "use strict";
@@ -67838,7 +67856,7 @@ module.exports = JSON.parse('{"name":"study-plan","title":"Study Plan"}');
67838
67856
 
67839
67857
  /***/ }),
67840
67858
 
67841
- /***/ 16567:
67859
+ /***/ 76453:
67842
67860
  /***/ (function(module) {
67843
67861
 
67844
67862
  "use strict";
@@ -67931,7 +67949,7 @@ module.exports = JSON.parse('{"title":"Base","name":"base"}');
67931
67949
  /******/ // startup
67932
67950
  /******/ // Load entry module and return exports
67933
67951
  /******/ // This entry module doesn't tell about it's top-level declarations so it can't be inlined
67934
- /******/ __webpack_require__(68201);
67952
+ /******/ __webpack_require__(44647);
67935
67953
  /******/ var __webpack_exports__ = __webpack_require__(10991);
67936
67954
  /******/
67937
67955
  /******/ })()