npm - epfl-elements - Versions diffs - 5.0.2 → 5.1.0 - Mend

epfl-elements 5.0.2 → 5.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 (11) hide show

package/dist/components/content-types/study-plan/study-plan-bachelor.twig +118 -229
package/dist/components/content-types/study-plan/study-plan-master.twig +50 -100
package/dist/components/organisms/hero/hero.yml +2 -0
package/dist/css/elements.css +28 -0
package/dist/css/elements.min.css +1 -1
package/dist/css/elements.min.css.map +1 -1
package/dist/js/reader.js +22 -22
package/dist/js/reader.min.js +2 -2
package/dist/js/reader.min.js.map +1 -1
package/dist/package.json +1 -1
package/package.json +1 -1

package/dist/js/reader.js CHANGED Viewed

@@ -48516,7 +48516,7 @@ module.exports = "<div class=\"card\">\n      <a href=\"#\" class=\"card-img-top
 /***/ (function(module) {
 "use strict";
-module.exports = "\n<!-- Study Plan 1 semester -->\n\n<div class=\"study-plan study-plan-1-semesters table-like mb-5\">\n  <h2>Bachelor – 1 semestre</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 1&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Analyse territoriale et urbaine</a>\n        </div>\n        <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>1h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Figuration graphique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Figuration graphique</a>\n        </div>\n        <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>1h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>3h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Histoire de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Adam</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan 2 semesters -->\n\n<div class=\"study-plan study-plan-2-semesters table-like mb-5\">\n  <h2>Bachelor – 2 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 1&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 2&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Analyse territoriale et urbaine</a>\n        </div>\n        <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>1h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Figuration graphique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Figuration graphique</a>\n        </div>\n        <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>1h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>3h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Histoire de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Adam</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Théorie de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Théorie de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-121 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Marchand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan 3 semesters -->\n\n<div class=\"study-plan study-plan-3-semesters table-like mb-5\">\n  <h2>Bachelor – 3 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 1&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 2&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 3&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Analyse territoriale et urbaine</a>\n        </div>\n        <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>1h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Figuration graphique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Figuration graphique</a>\n        </div>\n        <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>1h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>3h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Histoire de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Adam</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Théorie de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Théorie de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-121 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Marchand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan 4 semesters -->\n\n<div class=\"study-plan study-plan-4-semesters table-like mb-5\">\n  <h2>Bachelor – 4 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 3&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 4&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 5&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 6&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Advanced numerical analysis\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Advanced numerical analysis</a>\n        </div>\n        <div class=\"cours-info\">MATH-153 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Picasso</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Algebraic number theory\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Algebraic number theory</a>\n        </div>\n        <div class=\"cours-info\">MATH-482 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Michel</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Algebraic topology\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Algebraic topology</a>\n        </div>\n        <div class=\"cours-info\">MATH-323 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Urech</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Algèbres de Lie\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Algèbres de Lie</a> <i>(pas donné en 2019-2020)</i>\n        </div>\n        <div class=\"cours-info\">MATH-319 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n";
+module.exports = "\n<!-- Study Plan 1 semester -->\n\n<div class=\"study-plan study-plan-1-semesters table-like mb-5\">\n  <h2>Bachelor – 1 semestre</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 1&nbsp;</div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Analyse territoriale et urbaine</a>\n        </div>\n        <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li>Labo: 2h</li>\n            <li><abbr title=\"Course based project\">CP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Figuration graphique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Figuration graphique</a>\n        </div>\n        <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Individual project\">IP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Histoire de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Adam</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan 2 semesters -->\n\n<div class=\"study-plan study-plan-2-semesters table-like mb-5\">\n  <h2>Bachelor – 2 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 1&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 2&nbsp;</div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Analyse territoriale et urbaine</a>\n        </div>\n        <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Figuration graphique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Figuration graphique</a>\n        </div>\n        <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Histoire de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Adam</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Théorie de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Théorie de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-121 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Marchand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan 3 semesters -->\n\n<div class=\"study-plan study-plan-3-semesters table-like mb-5\">\n  <h2>Bachelor – 3 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 1&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 2&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 3&nbsp;</div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Analyse territoriale et urbaine</a>\n        </div>\n        <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Figuration graphique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Figuration graphique</a>\n        </div>\n        <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Histoire de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Adam</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Théorie de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Théorie de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-121 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Marchand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan 4 semesters -->\n\n<div class=\"study-plan study-plan-4-semesters table-like mb-5\">\n  <h2>Bachelor – 4 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 3&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 4&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 5&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 6&nbsp;</div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Advanced numerical analysis\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Advanced numerical analysis</a>\n        </div>\n        <div class=\"cours-info\">MATH-153 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Picasso</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Algebraic number theory\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Algebraic number theory</a>\n        </div>\n        <div class=\"cours-info\">MATH-482 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Michel</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Algebraic topology\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Algebraic topology</a>\n        </div>\n        <div class=\"cours-info\">MATH-323 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Urech</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Algèbres de Lie\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Algèbres de Lie</a> <i>(pas donné en 2019-2020)</i>\n        </div>\n        <div class=\"cours-info\">MATH-319 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n";
 /***/ }),
@@ -48524,7 +48524,7 @@ module.exports = "\n<!-- Study Plan 1 semester -->\n\n<div class=\"study-plan st
 /***/ (function(module) {
 "use strict";
-module.exports = "\n<!-- Study Plan Master -->\n\n<div class=\"study-plan study-plan-master-pdm study-plan-4-semesters table-like mb-5\">\n  <h2>Master – 2 semestres + projet de master</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Master 1&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Master 2&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">PDM automne</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">PDM printemps</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Projet de master en informatique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Projet de master en informatique</a>\n        </div>\n        <div class=\"cours-info\">CS-599 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          Profs divers\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr> / <abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"PDM automne\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Pratique: </span>900h&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"PDM printemps\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Pratique: </span>900h&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examen oral</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">30</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Stage d'ingénieur crédité avec le PDM (master en Informatique) \">\n        <div class=\"cours-name\">\n          <a href=\"#\">Stage d'ingénieur crédité avec le PDM (master en Informatique) </a> <i>(L'étudiant doit effectuer un stage de 8 semaines pendant l'été ou 6 mois après un semestre de Master.)</i>\n        </div>\n        <div class=\"cours-info\">CS-595 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          Profs divers\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr> / <abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Pratique: </span>320h&nbsp;&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Pratique: </span>320h&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"PDM automne\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Pratique: </span>320h&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"PDM printemps\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Pratique: </span>320h&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Mémoire</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">0</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan Master -->\n\n<div class=\"study-plan study-plan-master study-plan-2-semesters table-like mb-5\">\n  <h2>Master – 2 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Master 1&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Master 2&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"specialisation\">\n        <div class=\"titre_bachlor bold\">Spécialisation</div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Advanced algorithms\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Advanced algorithms</a>\n        </div>\n        <div class=\"cours-info\">CS-450 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Kapralov</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>4h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>3h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"specialisation\" data-title=\"Spécialisation\">\n        <div class=\"spec-text\">\n          <ul class=\"spec\">\n            <li>Data Analytics</li>\n            <li>Foundations of software</li>\n            <li>Information Security-SP</li>\n            <li>Networking and Mobility</li>\n            <li>Computer Science Theory</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examen écrit</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">7</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Advanced computer architecture\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Advanced computer architecture</a>\n        </div>\n        <div class=\"cours-info\">CS-470 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Ienne</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Pratique: </span>2h&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"specialisation\" data-title=\"Spécialisation\">\n        <div class=\"spec-text\">\n          <ul class=\"spec list-bullet\">\n            <li>Computer Engineering-SP</li>\n            <li>Information Security-SP</li>\n            <li>Software Systems</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examen oral</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Computer vision\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Computer vision</a>\n        </div>\n        <div class=\"cours-info\">CS-442 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Fua</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>1h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"specialisation\" data-title=\"Spécialisation\">\n        <div class=\"spec-text\">\n          <ul class=\"spec list-bullet\">\n            <li>Signals, Images and Interfaces</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examen écrit</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Cryptography and security\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Cryptography and security</a>\n        </div>\n        <div class=\"cours-info\">COM-401 / Section <abbr title=\"Systèmes de communication\">SC</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Vaudenay</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>4h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"specialisation\" data-title=\"Spécialisation\">\n        &nbsp;\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examen écrit</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">7</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n";
+module.exports = "\n<!-- Study Plan Master -->\n\n<div class=\"study-plan study-plan-master-pdm study-plan-4-semesters table-like mb-5\">\n  <h2>Master – 2 semestres + projet de master</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Master 1&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Master 2&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">PDM automne</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">PDM printemps</div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Projet de master en informatique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Projet de master en informatique</a>\n        </div>\n        <div class=\"cours-info\">CS-599 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          Profs divers\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr> / <abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"PDM automne\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Pratique: 900h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"PDM printemps\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Pratique: 900h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examen oral</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">30</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Stage d'ingénieur crédité avec le PDM (master en Informatique) \">\n        <div class=\"cours-name\">\n          <a href=\"#\">Stage d'ingénieur crédité avec le PDM (master en Informatique) </a> <i>(L'étudiant doit effectuer un stage de 8 semaines pendant l'été ou 6 mois après un semestre de Master.)</i>\n        </div>\n        <div class=\"cours-info\">CS-595 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          Profs divers\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr> / <abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Pratique: 320h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Pratique: 320h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"PDM automne\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Pratique: 320h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"PDM printemps\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Pratique: 320h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Mémoire</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">0</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan Master -->\n\n<div class=\"study-plan study-plan-master study-plan-2-semesters table-like mb-5\">\n  <h2>Master – 2 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Master 1&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Master 2&nbsp;</div>\n      </div>\n      <div class=\"specialisation\">\n        <div class=\"titre_bachlor bold\">Spécialisation</div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Advanced algorithms\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Advanced algorithms</a>\n        </div>\n        <div class=\"cours-info\">CS-450 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Kapralov</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 4h</li>\n            <li>Exercices: 3h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"specialisation\" data-title=\"Spécialisation\">\n        <div class=\"spec-text\">\n          <ul class=\"spec\">\n            <li>Data Analytics</li>\n            <li>Foundations of software</li>\n            <li>Information Security-SP</li>\n            <li>Networking and Mobility</li>\n            <li>Computer Science Theory</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examen écrit</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">7</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Advanced computer architecture\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Advanced computer architecture</a>\n        </div>\n        <div class=\"cours-info\">CS-470 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Ienne</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"specialisation\" data-title=\"Spécialisation\">\n        <div class=\"spec-text\">\n          <ul class=\"spec list-bullet\">\n            <li>Computer Engineering-SP</li>\n            <li>Information Security-SP</li>\n            <li>Software Systems</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examen oral</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Computer vision\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Computer vision</a>\n        </div>\n        <div class=\"cours-info\">CS-442 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Fua</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"specialisation\" data-title=\"Spécialisation\">\n        <div class=\"spec-text\">\n          <ul class=\"spec list-bullet\">\n            <li>Signals, Images and Interfaces</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examen écrit</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Cryptography and security\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Cryptography and security</a>\n        </div>\n        <div class=\"cours-info\">COM-401 / Section <abbr title=\"Systèmes de communication\">SC</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Vaudenay</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"specialisation\" data-title=\"Spécialisation\">\n        &nbsp;\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examen écrit</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">7</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n";
 /***/ }),
@@ -48540,7 +48540,7 @@ module.exports = "\n<!-- Study Plan Mineurs -->\n\n<div class=\"study-plan table
 /***/ (function(module) {
 "use strict";
-module.exports = "\n<!-- Study Plan 1 semester -->\n\n<div class=\"study-plan study-plan-1-semesters table-like mb-5\">\n  <h2>Bachelor – 1 semestre</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 1&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Analyse territoriale et urbaine</a>\n        </div>\n        <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>1h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Figuration graphique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Figuration graphique</a>\n        </div>\n        <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>1h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>3h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Histoire de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Adam</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan 2 semesters -->\n\n<div class=\"study-plan study-plan-2-semesters table-like mb-5\">\n  <h2>Bachelor – 2 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 1&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 2&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Analyse territoriale et urbaine</a>\n        </div>\n        <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>1h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Figuration graphique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Figuration graphique</a>\n        </div>\n        <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>1h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>3h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Histoire de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Adam</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Théorie de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Théorie de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-121 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Marchand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan 3 semesters -->\n\n<div class=\"study-plan study-plan-3-semesters table-like mb-5\">\n  <h2>Bachelor – 3 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 1&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 2&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 3&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Analyse territoriale et urbaine</a>\n        </div>\n        <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>1h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Figuration graphique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Figuration graphique</a>\n        </div>\n        <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>1h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>3h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Histoire de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Adam</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Théorie de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Théorie de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-121 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Marchand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan 4 semesters -->\n\n<div class=\"study-plan study-plan-4-semesters table-like mb-5\">\n  <h2>Bachelor – 4 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 3&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 4&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 5&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 6&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Advanced numerical analysis\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Advanced numerical analysis</a>\n        </div>\n        <div class=\"cours-info\">MATH-153 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Picasso</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Algebraic number theory\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Algebraic number theory</a>\n        </div>\n        <div class=\"cours-info\">MATH-482 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Michel</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Algebraic topology\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Algebraic topology</a>\n        </div>\n        <div class=\"cours-info\">MATH-323 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Urech</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Algèbres de Lie\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Algèbres de Lie</a> <i>(pas donné en 2019-2020)</i>\n        </div>\n        <div class=\"cours-info\">MATH-319 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n\n<!-- Study Plan Master -->\n\n<div class=\"study-plan study-plan-master-pdm study-plan-4-semesters table-like mb-5\">\n  <h2>Master – 2 semestres + projet de master</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Master 1&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Master 2&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">PDM automne</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">PDM printemps</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Projet de master en informatique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Projet de master en informatique</a>\n        </div>\n        <div class=\"cours-info\">CS-599 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          Profs divers\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr> / <abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"PDM automne\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Pratique: </span>900h&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"PDM printemps\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Pratique: </span>900h&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examen oral</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">30</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Stage d'ingénieur crédité avec le PDM (master en Informatique) \">\n        <div class=\"cours-name\">\n          <a href=\"#\">Stage d'ingénieur crédité avec le PDM (master en Informatique) </a> <i>(L'étudiant doit effectuer un stage de 8 semaines pendant l'été ou 6 mois après un semestre de Master.)</i>\n        </div>\n        <div class=\"cours-info\">CS-595 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          Profs divers\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr> / <abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Pratique: </span>320h&nbsp;&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Pratique: </span>320h&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"PDM automne\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Pratique: </span>320h&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"PDM printemps\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Pratique: </span>320h&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Mémoire</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">0</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan Master -->\n\n<div class=\"study-plan study-plan-master study-plan-2-semesters table-like mb-5\">\n  <h2>Master – 2 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Master 1&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Master 2&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"specialisation\">\n        <div class=\"titre_bachlor bold\">Spécialisation</div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Advanced algorithms\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Advanced algorithms</a>\n        </div>\n        <div class=\"cours-info\">CS-450 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Kapralov</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>4h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>3h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"specialisation\" data-title=\"Spécialisation\">\n        <div class=\"spec-text\">\n          <ul class=\"spec\">\n            <li>Data Analytics</li>\n            <li>Foundations of software</li>\n            <li>Information Security-SP</li>\n            <li>Networking and Mobility</li>\n            <li>Computer Science Theory</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examen écrit</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">7</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Advanced computer architecture\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Advanced computer architecture</a>\n        </div>\n        <div class=\"cours-info\">CS-470 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Ienne</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Pratique: </span>2h&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"specialisation\" data-title=\"Spécialisation\">\n        <div class=\"spec-text\">\n          <ul class=\"spec list-bullet\">\n            <li>Computer Engineering-SP</li>\n            <li>Information Security-SP</li>\n            <li>Software Systems</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examen oral</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Computer vision\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Computer vision</a>\n        </div>\n        <div class=\"cours-info\">CS-442 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Fua</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>1h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"specialisation\" data-title=\"Spécialisation\">\n        <div class=\"spec-text\">\n          <ul class=\"spec list-bullet\">\n            <li>Signals, Images and Interfaces</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examen écrit</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Cryptography and security\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Cryptography and security</a>\n        </div>\n        <div class=\"cours-info\">COM-401 / Section <abbr title=\"Systèmes de communication\">SC</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Vaudenay</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>4h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"specialisation\" data-title=\"Spécialisation\">\n        &nbsp;\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examen écrit</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">7</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n\n<!-- Study Plan Mineurs -->\n\n<div class=\"study-plan table-like\" style=\"--table-columns: minmax(300px, 4fr) 1fr minmax(auto, 2fr) 1fr\">\n  <h2>Mineur : Informatique</h2>\n\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examen</div>\n        <div class=\"titre\">&nbsp;</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n        <div class=\"titre\">&nbsp;</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n      <div class=\"cours\" data-title=\"Advanced algorithms\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Advanced algorithms</a>\n        </div>\n        <div class=\"cours-info\">CS-450 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Svensson</a>\n          &nbsp;\n        </div>\n      </div>\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examen écrit</div>\n        &nbsp;\n      </div>\n      <div class=\"credit red-color\">\n        <div class=\"credit-time\">7</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n      <div class=\"cours\" data-title=\"Advanced computer architecture\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Advanced computer architecture</a>\n        </div>\n        <div class=\"cours-info\">CS-470 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Ienne</a>\n          &nbsp;\n        </div>\n      </div>\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examen oral</div>\n        &nbsp;\n      </div>\n      <div class=\"credit red-color\">\n        <div class=\"credit-time\">4</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n      <div class=\"cours\" data-title=\"Advanced computer graphics\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Advanced computer graphics</a>\n        </div>\n        <div class=\"cours-info\">CS-440 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Jakob</a>\n          &nbsp;\n        </div>\n      </div>\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n      <div class=\"credit red-color\">\n        <div class=\"credit-time\">6</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n      <div class=\"cours\" data-title=\"Architecture des systems-on-chip\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Architecture des systems-on-chip</a>\n        </div>\n        <div class=\"cours-info\">CS-209 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Ienne</a>\n          &nbsp;\n        </div>\n      </div>\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n      <div class=\"credit red-color\">\n        <div class=\"credit-time\">4</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n</div>\n";
+module.exports = "\n<!-- Study Plan 1 semester -->\n\n<div class=\"study-plan study-plan-1-semesters table-like mb-5\">\n  <h2>Bachelor – 1 semestre</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 1&nbsp;</div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Analyse territoriale et urbaine</a>\n        </div>\n        <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li>Labo: 2h</li>\n            <li><abbr title=\"Course based project\">CP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Figuration graphique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Figuration graphique</a>\n        </div>\n        <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Individual project\">IP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Histoire de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Adam</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan 2 semesters -->\n\n<div class=\"study-plan study-plan-2-semesters table-like mb-5\">\n  <h2>Bachelor – 2 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 1&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 2&nbsp;</div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Analyse territoriale et urbaine</a>\n        </div>\n        <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Figuration graphique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Figuration graphique</a>\n        </div>\n        <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Histoire de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Adam</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Théorie de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Théorie de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-121 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Marchand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan 3 semesters -->\n\n<div class=\"study-plan study-plan-3-semesters table-like mb-5\">\n  <h2>Bachelor – 3 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 1&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 2&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 3&nbsp;</div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Analyse territoriale et urbaine</a>\n        </div>\n        <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Figuration graphique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Figuration graphique</a>\n        </div>\n        <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Histoire de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Adam</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Théorie de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Théorie de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-121 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Marchand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan 4 semesters -->\n\n<div class=\"study-plan study-plan-4-semesters table-like mb-5\">\n  <h2>Bachelor – 4 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 3&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 4&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 5&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 6&nbsp;</div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Advanced numerical analysis\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Advanced numerical analysis</a>\n        </div>\n        <div class=\"cours-info\">MATH-153 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Picasso</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Algebraic number theory\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Algebraic number theory</a>\n        </div>\n        <div class=\"cours-info\">MATH-482 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Michel</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Algebraic topology\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Algebraic topology</a>\n        </div>\n        <div class=\"cours-info\">MATH-323 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Urech</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Algèbres de Lie\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Algèbres de Lie</a> <i>(pas donné en 2019-2020)</i>\n        </div>\n        <div class=\"cours-info\">MATH-319 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n\n<!-- Study Plan Master -->\n\n<div class=\"study-plan study-plan-master-pdm study-plan-4-semesters table-like mb-5\">\n  <h2>Master – 2 semestres + projet de master</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Master 1&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Master 2&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">PDM automne</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">PDM printemps</div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Projet de master en informatique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Projet de master en informatique</a>\n        </div>\n        <div class=\"cours-info\">CS-599 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          Profs divers\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr> / <abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"PDM automne\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Pratique: 900h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"PDM printemps\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Pratique: 900h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examen oral</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">30</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Stage d'ingénieur crédité avec le PDM (master en Informatique) \">\n        <div class=\"cours-name\">\n          <a href=\"#\">Stage d'ingénieur crédité avec le PDM (master en Informatique) </a> <i>(L'étudiant doit effectuer un stage de 8 semaines pendant l'été ou 6 mois après un semestre de Master.)</i>\n        </div>\n        <div class=\"cours-info\">CS-595 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          Profs divers\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr> / <abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Pratique: 320h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Pratique: 320h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"PDM automne\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Pratique: 320h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"PDM printemps\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Pratique: 320h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Mémoire</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">0</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan Master -->\n\n<div class=\"study-plan study-plan-master study-plan-2-semesters table-like mb-5\">\n  <h2>Master – 2 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Master 1&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Master 2&nbsp;</div>\n      </div>\n      <div class=\"specialisation\">\n        <div class=\"titre_bachlor bold\">Spécialisation</div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Advanced algorithms\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Advanced algorithms</a>\n        </div>\n        <div class=\"cours-info\">CS-450 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Kapralov</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 4h</li>\n            <li>Exercices: 3h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"specialisation\" data-title=\"Spécialisation\">\n        <div class=\"spec-text\">\n          <ul class=\"spec\">\n            <li>Data Analytics</li>\n            <li>Foundations of software</li>\n            <li>Information Security-SP</li>\n            <li>Networking and Mobility</li>\n            <li>Computer Science Theory</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examen écrit</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">7</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Advanced computer architecture\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Advanced computer architecture</a>\n        </div>\n        <div class=\"cours-info\">CS-470 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Ienne</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"specialisation\" data-title=\"Spécialisation\">\n        <div class=\"spec-text\">\n          <ul class=\"spec list-bullet\">\n            <li>Computer Engineering-SP</li>\n            <li>Information Security-SP</li>\n            <li>Software Systems</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examen oral</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Computer vision\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Computer vision</a>\n        </div>\n        <div class=\"cours-info\">CS-442 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Fua</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"specialisation\" data-title=\"Spécialisation\">\n        <div class=\"spec-text\">\n          <ul class=\"spec list-bullet\">\n            <li>Signals, Images and Interfaces</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examen écrit</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Cryptography and security\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Cryptography and security</a>\n        </div>\n        <div class=\"cours-info\">COM-401 / Section <abbr title=\"Systèmes de communication\">SC</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Vaudenay</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Master 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Master 2\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"specialisation\" data-title=\"Spécialisation\">\n        &nbsp;\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examen écrit</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">7</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n\n<!-- Study Plan Mineurs -->\n\n<div class=\"study-plan table-like\" style=\"--table-columns: minmax(300px, 4fr) 1fr minmax(auto, 2fr) 1fr\">\n  <h2>Mineur : Informatique</h2>\n\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examen</div>\n        <div class=\"titre\">&nbsp;</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n        <div class=\"titre\">&nbsp;</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n      <div class=\"cours\" data-title=\"Advanced algorithms\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Advanced algorithms</a>\n        </div>\n        <div class=\"cours-info\">CS-450 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Svensson</a>\n          &nbsp;\n        </div>\n      </div>\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examen écrit</div>\n        &nbsp;\n      </div>\n      <div class=\"credit red-color\">\n        <div class=\"credit-time\">7</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n      <div class=\"cours\" data-title=\"Advanced computer architecture\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Advanced computer architecture</a>\n        </div>\n        <div class=\"cours-info\">CS-470 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Ienne</a>\n          &nbsp;\n        </div>\n      </div>\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examen oral</div>\n        &nbsp;\n      </div>\n      <div class=\"credit red-color\">\n        <div class=\"credit-time\">4</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n      <div class=\"cours\" data-title=\"Advanced computer graphics\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Advanced computer graphics</a>\n        </div>\n        <div class=\"cours-info\">CS-440 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Jakob</a>\n          &nbsp;\n        </div>\n      </div>\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n      <div class=\"credit red-color\">\n        <div class=\"credit-time\">6</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n      <div class=\"cours\" data-title=\"Architecture des systems-on-chip\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Architecture des systems-on-chip</a>\n        </div>\n        <div class=\"cours-info\">CS-209 / Section <abbr title=\"Informatique\">IN</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Ienne</a>\n          &nbsp;\n        </div>\n      </div>\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n      <div class=\"credit red-color\">\n        <div class=\"credit-time\">4</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n</div>\n";
 /***/ }),
@@ -48724,7 +48724,7 @@ module.exports = "\n<div id=\"carouselNews\" class=\"carousel slide carousel-hig
 /***/ (function(module) {
 "use strict";
-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";
+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";
 /***/ }),
@@ -48732,7 +48732,7 @@ module.exports = "<h4>Further readings</h4>\n\n<button\n  class=\"collapse-title
 /***/ (function(module) {
 "use strict";
-module.exports = "<h4>Further readings</h4>\n\n<button\n  class=\"collapse-title collapse-title-desktop\"\n  type=\"button\"\n  data-toggle=\"collapse\"\n  data-target=\"#collapse-1\"\n  aria-expanded=\"false\"\n  aria-controls=\"collapse-1\"\n>\n  Teaching Staff Member at School Concil IC\n</button>\n\n<div class=\"collapse collapse-item show collapse-item-desktop\" id=\"collapse-1\">\n\n  <div class=\"row pt-3 pb-4\">\n    <div class=\"col-md-7\">\n      <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n        <strong itemprop=\"name\">EPFL PRES</strong><br/>\n        <span itemprop=\"address\">\n          CE 3 316 (Centre Est)<br/>\n          Station 1<br/>\n          CH-1015 Lausanne\n        </span>\n      </p>\n    </div>\n    <div class=\"col-md-5\">\n      <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2\">+41 21 666 77 88</a><br/>\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#home\"></use></svg>\n <a href=\"#\">Website</a><br/>\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#book\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <a href=\"#\">CE 3 316</a>\n    </div>\n  </div>\n\n</div>\n\n<button\n  class=\"collapse-title collapse-title-desktop collapsed\"\n  type=\"button\"\n  data-toggle=\"collapse\"\n  data-target=\"#collapse-2\"\n  aria-expanded=\"false\"\n  aria-controls=\"collapse-2\"\n>\n  Silent Spring\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n  <div class=\"row pt-3 pb-4\">\n    <div class=\"col-md-7\">\n      <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n        <strong itemprop=\"name\">EPFL PRES</strong><br/>\n        <span itemprop=\"address\">\n          CE 3 316 (Centre Est)<br/>\n          Station 1<br/>\n          CH-1015 Lausanne\n        </span>\n      </p>\n    </div>\n    <div class=\"col-md-5\">\n      <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2\">+41 21 666 77 88</a><br/>\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#home\"></use></svg>\n <a href=\"#\">Website</a><br/>\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#book\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <a href=\"#\">CE 3 316</a>\n    </div>\n  </div>\n</div>\n\n<button\n  class=\"collapse-title collapse-title-desktop collapsed\"\n  type=\"button\"\n  data-toggle=\"collapse\"\n  data-target=\"#collapse-3\"\n  aria-expanded=\"false\"\n  aria-controls=\"collapse-3\"\n>\n  The Hitchhiker's Guide to the Galaxy\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n  <div class=\"row pt-3 pb-4\">\n    <div class=\"col-md-7\">\n      <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n        <strong itemprop=\"name\">EPFL PRES</strong><br/>\n        <span itemprop=\"address\">\n          CE 3 316 (Centre Est)<br/>\n          Station 1<br/>\n          CH-1015 Lausanne\n        </span>\n      </p>\n    </div>\n    <div class=\"col-md-5\">\n      <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2\">+41 21 666 77 88</a><br/>\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#home\"></use></svg>\n <a href=\"#\">Website</a><br/>\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#book\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <a href=\"#\">CE 3 316</a>\n    </div>\n  </div>\n</div>\n";
+module.exports = "<h4>Contact information</h4>\n\n<button\n  class=\"collapse-title collapse-title-desktop\"\n  type=\"button\"\n  data-toggle=\"collapse\"\n  data-target=\"#collapse-1\"\n  aria-expanded=\"false\"\n  aria-controls=\"collapse-1\"\n>\n  Teaching Staff Member at School Concil IC\n</button>\n\n<div class=\"collapse collapse-item show collapse-item-desktop\" id=\"collapse-1\">\n\n  <div class=\"row pt-3 pb-4\">\n    <div class=\"col-md-7\">\n      <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n        <strong itemprop=\"name\">EPFL PRES</strong><br/>\n        <span itemprop=\"address\">\n          CE 3 316 (Centre Est)<br/>\n          Station 1<br/>\n          CH-1015 Lausanne\n        </span>\n      </p>\n    </div>\n    <div class=\"col-md-5\">\n      <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2\">+41 21 666 77 88</a><br/>\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#home\"></use></svg>\n <a href=\"#\">Website</a><br/>\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#book\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <a href=\"#\">CE 3 316</a>\n    </div>\n  </div>\n\n</div>\n\n<button\n  class=\"collapse-title collapse-title-desktop collapsed\"\n  type=\"button\"\n  data-toggle=\"collapse\"\n  data-target=\"#collapse-2\"\n  aria-expanded=\"false\"\n  aria-controls=\"collapse-2\"\n>\n  Silent Spring\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n  <div class=\"row pt-3 pb-4\">\n    <div class=\"col-md-7\">\n      <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n        <strong itemprop=\"name\">EPFL PRES</strong><br/>\n        <span itemprop=\"address\">\n          CE 3 316 (Centre Est)<br/>\n          Station 1<br/>\n          CH-1015 Lausanne\n        </span>\n      </p>\n    </div>\n    <div class=\"col-md-5\">\n      <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2\">+41 21 666 77 88</a><br/>\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#home\"></use></svg>\n <a href=\"#\">Website</a><br/>\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#book\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <a href=\"#\">CE 3 316</a>\n    </div>\n  </div>\n</div>\n\n<button\n  class=\"collapse-title collapse-title-desktop collapsed\"\n  type=\"button\"\n  data-toggle=\"collapse\"\n  data-target=\"#collapse-3\"\n  aria-expanded=\"false\"\n  aria-controls=\"collapse-3\"\n>\n  The Hitchhiker's Guide to the Galaxy\n</button>\n\n<div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n  <div class=\"row pt-3 pb-4\">\n    <div class=\"col-md-7\">\n      <p itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n        <strong itemprop=\"name\">EPFL PRES</strong><br/>\n        <span itemprop=\"address\">\n          CE 3 316 (Centre Est)<br/>\n          Station 1<br/>\n          CH-1015 Lausanne\n        </span>\n      </p>\n    </div>\n    <div class=\"col-md-5\">\n      <a href=\"tel:+41 21 666 77 88\" class=\"btn btn-sm btn-secondary mb-2\">+41 21 666 77 88</a><br/>\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#home\"></use></svg>\n <a href=\"#\">Website</a><br/>\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#book\"></use></svg>\n <a href=\"#\">Directory</a><br/>\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n <a href=\"#\">CE 3 316</a>\n    </div>\n  </div>\n</div>\n";
 /***/ }),
@@ -48740,7 +48740,7 @@ module.exports = "<h4>Further readings</h4>\n\n<button\n  class=\"collapse-title
 /***/ (function(module) {
 "use strict";
-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";
+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";
 /***/ }),
@@ -48996,7 +48996,7 @@ module.exports = "<nav aria-label=\"Page navigation\">\n  <ul class=\"pagination
 /***/ (function(module) {
 "use strict";
-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";
+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";
 /***/ }),
@@ -49324,7 +49324,7 @@ module.exports = "<div class=\"form-group\">\n  <label for=\"awesome-input\">Inp
 /***/ (function(module) {
 "use strict";
-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";
+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";
 /***/ }),
@@ -49332,7 +49332,7 @@ module.exports = "\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">
 /***/ (function(module) {
 "use strict";
-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";
+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";
 /***/ }),
@@ -49340,7 +49340,7 @@ module.exports = "<div class=\"fullwidth-teaser fullwidth-teaser-left\">\n\n  <p
 /***/ (function(module) {
 "use strict";
-module.exports = "<div class=\"fullwidth-teaser\">\n\n  <figure class=\"cover\">\n    <picture>\n  <source\n    media=\"(min-width: 1920px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 1366px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 1200px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n  <source\n    media=\"(min-width: 576px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 575px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n    <figcaption>\n      <button\n  aria-hidden=\"true\"\n  type=\"button\"\n  class=\"btn-circle\"\n  data-toggle=\"popover\"\n  data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n  <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n    </figcaption>\n  </figure>\n\n  <div class=\"fullwidth-teaser-text\">\n\n    <div class=\"fullwidth-teaser-header\">\n      <div class=\"fullwidth-teaser-title\">\n        <h3>\n                    Further readings\n        </h3>\n      </div>\n      <a href=\"#\" aria-label=\"En savoir plus sur Further readings\" class=\"btn btn-primary triangle-outer-bottom-right d-none d-xl-block\">\n        En savoir plus\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </a>\n    </div>\n\n    <div class=\"fullwidth-teaser-content\">\n      <p>\n                Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n      </p>\n    </div>\n\n    <div class=\"fullwidth-teaser-footer\">\n      <a href=\"#\" aria-label=\"En savoir plus sur Tech Transfer\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n    </div>\n  </div>\n</div>\n";
+module.exports = "<div class=\"fullwidth-teaser\">\n\n  <figure class=\"cover\">\n    <picture>\n  <source\n    media=\"(min-width: 1920px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 1366px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 1200px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n  <source\n    media=\"(min-width: 576px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 575px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n    <figcaption>\n      <button\n  aria-hidden=\"true\"\n  type=\"button\"\n  class=\"btn-circle\"\n  data-toggle=\"popover\"\n  data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n  <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n    </figcaption>\n  </figure>\n\n  <div class=\"fullwidth-teaser-text\">\n\n    <div class=\"fullwidth-teaser-header\">\n      <div class=\"fullwidth-teaser-title\">\n        <h3>\n                    Contact information\n        </h3>\n      </div>\n      <a href=\"#\" aria-label=\"En savoir plus sur Contact information\" class=\"btn btn-primary triangle-outer-bottom-right d-none d-xl-block\">\n        En savoir plus\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </a>\n    </div>\n\n    <div class=\"fullwidth-teaser-content\">\n      <p>\n                Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n      </p>\n    </div>\n\n    <div class=\"fullwidth-teaser-footer\">\n      <a href=\"#\" aria-label=\"En savoir plus sur Tech Transfer\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n    </div>\n  </div>\n</div>\n";
 /***/ }),
@@ -49348,7 +49348,7 @@ module.exports = "<div class=\"fullwidth-teaser\">\n\n  <figure class=\"cover\">
 /***/ (function(module) {
 "use strict";
-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";
+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";
 /***/ }),
@@ -49404,7 +49404,7 @@ module.exports = "\n<header role=\"banner\" class=\"header\">\n  <a class=\"logo
 /***/ (function(module) {
 "use strict";
-module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n    <figure class=\"cover\">\n    <picture>\n  <source\n    media=\"(min-width: 1920px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 1366px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 1200px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n  <source\n    media=\"(min-width: 576px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 575px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n    <figcaption>\n        <button\n  aria-hidden=\"true\"\n  type=\"button\"\n  class=\"btn-circle\"\n  data-toggle=\"popover\"\n  data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n  <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n    </figcaption>\n  </figure>\n  \n  <div class=\"fullwidth-teaser-text\">\n\n    <div class=\"fullwidth-teaser-header\">\n      <div class=\"fullwidth-teaser-title\">\n        <h3>\n                    Further readings\n        </h3>\n        <ul class=\"list-inline mt-2\">\n          <li class=\"list-inline-item\">Actualités</li>\n          <li class=\"list-inline-item\">Biologie</li>\n        </ul>\n      </div>\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n        Lire l'article\n        <span class=\"sr-only\">sur Tech Transfer.</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </a>\n    </div>\n\n    <div class=\"fullwidth-teaser-content\">\n      <p>\n                Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n      </p>\n    </div>\n\n    <div class=\"fullwidth-teaser-footer\">\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n    </div>\n  </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n  <div class=\"row\">\n    <div class=\"col-lg-10 offset-lg-1\">\n      <div class=\"row mb-4\">\n                  <div class=\"col-md-6 d-flex\">\n              <a href=\"#\" class=\"card link-trapeze-horizontal\">\n    <div class=\"card-body\">\n      <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n      <div class=\"card-info\">\n                  <span class=\"card-info-date\">\n            <time datetime=\"DATETIME HERE\">16.09.17</time>\n          </span>\n                          <span>Actualité</span>\n                  <span>Nanotechnologies</span>\n              </div>\n      <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n    </div>\n  </a>\n\n          </div>\n                  <div class=\"col-md-6 d-flex\">\n              <a href=\"#\" class=\"card link-trapeze-horizontal\">\n    <div class=\"card-body\">\n      <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n      <div class=\"card-info\">\n                  <span class=\"card-info-date\">\n            <time datetime=\"DATETIME HERE\">15.09.17</time>\n          </span>\n                          <span>Recherche</span>\n                  <span>Prix et récompenses</span>\n              </div>\n      <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n    </div>\n  </a>\n\n          </div>\n              </div>\n              <p class=\"text-center\">\n          <a href=\"#\">Toutes les actualités</a>\n        </p>\n          </div>\n  </div>\n</div>\n";
+module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n    <figure class=\"cover\">\n    <picture>\n  <source\n    media=\"(min-width: 1920px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 1366px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 1200px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n  <source\n    media=\"(min-width: 576px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 575px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n    <figcaption>\n        <button\n  aria-hidden=\"true\"\n  type=\"button\"\n  class=\"btn-circle\"\n  data-toggle=\"popover\"\n  data-content=\"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!\"\n>\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n  <svg class=\"icon icon-rotate-90\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</button>\n<p class=\"sr-only\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aut deserunt dolorem eligendi, nemo nulla quae reprehenderit saepe sapiente similique!</p>\n    </figcaption>\n  </figure>\n  \n  <div class=\"fullwidth-teaser-text\">\n\n    <div class=\"fullwidth-teaser-header\">\n      <div class=\"fullwidth-teaser-title\">\n        <h3>\n                    Contact information\n        </h3>\n        <ul class=\"list-inline mt-2\">\n          <li class=\"list-inline-item\">Actualités</li>\n          <li class=\"list-inline-item\">Biologie</li>\n        </ul>\n      </div>\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n        Lire l'article\n        <span class=\"sr-only\">sur Tech Transfer.</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </a>\n    </div>\n\n    <div class=\"fullwidth-teaser-content\">\n      <p>\n                Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n      </p>\n    </div>\n\n    <div class=\"fullwidth-teaser-footer\">\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n    </div>\n  </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n  <div class=\"row\">\n    <div class=\"col-lg-10 offset-lg-1\">\n      <div class=\"row mb-4\">\n                  <div class=\"col-md-6 d-flex\">\n              <a href=\"#\" class=\"card link-trapeze-horizontal\">\n    <div class=\"card-body\">\n      <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n      <div class=\"card-info\">\n                  <span class=\"card-info-date\">\n            <time datetime=\"DATETIME HERE\">16.09.17</time>\n          </span>\n                          <span>Actualité</span>\n                  <span>Nanotechnologies</span>\n              </div>\n      <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n    </div>\n  </a>\n\n          </div>\n                  <div class=\"col-md-6 d-flex\">\n              <a href=\"#\" class=\"card link-trapeze-horizontal\">\n    <div class=\"card-body\">\n      <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n      <div class=\"card-info\">\n                  <span class=\"card-info-date\">\n            <time datetime=\"DATETIME HERE\">15.09.17</time>\n          </span>\n                          <span>Recherche</span>\n                  <span>Prix et récompenses</span>\n              </div>\n      <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n    </div>\n  </a>\n\n          </div>\n              </div>\n              <p class=\"text-center\">\n          <a href=\"#\">Toutes les actualités</a>\n        </p>\n          </div>\n  </div>\n</div>\n";
 /***/ }),
@@ -49412,7 +49412,7 @@ module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizon
 /***/ (function(module) {
 "use strict";
-module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n    <picture>\n  <source\n    media=\"(min-width: 1920px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 1366px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 1200px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n  <source\n    media=\"(min-width: 576px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 575px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n  \n  <div class=\"fullwidth-teaser-text\">\n\n    <div class=\"fullwidth-teaser-header\">\n      <div class=\"fullwidth-teaser-title\">\n        <h3>\n                    Further readings\n        </h3>\n        <ul class=\"list-inline mt-2\">\n          <li class=\"list-inline-item\">Actualités</li>\n          <li class=\"list-inline-item\">Biologie</li>\n        </ul>\n      </div>\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n        Lire l'article\n        <span class=\"sr-only\">sur Tech Transfer.</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </a>\n    </div>\n\n    <div class=\"fullwidth-teaser-content\">\n      <p>\n                Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n      </p>\n    </div>\n\n    <div class=\"fullwidth-teaser-footer\">\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n    </div>\n  </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n  <div class=\"row\">\n    <div class=\"col-lg-10 offset-lg-1\">\n      <div class=\"row mb-4\">\n                  <div class=\"col-md-6 d-flex\">\n              <a href=\"#\" class=\"card link-trapeze-horizontal\">\n    <div class=\"card-body\">\n      <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n      <div class=\"card-info\">\n                  <span class=\"card-info-date\">\n            <time datetime=\"DATETIME HERE\">16.09.17</time>\n          </span>\n                          <span>Actualité</span>\n                  <span>Nanotechnologies</span>\n              </div>\n      <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n    </div>\n  </a>\n\n          </div>\n                  <div class=\"col-md-6 d-flex\">\n              <a href=\"#\" class=\"card link-trapeze-horizontal\">\n    <div class=\"card-body\">\n      <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n      <div class=\"card-info\">\n                  <span class=\"card-info-date\">\n            <time datetime=\"DATETIME HERE\">15.09.17</time>\n          </span>\n                          <span>Recherche</span>\n                  <span>Prix et récompenses</span>\n              </div>\n      <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n    </div>\n  </a>\n\n          </div>\n              </div>\n              <p class=\"text-center\">\n          <a href=\"#\">Toutes les actualités</a>\n        </p>\n          </div>\n  </div>\n</div>\n";
+module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n    <picture>\n  <source\n    media=\"(min-width: 1920px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 1366px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 1200px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n  <source\n    media=\"(min-width: 576px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 575px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n  \n  <div class=\"fullwidth-teaser-text\">\n\n    <div class=\"fullwidth-teaser-header\">\n      <div class=\"fullwidth-teaser-title\">\n        <h3>\n                    Contact information\n        </h3>\n        <ul class=\"list-inline mt-2\">\n          <li class=\"list-inline-item\">Actualités</li>\n          <li class=\"list-inline-item\">Biologie</li>\n        </ul>\n      </div>\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n        Lire l'article\n        <span class=\"sr-only\">sur Tech Transfer.</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </a>\n    </div>\n\n    <div class=\"fullwidth-teaser-content\">\n      <p>\n                Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n      </p>\n    </div>\n\n    <div class=\"fullwidth-teaser-footer\">\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n    </div>\n  </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n  <div class=\"row\">\n    <div class=\"col-lg-10 offset-lg-1\">\n      <div class=\"row mb-4\">\n                  <div class=\"col-md-6 d-flex\">\n              <a href=\"#\" class=\"card link-trapeze-horizontal\">\n    <div class=\"card-body\">\n      <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n      <div class=\"card-info\">\n                  <span class=\"card-info-date\">\n            <time datetime=\"DATETIME HERE\">16.09.17</time>\n          </span>\n                          <span>Actualité</span>\n                  <span>Nanotechnologies</span>\n              </div>\n      <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n    </div>\n  </a>\n\n          </div>\n                  <div class=\"col-md-6 d-flex\">\n              <a href=\"#\" class=\"card link-trapeze-horizontal\">\n    <div class=\"card-body\">\n      <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n      <div class=\"card-info\">\n                  <span class=\"card-info-date\">\n            <time datetime=\"DATETIME HERE\">15.09.17</time>\n          </span>\n                          <span>Recherche</span>\n                  <span>Prix et récompenses</span>\n              </div>\n      <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n    </div>\n  </a>\n\n          </div>\n              </div>\n              <p class=\"text-center\">\n          <a href=\"#\">Toutes les actualités</a>\n        </p>\n          </div>\n  </div>\n</div>\n";
 /***/ }),
@@ -49420,7 +49420,7 @@ module.exports = "\n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizon
 /***/ (function(module) {
 "use strict";
-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";
+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";
 /***/ }),
@@ -49428,7 +49428,7 @@ module.exports = "<div class=\"hero\">\n  <div class=\"hero-content-container\">
 /***/ (function(module) {
 "use strict";
-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";
+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";
 /***/ }),
@@ -49444,7 +49444,7 @@ module.exports = "<div class=\"introduction bg-gray-100\">\n  <div class=\"conta
 /***/ (function(module) {
 "use strict";
-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";
+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";
 /***/ }),
@@ -49604,7 +49604,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
 /***/ (function(module) {
 "use strict";
-module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n  <ul>\n    <li>\n      <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n    </li>\n  </ul>\n</nav>\n\n\n  \n<header role=\"banner\" class=\"header header-light\">\n  <div class=\"header-light-content\">\n    <a class=\"logo\" href=\"https://www.epfl.ch\">\n      <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n    </a>\n    <p class=\"site-title\">\n      <a href=\"#\">Event title</a>\n    </p>\n    <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n                    <li id=\"menu-item-1\" >\n        <a class=\"nav-item\" href=\"#\">Page 1</a>\n      </li>\n              <li id=\"menu-item-2\"  class=\"current-menu-item\">\n        <a class=\"nav-item\" href=\"#\">Page 2</a>\n      </li>\n              <li id=\"menu-item-3\" >\n        <a class=\"nav-item\" href=\"#\">Page 3</a>\n      </li>\n              <li id=\"menu-item-4\" >\n        <a class=\"nav-item\" href=\"#\">Page 4</a>\n      </li>\n              <li id=\"menu-item-5\" >\n        <a class=\"nav-item\" href=\"#\">Page 5</a>\n      </li>\n                  </ul>\n    \n<form action=\"#\" class=\"d-xl-none\">\n  <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n        <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n          </a>\n  <div class=\"input-group search-mobile\" role=\"search\">\n    <div class=\"input-group-prepend\">\n      <span class=\"input-group-text\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n      </span>\n    </div>\n        <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n    <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n            <div class=\"input-group-append\">\n      <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n                <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n                      </a>\n    </div>\n  </div>\n</form>\n    \n<div class=\"dropdown dropright search d-none d-xl-block\">\n  <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n  </a>\n  <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n    <div class=\"search-form mt-1 input-group\">\n            <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n      <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n      <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n                    </form>\n</div>\n                  \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n  <ul>\n        <li>\n      <span class=\"active\" aria-label=\"Français\">FR</span>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\">EN</a>\n    </li>\n              </ul>\n</nav>\n        <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n  <span class=\"label\">Menu</span>\n  <div class=\"hamburger\">\n    <span></span>\n    <span></span>\n    <span></span>\n  </div>\n</button>\n  </div>\n</header>\n\n<div class=\"main-container\">\n        \n  <div class=\"nav-toggle-layout\">\n\n          <div class=\"nav-container\">\n  <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n    <div class=\"nav-wrapper\">\n      <div class=\"nav-container current-menu-parent\">\n        <ul id=\"menu-main\" class=\"nav-menu\">\n          <li class=\"\"><a href=\"#\">About</a></li>\n          <li><a href=\"#\">Education</a></li>\n          <li><a href=\"#\">Research</a></li>\n          <li><a href=\"#\">Innovation</a></li>\n          <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n          <li><a href=\"#\">Campus</a></li>\n        </ul>\n      </div>\n    </div>\n  </nav>\n  <!-- Add side navigation here in order to display it in the mobile menu -->\n  </div>\n    \n    <div class=\"w-100 pb-5\">\n\n              <main id=\"main\" role=\"main\" class=\"content container-grid\">\n          \n<div class=\"container-full\">\n  <div class=\"hero\">\n  <div class=\"hero-content-container\">\n    <h1 class=\"hero-title\">Event title</h1>\n      </div>\n  <div class=\"hero-img\">\n    <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"images/styleguide/cover/cover01_1920x1080.jpg 1x,images/styleguide/cover/cover01_2880x1620.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2280x1283.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"images/styleguide/cover/cover01_960x540.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"images/styleguide/cover/cover01_720x405.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"images/styleguide/cover/cover01_540x304.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n  <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n  </div>\n</div>\n</div>\n\n<div class=\"container\">\n  <div class=\"introduction\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-8 offset-md-2\">\n                    <h2>Introduction</h2>\n\n                    <p>This is an introduction text about the association. It is always interesting to know in few lines what is all about.</p>\n      </div>\n    </div>\n  </div>\n</div>\n</div>\n\n<div class=\"container\">\n  <h2 class=\"mt-5 mb-4\">The last news</h2>\n<div class=\"row\">\n      <div class=\"col-md-6\">\n      <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n    </div>\n      <div class=\"col-md-6\">\n      <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n    </div>\n  </div>\n<p class=\"text-center\">\n  <a href=\"#\">See all news</a>\n</p>\n</div>\n\n<div class=\"container mt-5\">\n  <h2 class=\"mb-4\">Useful informations</h2>\n  <div class=\"row\">\n          <div class=\"col-md-6\">\n          <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\n          <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n        </picture>\n      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n      </div>\n          <div class=\"col-md-6\">\n          <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\n          <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n        </picture>\n      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n      </div>\n      </div>\n</div>\n\n<div class=\"container-full mt-5\">\n  <div class=\"container\">\n    <h2 class=\"mb-4\">Program</h2>\n  </div>\n  \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n    <picture>\n  <source\n    media=\"(min-width: 1920px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 1366px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 1200px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n  <source\n    media=\"(min-width: 576px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 575px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n  \n  <div class=\"fullwidth-teaser-text\">\n\n    <div class=\"fullwidth-teaser-header\">\n      <div class=\"fullwidth-teaser-title\">\n        <h3>\n                    Further readings\n        </h3>\n        <ul class=\"list-inline mt-2\">\n          <li class=\"list-inline-item\">Actualités</li>\n          <li class=\"list-inline-item\">Biologie</li>\n        </ul>\n      </div>\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n        Lire l'article\n        <span class=\"sr-only\">sur Tech Transfer.</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </a>\n    </div>\n\n    <div class=\"fullwidth-teaser-content\">\n      <p>\n                Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n      </p>\n    </div>\n\n    <div class=\"fullwidth-teaser-footer\">\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n    </div>\n  </div>\n</div>\n</div>\n\n<div class=\"container mt-5\">\n  <h2 class=\"mb-4\">Our sponsors</h2>\n  <div class=\"row\">\n          <div class=\"col-md-4\">\n        <figure>\n  <img class=\"img-fluid d-block mx-auto\" src=\"https://via.placeholder.com/300x150.jpg\" alt=\"Sponsor\">\n  <hr>\n  <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n  <hr class=\"bold\">\n</figure>\n      </div>\n          <div class=\"col-md-4\">\n        <figure>\n  <img class=\"img-fluid d-block mx-auto\" src=\"https://via.placeholder.com/300x150.jpg\" alt=\"Sponsor\">\n  <hr>\n  <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n  <hr class=\"bold\">\n</figure>\n      </div>\n          <div class=\"col-md-4\">\n        <figure>\n  <img class=\"img-fluid d-block mx-auto\" src=\"https://via.placeholder.com/300x150.jpg\" alt=\"Sponsor\">\n  <hr>\n  <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n  <hr class=\"bold\">\n</figure>\n      </div>\n      </div>\n</div>\n\n<div class=\"container mt-5\">\n  <div class=\"row\">\n  <div class=\"col-md-6\">\n    <h3>Contact</h3>\n    <p>Les guichets des « services aux étudiant-e-s » est le point de contact central pour traiter vos demandes.</p>\n    <div class=\"card card-body card-sm mb-2 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n      <div class=\"mr-3 w-sm-50\">Lundi à jeudi</div>\n      <div><strong><time datetime=\"09:00\">09:00</time> <span aria-label=\"à\">›</span> <time datetime=\"18:00\">18:00</time></strong></div>\n    </div>\n    <div class=\"card card-body card-sm mb-4 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n      <div class=\"mr-3 w-sm-50\">Vendredi</div>\n      <div><strong><time datetime=\"09:30\">09:30</time> <span aria-label=\"à\">›</span> <time datetime=\"17:00\">17:00</time></strong></div>\n    </div>\n    <p>\n      <a href=\"mailto:services.etudiants@epfl.ch\">services.etudiants@epfl.ch</a>\n    </p>\n    <hr>\n    <p>\n      +41 21 693 43 45\n    </p>\n    <hr>\n    <address>\n      EPFL AA-DAF<br>\n      BP 1229 (bâtiment BP) Station 16<br>\n      CH - 1015 Lausanne\n    </address>\n  </div>\n  <div class=\"col-md-6 d-flex flex-column\">\n    <h4 class=\"sr-only\">Access map</h4>\n<figure class=\"media-map\">\n  <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n  <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n  <figcaption class=\"media-map-over\">\n    <a href=\"#\" class=\"btn btn-primary btn-block\">Itinéraire vers le bureau BP (1er étage)</a>\n  </figcaption>\n</figure>\n  </div>\n</div>\n</div>\n\n        </main>\n      \n    </div>\n  </div>\n\n  <div class=\"bg-gray-100 pt-5\">\n  <div class=\"container\">\n          \n<footer class=\"footer-light\" role=\"contentinfo\">\n  <div class=\"row\">\n    <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n      <a href=\"#\">\n        <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n      </a>\n    </div>\n    <div class=\"col-md-9 col-lg-10 mb-4\">\n      <div class=\"ml-md-2 ml-lg-5\">\n        <ul class=\"list-inline list-unstyled\">\n                      <li class=\"list-inline-item\">Contact</li>\n                    <li class=\"list-inline-item text-muted pl-3\"><small>EPFL  CH-1015 Lausanne</small></li>\n          <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n        </ul>\n        <div class=\"footer-light-socials\">\n                  <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n                                  \n<ul class=\"social-icon-list list-inline\">\n  <li>\n    <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n  <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n  </li>\n  <li>\n    <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n  <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n  <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n  </li>\n        <li>\n    <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n  <span class=\"sr-only\">Follow us on X</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n  <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n  </li>\n</ul>\n        </div>\n        \n<div class=\"footer-legal\">\n  <div class=\"footer-legal-links\">\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n    <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n      </div>\n  <div>\n    <p>&copy; 2024 EPFL, tous droits réservés</p>\n  </div>\n</div>\n      </div>\n    </div>\n  </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n  <span class=\"sr-only\">Back to top</span>\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n      </div>\n</div>\n  </div>\n</div>\n</div>\n";
+module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n  <ul>\n    <li>\n      <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n    </li>\n  </ul>\n</nav>\n\n\n  \n<header role=\"banner\" class=\"header header-light\">\n  <div class=\"header-light-content\">\n    <a class=\"logo\" href=\"https://www.epfl.ch\">\n      <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n    </a>\n    <p class=\"site-title\">\n      <a href=\"#\">Event title</a>\n    </p>\n    <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n                    <li id=\"menu-item-1\" >\n        <a class=\"nav-item\" href=\"#\">Page 1</a>\n      </li>\n              <li id=\"menu-item-2\"  class=\"current-menu-item\">\n        <a class=\"nav-item\" href=\"#\">Page 2</a>\n      </li>\n              <li id=\"menu-item-3\" >\n        <a class=\"nav-item\" href=\"#\">Page 3</a>\n      </li>\n              <li id=\"menu-item-4\" >\n        <a class=\"nav-item\" href=\"#\">Page 4</a>\n      </li>\n              <li id=\"menu-item-5\" >\n        <a class=\"nav-item\" href=\"#\">Page 5</a>\n      </li>\n                  </ul>\n    \n<form action=\"#\" class=\"d-xl-none\">\n  <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n        <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n          </a>\n  <div class=\"input-group search-mobile\" role=\"search\">\n    <div class=\"input-group-prepend\">\n      <span class=\"input-group-text\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n      </span>\n    </div>\n        <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n    <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n            <div class=\"input-group-append\">\n      <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n                <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n                      </a>\n    </div>\n  </div>\n</form>\n    \n<div class=\"dropdown dropright search d-none d-xl-block\">\n  <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n  </a>\n  <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n    <div class=\"search-form mt-1 input-group\">\n            <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n      <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n      <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n                    </form>\n</div>\n                  \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n  <ul>\n        <li>\n      <span class=\"active\" aria-label=\"Français\">FR</span>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\">EN</a>\n    </li>\n              </ul>\n</nav>\n        <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n  <span class=\"label\">Menu</span>\n  <div class=\"hamburger\">\n    <span></span>\n    <span></span>\n    <span></span>\n  </div>\n</button>\n  </div>\n</header>\n\n<div class=\"main-container\">\n        \n  <div class=\"nav-toggle-layout\">\n\n          <div class=\"nav-container\">\n  <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n    <div class=\"nav-wrapper\">\n      <div class=\"nav-container current-menu-parent\">\n        <ul id=\"menu-main\" class=\"nav-menu\">\n          <li class=\"\"><a href=\"#\">About</a></li>\n          <li><a href=\"#\">Education</a></li>\n          <li><a href=\"#\">Research</a></li>\n          <li><a href=\"#\">Innovation</a></li>\n          <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n          <li><a href=\"#\">Campus</a></li>\n        </ul>\n      </div>\n    </div>\n  </nav>\n  <!-- Add side navigation here in order to display it in the mobile menu -->\n  </div>\n    \n    <div class=\"w-100 pb-5\">\n\n              <main id=\"main\" role=\"main\" class=\"content container-grid\">\n          \n<div class=\"container-full\">\n  <div class=\"hero\">\n  <div class=\"hero-content-container\">\n    <h1 class=\"hero-title\">Event title</h1>\n      </div>\n  <div class=\"hero-img\">\n    <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"images/styleguide/cover/cover01_1920x1080.jpg 1x,images/styleguide/cover/cover01_2880x1620.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"images/styleguide/cover/cover01_1140x641.jpg 1x,images/styleguide/cover/cover01_2280x1283.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"images/styleguide/cover/cover01_960x540.jpg 1x,images/styleguide/cover/cover01_1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"images/styleguide/cover/cover01_720x405.jpg 1x,images/styleguide/cover/cover01_1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"images/styleguide/cover/cover01_540x304.jpg 1x,images/styleguide/cover/cover01_1080x608.jpg 2x\">\n  <img src=\"images/styleguide/cover/cover01_1920x1080.jpg\" class=\"img-fluid\" alt=\"Cover description\">\n</picture>\n  </div>\n</div>\n</div>\n\n<div class=\"container\">\n  <div class=\"introduction\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-8 offset-md-2\">\n                    <h2>Introduction</h2>\n\n                    <p>This is an introduction text about the association. It is always interesting to know in few lines what is all about.</p>\n      </div>\n    </div>\n  </div>\n</div>\n</div>\n\n<div class=\"container\">\n  <h2 class=\"mt-5 mb-4\">The last news</h2>\n<div class=\"row\">\n      <div class=\"col-md-6\">\n      <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n    </div>\n      <div class=\"col-md-6\">\n      <a href=\"#\" class=\"card link-trapeze-horizontal\" itemscope itemtype=\"https://schema.org/NewsArticle\">\n      <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\" />\n    </picture>\n    <div class=\"card-body\">\n    <h3 class=\"card-title\" itemprop=\"name\">News title</h3>\n    <div class=\"card-info\">\n      <span class=\"card-info-date\" itemprop=\"datePublished\" content=\"2017-09-11T12:00\">11.09.17</span>\n      <span itemprop=\"about\">Recherche</span>\n      <span itemprop=\"about\">Prix et récompenses</span>\n    </div>\n    <p itemprop=\"description\">The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n  </div>\n</a>\n    </div>\n  </div>\n<p class=\"text-center\">\n  <a href=\"#\">See all news</a>\n</p>\n</div>\n\n<div class=\"container mt-5\">\n  <h2 class=\"mb-4\">Useful informations</h2>\n  <div class=\"row\">\n          <div class=\"col-md-6\">\n          <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\n          <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n        </picture>\n      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n      </div>\n          <div class=\"col-md-6\">\n          <div class=\"card\">\n    <a href=\"#\" class=\"card-img-top\">\n        <picture>\n          <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"professor Xile Hu\" alt=\"a portrait of professor Xile Hu\"/>\n        </picture>\n      </a>\n        <div class=\"card-body\">\n                  <h3 class=\"card-title\">\n          <a href=\"#\">Page title</a>\n        </h3>\n      \n    <p>The EPFL favors closer ties to industry leading research in order to best meet the scientific, technological and societal</p>\n      </div>\n        <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Button</a>\n    </div>\n    </div>\n      </div>\n      </div>\n</div>\n\n<div class=\"container-full mt-5\">\n  <div class=\"container\">\n    <h2 class=\"mb-4\">Program</h2>\n  </div>\n  \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n    <picture>\n  <source\n    media=\"(min-width: 1920px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 1366px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 1200px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n  <source\n    media=\"(min-width: 576px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 575px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n  \n  <div class=\"fullwidth-teaser-text\">\n\n    <div class=\"fullwidth-teaser-header\">\n      <div class=\"fullwidth-teaser-title\">\n        <h3>\n                    Contact information\n        </h3>\n        <ul class=\"list-inline mt-2\">\n          <li class=\"list-inline-item\">Actualités</li>\n          <li class=\"list-inline-item\">Biologie</li>\n        </ul>\n      </div>\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n        Lire l'article\n        <span class=\"sr-only\">sur Tech Transfer.</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </a>\n    </div>\n\n    <div class=\"fullwidth-teaser-content\">\n      <p>\n                Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n      </p>\n    </div>\n\n    <div class=\"fullwidth-teaser-footer\">\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n    </div>\n  </div>\n</div>\n</div>\n\n<div class=\"container mt-5\">\n  <h2 class=\"mb-4\">Our sponsors</h2>\n  <div class=\"row\">\n          <div class=\"col-md-4\">\n        <figure>\n  <img class=\"img-fluid d-block mx-auto\" src=\"https://via.placeholder.com/300x150.jpg\" alt=\"Sponsor\">\n  <hr>\n  <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n  <hr class=\"bold\">\n</figure>\n      </div>\n          <div class=\"col-md-4\">\n        <figure>\n  <img class=\"img-fluid d-block mx-auto\" src=\"https://via.placeholder.com/300x150.jpg\" alt=\"Sponsor\">\n  <hr>\n  <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n  <hr class=\"bold\">\n</figure>\n      </div>\n          <div class=\"col-md-4\">\n        <figure>\n  <img class=\"img-fluid d-block mx-auto\" src=\"https://via.placeholder.com/300x150.jpg\" alt=\"Sponsor\">\n  <hr>\n  <figcaption>Lorem ipsum dolor sit amet.</figcaption>\n  <hr class=\"bold\">\n</figure>\n      </div>\n      </div>\n</div>\n\n<div class=\"container mt-5\">\n  <div class=\"row\">\n  <div class=\"col-md-6\">\n    <h3>Contact</h3>\n    <p>Les guichets des « services aux étudiant-e-s » est le point de contact central pour traiter vos demandes.</p>\n    <div class=\"card card-body card-sm mb-2 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n      <div class=\"mr-3 w-sm-50\">Lundi à jeudi</div>\n      <div><strong><time datetime=\"09:00\">09:00</time> <span aria-label=\"à\">›</span> <time datetime=\"18:00\">18:00</time></strong></div>\n    </div>\n    <div class=\"card card-body card-sm mb-4 flex-row flex-wrap justify-content-between justify-content-sm-start\">\n      <div class=\"mr-3 w-sm-50\">Vendredi</div>\n      <div><strong><time datetime=\"09:30\">09:30</time> <span aria-label=\"à\">›</span> <time datetime=\"17:00\">17:00</time></strong></div>\n    </div>\n    <p>\n      <a href=\"mailto:services.etudiants@epfl.ch\">services.etudiants@epfl.ch</a>\n    </p>\n    <hr>\n    <p>\n      +41 21 693 43 45\n    </p>\n    <hr>\n    <address>\n      EPFL AA-DAF<br>\n      BP 1229 (bâtiment BP) Station 16<br>\n      CH - 1015 Lausanne\n    </address>\n  </div>\n  <div class=\"col-md-6 d-flex flex-column\">\n    <h4 class=\"sr-only\">Access map</h4>\n<figure class=\"media-map\">\n  <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n  <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n  <figcaption class=\"media-map-over\">\n    <a href=\"#\" class=\"btn btn-primary btn-block\">Itinéraire vers le bureau BP (1er étage)</a>\n  </figcaption>\n</figure>\n  </div>\n</div>\n</div>\n\n        </main>\n      \n    </div>\n  </div>\n\n  <div class=\"bg-gray-100 pt-5\">\n  <div class=\"container\">\n          \n<footer class=\"footer-light\" role=\"contentinfo\">\n  <div class=\"row\">\n    <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n      <a href=\"#\">\n        <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n      </a>\n    </div>\n    <div class=\"col-md-9 col-lg-10 mb-4\">\n      <div class=\"ml-md-2 ml-lg-5\">\n        <ul class=\"list-inline list-unstyled\">\n                      <li class=\"list-inline-item\">Contact</li>\n                    <li class=\"list-inline-item text-muted pl-3\"><small>EPFL  CH-1015 Lausanne</small></li>\n          <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n        </ul>\n        <div class=\"footer-light-socials\">\n                  <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n                                  \n<ul class=\"social-icon-list list-inline\">\n  <li>\n    <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n  <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n  </li>\n  <li>\n    <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n  <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n  <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n  </li>\n        <li>\n    <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n  <span class=\"sr-only\">Follow us on X</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n  <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n  </li>\n</ul>\n        </div>\n        \n<div class=\"footer-legal\">\n  <div class=\"footer-legal-links\">\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n    <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n      </div>\n  <div>\n    <p>&copy; 2024 EPFL, tous droits réservés</p>\n  </div>\n</div>\n      </div>\n    </div>\n  </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n  <span class=\"sr-only\">Back to top</span>\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n      </div>\n</div>\n  </div>\n</div>\n</div>\n";
 /***/ }),
@@ -49628,7 +49628,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
 /***/ (function(module) {
 "use strict";
-module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n  <ul>\n    <li>\n      <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n    </li>\n  </ul>\n</nav>\n\n\n  \n<header role=\"banner\" class=\"header\">\n  <a class=\"logo\" href=\"#\">\n    <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n  </a>\n  <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n          <li id=\"menu-item-1\" >\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n                              </li>\n          <li id=\"menu-item-2\"  class=\"current-menu-item\">\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n                              </li>\n          <li id=\"menu-item-3\" >\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n                              </li>\n          <li id=\"menu-item-4\" >\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n                              </li>\n          <li id=\"menu-item-5\" >\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n                              </li>\n          <li id=\"menu-item-6\" >\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n                              </li>\n      </ul>\n  \n<div class=\"dropdown dropright search d-none d-xl-block\">\n  <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n  </a>\n  <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n    <div class=\"search-form mt-1 input-group\">\n            <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n      <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n      <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n                    </form>\n</div>\n  \n<form action=\"#\" class=\"d-xl-none\">\n  <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n        <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n          </a>\n  <div class=\"input-group search-mobile\" role=\"search\">\n    <div class=\"input-group-prepend\">\n      <span class=\"input-group-text\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n      </span>\n    </div>\n        <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n    <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n            <div class=\"input-group-append\">\n      <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n                <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n                      </a>\n    </div>\n  </div>\n</form>\n          \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n  <ul>\n        <li>\n      <span class=\"active\" aria-label=\"Français\">FR</span>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\">EN</a>\n    </li>\n              </ul>\n</nav>\n    <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n  <span class=\"label\">Menu</span>\n  <div class=\"hamburger\">\n    <span></span>\n    <span></span>\n    <span></span>\n  </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n  \n  <div class=\"nav-toggle-layout\">\n\n          <div class=\"nav-container\">\n  <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n    <div class=\"nav-wrapper\">\n      <div class=\"nav-container current-menu-parent\">\n        <ul id=\"menu-main\" class=\"nav-menu\">\n          <li class=\"\"><a href=\"#\">About</a></li>\n          <li><a href=\"#\">Education</a></li>\n          <li><a href=\"#\">Research</a></li>\n          <li><a href=\"#\">Innovation</a></li>\n          <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n          <li><a href=\"#\">Campus</a></li>\n        </ul>\n      </div>\n    </div>\n  </nav>\n  <!-- Add side navigation here in order to display it in the mobile menu -->\n  </div>\n    \n    <div class=\"w-100 pb-5\">\n\n        <main id=\"main\" role=\"main\" class=\"content\">\n    \n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n    <picture>\n  <source\n    media=\"(min-width: 1920px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 1366px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 1200px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n  <source\n    media=\"(min-width: 576px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 575px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n  \n  <div class=\"fullwidth-teaser-text\">\n\n    <div class=\"fullwidth-teaser-header\">\n      <div class=\"fullwidth-teaser-title\">\n        <h3>\n                    Further readings\n        </h3>\n        <ul class=\"list-inline mt-2\">\n          <li class=\"list-inline-item\">Actualités</li>\n          <li class=\"list-inline-item\">Biologie</li>\n        </ul>\n      </div>\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n        Lire l'article\n        <span class=\"sr-only\">sur Tech Transfer.</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </a>\n    </div>\n\n    <div class=\"fullwidth-teaser-content\">\n      <p>\n                Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n      </p>\n    </div>\n\n    <div class=\"fullwidth-teaser-footer\">\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n    </div>\n  </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n  <div class=\"row\">\n    <div class=\"col-lg-10 offset-lg-1\">\n      <div class=\"row mb-4\">\n                  <div class=\"col-md-6 d-flex\">\n              <a href=\"#\" class=\"card link-trapeze-horizontal\">\n    <div class=\"card-body\">\n      <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n      <div class=\"card-info\">\n                  <span class=\"card-info-date\">\n            <time datetime=\"DATETIME HERE\">16.09.17</time>\n          </span>\n                          <span>Actualité</span>\n                  <span>Nanotechnologies</span>\n              </div>\n      <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n    </div>\n  </a>\n\n          </div>\n                  <div class=\"col-md-6 d-flex\">\n              <a href=\"#\" class=\"card link-trapeze-horizontal\">\n    <div class=\"card-body\">\n      <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n      <div class=\"card-info\">\n                  <span class=\"card-info-date\">\n            <time datetime=\"DATETIME HERE\">15.09.17</time>\n          </span>\n                          <span>Recherche</span>\n                  <span>Prix et récompenses</span>\n              </div>\n      <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n    </div>\n  </a>\n\n          </div>\n              </div>\n              <p class=\"text-center\">\n          <a href=\"#\">Toutes les actualités</a>\n        </p>\n          </div>\n  </div>\n</div>\n\n    \n    <div class=\"bg-gray-100 py-5\">\n      <div class=\"container\">\n        <h2 class=\"text-center mb-5\">EPFL en bref</h2>\n\n        <h3 class=\"h6 mb-3 text-spread\">Les missions de l'école</h3>\n        <div class=\"row mb-4\">\n                      <div class=\"col-md-4 d-flex\">\n                <div class=\"card\">\n        <div class=\"card-body\">\n      <h3 class=\"card-title\">\n        <a href=\"#\">Éducation</a>\n      </h3>\n      <p>La qualité de formation des élèves et des enseignants à l’EPFL en fait l’une des institutions de science et de technologie les plus reconnues au monde.</p>\n    </div>\n    <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Éducation</a>\n    </div>\n  </div>\n\n            </div>\n                      <div class=\"col-md-4 d-flex\">\n                <div class=\"card\">\n        <div class=\"card-body\">\n      <h3 class=\"card-title\">\n        <a href=\"#\">Recherche</a>\n      </h3>\n      <p>Une organisation unique nous permet de figurer systématiquement dans le haut du classement mondial des universités pour les programmes de recherche.</p>\n    </div>\n    <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Recherche</a>\n    </div>\n  </div>\n\n            </div>\n                      <div class=\"col-md-4 d-flex\">\n                <div class=\"card\">\n        <div class=\"card-body\">\n      <h3 class=\"card-title\">\n        <a href=\"#\">Innovation</a>\n      </h3>\n      <p>Le transfert de technologies ou l’expertise de l’EPFL pour transformer l'excellence scientifique en valeur la société et le développement économique.</p>\n    </div>\n    <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Innovation</a>\n    </div>\n  </div>\n\n            </div>\n                  </div>\n\n        <h3 class=\"h6 mb-3 text-spread\">Les lieux totems</h3>\n        <div class=\"row\">\n                      <div class=\"col-md-4 d-flex\">\n                <div class=\"card\">\n          <a href=\"#\" class=\"card-img-top\">\n        <picture>\n          <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column1.jpg\" class=\"img-fluid\" title=\"Artlab\" alt=\"ALT OF IMAGE HERE\"/>\n        </picture>\n      </a>\n        <div class=\"card-body\">\n      <h3 class=\"card-title\">\n        <a href=\"#\">Artlab</a>\n      </h3>\n      <p>Le Artlab organise une grand diversité d’événements et en s’associant à des institutions culturelles de la région.</p>\n    </div>\n    <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Explorez le Artlab</a>\n    </div>\n  </div>\n\n            </div>\n                      <div class=\"col-md-4 d-flex\">\n                <div class=\"card\">\n          <a href=\"#\" class=\"card-img-top\">\n        <picture>\n          <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column2.jpg\" class=\"img-fluid\" title=\"Rolex Center\" alt=\"ALT OF IMAGE HERE\"/>\n        </picture>\n      </a>\n        <div class=\"card-body\">\n      <h3 class=\"card-title\">\n        <a href=\"#\">Rolex Center</a>\n      </h3>\n      <p>Le Rolex Learning Center est à la fois un laboratoire d’apprentissage, une bibliothèque abritant 500’000 ouvrages et un centre culturel international.</p>\n    </div>\n    <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrez le Rolex Center</a>\n    </div>\n  </div>\n\n            </div>\n                      <div class=\"col-md-4 d-flex\">\n                <div class=\"card\">\n          <a href=\"#\" class=\"card-img-top\">\n        <picture>\n          <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column3.jpg\" class=\"img-fluid\" title=\"SwissTech CC\" alt=\"ALT OF IMAGE HERE\"/>\n        </picture>\n      </a>\n        <div class=\"card-body\">\n      <h3 class=\"card-title\">\n        <a href=\"#\">SwissTech CC</a>\n      </h3>\n      <p>Le SwissTech Convention Center est un des plus grand centre de congrès de la région lémanique accueillant des évènements de renommée internationale.</p>\n    </div>\n    <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Embarquez pour le SwissTech</a>\n    </div>\n  </div>\n\n            </div>\n                  </div>\n      </div>\n    </div>\n\n    \n    <div class=\"fullwidth-teaser\">\n\n  <picture>\n  <source\n    media=\"(min-width: 1920px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-1-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-1-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 1366px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-1-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 1200px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-1-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1600x900.jpg 2x\">\n  <source\n    media=\"(min-width: 576px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-1-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 575px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-1-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1140x641.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/home-teaser-1-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n\n  <div class=\"fullwidth-teaser-text\">\n\n    <div class=\"fullwidth-teaser-header\">\n      <div class=\"fullwidth-teaser-title\">\n        <h3>\n                    Étudier à l’EPFL, 13 filières de formation\n        </h3>\n      </div>\n      <a href=\"#\" aria-label=\"En savoir plus sur Étudier à l’EPFL, 13 filières de formation\" class=\"btn btn-primary triangle-outer-bottom-right d-none d-xl-block\">\n        En savoir plus\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </a>\n    </div>\n\n    <div class=\"fullwidth-teaser-content\">\n      <p>\n                Treize filières de formation dans les sciences de l’ingénieur, des programmes doctoraux de choix, des laboratoires de pointe dirigés par des professeurs de réputation internationale, un campus moderne en plein développement qui s’étend sur plus de 10’000 mètres carrés.\n      </p>\n    </div>\n\n    <div class=\"fullwidth-teaser-footer\">\n      <a href=\"#\" aria-label=\"En savoir plus sur Tech Transfer\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n    </div>\n  </div>\n</div>\n\n    \n    \n    <div class=\"bg-gray-100 py-5\">\n      <div class=\"datepicker-wrapper\">\n  <input type=\"text\" class=\"datepicker-fancy\">\n  <span class=\"nextMonthLabel\"></span>\n  <span class=\"prevMonthLabel\"></span>\n</div>\n\n      <div class=\"overflow-hidden\">\n        <div class=\"container\">\n          <div class=\"card-slider-wrapper\">\n            <div class=\"card-slider\">\n              <div class=\"card-slider-cell\">\n                <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n              </div>\n              <div class=\"card-slider-cell\">\n                <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n              </div>\n              <div class=\"card-slider-cell\">\n                <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n              </div>\n              <div class=\"card-slider-cell\">\n                <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n              </div>\n              <div class=\"card-slider-cell\">\n                <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n              </div>\n              <div class=\"card-slider-cell\">\n                <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n              </div>\n            </div>\n\n            <div class=\"card-slider-footer\">\n                <div>\n                  <button role=\"button\" id=\"card-slider-prev\" class=\"card-slider-btn link-trapeze-horizontal disabled\">\n                  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n                  </button>\n                  <button role=\"button\" id=\"card-slider-next\" class=\"card-slider-btn link-trapeze-horizontal\">\n                  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n                </button>\n              </div>\n              <div>\n                <a href=\"#\">Voir l’agenda complet des événements</a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    \n    \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n    <picture>\n  <source\n    media=\"(min-width: 1920px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-2-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-2-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 1366px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-2-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 1200px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-2-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1600x900.jpg 2x\">\n  <source\n    media=\"(min-width: 576px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-2-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 575px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-2-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1140x641.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/home-teaser-2-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n  \n  <div class=\"fullwidth-teaser-text\">\n\n    <div class=\"fullwidth-teaser-header\">\n      <div class=\"fullwidth-teaser-title\">\n        <h3>\n                    Pour une transformation plus efficace des molécules\n        </h3>\n        <ul class=\"list-inline mt-2\">\n          <li class=\"list-inline-item\">Actualités</li>\n          <li class=\"list-inline-item\">Biologie</li>\n        </ul>\n      </div>\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n        Lire l'article\n        <span class=\"sr-only\">sur Tech Transfer.</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </a>\n    </div>\n\n    <div class=\"fullwidth-teaser-content\">\n      <p>\n                Le chimiste Xile Hu est le lauréat du Prix Latsis 2017. Ce professeur à l’Ecole polytechnique fédérale de Lausanne est récompensé pour son impressionnante carrière scientifique et ses excellents travaux de recherche sur la compréhension fondamentale de la catalyse.\n      </p>\n    </div>\n\n    <div class=\"fullwidth-teaser-footer\">\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n    </div>\n  </div>\n</div>\n\n    \n    <div class=\"container py-6\">\n      <div class=\"row\">\n        <div class=\"col-lg-3 col-md-6\">\n          <h2>Une école multi-sites, de Lausanne vers le monde</h2>\n          <p class=\"h6\">Une école, plusieurs campus</p>\n        </div>\n        <div class=\"col-lg-9 col-md-6\">\n          <div class=\"row\">\n                              <div class=\"col-6 col-lg-4\">\n                    <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n          <picture class=\"card-img-top\">\n        <img src=\"./images/styleguide/homepage/5-teaser-mission-research-lausanne.jpg\" class=\"img-fluid\" title=\"Lausanne\" alt=\"ALT OF IMAGE HERE\"/>\n      </picture>\n          <div class=\"card-body\">\n        <h3 class=\"card-title link-icon mb-0 h5\">\n          Lausanne\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n      </h3>\n    </div>\n  </a>\n\n                </div>\n                              <div class=\"col-6 col-lg-4\">\n                    <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n          <picture class=\"card-img-top\">\n        <img src=\"./images/styleguide/homepage/5-teaser-mission-research-geneva.jpg\" class=\"img-fluid\" title=\"Genève\" alt=\"ALT OF IMAGE HERE\"/>\n      </picture>\n          <div class=\"card-body\">\n        <h3 class=\"card-title link-icon mb-0 h5\">\n          Genève\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n      </h3>\n    </div>\n  </a>\n\n                </div>\n                              <div class=\"col-6 col-lg-4\">\n                    <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n          <picture class=\"card-img-top\">\n        <img src=\"./images/styleguide/homepage/5-teaser-mission-research-neuchatel.jpg\" class=\"img-fluid\" title=\"Neuchâtel\" alt=\"ALT OF IMAGE HERE\"/>\n      </picture>\n          <div class=\"card-body\">\n        <h3 class=\"card-title link-icon mb-0 h5\">\n          Neuchâtel\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n      </h3>\n    </div>\n  </a>\n\n                </div>\n                              <div class=\"col-6 col-lg-4\">\n                    <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n          <picture class=\"card-img-top\">\n        <img src=\"./images/styleguide/homepage/5-teaser-mission-research-fribourg.jpg\" class=\"img-fluid\" title=\"Fribourg\" alt=\"ALT OF IMAGE HERE\"/>\n      </picture>\n          <div class=\"card-body\">\n        <h3 class=\"card-title link-icon mb-0 h5\">\n          Fribourg\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n      </h3>\n    </div>\n  </a>\n\n                </div>\n                              <div class=\"col-6 col-lg-4\">\n                    <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n          <picture class=\"card-img-top\">\n        <img src=\"./images/styleguide/homepage/5-teaser-mission-research-valais.jpg\" class=\"img-fluid\" title=\"Valais\" alt=\"ALT OF IMAGE HERE\"/>\n      </picture>\n          <div class=\"card-body\">\n        <h3 class=\"card-title link-icon mb-0 h5\">\n          Valais\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n      </h3>\n    </div>\n  </a>\n\n                </div>\n                              <div class=\"col-6 col-lg-4\">\n                    <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n          <picture class=\"card-img-top\">\n        <img src=\"./images/styleguide/homepage/5-teaser-mission-research-middle-east.jpg\" class=\"img-fluid\" title=\"Middle-East\" alt=\"ALT OF IMAGE HERE\"/>\n      </picture>\n          <div class=\"card-body\">\n        <h3 class=\"card-title link-icon mb-0 h5\">\n          Middle-East\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n      </h3>\n    </div>\n  </a>\n\n                </div>\n                        </div>\n        </div>\n      </div>\n    </div>\n\n    \n    \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n    <picture>\n  <source\n    media=\"(min-width: 1920px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-3-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-3-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 1366px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-3-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 1200px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-3-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1600x900.jpg 2x\">\n  <source\n    media=\"(min-width: 576px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-3-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 575px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-3-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1140x641.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/home-teaser-3-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n  \n  <div class=\"fullwidth-teaser-text\">\n\n    <div class=\"fullwidth-teaser-header\">\n      <div class=\"fullwidth-teaser-title\">\n        <h3>\n                    Explorer le portail étudiants de l'EPFL\n        </h3>\n        <ul class=\"list-inline mt-2\">\n          <li class=\"list-inline-item\">Actualités</li>\n          <li class=\"list-inline-item\">Biologie</li>\n        </ul>\n      </div>\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n        Lire l'article\n        <span class=\"sr-only\">sur Tech Transfer.</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </a>\n    </div>\n\n    <div class=\"fullwidth-teaser-content\">\n      <p>\n                Découvrez l'ensemble des services dédiés aux étudiants : vie académique, cours, cartes d'accès et plans, transports et restauration. Mais aussi les bons plans, les réductions et les événements organisés par les nombreuses associations d'étudiants.\n      </p>\n    </div>\n\n    <div class=\"fullwidth-teaser-footer\">\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n    </div>\n  </div>\n</div>\n\n    <div class=\"container-fluid p-0\">\n      <form class=\"question\" action=\"\">\n\n  <div class=\"question-img\">\n    <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"./images/styleguide/homepage/7-science-question-SF.jpg 1x, ./images/styleguide/homepage/7-science-question-SF.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"https://via.placeholder.com/475x267.jpg 1x,https://via.placeholder.com/950x534.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"https://via.placeholder.com/400x225.jpg 1x,https://via.placeholder.com/800x450.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n  <img src=\"./images/styleguide/homepage/7-science-question-SF.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n  </div>\n\n  <div class=\"question-content\">\n    <h2 class=\"question-title\">Type de question</h2>\n    <h3 class=\"question-subtitle mt-3\">Further readings</h3>\n\n    <div class=\"question-answers mt-4\">\n                    <input type=\"radio\" id=\"custom-radio1\" name=\"customRadio\" class=\"custom-control-input\">\n        <label class=\"custom-control-label\" for=\"custom-radio1\">\n          <span class=\"custom-control-label-content\">\n          Option 1</span>\n          <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n          <span class=\"trapeze-vertical d-lg-none\"></span>\n        </label>\n              <input type=\"radio\" id=\"custom-radio2\" name=\"customRadio\" class=\"custom-control-input\">\n        <label class=\"custom-control-label\" for=\"custom-radio2\">\n          <span class=\"custom-control-label-content\">\n          Option 2</span>\n          <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n          <span class=\"trapeze-vertical d-lg-none\"></span>\n        </label>\n              <input type=\"radio\" id=\"custom-radio3\" name=\"customRadio\" class=\"custom-control-input\">\n        <label class=\"custom-control-label\" for=\"custom-radio3\">\n          <span class=\"custom-control-label-content\">\n          Option 3</span>\n          <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n          <span class=\"trapeze-vertical d-lg-none\"></span>\n        </label>\n          </div>\n\n    <input type=\"submit\" class=\"btn btn-primary mt-4\" value=\"Voter\">\n  </div>\n</form>\n    </div>\n\n    \n    \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n    <picture>\n  <source\n    media=\"(min-width: 1920px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-4-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-4-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 1366px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-4-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 1200px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-4-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1600x900.jpg 2x\">\n  <source\n    media=\"(min-width: 576px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-4-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 575px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-4-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1140x641.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/home-teaser-4-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n  \n  <div class=\"fullwidth-teaser-text\">\n\n    <div class=\"fullwidth-teaser-header\">\n      <div class=\"fullwidth-teaser-title\">\n        <h3>\n                    L’EPFL vue du ciel\n        </h3>\n        <ul class=\"list-inline mt-2\">\n          <li class=\"list-inline-item\">Actualités</li>\n          <li class=\"list-inline-item\">Biologie</li>\n        </ul>\n      </div>\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n        Lire l'article\n        <span class=\"sr-only\">sur Tech Transfer.</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </a>\n    </div>\n\n    <div class=\"fullwidth-teaser-content\">\n      <p>\n                L'association Aéropoly a pris des images du campus à l'aide d'un dirigeable avant l'ouverture de Balélec. Le dirigeable avait déjà pris son envol une première fois pendant Polynice, événement organisé pour fêter les 60 ans de l'AGEPoly, soit l'association des étudiants de l'EPFL.\n      </p>\n    </div>\n\n    <div class=\"fullwidth-teaser-footer\">\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n    </div>\n  </div>\n</div>\n\n    <div class=\"bg-gray-100 py-5\">\n      <div class=\"container\">\n        <h2 class=\"h3\">Vivez au rythme de l’école, via les réseaux sociaux</h2>\n        <div class=\"social-feed-group\">\n  <div class=\"social-feed-container\">\n    <div class=\"social-feed\">\n  <span class=\"social-icon social-icon-x social-icon-round\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n  <span class=\"sr-only\">X</span>\n</span>\n\n  <div class=\"social-feed-content\">\n    <div>\n      <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n      <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n      \n\n      <p>What's your fave spot for sunset on campus? 😎</p>\n    </div>\n    <div>\n      <a class=\"btn btn-secondary mt-4\">Nous rejoindre sur X</a>\n    </div>\n  </div>\n</div>\n  </div>\n  <div class=\"social-feed-container\">\n    <div class=\"social-feed\">\n  <span class=\"social-icon social-icon-instagram social-icon-round\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n  <span class=\"sr-only\">X</span>\n</span>\n\n  <div class=\"social-feed-content\">\n    <div>\n      <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n      <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n      <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"https://via.placeholder.com/1140x1140.jpg 1x,https://via.placeholder.com/2280x2280.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"https://via.placeholder.com/1140x1140.jpg 1x,https://via.placeholder.com/2280x2280.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"https://via.placeholder.com/960x960.jpg 1x,https://via.placeholder.com/1920x1920.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"https://via.placeholder.com/240x240.jpg 1x,https://via.placeholder.com/480x480.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"https://via.placeholder.com/180x180.jpg 1x,https://via.placeholder.com/360x360.jpg 2x\">\n  <img src=\"https://via.placeholder.com/1140x1140.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n      <p>What's your fave spot for sunset on campus? 😎</p>\n    </div>\n    <div>\n      <a class=\"btn btn-secondary mt-4\">Suivez-nous sur Instagram</a>\n    </div>\n  </div>\n</div>\n  </div>\n  <div class=\"social-feed-container\">\n    <div class=\"social-feed\">\n  <span class=\"social-icon social-icon-facebook social-icon-round\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n  <span class=\"sr-only\">X</span>\n</span>\n\n  <div class=\"social-feed-content\">\n    <div>\n      <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n      <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n      <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"https://via.placeholder.com/380x214.jpg 1x,https://via.placeholder.com/760x428.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"https://via.placeholder.com/380x214.jpg 1x,https://via.placeholder.com/760x428.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"https://via.placeholder.com/320x180.jpg 1x,https://via.placeholder.com/640x360.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n  <img src=\"https://via.placeholder.com/380x214.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n      <p>What's your fave spot for sunset on campus? 😎</p>\n    </div>\n    <div>\n      <a class=\"btn btn-secondary mt-4\">Likez notre page Facebook</a>\n    </div>\n  </div>\n</div>\n  </div>\n</div>\n        <p class=\"text-center\">\n          <a href=\"#\">Liste des comptes officiels</a>\n        </p>\n      </div>\n    </div>\n  </div>\n\n    </div>\n  </div>\n\n    <div class=\"container py-5\">\n    <footer class=\"footer\" role=\"contentinfo\">\n\n  <div class=\"footer-group footer-sitemap\">\n      \n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n            <strong>À propos</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/facts/fr/\">Facts</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n            <strong>Éducation</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n            <strong>Recherche</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n            <strong>Innovation</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n            <strong>Campus</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  </div>\n\n  <div class=\"footer-group\">\n    \n<div class=\"footer-faculties\">\n  <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n        Facultés et Collèges\n              </button>\n  <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n    <ul class=\"footer-links\">\n          <li>\n                <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n                              </li>\n        </ul>\n  </div>\n</div>\n  </div>\n\n  <div class=\"footer-group footer-buttons\">\n    \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n  </div>\n\n  <div class=\"footer-group footer-socials\">\n    <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n  \n<ul class=\"social-icon-list list-inline\">\n  <li>\n    <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n  <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n  </li>\n  <li>\n    <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n  <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n  <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n  </li>\n        <li>\n    <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n  <span class=\"sr-only\">Follow us on X</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n  <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n  </li>\n</ul>\n</div>\n  </div>\n\n  \n<div class=\"footer-legal\">\n  <div class=\"footer-legal-links\">\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n    <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n          <a href=\"https://go.epfl.ch/charte\">Charte</a>\n      </div>\n  <div>\n    <p>&copy; 2024 EPFL, tous droits réservés</p>\n  </div>\n</div>\n\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";
+module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n  <ul>\n    <li>\n      <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n    </li>\n  </ul>\n</nav>\n\n\n  \n<header role=\"banner\" class=\"header\">\n  <a class=\"logo\" href=\"#\">\n    <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n  </a>\n  <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n          <li id=\"menu-item-1\" >\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/about/fr/\">À propos</a>\n                              </li>\n          <li id=\"menu-item-2\"  class=\"current-menu-item\">\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/education/fr/\">Éducation</a>\n                              </li>\n          <li id=\"menu-item-3\" >\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/research/fr/\">Recherche</a>\n                              </li>\n          <li id=\"menu-item-4\" >\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/innovation/fr/\">Innovation</a>\n                              </li>\n          <li id=\"menu-item-5\" >\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/schools/fr/\">Facultés</a>\n                              </li>\n          <li id=\"menu-item-6\" >\n                <a class=\"nav-item\" href=\"https://www.epfl.ch/campus/fr/\">Campus</a>\n                              </li>\n      </ul>\n  \n<div class=\"dropdown dropright search d-none d-xl-block\">\n  <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n  </a>\n  <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n    <div class=\"search-form mt-1 input-group\">\n            <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n      <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n      <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n                    </form>\n</div>\n  \n<form action=\"#\" class=\"d-xl-none\">\n  <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n        <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n          </a>\n  <div class=\"input-group search-mobile\" role=\"search\">\n    <div class=\"input-group-prepend\">\n      <span class=\"input-group-text\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n      </span>\n    </div>\n        <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n    <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n            <div class=\"input-group-append\">\n      <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n                <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n                      </a>\n    </div>\n  </div>\n</form>\n          \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n  <ul>\n        <li>\n      <span class=\"active\" aria-label=\"Français\">FR</span>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\">EN</a>\n    </li>\n              </ul>\n</nav>\n    <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n  <span class=\"label\">Menu</span>\n  <div class=\"hamburger\">\n    <span></span>\n    <span></span>\n    <span></span>\n  </div>\n</button>\n</header>\n\n<div class=\"main-container\">\n  \n  <div class=\"nav-toggle-layout\">\n\n          <div class=\"nav-container\">\n  <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n    <div class=\"nav-wrapper\">\n      <div class=\"nav-container current-menu-parent\">\n        <ul id=\"menu-main\" class=\"nav-menu\">\n          <li class=\"\"><a href=\"#\">About</a></li>\n          <li><a href=\"#\">Education</a></li>\n          <li><a href=\"#\">Research</a></li>\n          <li><a href=\"#\">Innovation</a></li>\n          <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n          <li><a href=\"#\">Campus</a></li>\n        </ul>\n      </div>\n    </div>\n  </nav>\n  <!-- Add side navigation here in order to display it in the mobile menu -->\n  </div>\n    \n    <div class=\"w-100 pb-5\">\n\n        <main id=\"main\" role=\"main\" class=\"content\">\n    \n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n    <picture>\n  <source\n    media=\"(min-width: 1920px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 1366px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 1200px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n  <source\n    media=\"(min-width: 576px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 575px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n  \n  <div class=\"fullwidth-teaser-text\">\n\n    <div class=\"fullwidth-teaser-header\">\n      <div class=\"fullwidth-teaser-title\">\n        <h3>\n                    Contact information\n        </h3>\n        <ul class=\"list-inline mt-2\">\n          <li class=\"list-inline-item\">Actualités</li>\n          <li class=\"list-inline-item\">Biologie</li>\n        </ul>\n      </div>\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n        Lire l'article\n        <span class=\"sr-only\">sur Tech Transfer.</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </a>\n    </div>\n\n    <div class=\"fullwidth-teaser-content\">\n      <p>\n                Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n      </p>\n    </div>\n\n    <div class=\"fullwidth-teaser-footer\">\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n    </div>\n  </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n  <div class=\"row\">\n    <div class=\"col-lg-10 offset-lg-1\">\n      <div class=\"row mb-4\">\n                  <div class=\"col-md-6 d-flex\">\n              <a href=\"#\" class=\"card link-trapeze-horizontal\">\n    <div class=\"card-body\">\n      <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n      <div class=\"card-info\">\n                  <span class=\"card-info-date\">\n            <time datetime=\"DATETIME HERE\">16.09.17</time>\n          </span>\n                          <span>Actualité</span>\n                  <span>Nanotechnologies</span>\n              </div>\n      <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n    </div>\n  </a>\n\n          </div>\n                  <div class=\"col-md-6 d-flex\">\n              <a href=\"#\" class=\"card link-trapeze-horizontal\">\n    <div class=\"card-body\">\n      <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n      <div class=\"card-info\">\n                  <span class=\"card-info-date\">\n            <time datetime=\"DATETIME HERE\">15.09.17</time>\n          </span>\n                          <span>Recherche</span>\n                  <span>Prix et récompenses</span>\n              </div>\n      <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n    </div>\n  </a>\n\n          </div>\n              </div>\n              <p class=\"text-center\">\n          <a href=\"#\">Toutes les actualités</a>\n        </p>\n          </div>\n  </div>\n</div>\n\n    \n    <div class=\"bg-gray-100 py-5\">\n      <div class=\"container\">\n        <h2 class=\"text-center mb-5\">EPFL en bref</h2>\n\n        <h3 class=\"h6 mb-3 text-spread\">Les missions de l'école</h3>\n        <div class=\"row mb-4\">\n                      <div class=\"col-md-4 d-flex\">\n                <div class=\"card\">\n        <div class=\"card-body\">\n      <h3 class=\"card-title\">\n        <a href=\"#\">Éducation</a>\n      </h3>\n      <p>La qualité de formation des élèves et des enseignants à l’EPFL en fait l’une des institutions de science et de technologie les plus reconnues au monde.</p>\n    </div>\n    <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Éducation</a>\n    </div>\n  </div>\n\n            </div>\n                      <div class=\"col-md-4 d-flex\">\n                <div class=\"card\">\n        <div class=\"card-body\">\n      <h3 class=\"card-title\">\n        <a href=\"#\">Recherche</a>\n      </h3>\n      <p>Une organisation unique nous permet de figurer systématiquement dans le haut du classement mondial des universités pour les programmes de recherche.</p>\n    </div>\n    <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Recherche</a>\n    </div>\n  </div>\n\n            </div>\n                      <div class=\"col-md-4 d-flex\">\n                <div class=\"card\">\n        <div class=\"card-body\">\n      <h3 class=\"card-title\">\n        <a href=\"#\">Innovation</a>\n      </h3>\n      <p>Le transfert de technologies ou l’expertise de l’EPFL pour transformer l'excellence scientifique en valeur la société et le développement économique.</p>\n    </div>\n    <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Portail Innovation</a>\n    </div>\n  </div>\n\n            </div>\n                  </div>\n\n        <h3 class=\"h6 mb-3 text-spread\">Les lieux totems</h3>\n        <div class=\"row\">\n                      <div class=\"col-md-4 d-flex\">\n                <div class=\"card\">\n          <a href=\"#\" class=\"card-img-top\">\n        <picture>\n          <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column1.jpg\" class=\"img-fluid\" title=\"Artlab\" alt=\"ALT OF IMAGE HERE\"/>\n        </picture>\n      </a>\n        <div class=\"card-body\">\n      <h3 class=\"card-title\">\n        <a href=\"#\">Artlab</a>\n      </h3>\n      <p>Le Artlab organise une grand diversité d’événements et en s’associant à des institutions culturelles de la région.</p>\n    </div>\n    <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Explorez le Artlab</a>\n    </div>\n  </div>\n\n            </div>\n                      <div class=\"col-md-4 d-flex\">\n                <div class=\"card\">\n          <a href=\"#\" class=\"card-img-top\">\n        <picture>\n          <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column2.jpg\" class=\"img-fluid\" title=\"Rolex Center\" alt=\"ALT OF IMAGE HERE\"/>\n        </picture>\n      </a>\n        <div class=\"card-body\">\n      <h3 class=\"card-title\">\n        <a href=\"#\">Rolex Center</a>\n      </h3>\n      <p>Le Rolex Learning Center est à la fois un laboratoire d’apprentissage, une bibliothèque abritant 500’000 ouvrages et un centre culturel international.</p>\n    </div>\n    <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Découvrez le Rolex Center</a>\n    </div>\n  </div>\n\n            </div>\n                      <div class=\"col-md-4 d-flex\">\n                <div class=\"card\">\n          <a href=\"#\" class=\"card-img-top\">\n        <picture>\n          <img src=\"./images/styleguide/homepage/2-teaser-basic-page-column3.jpg\" class=\"img-fluid\" title=\"SwissTech CC\" alt=\"ALT OF IMAGE HERE\"/>\n        </picture>\n      </a>\n        <div class=\"card-body\">\n      <h3 class=\"card-title\">\n        <a href=\"#\">SwissTech CC</a>\n      </h3>\n      <p>Le SwissTech Convention Center est un des plus grand centre de congrès de la région lémanique accueillant des évènements de renommée internationale.</p>\n    </div>\n    <div class=\"card-footer mt-auto\">\n      <a href=\"#\" class=\"btn btn-secondary btn-sm\">Embarquez pour le SwissTech</a>\n    </div>\n  </div>\n\n            </div>\n                  </div>\n      </div>\n    </div>\n\n    \n    <div class=\"fullwidth-teaser\">\n\n  <picture>\n  <source\n    media=\"(min-width: 1920px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-1-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-1-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 1366px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-1-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 1200px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-1-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1600x900.jpg 2x\">\n  <source\n    media=\"(min-width: 576px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-1-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 575px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-1-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-1-1140x641.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/home-teaser-1-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n\n  <div class=\"fullwidth-teaser-text\">\n\n    <div class=\"fullwidth-teaser-header\">\n      <div class=\"fullwidth-teaser-title\">\n        <h3>\n                    Étudier à l’EPFL, 13 filières de formation\n        </h3>\n      </div>\n      <a href=\"#\" aria-label=\"En savoir plus sur Étudier à l’EPFL, 13 filières de formation\" class=\"btn btn-primary triangle-outer-bottom-right d-none d-xl-block\">\n        En savoir plus\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </a>\n    </div>\n\n    <div class=\"fullwidth-teaser-content\">\n      <p>\n                Treize filières de formation dans les sciences de l’ingénieur, des programmes doctoraux de choix, des laboratoires de pointe dirigés par des professeurs de réputation internationale, un campus moderne en plein développement qui s’étend sur plus de 10’000 mètres carrés.\n      </p>\n    </div>\n\n    <div class=\"fullwidth-teaser-footer\">\n      <a href=\"#\" aria-label=\"En savoir plus sur Tech Transfer\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n    </div>\n  </div>\n</div>\n\n    \n    \n    <div class=\"bg-gray-100 py-5\">\n      <div class=\"datepicker-wrapper\">\n  <input type=\"text\" class=\"datepicker-fancy\">\n  <span class=\"nextMonthLabel\"></span>\n  <span class=\"prevMonthLabel\"></span>\n</div>\n\n      <div class=\"overflow-hidden\">\n        <div class=\"container\">\n          <div class=\"card-slider-wrapper\">\n            <div class=\"card-slider\">\n              <div class=\"card-slider-cell\">\n                <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n              </div>\n              <div class=\"card-slider-cell\">\n                <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n              </div>\n              <div class=\"card-slider-cell\">\n                <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n              </div>\n              <div class=\"card-slider-cell\">\n                <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n              </div>\n              <div class=\"card-slider-cell\">\n                <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n              </div>\n              <div class=\"card-slider-cell\">\n                <a href=\"#\" class=\"card card-gray link-trapeze-horizontal\" itemscope itemtype=\"http://schema.org/Event\">\n  <div class=\"card-body\">\n    <picture class=\"card-img-top\">\n      <img src=\"./images/styleguide/event_teaser.png\" class=\"img-fluid\" title=\"Image title\" alt=\"Image alt description\" />\n    </picture>\n    \n    <h3 class=\"card-title\" itemprop=\"name\">Startup Acceleration Workshops</h3>\n    <div class=\"card-info\">\n            <p class=\"event-info-date mb-1\">\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#calendar\"></use></svg>\n        <span class=\"sr-only\">Dates: du</span>\n        <span class=\"card-info-date event-date\" itemprop=\"startDate\" content=\"2018-01-10T12:00\">10.01.2018</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">au</span>\n        <span class=\"card-info-date event-date\" itemprop=\"endDate\" content=\"2018-01-12T12:00\">12.01.2018</span>\n        <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#clock\"></use></svg>\n        <span class=\"sr-only\">Heures: de</span>\n        <span class=\"event-time\">13:00</span>\n        <span class=\"sep\" aria-hidden=\"true\">›</span>\n        <span class=\"sr-only\">à</span>\n        <span class=\"event-time\">17:30</span>\n      </p>\n            <div class=\"event-info mt-1\">\n                <p class=\"event-speaker\" itemprop=\"performer\" itemscope itemtype=\"http://schema.org/performer\">\n          <b>Intervenant·e:</b> Prof. Dr. Aditya Mueller\n        </p>  \n                        <p class=\"event-location\" itemprop=\"location\" itemscope itemtype=\"http://schema.org/Place\">\n                    <b>Lieu:</b> <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#map-pin\"></use></svg>\n          <span itemprop=\"name\">ArtLab EPFL</span>\n                  </p>\n                        <p class=\"event-category\">\n          <b>Catégorie:</b> Événements culturel\n        </p>\n                        <p class=\"event-audience\" itemprop=\"audience\" itemscope itemtype=\"https://schema.org/audience\">\n          <b>Public cible:</b> Tout public\n        </p>\n              </div>\n    </div>\n  </div>\n  </a>\n              </div>\n            </div>\n\n            <div class=\"card-slider-footer\">\n                <div>\n                  <button role=\"button\" id=\"card-slider-prev\" class=\"card-slider-btn link-trapeze-horizontal disabled\">\n                  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n                  </button>\n                  <button role=\"button\" id=\"card-slider-next\" class=\"card-slider-btn link-trapeze-horizontal\">\n                  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n                </button>\n              </div>\n              <div>\n                <a href=\"#\">Voir l’agenda complet des événements</a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    \n    \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n    <picture>\n  <source\n    media=\"(min-width: 1920px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-2-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-2-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 1366px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-2-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 1200px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-2-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1600x900.jpg 2x\">\n  <source\n    media=\"(min-width: 576px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-2-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 575px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-2-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-2-1140x641.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/home-teaser-2-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n  \n  <div class=\"fullwidth-teaser-text\">\n\n    <div class=\"fullwidth-teaser-header\">\n      <div class=\"fullwidth-teaser-title\">\n        <h3>\n                    Pour une transformation plus efficace des molécules\n        </h3>\n        <ul class=\"list-inline mt-2\">\n          <li class=\"list-inline-item\">Actualités</li>\n          <li class=\"list-inline-item\">Biologie</li>\n        </ul>\n      </div>\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n        Lire l'article\n        <span class=\"sr-only\">sur Tech Transfer.</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </a>\n    </div>\n\n    <div class=\"fullwidth-teaser-content\">\n      <p>\n                Le chimiste Xile Hu est le lauréat du Prix Latsis 2017. Ce professeur à l’Ecole polytechnique fédérale de Lausanne est récompensé pour son impressionnante carrière scientifique et ses excellents travaux de recherche sur la compréhension fondamentale de la catalyse.\n      </p>\n    </div>\n\n    <div class=\"fullwidth-teaser-footer\">\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n    </div>\n  </div>\n</div>\n\n    \n    <div class=\"container py-6\">\n      <div class=\"row\">\n        <div class=\"col-lg-3 col-md-6\">\n          <h2>Une école multi-sites, de Lausanne vers le monde</h2>\n          <p class=\"h6\">Une école, plusieurs campus</p>\n        </div>\n        <div class=\"col-lg-9 col-md-6\">\n          <div class=\"row\">\n                              <div class=\"col-6 col-lg-4\">\n                    <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n          <picture class=\"card-img-top\">\n        <img src=\"./images/styleguide/homepage/5-teaser-mission-research-lausanne.jpg\" class=\"img-fluid\" title=\"Lausanne\" alt=\"ALT OF IMAGE HERE\"/>\n      </picture>\n          <div class=\"card-body\">\n        <h3 class=\"card-title link-icon mb-0 h5\">\n          Lausanne\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n      </h3>\n    </div>\n  </a>\n\n                </div>\n                              <div class=\"col-6 col-lg-4\">\n                    <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n          <picture class=\"card-img-top\">\n        <img src=\"./images/styleguide/homepage/5-teaser-mission-research-geneva.jpg\" class=\"img-fluid\" title=\"Genève\" alt=\"ALT OF IMAGE HERE\"/>\n      </picture>\n          <div class=\"card-body\">\n        <h3 class=\"card-title link-icon mb-0 h5\">\n          Genève\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n      </h3>\n    </div>\n  </a>\n\n                </div>\n                              <div class=\"col-6 col-lg-4\">\n                    <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n          <picture class=\"card-img-top\">\n        <img src=\"./images/styleguide/homepage/5-teaser-mission-research-neuchatel.jpg\" class=\"img-fluid\" title=\"Neuchâtel\" alt=\"ALT OF IMAGE HERE\"/>\n      </picture>\n          <div class=\"card-body\">\n        <h3 class=\"card-title link-icon mb-0 h5\">\n          Neuchâtel\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n      </h3>\n    </div>\n  </a>\n\n                </div>\n                              <div class=\"col-6 col-lg-4\">\n                    <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n          <picture class=\"card-img-top\">\n        <img src=\"./images/styleguide/homepage/5-teaser-mission-research-fribourg.jpg\" class=\"img-fluid\" title=\"Fribourg\" alt=\"ALT OF IMAGE HERE\"/>\n      </picture>\n          <div class=\"card-body\">\n        <h3 class=\"card-title link-icon mb-0 h5\">\n          Fribourg\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n      </h3>\n    </div>\n  </a>\n\n                </div>\n                              <div class=\"col-6 col-lg-4\">\n                    <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n          <picture class=\"card-img-top\">\n        <img src=\"./images/styleguide/homepage/5-teaser-mission-research-valais.jpg\" class=\"img-fluid\" title=\"Valais\" alt=\"ALT OF IMAGE HERE\"/>\n      </picture>\n          <div class=\"card-body\">\n        <h3 class=\"card-title link-icon mb-0 h5\">\n          Valais\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n      </h3>\n    </div>\n  </a>\n\n                </div>\n                              <div class=\"col-6 col-lg-4\">\n                    <a href=\"#\" class=\"card card-sm link-trapeze-horizontal\">\n          <picture class=\"card-img-top\">\n        <img src=\"./images/styleguide/homepage/5-teaser-mission-research-middle-east.jpg\" class=\"img-fluid\" title=\"Middle-East\" alt=\"ALT OF IMAGE HERE\"/>\n      </picture>\n          <div class=\"card-body\">\n        <h3 class=\"card-title link-icon mb-0 h5\">\n          Middle-East\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n      </h3>\n    </div>\n  </a>\n\n                </div>\n                        </div>\n        </div>\n      </div>\n    </div>\n\n    \n    \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n    <picture>\n  <source\n    media=\"(min-width: 1920px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-3-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-3-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 1366px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-3-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 1200px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-3-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1600x900.jpg 2x\">\n  <source\n    media=\"(min-width: 576px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-3-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 575px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-3-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-3-1140x641.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/home-teaser-3-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n  \n  <div class=\"fullwidth-teaser-text\">\n\n    <div class=\"fullwidth-teaser-header\">\n      <div class=\"fullwidth-teaser-title\">\n        <h3>\n                    Explorer le portail étudiants de l'EPFL\n        </h3>\n        <ul class=\"list-inline mt-2\">\n          <li class=\"list-inline-item\">Actualités</li>\n          <li class=\"list-inline-item\">Biologie</li>\n        </ul>\n      </div>\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n        Lire l'article\n        <span class=\"sr-only\">sur Tech Transfer.</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </a>\n    </div>\n\n    <div class=\"fullwidth-teaser-content\">\n      <p>\n                Découvrez l'ensemble des services dédiés aux étudiants : vie académique, cours, cartes d'accès et plans, transports et restauration. Mais aussi les bons plans, les réductions et les événements organisés par les nombreuses associations d'étudiants.\n      </p>\n    </div>\n\n    <div class=\"fullwidth-teaser-footer\">\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n    </div>\n  </div>\n</div>\n\n    <div class=\"container-fluid p-0\">\n      <form class=\"question\" action=\"\">\n\n  <div class=\"question-img\">\n    <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"./images/styleguide/homepage/7-science-question-SF.jpg 1x, ./images/styleguide/homepage/7-science-question-SF.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"https://via.placeholder.com/475x267.jpg 1x,https://via.placeholder.com/950x534.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"https://via.placeholder.com/400x225.jpg 1x,https://via.placeholder.com/800x450.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n  <img src=\"./images/styleguide/homepage/7-science-question-SF.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n  </div>\n\n  <div class=\"question-content\">\n    <h2 class=\"question-title\">Type de question</h2>\n    <h3 class=\"question-subtitle mt-3\">Contact information</h3>\n\n    <div class=\"question-answers mt-4\">\n                    <input type=\"radio\" id=\"custom-radio1\" name=\"customRadio\" class=\"custom-control-input\">\n        <label class=\"custom-control-label\" for=\"custom-radio1\">\n          <span class=\"custom-control-label-content\">\n          Option 1</span>\n          <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n          <span class=\"trapeze-vertical d-lg-none\"></span>\n        </label>\n              <input type=\"radio\" id=\"custom-radio2\" name=\"customRadio\" class=\"custom-control-input\">\n        <label class=\"custom-control-label\" for=\"custom-radio2\">\n          <span class=\"custom-control-label-content\">\n          Option 2</span>\n          <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n          <span class=\"trapeze-vertical d-lg-none\"></span>\n        </label>\n              <input type=\"radio\" id=\"custom-radio3\" name=\"customRadio\" class=\"custom-control-input\">\n        <label class=\"custom-control-label\" for=\"custom-radio3\">\n          <span class=\"custom-control-label-content\">\n          Option 3</span>\n          <span class=\"trapeze-horizontal d-none d-lg-block\"></span>\n          <span class=\"trapeze-vertical d-lg-none\"></span>\n        </label>\n          </div>\n\n    <input type=\"submit\" class=\"btn btn-primary mt-4\" value=\"Voter\">\n  </div>\n</form>\n    </div>\n\n    \n    \n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n    <picture>\n  <source\n    media=\"(min-width: 1920px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-4-1920x1080.jpg 1x, ./images/styleguide/teaser/home-teaser-4-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 1366px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-4-1440x810.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 1200px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-4-1294x728.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1600x900.jpg 2x\">\n  <source\n    media=\"(min-width: 576px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-4-768x432.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 575px)\"\n    srcset=\"./images/styleguide/teaser/home-teaser-4-576x324.jpg 1x, ./images/styleguide/teaser/home-teaser-4-1140x641.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/home-teaser-4-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n  \n  <div class=\"fullwidth-teaser-text\">\n\n    <div class=\"fullwidth-teaser-header\">\n      <div class=\"fullwidth-teaser-title\">\n        <h3>\n                    L’EPFL vue du ciel\n        </h3>\n        <ul class=\"list-inline mt-2\">\n          <li class=\"list-inline-item\">Actualités</li>\n          <li class=\"list-inline-item\">Biologie</li>\n        </ul>\n      </div>\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n        Lire l'article\n        <span class=\"sr-only\">sur Tech Transfer.</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </a>\n    </div>\n\n    <div class=\"fullwidth-teaser-content\">\n      <p>\n                L'association Aéropoly a pris des images du campus à l'aide d'un dirigeable avant l'ouverture de Balélec. Le dirigeable avait déjà pris son envol une première fois pendant Polynice, événement organisé pour fêter les 60 ans de l'AGEPoly, soit l'association des étudiants de l'EPFL.\n      </p>\n    </div>\n\n    <div class=\"fullwidth-teaser-footer\">\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n    </div>\n  </div>\n</div>\n\n    <div class=\"bg-gray-100 py-5\">\n      <div class=\"container\">\n        <h2 class=\"h3\">Vivez au rythme de l’école, via les réseaux sociaux</h2>\n        <div class=\"social-feed-group\">\n  <div class=\"social-feed-container\">\n    <div class=\"social-feed\">\n  <span class=\"social-icon social-icon-x social-icon-round\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n  <span class=\"sr-only\">X</span>\n</span>\n\n  <div class=\"social-feed-content\">\n    <div>\n      <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n      <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n      \n\n      <p>What's your fave spot for sunset on campus? 😎</p>\n    </div>\n    <div>\n      <a class=\"btn btn-secondary mt-4\">Nous rejoindre sur X</a>\n    </div>\n  </div>\n</div>\n  </div>\n  <div class=\"social-feed-container\">\n    <div class=\"social-feed\">\n  <span class=\"social-icon social-icon-instagram social-icon-round\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n  <span class=\"sr-only\">X</span>\n</span>\n\n  <div class=\"social-feed-content\">\n    <div>\n      <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n      <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n      <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"https://via.placeholder.com/1140x1140.jpg 1x,https://via.placeholder.com/2280x2280.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"https://via.placeholder.com/1140x1140.jpg 1x,https://via.placeholder.com/2280x2280.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"https://via.placeholder.com/960x960.jpg 1x,https://via.placeholder.com/1920x1920.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"https://via.placeholder.com/240x240.jpg 1x,https://via.placeholder.com/480x480.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"https://via.placeholder.com/180x180.jpg 1x,https://via.placeholder.com/360x360.jpg 2x\">\n  <img src=\"https://via.placeholder.com/1140x1140.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n      <p>What's your fave spot for sunset on campus? 😎</p>\n    </div>\n    <div>\n      <a class=\"btn btn-secondary mt-4\">Suivez-nous sur Instagram</a>\n    </div>\n  </div>\n</div>\n  </div>\n  <div class=\"social-feed-container\">\n    <div class=\"social-feed\">\n  <span class=\"social-icon social-icon-facebook social-icon-round\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n  <span class=\"sr-only\">X</span>\n</span>\n\n  <div class=\"social-feed-content\">\n    <div>\n      <p class=\"social-feed-header\"><strong>@epflENAC</strong> <span class=\"text-small\">il y a 8 heures</span></p>\n      <p>A Berlin, les étudiantes et étudiants de Dominique Perrault exposent leurs travaux à la galerie Aedes Architecture Forum du 27 janvier au 8 mars. @dpa_official http://www.aedes..</p>\n\n      <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"https://via.placeholder.com/380x214.jpg 1x,https://via.placeholder.com/760x428.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"https://via.placeholder.com/380x214.jpg 1x,https://via.placeholder.com/760x428.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"https://via.placeholder.com/320x180.jpg 1x,https://via.placeholder.com/640x360.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n  <img src=\"https://via.placeholder.com/380x214.jpg\" class=\"img-fluid\" alt=\"ALT\">\n</picture>\n\n      <p>What's your fave spot for sunset on campus? 😎</p>\n    </div>\n    <div>\n      <a class=\"btn btn-secondary mt-4\">Likez notre page Facebook</a>\n    </div>\n  </div>\n</div>\n  </div>\n</div>\n        <p class=\"text-center\">\n          <a href=\"#\">Liste des comptes officiels</a>\n        </p>\n      </div>\n    </div>\n  </div>\n\n    </div>\n  </div>\n\n    <div class=\"container py-5\">\n    <footer class=\"footer\" role=\"contentinfo\">\n\n  <div class=\"footer-group footer-sitemap\">\n      \n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-1\" aria-expanded=\"false\" aria-controls=\"collapse-footer-1\">\n            <strong>À propos</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-1\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/overview/fr/\">Qui sommes-nous</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/campus/fr/\">Campus associés</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/facts/fr/\">Facts</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/presidency/fr/\">Présidence</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/vice-presidencies/fr/\">Vice-Présidences</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/working/fr/\">Travailler à l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/recruiting/fr/\">Recruter des talents de l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/news-and-media/fr/\">News & médias</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/sustainability/fr/\">Durabilité</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/equality/fr/\">Égalité et Diversité</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/respect/fr/\">Respect</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/about/philanthropy/fr/\">Philanthropie</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epflalumni.ch/fr/\" target=\"_blank\" rel=\"noopener\">EPFL Alumni</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-2\" aria-expanded=\"false\" aria-controls=\"collapse-footer-2\">\n            <strong>Éducation</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-2\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/bachelor/fr/\">Bachelor</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/master/fr/\">Master</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/phd/fr/\">Doctorat</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/continuing-education/fr/\">Formation continue</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/international/fr/\">International</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/teaching/fr/\">Enseignement</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/admission/fr/\">Admission</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/studies/\">Gestion des études</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/educational-initiatives/fr/\">Initiatives pédagogiques</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/education/education-and-science-outreach/fr/\">Promotion de l'éducation et des sciences</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-3\" aria-expanded=\"false\" aria-controls=\"collapse-footer-3\">\n            <strong>Recherche</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-3\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/domains/fr/\">Domaines de recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/faculty-members/fr/\">Professeur·es de l’EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/awards/fr/\">Prix et distinctions</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/collaborate/fr/\">Collaborer avec nos chercheuses et chercheurs</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/facilities/fr/\">Les plateformes de recherche de l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/access-technology/fr/\">Accéder à nos technologies</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/ethic-statement/fr/\">Déontologie et éthique</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/recherche-avec-les-animaux-experimentation-animale/\">La recherche avec les animaux</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/fr/rencontrer-les-unites-de-soutien-a-la-recherche/\">Rencontrer les unités de soutien à la recherche</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/services/fr/\">Services aux laboratoires</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/research/open-science/fr/\">Open Science</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-4\" aria-expanded=\"false\" aria-controls=\"collapse-footer-4\">\n            <strong>Innovation</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-4\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/innovation/domains/fr/\">Domaines d'innovation</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/innovation/industry/fr/\">Collaboration avec l'industrie</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/innovation/startup/fr/\">Startup launchpad</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  <div class=\"footer-sitemap-col\">\n    <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-footer-5\" aria-expanded=\"false\" aria-controls=\"collapse-footer-5\">\n            <strong>Campus</strong>\n                      </button>\n    <div class=\"collapse collapse-item\" id=\"collapse-footer-5\">\n      <ul class=\"footer-links\">\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/services/\">Services et ressources</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/library/fr/\">Bibliothèque</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/restaurants-shops-hotels/fr/\">Restaurants, shops et hôtels</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/security-safety/\">Sécurité, prévention et santé</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/sports/\">Sport</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/community/fr/\">Communauté et soutien</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/spiritual-care/\">Aumônerie</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/events/fr/\">Événements</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/art-culture/fr/\">Arts et culture</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/associations/fr/\">Associations</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/visitors/fr/\">Visiter l'EPFL</a>\n                                              </li>\n                  <li>\n                        <a href=\"https://www.epfl.ch/campus/mobility/fr/\">Mobilité et voyages</a>\n                                              </li>\n              </ul>\n    </div>\n  </div>\n  </div>\n\n  <div class=\"footer-group\">\n    \n<div class=\"footer-faculties\">\n  <button class=\"footer-title collapse-title collapsed\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapse-fac\" aria-expanded=\"false\" aria-controls=\"collapse-fac\">\n        Facultés et Collèges\n              </button>\n  <div class=\"collapse collapse-item\" id=\"collapse-fac\">\n    <ul class=\"footer-links\">\n          <li>\n                <a href=\"https://www.epfl.ch/schools/enac/fr/\">Faculté de l'environnement naturel, architectural et construit <strong>ENAC</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/sb/fr/\">Faculté des sciences de base <strong>SB</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://sti.epfl.ch/fr/\">Faculté des sciences et techniques de l'ingénieur <strong>STI</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/ic/fr/\">Faculté informatique et communications <strong>IC</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/sv/fr/\">Faculté des sciences de la vie <strong>SV</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/cdm/fr/\">Collège du management de la technologie <strong>CDM</strong></a>\n                              </li>\n          <li>\n                <a href=\"https://www.epfl.ch/schools/cdh/fr/\">Collège des humanités <strong>CDH</strong></a>\n                              </li>\n        </ul>\n  </div>\n</div>\n  </div>\n\n  <div class=\"footer-group footer-buttons\">\n    \n<p class=\"footer-title footer-title-no-underline\">Pratique</p>\n<a href=\"https://www.epfl.ch/campus/services/\" class=\"btn btn-secondary btn-sm\">Services et ressources</a>\n<a href=\"tel:+41216933000\" class=\"btn btn-secondary btn-sm\">Urgences : +41 21 693 3000</a>\n<a href=\"https://www.epfl.ch/about/fr/contact/\" class=\"btn btn-secondary btn-sm\">Contact</a>\n<a href=\"https://map.epfl.ch/?lang=fr\" class=\"btn btn-secondary btn-sm\">Plan</a>\n\n\n  </div>\n\n  <div class=\"footer-group footer-socials\">\n    <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n<div class=\"footer-social\">\n  \n<ul class=\"social-icon-list list-inline\">\n  <li>\n    <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n  <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n  </li>\n  <li>\n    <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n  <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n  <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n  </li>\n        <li>\n    <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n  <span class=\"sr-only\">Follow us on X</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n  <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n  </li>\n</ul>\n</div>\n  </div>\n\n  \n<div class=\"footer-legal\">\n  <div class=\"footer-legal-links\">\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n    <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n          <a href=\"https://go.epfl.ch/charte\">Charte</a>\n      </div>\n  <div>\n    <p>&copy; 2024 EPFL, tous droits réservés</p>\n  </div>\n</div>\n\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";
 /***/ }),
@@ -49676,7 +49676,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
 /***/ (function(module) {
 "use strict";
-module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n  <ul>\n    <li>\n      <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n    </li>\n  </ul>\n</nav>\n\n\n  \n<header role=\"banner\" class=\"header header-light\">\n  <div class=\"header-light-content\">\n    <a class=\"logo\" href=\"https://www.epfl.ch\">\n      <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n    </a>\n    <p class=\"site-title\">\n      <a href=\"#\">Actu</a>\n    </p>\n    <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n            <li class=\"dropdown\">\n        <button class=\"btn btn-link dropdown-toggle nav-item\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n          Liste des options\n        </button>\n        <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n          <a class=\"dropdown-item\" href=\"#\">Option 1</a>\n          <a class=\"dropdown-item active\" href=\"#\">Option 2</a>\n          <a class=\"dropdown-item\" href=\"#\">Option 3</a>\n        </div>\n      </li>\n          </ul>\n    \n<form action=\"#\" class=\"d-xl-none\">\n  <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n        <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n          </a>\n  <div class=\"input-group search-mobile\" role=\"search\">\n    <div class=\"input-group-prepend\">\n      <span class=\"input-group-text\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n      </span>\n    </div>\n        <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n    <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n            <div class=\"input-group-append\">\n      <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n                <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n                      </a>\n    </div>\n  </div>\n</form>\n    \n<div class=\"dropdown dropright search d-none d-xl-block\">\n  <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n  </a>\n  <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n    <div class=\"search-form mt-1 input-group\">\n            <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n      <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n      <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n                    </form>\n</div>\n                  \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n  <ul>\n        <li>\n      <span class=\"active\" aria-label=\"Français\">FR</span>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\">EN</a>\n    </li>\n              </ul>\n</nav>\n        <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n  <span class=\"label\">Menu</span>\n  <div class=\"hamburger\">\n    <span></span>\n    <span></span>\n    <span></span>\n  </div>\n</button>\n  </div>\n</header>\n\n<div class=\"main-container\">\n        \n  <div class=\"nav-toggle-layout\">\n\n          <div class=\"nav-container\">\n  <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n    <div class=\"nav-wrapper\">\n      <div class=\"nav-container current-menu-parent\">\n        <ul id=\"menu-main\" class=\"nav-menu\">\n          <li class=\"\"><a href=\"#\">About</a></li>\n          <li><a href=\"#\">Education</a></li>\n          <li><a href=\"#\">Research</a></li>\n          <li><a href=\"#\">Innovation</a></li>\n          <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n          <li><a href=\"#\">Campus</a></li>\n        </ul>\n      </div>\n    </div>\n  </nav>\n  <!-- Add side navigation here in order to display it in the mobile menu -->\n  </div>\n    \n    <div class=\"w-100 pb-5\">\n\n              <main id=\"main\" role=\"main\" class=\"content container-grid\">\n          <div class=\"container-full\">\n  \n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n    <picture>\n  <source\n    media=\"(min-width: 1920px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 1366px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 1200px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n  <source\n    media=\"(min-width: 576px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 575px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n  \n  <div class=\"fullwidth-teaser-text\">\n\n    <div class=\"fullwidth-teaser-header\">\n      <div class=\"fullwidth-teaser-title\">\n        <h3>\n                    Further readings\n        </h3>\n        <ul class=\"list-inline mt-2\">\n          <li class=\"list-inline-item\">Actualités</li>\n          <li class=\"list-inline-item\">Biologie</li>\n        </ul>\n      </div>\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n        Lire l'article\n        <span class=\"sr-only\">sur Tech Transfer.</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </a>\n    </div>\n\n    <div class=\"fullwidth-teaser-content\">\n      <p>\n                Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n      </p>\n    </div>\n\n    <div class=\"fullwidth-teaser-footer\">\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n    </div>\n  </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n  <div class=\"row\">\n    <div class=\"col-lg-10 offset-lg-1\">\n      <div class=\"row mb-4\">\n                  <div class=\"col-md-6 d-flex\">\n              <a href=\"#\" class=\"card link-trapeze-horizontal\">\n    <div class=\"card-body\">\n      <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n      <div class=\"card-info\">\n                  <span class=\"card-info-date\">\n            <time datetime=\"DATETIME HERE\">16.09.17</time>\n          </span>\n                          <span>Actualité</span>\n                  <span>Nanotechnologies</span>\n              </div>\n      <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n    </div>\n  </a>\n\n          </div>\n                  <div class=\"col-md-6 d-flex\">\n              <a href=\"#\" class=\"card link-trapeze-horizontal\">\n    <div class=\"card-body\">\n      <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n      <div class=\"card-info\">\n                  <span class=\"card-info-date\">\n            <time datetime=\"DATETIME HERE\">15.09.17</time>\n          </span>\n                          <span>Recherche</span>\n                  <span>Prix et récompenses</span>\n              </div>\n      <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n    </div>\n  </a>\n\n          </div>\n              </div>\n          </div>\n  </div>\n</div>\n</div>\n\n<div class=\"container\">\n  <div class=\"row\">\n    <div class=\"col-md-4\">\n      <aside>\n  <div class=\"d-flex justify-content-between px-3 p-md-0 align-baseline\">\n    <h3 class=\"h5 mb-0 font-weight-normal\">Filtrer votre recherche</h3>\n    <button\n      class=\"btn btn-sm btn-secondary d-md-none collapsed collapse-drop-toggle\"\n      type=\"button\"\n      data-toggle=\"collapse\"\n      data-target=\"#form-filters\"\n      aria-expanded=\"false\"\n      aria-controls=\"form-filters\"\n    >\n      Filtres\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#filter\"></use></svg>\n    </button>\n  </div>\n  <div class=\"collapse collapse-md-show collapse-drop\" id=\"form-filters\">\n    <form class=\"p-3 p-md-0\">\n      <div class=\"form-group\">\n  <div class=\"form-group\">\n<label>Choose wisely</label>\n<select id=\"select-input\" class=\"custom-select\">\n  <option selected>Make a choice...</option>\n  <option value=\"1\">Legolas</option>\n  <option value=\"2\">Jar Jar Binks</option>\n  <option value=\"3\">None of them</option>\n  <option value=\"4\">The fourth choice</option>\n  <option value=\"5\">42</option>\n</select>\n</div>\n</div>\n      <div class=\"form-group\">\n  <label for=\"custom-check1\">Checkboxes (multiple choice)</label>\n\n    <div class=\"custom-control custom-checkbox\">\n  <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check1\" >\n  <label class=\"custom-control-label\" for=\"custom-check1\">Option 1</label>\n</div>\n    <div class=\"custom-control custom-checkbox\">\n  <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check2\" >\n  <label class=\"custom-control-label\" for=\"custom-check2\">Option 2</label>\n</div>\n    <div class=\"custom-control custom-checkbox\">\n  <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check3\" >\n  <label class=\"custom-control-label\" for=\"custom-check3\">Option 3</label>\n</div>\n  </div>\n      <div class=\"form-group\">\n  <label for=\"custom-check1\">Checkboxes (multiple choice)</label>\n\n    <div class=\"custom-control custom-checkbox\">\n  <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check1\" >\n  <label class=\"custom-control-label\" for=\"custom-check1\">Option 1</label>\n</div>\n    <div class=\"custom-control custom-checkbox\">\n  <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check2\" >\n  <label class=\"custom-control-label\" for=\"custom-check2\">Option 2</label>\n</div>\n    <div class=\"custom-control custom-checkbox\">\n  <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check3\" >\n  <label class=\"custom-control-label\" for=\"custom-check3\">Option 3</label>\n</div>\n  </div>\n    </form>\n  </div>\n</aside>\n    </div>\n    <div class=\"col-md-8\">\n        <div class=\"list-group\">\n      <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n      <div class=\"list-group-teaser-container\">\n        <div class=\"list-group-teaser-thumbnail\">\n          <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n  <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n        </div>\n        <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n          <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n          <p>\n            <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n            <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n              Epicureum esse, si probarem, quae ille diceret?</span>\n          </p>\n        </div>\n      </div>\n    </a>\n      <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n      <div class=\"list-group-teaser-container\">\n        <div class=\"list-group-teaser-thumbnail\">\n          <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n  <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n        </div>\n        <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n          <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n          <p>\n            <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n            <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n              Epicureum esse, si probarem, quae ille diceret?</span>\n          </p>\n        </div>\n      </div>\n    </a>\n      <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n      <div class=\"list-group-teaser-container\">\n        <div class=\"list-group-teaser-thumbnail\">\n          <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n  <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n        </div>\n        <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n          <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n          <p>\n            <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n            <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n              Epicureum esse, si probarem, quae ille diceret?</span>\n          </p>\n        </div>\n      </div>\n    </a>\n      <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n      <div class=\"list-group-teaser-container\">\n        <div class=\"list-group-teaser-thumbnail\">\n          <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n  <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n        </div>\n        <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n          <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n          <p>\n            <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n            <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n              Epicureum esse, si probarem, quae ille diceret?</span>\n          </p>\n        </div>\n      </div>\n    </a>\n  \n      <a href=\"#\" class=\"list-group-teaser-more\">\n      Afficher plus d'actualités\n    </a>\n  </div>\n        <div class=\"mt-3\">\n          <nav aria-label=\"Page navigation\">\n  <ul class=\"pagination\">\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\" aria-label=\"Go to first page\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n      </a>\n    </li>\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\" aria-label=\"Go to previous page\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n        <span class=\"sr-only\">Previous</span>\n      </a>\n    </li>\n    <li class=\"page-item active\">\n      <a class=\"page-link\" href=\"#\" aria-current=\"page\">\n        1\n        <span class=\"sr-only\">(Current page)</span>\n      </a>\n    </li>\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\">2</a>\n    </li>\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\">3</a>\n    </li>\n    <li class=\"page-item disabled\">\n      <a class=\"page-link\" href=\"#\" aria-label=\"Next\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n        <span class=\"sr-only\">Next</span>\n      </a>\n    </li>\n    <li class=\"page-item disabled\">\n      <a class=\"page-link\" href=\"#\" aria-label=\"Last page\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n        <span class=\"sr-only\">Last page</span>\n      </a>\n    </li>\n  </ul>\n</nav>\n        </div>\n    </div>\n  </div>\n</div>\n        </main>\n      \n    </div>\n  </div>\n\n    <div class=\"bg-gray-100 pt-5\">\n    <div class=\"container\">\n              \n<footer class=\"footer-light\" role=\"contentinfo\">\n  <div class=\"row\">\n    <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n      <a href=\"#\">\n        <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n      </a>\n    </div>\n    <div class=\"col-md-9 col-lg-10 mb-4\">\n      <div class=\"ml-md-2 ml-lg-5\">\n        <ul class=\"list-inline list-unstyled\">\n                      <li class=\"list-inline-item\">Contact</li>\n                    <li class=\"list-inline-item text-muted pl-3\"><small>EPFL  CH-1015 Lausanne</small></li>\n          <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n        </ul>\n        <div class=\"footer-light-socials\">\n                  <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n                                  \n<ul class=\"social-icon-list list-inline\">\n  <li>\n    <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n  <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n  </li>\n  <li>\n    <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n  <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n  <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n  </li>\n        <li>\n    <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n  <span class=\"sr-only\">Follow us on X</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n  <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n  </li>\n</ul>\n        </div>\n        \n<div class=\"footer-legal\">\n  <div class=\"footer-legal-links\">\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n    <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n          <a href=\"https://go.epfl.ch/charte\">Charte</a>\n      </div>\n  <div>\n    <p>&copy; 2024 EPFL, tous droits réservés</p>\n  </div>\n</div>\n      </div>\n    </div>\n  </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n  <span class=\"sr-only\">Back to top</span>\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n          </div>\n  </div>\n    </div>\n</div>\n</div>\n";
+module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n  <ul>\n    <li>\n      <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n    </li>\n  </ul>\n</nav>\n\n\n  \n<header role=\"banner\" class=\"header header-light\">\n  <div class=\"header-light-content\">\n    <a class=\"logo\" href=\"https://www.epfl.ch\">\n      <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n    </a>\n    <p class=\"site-title\">\n      <a href=\"#\">Actu</a>\n    </p>\n    <ul aria-hidden=\"true\" class=\"nav-header d-none d-xl-flex\">\n            <li class=\"dropdown\">\n        <button class=\"btn btn-link dropdown-toggle nav-item\" type=\"button\" id=\"dropdownMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n          Liste des options\n        </button>\n        <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n          <a class=\"dropdown-item\" href=\"#\">Option 1</a>\n          <a class=\"dropdown-item active\" href=\"#\">Option 2</a>\n          <a class=\"dropdown-item\" href=\"#\">Option 3</a>\n        </div>\n      </li>\n          </ul>\n    \n<form action=\"#\" class=\"d-xl-none\">\n  <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n        <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n          </a>\n  <div class=\"input-group search-mobile\" role=\"search\">\n    <div class=\"input-group-prepend\">\n      <span class=\"input-group-text\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n      </span>\n    </div>\n        <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n    <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n            <div class=\"input-group-append\">\n      <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n                <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n                      </a>\n    </div>\n  </div>\n</form>\n    \n<div class=\"dropdown dropright search d-none d-xl-block\">\n  <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n  </a>\n  <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n    <div class=\"search-form mt-1 input-group\">\n            <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n      <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n      <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n                    </form>\n</div>\n                  \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n  <ul>\n        <li>\n      <span class=\"active\" aria-label=\"Français\">FR</span>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\">EN</a>\n    </li>\n              </ul>\n</nav>\n        <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n  <span class=\"label\">Menu</span>\n  <div class=\"hamburger\">\n    <span></span>\n    <span></span>\n    <span></span>\n  </div>\n</button>\n  </div>\n</header>\n\n<div class=\"main-container\">\n        \n  <div class=\"nav-toggle-layout\">\n\n          <div class=\"nav-container\">\n  <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n    <div class=\"nav-wrapper\">\n      <div class=\"nav-container current-menu-parent\">\n        <ul id=\"menu-main\" class=\"nav-menu\">\n          <li class=\"\"><a href=\"#\">About</a></li>\n          <li><a href=\"#\">Education</a></li>\n          <li><a href=\"#\">Research</a></li>\n          <li><a href=\"#\">Innovation</a></li>\n          <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n          <li><a href=\"#\">Campus</a></li>\n        </ul>\n      </div>\n    </div>\n  </nav>\n  <!-- Add side navigation here in order to display it in the mobile menu -->\n  </div>\n    \n    <div class=\"w-100 pb-5\">\n\n              <main id=\"main\" role=\"main\" class=\"content container-grid\">\n          <div class=\"container-full\">\n  \n\n\n\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n    <picture>\n  <source\n    media=\"(min-width: 1920px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n  <source\n    media=\"(min-width: 1366px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n  <source\n    media=\"(min-width: 1200px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n  <source\n    media=\"(min-width: 576px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 575px)\"\n    srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n  <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n  \n  <div class=\"fullwidth-teaser-text\">\n\n    <div class=\"fullwidth-teaser-header\">\n      <div class=\"fullwidth-teaser-title\">\n        <h3>\n                    Contact information\n        </h3>\n        <ul class=\"list-inline mt-2\">\n          <li class=\"list-inline-item\">Actualités</li>\n          <li class=\"list-inline-item\">Biologie</li>\n        </ul>\n      </div>\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n        Lire l'article\n        <span class=\"sr-only\">sur Tech Transfer.</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n      </a>\n    </div>\n\n    <div class=\"fullwidth-teaser-content\">\n      <p>\n                Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n      </p>\n    </div>\n\n    <div class=\"fullwidth-teaser-footer\">\n      <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n    </div>\n  </div>\n</div>\n\n\n<div class=\"container pb-5 offset-xl-top pt-5 pt-xl-0\">\n  <div class=\"row\">\n    <div class=\"col-lg-10 offset-lg-1\">\n      <div class=\"row mb-4\">\n                  <div class=\"col-md-6 d-flex\">\n              <a href=\"#\" class=\"card link-trapeze-horizontal\">\n    <div class=\"card-body\">\n      <h3 class=\"card-title\">La valse quantique des électrons dessine les puces de demain</h3>\n      <div class=\"card-info\">\n                  <span class=\"card-info-date\">\n            <time datetime=\"DATETIME HERE\">16.09.17</time>\n          </span>\n                          <span>Actualité</span>\n                  <span>Nanotechnologies</span>\n              </div>\n      <p>Des chercheurs de l’EPFL ont réussi à mesurer certaines propriétés quantiques d’électrons de semi-conducteurs à deux dimensions. Leurs travaux dans le domaine de la spintronique pourraient notamment aboutir à la fabrication de puces plus petites et dégageant moins de chaleur.</p>\n    </div>\n  </a>\n\n          </div>\n                  <div class=\"col-md-6 d-flex\">\n              <a href=\"#\" class=\"card link-trapeze-horizontal\">\n    <div class=\"card-body\">\n      <h3 class=\"card-title\">Un système intelligent et miniature qui analyse les biomarqueurs de la sueur</h3>\n      <div class=\"card-info\">\n                  <span class=\"card-info-date\">\n            <time datetime=\"DATETIME HERE\">15.09.17</time>\n          </span>\n                          <span>Recherche</span>\n                  <span>Prix et récompenses</span>\n              </div>\n      <p>Des chercheurs de l’EPFL et de la start-up Xsensio ont intégré sur une puce de moins d’un centimètre carré un système portable entier à faible énergie permettant l’encapsulation et l’analyse des biomarqueurs contenus dans la sueur.</p>\n    </div>\n  </a>\n\n          </div>\n              </div>\n          </div>\n  </div>\n</div>\n</div>\n\n<div class=\"container\">\n  <div class=\"row\">\n    <div class=\"col-md-4\">\n      <aside>\n  <div class=\"d-flex justify-content-between px-3 p-md-0 align-baseline\">\n    <h3 class=\"h5 mb-0 font-weight-normal\">Filtrer votre recherche</h3>\n    <button\n      class=\"btn btn-sm btn-secondary d-md-none collapsed collapse-drop-toggle\"\n      type=\"button\"\n      data-toggle=\"collapse\"\n      data-target=\"#form-filters\"\n      aria-expanded=\"false\"\n      aria-controls=\"form-filters\"\n    >\n      Filtres\n      <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#filter\"></use></svg>\n    </button>\n  </div>\n  <div class=\"collapse collapse-md-show collapse-drop\" id=\"form-filters\">\n    <form class=\"p-3 p-md-0\">\n      <div class=\"form-group\">\n  <div class=\"form-group\">\n<label>Choose wisely</label>\n<select id=\"select-input\" class=\"custom-select\">\n  <option selected>Make a choice...</option>\n  <option value=\"1\">Legolas</option>\n  <option value=\"2\">Jar Jar Binks</option>\n  <option value=\"3\">None of them</option>\n  <option value=\"4\">The fourth choice</option>\n  <option value=\"5\">42</option>\n</select>\n</div>\n</div>\n      <div class=\"form-group\">\n  <label for=\"custom-check1\">Checkboxes (multiple choice)</label>\n\n    <div class=\"custom-control custom-checkbox\">\n  <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check1\" >\n  <label class=\"custom-control-label\" for=\"custom-check1\">Option 1</label>\n</div>\n    <div class=\"custom-control custom-checkbox\">\n  <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check2\" >\n  <label class=\"custom-control-label\" for=\"custom-check2\">Option 2</label>\n</div>\n    <div class=\"custom-control custom-checkbox\">\n  <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check3\" >\n  <label class=\"custom-control-label\" for=\"custom-check3\">Option 3</label>\n</div>\n  </div>\n      <div class=\"form-group\">\n  <label for=\"custom-check1\">Checkboxes (multiple choice)</label>\n\n    <div class=\"custom-control custom-checkbox\">\n  <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check1\" >\n  <label class=\"custom-control-label\" for=\"custom-check1\">Option 1</label>\n</div>\n    <div class=\"custom-control custom-checkbox\">\n  <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check2\" >\n  <label class=\"custom-control-label\" for=\"custom-check2\">Option 2</label>\n</div>\n    <div class=\"custom-control custom-checkbox\">\n  <input type=\"checkbox\" class=\"custom-control-input\" id=\"custom-check3\" >\n  <label class=\"custom-control-label\" for=\"custom-check3\">Option 3</label>\n</div>\n  </div>\n    </form>\n  </div>\n</aside>\n    </div>\n    <div class=\"col-md-8\">\n        <div class=\"list-group\">\n      <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n      <div class=\"list-group-teaser-container\">\n        <div class=\"list-group-teaser-thumbnail\">\n          <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n  <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n        </div>\n        <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n          <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n          <p>\n            <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n            <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n              Epicureum esse, si probarem, quae ille diceret?</span>\n          </p>\n        </div>\n      </div>\n    </a>\n      <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n      <div class=\"list-group-teaser-container\">\n        <div class=\"list-group-teaser-thumbnail\">\n          <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n  <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n        </div>\n        <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n          <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n          <p>\n            <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n            <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n              Epicureum esse, si probarem, quae ille diceret?</span>\n          </p>\n        </div>\n      </div>\n    </a>\n      <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n      <div class=\"list-group-teaser-container\">\n        <div class=\"list-group-teaser-thumbnail\">\n          <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n  <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n        </div>\n        <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n          <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n          <p>\n            <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n            <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n              Epicureum esse, si probarem, quae ille diceret?</span>\n          </p>\n        </div>\n      </div>\n    </a>\n      <a href=\"#\" class=\"list-group-item list-group-teaser link-trapeze-vertical\">\n      <div class=\"list-group-teaser-container\">\n        <div class=\"list-group-teaser-thumbnail\">\n          <picture>\n  <source\n    media=\"(min-width: 1140px)\"\n    srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 960px)\"\n    srcset=\"https://via.placeholder.com/570x321.jpg 1x,https://via.placeholder.com/1140x641.jpg 2x\">\n  <source\n    media=\"(min-width: 720px)\"\n    srcset=\"https://via.placeholder.com/480x270.jpg 1x,https://via.placeholder.com/960x540.jpg 2x\">\n  <source\n    media=\"(min-width: 541px)\"\n    srcset=\"https://via.placeholder.com/720x405.jpg 1x,https://via.placeholder.com/1440x810.jpg 2x\">\n  <source\n    media=\"(max-width: 540px)\"\n    srcset=\"https://via.placeholder.com/540x304.jpg 1x,https://via.placeholder.com/1080x608.jpg 2x\">\n  <img src=\"https://via.placeholder.com/570x321.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n        </div>\n        <div class=\"list-group-teaser-content\" itemscope itemtype=\"http://schema.org/Article\">\n          <p class=\"h5\" itemprop=\"name\">Physics: new e-books for the AIAA Education Series</p>\n          <p>\n            <time datetime=\"2018-03-26\" itemprop=\"datePublished\"><span class=\"sr-only\">Published:</span>26.03.2018</time>\n            <span class=\"text-muted\" itemprop=\"description\">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Si enim ad populum me vocas, eum. Quid enim me prohiberet\n              Epicureum esse, si probarem, quae ille diceret?</span>\n          </p>\n        </div>\n      </div>\n    </a>\n  \n      <a href=\"#\" class=\"list-group-teaser-more\">\n      Afficher plus d'actualités\n    </a>\n  </div>\n        <div class=\"mt-3\">\n          <nav aria-label=\"Page navigation\">\n  <ul class=\"pagination\">\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\" aria-label=\"Go to first page\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n      </a>\n    </li>\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\" aria-label=\"Go to previous page\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n        <span class=\"sr-only\">Previous</span>\n      </a>\n    </li>\n    <li class=\"page-item active\">\n      <a class=\"page-link\" href=\"#\" aria-current=\"page\">\n        1\n        <span class=\"sr-only\">(Current page)</span>\n      </a>\n    </li>\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\">2</a>\n    </li>\n    <li class=\"page-item\">\n      <a class=\"page-link\" href=\"#\">3</a>\n    </li>\n    <li class=\"page-item disabled\">\n      <a class=\"page-link\" href=\"#\" aria-label=\"Next\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n        <span class=\"sr-only\">Next</span>\n      </a>\n    </li>\n    <li class=\"page-item disabled\">\n      <a class=\"page-link\" href=\"#\" aria-label=\"Last page\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n        <span class=\"sr-only\">Last page</span>\n      </a>\n    </li>\n  </ul>\n</nav>\n        </div>\n    </div>\n  </div>\n</div>\n        </main>\n      \n    </div>\n  </div>\n\n    <div class=\"bg-gray-100 pt-5\">\n    <div class=\"container\">\n              \n<footer class=\"footer-light\" role=\"contentinfo\">\n  <div class=\"row\">\n    <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n      <a href=\"#\">\n        <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n      </a>\n    </div>\n    <div class=\"col-md-9 col-lg-10 mb-4\">\n      <div class=\"ml-md-2 ml-lg-5\">\n        <ul class=\"list-inline list-unstyled\">\n                      <li class=\"list-inline-item\">Contact</li>\n                    <li class=\"list-inline-item text-muted pl-3\"><small>EPFL  CH-1015 Lausanne</small></li>\n          <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n        </ul>\n        <div class=\"footer-light-socials\">\n                  <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n                                  \n<ul class=\"social-icon-list list-inline\">\n  <li>\n    <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n  <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n  </li>\n  <li>\n    <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n  <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n  <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n  </li>\n        <li>\n    <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n  <span class=\"sr-only\">Follow us on X</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n  <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n  </li>\n</ul>\n        </div>\n        \n<div class=\"footer-legal\">\n  <div class=\"footer-legal-links\">\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n    <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n          <a href=\"https://go.epfl.ch/charte\">Charte</a>\n      </div>\n  <div>\n    <p>&copy; 2024 EPFL, tous droits réservés</p>\n  </div>\n</div>\n      </div>\n    </div>\n  </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n  <span class=\"sr-only\">Back to top</span>\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n          </div>\n  </div>\n    </div>\n</div>\n</div>\n";
 /***/ }),
@@ -49732,7 +49732,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
 /***/ (function(module) {
 "use strict";
-module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n  <ul>\n    <li>\n      <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n    </li>\n  </ul>\n</nav>\n\n\n<header role=\"banner\" class=\"header header-light\">\n  <div class=\"header-light-content\">\n    <a class=\"logo\" href=\"https://www.epfl.ch\">\n      <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n    </a>\n    <p class=\"site-title\">\n      <a href=\"#\">Plan d'études</a>\n    </p>\n    \n<form action=\"#\" class=\"d-xl-none\">\n  <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n        <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n          </a>\n  <div class=\"input-group search-mobile\" role=\"search\">\n    <div class=\"input-group-prepend\">\n      <span class=\"input-group-text\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n      </span>\n    </div>\n        <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n    <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n            <div class=\"input-group-append\">\n      <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n                <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n                      </a>\n    </div>\n  </div>\n</form>\n    \n<div class=\"dropdown dropright search d-none d-xl-block\">\n  <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n  </a>\n  <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n    <div class=\"search-form mt-1 input-group\">\n            <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n      <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n      <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n                    </form>\n</div>\n    \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n  <ul>\n        <li>\n      <span class=\"active\" aria-label=\"Français\">FR</span>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\">EN</a>\n    </li>\n              </ul>\n</nav>\n    <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n  <span class=\"label\">Menu</span>\n  <div class=\"hamburger\">\n    <span></span>\n    <span></span>\n    <span></span>\n  </div>\n</button>\n  </div>\n</header>\n\n<div class=\"main-container\">\n  <div class=\"breadcrumb-container\">\n  <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\">\n    <ol class=\"breadcrumb\">\n      <li class=\"breadcrumb-item\">\n        <a class=\"bread-link bread-home\" href=\"#\">\n          <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n        </a>\n      </li>\n      <li class=\"breadcrumb-item expand-links\">\n        <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Afficher le chemin complet\">\n          <span class=\"dots\" aria-hidden=\"true\">…</span>\n          <span class=\"sr-only\">Afficher le chemin complet</span>\n        </button>\n      </li>\n      <li class=\"breadcrumb-item\">\n        <a class=\"bread-link\" href=\"#\">Éducation</a>\n        <div class=\"dropdown\">\n          <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n            <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n            <span class=\"sr-only\">Afficher les pages de même niveau – Éducation</span>\n          </button>\n          <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n            <li class=\"dropdown-item\"><a href=\"#\">À propos</a></li>\n            <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Éducation</a></li>\n            <li class=\"dropdown-item\"><a href=\"#\">Recherche</a></li>\n            <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n            <li class=\"dropdown-item\"><a href=\"#\">Facultés</a></li>\n            <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n          </ul>\n        </div>\n      </li>\n      <li class=\"breadcrumb-item\"><a class=\"bread-link\" href=\"#\">Plans d'études</a></li>\n      <li class=\"breadcrumb-item active\" aria-current=\"page\">Cycle Bachelor</li>\n    </ol>\n  </nav>\n</div>\n\n  <div class=\"nav-toggle-layout\">\n\n          <div class=\"nav-container\">\n  <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n    <div class=\"nav-wrapper\">\n      <div class=\"nav-container current-menu-parent\">\n        <ul id=\"menu-main\" class=\"nav-menu\">\n          <li class=\"\"><a href=\"#\">About</a></li>\n          <li><a href=\"#\">Education</a></li>\n          <li><a href=\"#\">Research</a></li>\n          <li><a href=\"#\">Innovation</a></li>\n          <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n          <li><a href=\"#\">Campus</a></li>\n        </ul>\n      </div>\n    </div>\n  </nav>\n  <!-- Add side navigation here in order to display it in the mobile menu -->\n  </div>\n    \n    <div class=\"w-100 pb-5\">\n\n              <main id=\"main\" role=\"main\" class=\"content container-grid\">\n          \n<div class=\"container-full px-5 px-xxl-6 mt-5\">\n  <header class=\"page-header d-xl-flex justify-content-xl-between align-items-xl-center mb-5\">\n    <h1 class=\"mb-4 mb-xl-0\">Plan d'études – Cycle Bachelor</h1>\n    <button class=\"btn btn-sm btn-secondary\">\n    <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n    Télécharger le plan d'étude (PDF)\n  </button>\n  </header>\n  \n<!-- Study Plan 1 semester -->\n\n<div class=\"study-plan study-plan-1-semesters table-like mb-5\">\n  <h2>Bachelor – 1 semestre</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 1&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Analyse territoriale et urbaine</a>\n        </div>\n        <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>1h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Figuration graphique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Figuration graphique</a>\n        </div>\n        <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>1h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>3h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Histoire de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Adam</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan 2 semesters -->\n\n<div class=\"study-plan study-plan-2-semesters table-like mb-5\">\n  <h2>Bachelor – 2 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 1&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 2&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Analyse territoriale et urbaine</a>\n        </div>\n        <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>1h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Figuration graphique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Figuration graphique</a>\n        </div>\n        <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>1h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>3h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Histoire de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Adam</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Théorie de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Théorie de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-121 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Marchand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan 3 semesters -->\n\n<div class=\"study-plan study-plan-3-semesters table-like mb-5\">\n  <h2>Bachelor – 3 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 1&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 2&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 3&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Analyse territoriale et urbaine</a>\n        </div>\n        <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>1h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Figuration graphique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Figuration graphique</a>\n        </div>\n        <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>1h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>3h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Histoire de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Adam</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Théorie de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Théorie de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-121 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Marchand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan 4 semesters -->\n\n<div class=\"study-plan study-plan-4-semesters table-like mb-5\">\n  <h2>Bachelor – 4 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 3&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 4&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 5&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 6&nbsp;</div>\n        <div class=\"titre\">\n          <div class=\"cep\"><abbr title=\"Cours\">c</abbr></div>\n          <div class=\"cep\"><abbr title=\"Exercices\">e</abbr></div>\n          <div class=\"cep\"><abbr title=\"Pratiques\">p</abbr></div>\n        </div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Advanced numerical analysis\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Advanced numerical analysis</a>\n        </div>\n        <div class=\"cours-info\">MATH-153 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Picasso</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Algebraic number theory\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Algebraic number theory</a>\n        </div>\n        <div class=\"cours-info\">MATH-482 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Michel</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Algebraic topology\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Algebraic topology</a>\n        </div>\n        <div class=\"cours-info\">MATH-323 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Urech</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Algèbres de Lie\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Algèbres de Lie</a> <i>(pas donné en 2019-2020)</i>\n        </div>\n        <div class=\"cours-info\">MATH-319 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"bachlor-text\">\n          <div class=\"cep\"><span class=\"label sr-only\">Cours: </span>2h&nbsp;</div>\n          <div class=\"cep\"><span class=\"label sr-only\">Exercices: </span>2h&nbsp;</div>\n          <div class=\"cep\">–&nbsp;</div>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n</div>\n\n        </main>\n      \n    </div>\n  </div>\n\n  <div class=\"bg-gray-100 pt-5\">\n  <div class=\"container\">\n          \n<footer class=\"footer-light\" role=\"contentinfo\">\n  <div class=\"row\">\n    <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n      <a href=\"#\">\n        <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n      </a>\n    </div>\n    <div class=\"col-md-9 col-lg-10 mb-4\">\n      <div class=\"ml-md-2 ml-lg-5\">\n        <ul class=\"list-inline list-unstyled\">\n                      <li class=\"list-inline-item\">Contact</li>\n                    <li class=\"list-inline-item text-muted pl-3\"><small>EPFL  CH-1015 Lausanne</small></li>\n          <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n        </ul>\n        <div class=\"footer-light-socials\">\n                  <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n                                  \n<ul class=\"social-icon-list list-inline\">\n  <li>\n    <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n  <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n  </li>\n  <li>\n    <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n  <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n  <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n  </li>\n        <li>\n    <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n  <span class=\"sr-only\">Follow us on X</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n  <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n  </li>\n</ul>\n        </div>\n        \n<div class=\"footer-legal\">\n  <div class=\"footer-legal-links\">\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n    <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n          <a href=\"https://go.epfl.ch/charte\">Charte</a>\n      </div>\n  <div>\n    <p>&copy; 2024 EPFL, tous droits réservés</p>\n  </div>\n</div>\n      </div>\n    </div>\n  </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n  <span class=\"sr-only\">Back to top</span>\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n      </div>\n</div>\n  </div>\n</div>\n</div>\n";
+module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n  <ul>\n    <li>\n      <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n    </li>\n    <li>\n      <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n    </li>\n  </ul>\n</nav>\n\n\n<header role=\"banner\" class=\"header header-light\">\n  <div class=\"header-light-content\">\n    <a class=\"logo\" href=\"https://www.epfl.ch\">\n      <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n    </a>\n    <p class=\"site-title\">\n      <a href=\"#\">Plan d'études</a>\n    </p>\n    \n<form action=\"#\" class=\"d-xl-none\">\n  <a id=\"search-mobile-toggle\" class=\"search-mobile-toggle searchform-controller\" href=\"#\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n        <span class=\"toggle-label sr-only\">Afficher / masquer le formulaire de recherche</span>\n          </a>\n  <div class=\"input-group search-mobile\" role=\"search\">\n    <div class=\"input-group-prepend\">\n      <span class=\"input-group-text\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n      </span>\n    </div>\n        <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n    <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\">\n            <div class=\"input-group-append\">\n      <a id=\"search-mobile-close\" class=\"search-mobile-close searchform-controller\" href=\"#\">\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-close\"></use></svg>\n                <span class=\"toggle-label sr-only\">Masquer le formulaire de recherche</span>\n                      </a>\n    </div>\n  </div>\n</form>\n    \n<div class=\"dropdown dropright search d-none d-xl-block\">\n  <a class=\"dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\">\n    <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n  </a>\n  <form action=\"#\" class=\"dropdown-menu border-0 p-0\">\n    <div class=\"search-form mt-1 input-group\">\n            <label for=\"search\" class=\"sr-only\">Rechercher sur le site</label>\n      <input type=\"text\" class=\"form-control\" name=\"search\" placeholder=\"Rechercher\" >\n      <button type=\"submit\" class=\"d-none d-xl-block btn btn-primary input-group-append\">Valider</button></div>\n                    </form>\n</div>\n    \n<nav class=\"nav-lang nav-lang-short ml-auto\">\n  <ul>\n        <li>\n      <span class=\"active\" aria-label=\"Français\">FR</span>\n    </li>\n    <li>\n      <a href=\"#\" aria-label=\"English\">EN</a>\n    </li>\n              </ul>\n</nav>\n    <button class=\"btn btn-secondary nav-toggle-mobile d-xl-none\">\n  <span class=\"label\">Menu</span>\n  <div class=\"hamburger\">\n    <span></span>\n    <span></span>\n    <span></span>\n  </div>\n</button>\n  </div>\n</header>\n\n<div class=\"main-container\">\n  <div class=\"breadcrumb-container\">\n  <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\">\n    <ol class=\"breadcrumb\">\n      <li class=\"breadcrumb-item\">\n        <a class=\"bread-link bread-home\" href=\"#\">\n          <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n        </a>\n      </li>\n      <li class=\"breadcrumb-item expand-links\">\n        <button class=\"btn btn-expand-links\" aria-expanded=\"false\" title=\"Afficher le chemin complet\">\n          <span class=\"dots\" aria-hidden=\"true\">…</span>\n          <span class=\"sr-only\">Afficher le chemin complet</span>\n        </button>\n      </li>\n      <li class=\"breadcrumb-item\">\n        <a class=\"bread-link\" href=\"#\">Éducation</a>\n        <div class=\"dropdown\">\n          <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-controls=\"dropdown-menu-1\">\n            <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#arrow-down-circle\"></use></svg>\n            <span class=\"sr-only\">Afficher les pages de même niveau – Éducation</span>\n          </button>\n          <ul class=\"dropdown-menu\" id=\"dropdown-menu-1\">\n            <li class=\"dropdown-item\"><a href=\"#\">À propos</a></li>\n            <li class=\"dropdown-item current-menu-item-parent\"><a href=\"#\">Éducation</a></li>\n            <li class=\"dropdown-item\"><a href=\"#\">Recherche</a></li>\n            <li class=\"dropdown-item\"><a href=\"#\">Innovation</a></li>\n            <li class=\"dropdown-item\"><a href=\"#\">Facultés</a></li>\n            <li class=\"dropdown-item\"><a href=\"#\">Campus</a></li>\n          </ul>\n        </div>\n      </li>\n      <li class=\"breadcrumb-item\"><a class=\"bread-link\" href=\"#\">Plans d'études</a></li>\n      <li class=\"breadcrumb-item active\" aria-current=\"page\">Cycle Bachelor</li>\n    </ol>\n  </nav>\n</div>\n\n  <div class=\"nav-toggle-layout\">\n\n          <div class=\"nav-container\">\n  <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n    <div class=\"nav-wrapper\">\n      <div class=\"nav-container current-menu-parent\">\n        <ul id=\"menu-main\" class=\"nav-menu\">\n          <li class=\"\"><a href=\"#\">About</a></li>\n          <li><a href=\"#\">Education</a></li>\n          <li><a href=\"#\">Research</a></li>\n          <li><a href=\"#\">Innovation</a></li>\n          <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n          <li><a href=\"#\">Campus</a></li>\n        </ul>\n      </div>\n    </div>\n  </nav>\n  <!-- Add side navigation here in order to display it in the mobile menu -->\n  </div>\n    \n    <div class=\"w-100 pb-5\">\n\n              <main id=\"main\" role=\"main\" class=\"content container-grid\">\n          \n<div class=\"container-full px-5 px-xxl-6 mt-5\">\n  <header class=\"page-header d-xl-flex justify-content-xl-between align-items-xl-center mb-5\">\n    <h1 class=\"mb-4 mb-xl-0\">Plan d'études – Cycle Bachelor</h1>\n    <button class=\"btn btn-sm btn-secondary\">\n    <svg class=\"icon feather\" aria-hidden=\"true\"><use xlink:href=\"#download\"></use></svg>\n    Télécharger le plan d'étude (PDF)\n  </button>\n  </header>\n  \n<!-- Study Plan 1 semester -->\n\n<div class=\"study-plan study-plan-1-semesters table-like mb-5\">\n  <h2>Bachelor – 1 semestre</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 1&nbsp;</div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Analyse territoriale et urbaine</a>\n        </div>\n        <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li>Labo: 2h</li>\n            <li><abbr title=\"Course based project\">CP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Figuration graphique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Figuration graphique</a>\n        </div>\n        <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Individual project\">IP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Histoire de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Adam</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan 2 semesters -->\n\n<div class=\"study-plan study-plan-2-semesters table-like mb-5\">\n  <h2>Bachelor – 2 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 1&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 2&nbsp;</div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Analyse territoriale et urbaine</a>\n        </div>\n        <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Figuration graphique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Figuration graphique</a>\n        </div>\n        <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Histoire de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Adam</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Théorie de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Théorie de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-121 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Marchand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan 3 semesters -->\n\n<div class=\"study-plan study-plan-3-semesters table-like mb-5\">\n  <h2>Bachelor – 3 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 1&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 2&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 3&nbsp;</div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Analyse territoriale et urbaine\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Analyse territoriale et urbaine</a>\n        </div>\n        <div class=\"cours-info\">AR-153 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Barcelloni Corte</a>, <a href=\"#\">Cavalieri</a>, <a href=\"#\">Viganò</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Semestre de printemps</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Figuration graphique\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Figuration graphique</a>\n        </div>\n        <div class=\"cours-info\">AR-113 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Braghieri</a>, <a href=\"#\">Soubeyrand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens pendant le semestre</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">4</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Histoire de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Histoire de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-123 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Adam</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Théorie de l'architecture I\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Théorie de l'architecture I</a>\n        </div>\n        <div class=\"cours-info\">AR-121 / Section <abbr title=\"Architecture\">AR</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Marchand</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"Français\">FR</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 1\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 2\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">2</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Study Plan 4 semesters -->\n\n<div class=\"study-plan study-plan-4-semesters table-like mb-5\">\n  <h2>Bachelor – 4 semestres</h2>\n  <div class=\"line-up\">\n    <div class=\"first-line\">\n      <div class=\"cours-title\">\n        <div class=\"titre\">Cours</div>\n      </div>\n      <div class=\"langue\">\n        <div class=\"titre\">Langue</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 3&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 4&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 5&nbsp;</div>\n      </div>\n      <div class=\"bachlor\">\n        <div class=\"titre_bachlor bold\">Bachelor 6&nbsp;</div>\n      </div>\n      <div class=\"examen\">\n        <div class=\"titre_bachlor bold\">Examens</div>\n      </div>\n      <div class=\"credit\">\n        <div class=\"titre_bachlor bold\">Crédits</div>\n      </div>\n    </div>\n    <div class=\"clear\">&nbsp;</div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Advanced numerical analysis\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Advanced numerical analysis</a>\n        </div>\n        <div class=\"cours-info\">MATH-153 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Picasso</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'hiver</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Algebraic number theory\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Algebraic number theory</a>\n        </div>\n        <div class=\"cours-info\">MATH-482 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Michel</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Algebraic topology\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Algebraic topology</a>\n        </div>\n        <div class=\"cours-info\">MATH-323 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          <a href=\"#\">Urech</a>\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n  <div class=\"line-down\">\n    <div class=\"line\">\n\n      <div class=\"cours\" data-title=\"Algèbres de Lie\">\n        <div class=\"cours-name\">\n          <a href=\"#\">Algèbres de Lie</a> <i>(pas donné en 2019-2020)</i>\n        </div>\n        <div class=\"cours-info\">MATH-319 / Section <abbr title=\"Mathématiques\">MA</abbr></div>\n        <div class=\"enseignement-name\">\n          &nbsp;\n        </div>\n      </div>\n\n      <div class=\"langue\" data-title=\"Langue\">\n        <div class=\"langue\"><abbr title=\"English\">EN</abbr></div>\n        &nbsp;\n      </div>\n\n      <div class=\"bachlor local-color-light bachlor-color\" data-title=\"Bachelor 3\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 4\">\n        <div class=\"schedule-text\">\n          <ul>\n            <li>Cours: 2h</li>\n            <li>Exercices: 2h</li>\n            <li><abbr title=\"Travaux pratiques\">TP</abbr>: 2h</li>\n          </ul>\n        </div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 5\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"bachlor local-color bachlor-color\" data-title=\"Bachelor 6\">\n        <div class=\"schedule-text no-course\" aria-hidden=\"true\"><span>–</span></div>\n      </div>\n\n      <div class=\"examen\" data-title=\"Examens\">\n        <div class=\"exam-text\"><b>Session d'été</b><br>Examens écrits</div>\n        &nbsp;\n      </div>\n\n      <div class=\"credit red-color\" data-title=\"Crédits\">\n        <div class=\"credit-time\">5</div>\n      </div>\n\n      <button class=\"btn-collapse\">\n        <span class=\"show\">afficher</span>\n        <span class=\"\">masquer</span>\n        <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n      </button>\n\n    </div>\n  </div>\n\n</div>\n</div>\n\n        </main>\n      \n    </div>\n  </div>\n\n  <div class=\"bg-gray-100 pt-5\">\n  <div class=\"container\">\n          \n<footer class=\"footer-light\" role=\"contentinfo\">\n  <div class=\"row\">\n    <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n      <a href=\"#\">\n        <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n      </a>\n    </div>\n    <div class=\"col-md-9 col-lg-10 mb-4\">\n      <div class=\"ml-md-2 ml-lg-5\">\n        <ul class=\"list-inline list-unstyled\">\n                      <li class=\"list-inline-item\">Contact</li>\n                    <li class=\"list-inline-item text-muted pl-3\"><small>EPFL  CH-1015 Lausanne</small></li>\n          <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n        </ul>\n        <div class=\"footer-light-socials\">\n                  <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n                                  \n<ul class=\"social-icon-list list-inline\">\n  <li>\n    <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n  <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n  </li>\n  <li>\n    <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n  <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n  <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n  </li>\n        <li>\n    <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n  <span class=\"sr-only\">Follow us on X</span>\n</a>\n  </li>\n  <li>\n    <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n  <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n  </li>\n</ul>\n        </div>\n        \n<div class=\"footer-legal\">\n  <div class=\"footer-legal-links\">\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n    <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n    <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n          <a href=\"https://go.epfl.ch/charte\">Charte</a>\n      </div>\n  <div>\n    <p>&copy; 2024 EPFL, tous droits réservés</p>\n  </div>\n</div>\n      </div>\n    </div>\n  </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n  <span class=\"sr-only\">Back to top</span>\n  <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n      </div>\n</div>\n  </div>\n</div>\n</div>\n";
 /***/ }),
@@ -50642,7 +50642,7 @@ module.exports = /*#__PURE__*/JSON.parse('{"title":"Headlines","name":"headlines
 /***/ (function(module) {
 "use strict";
-module.exports = /*#__PURE__*/JSON.parse('{"name":"hero","title":"Hero","notes":"The hero component is used as intro to basic pages.\\n","variants":[{"name":"legend","title":"Hero with image legend"}]}');
+module.exports = /*#__PURE__*/JSON.parse('{"name":"hero","title":"Hero","notes":"The hero component is used as intro to basic pages.\\n\\nYou can add the `.top-center` class to the `<img>` tag if you want the background picture to be centred from the top of the image, or the `bottom-center` class to the `<img>` tag if you want the background picture to be centred from the bottom of the image.\\n","variants":[{"name":"legend","title":"Hero with image legend"}]}');
 /***/ }),
@@ -62108,7 +62108,7 @@ function SidebarDocs() {
   })));
 }
 ;// CONCATENATED MODULE: ./package.json
-var package_namespaceObject = {"rE":"5.0.1"};
+var package_namespaceObject = {"rE":"5.0.2"};
 ;// CONCATENATED MODULE: ./reader/components/Sidebar/Sidebar.jsx