style.css

@charset "UTF-8";:root{--gamme1__fond:#26292E;--gamme1__texte1:#F7F9F9;--gamme1__texte2:#C0D2DB;--gamme1__texte3:#FE9C70;--gamme1__bordure:#393D43;--gamme1__interaction:#FE9C70;--gamme1__hover:#FFC2A6;--gamme2__fond:#393D43;--gamme2__texte1:#F7F9F9;--gamme2__texte2:#C0D2DB;--gamme2__interaction:#C0D2DB;--gamme2__hover:#F7F9F9;--gamme3__fond:#FE9C70;--gamme3__texte1:#26292E}[data-mode=light]{--gamme1__fond:#EBEBEB;--gamme1__texte1:#170A0A;--gamme1__texte2:#4D4C4C;--gamme1__texte3:#883000;--gamme1__bordure:#fff;--gamme1__interaction:#883000;--gamme1__hover:#C54906;--gamme2__fond:#fff;--gamme2__texte1:#170A0A;--gamme2__texte2:#4D4C4C;--gamme2__interaction:#4D4C4C;--gamme2__hover:#170A0A;--gamme3__fond:#883000;--gamme3__texte1:#fff}@font-face{font-family:FontLecture;font-style:normal;font-weight:400;font-display:swap;src:url(../../fonts/opensans_400_latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:FontLecture;font-style:normal;font-weight:300;font-display:swap;src:url(../../fonts/opensans_300_latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}body{padding:0;background-color:var(--gamme1__fond);font-family:FontLecture,sans-serif;font-size:1rem;font-weight:400;color:var(--gamme1__texte1)}body,h1,ol,p,ul{margin:0}h1{font-size:1rem;font-weight:300}ul{list-style:none;padding-left:0}button{border:0 none;background-color:transparent;padding:0;font-size:1rem}.hide{display:none}.hide-checkbox{position:absolute;top:-9999rem;left:-9999rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mt-s{margin-top:.25rem}.mb-l{margin-bottom:calc(1rem * 3)}.px-s{padding-left:.5rem;padding-right:.5rem}.py-xs{padding-top:.25rem;padding-bottom:.25rem}.hover:hover{cursor:pointer}.hover.\:g1{color:var(--gamme1__interaction);fill:var(--gamme1__interaction)}.hover.\:g1:hover{color:var(--gamme1__hover);fill:var(--gamme1__hover)}.hover.\:g2{color:var(--gamme2__interaction);fill:var(--gamme2__interaction)}.hover.\:g2:hover{color:var(--gamme2__hover);fill:var(--gamme2__hover)}.btn{color:var(--gamme1__texte1);border:1px solid var(--gamme1__texte1);padding:.5rem}.btn:hover{border:1px solid var(--gamme1__hover);cursor:pointer}.btn:active{color:var(--gamme1__interaction);border:1px solid var(--gamme1__interaction)}.\:overlay{position:relative}.\:overlay:before{z-index:2;content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gamme1__fond);opacity:.9}svg{width:24px;height:24px}.svg\:logo{width:30px;height:30px}.svg\:loader{display:inline-block;width:30%}.svg\:loader path{stroke:var(--gamme1__texte2);fill:var(--gamme1__texte2)}.\:inverse{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.align-center{text-align:center}.texte--l{font-size:1.3rem;font-weight:300}.texte--g1-2{color:var(--gamme1__texte2)}.texte--g2-1{background-color:var(--gamme2__fond);color:var(--gamme2__texte1);fill:var(--gamme2__texte1)}.texte--g2-2{background-color:var(--gamme2__fond);color:var(--gamme2__texte2);fill:var(--gamme2__texte2)}.texte--g3-1{background-color:var(--gamme3__fond);color:var(--gamme3__texte1);fill:var(--gamme3__texte1)}body{position:relative}.app{position:fixed;top:0;right:0;bottom:0;left:0;margin:0 auto;max-width:37.5rem;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:var(--gamme1__fond);overflow:hidden}.app_haut{z-index:1;padding-top:1rem;-webkit-box-shadow:0 1rem 1rem 0 var(--gamme1__fond);box-shadow:0 1rem 1rem 0 var(--gamme1__fond)}.app_haut:after{content:"";display:block;width:90%;height:.125rem;margin:1rem auto 0;background-color:var(--gamme1__bordure)}.app_contenu{z-index:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow-x:auto;padding-top:1rem;padding-bottom:1rem}.app_contenu>*{width:90%;margin-right:auto;margin-left:auto}.app_filtre{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow-x:auto}.app_menu{z-index:3;position:absolute;top:0;bottom:0;width:3.5rem;overflow-x:auto;background:var(--gamme2__fond);-webkit-transition:margin-left 125ms ease-in,width 125ms ease-in,left 125ms ease-in;transition:margin-left 125ms ease-in,width 125ms ease-in,left 125ms ease-in}[data-menu-largeur=large] .app_menu{width:calc(13.125rem)}.app_bas{z-index:1;padding-bottom:1rem;-webkit-box-shadow:0-1rem 1rem 0 var(--gamme1__fond);box-shadow:0-1rem 1rem 0 var(--gamme1__fond)}.app_bas:before{content:"";display:block;width:90%;height:.125rem;margin:0 auto 1rem;background-color:var(--gamme1__bordure)}.app_filtre-contenu{padding-top:1rem;padding-bottom:1rem;width:90%;margin-right:auto;margin-left:auto}@media screen and (max-width:370px){.app_filtre-contenu{width:100%;margin-right:0;margin-left:0}}.app_filtre-contenu li:not(:first-child){margin-top:1rem}.app_filtre-contenu fieldset{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;border-color:var(--gamme1__bordure)}.app_filtre-contenu legend{color:var(--gamme1__texte2)}.app_filtre-contenu input{position:absolute;left:-9999px}.app_filtre_label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.5rem;fill:var(--gamme1__texte1);color:var(--gamme1__texte1)}.app_filtre_label svg{margin-bottom:1rem}.app_filtre_label:hover{cursor:pointer;fill:var(--gamme1__hover);color:var(--gamme1__hover)}input:checked+.app_filtre_label{fill:var(--gamme1__interaction);color:var(--gamme1__interaction)}.lecture{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:2rem}.lecture_info{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-right:1rem}.lecture_libelle{margin-right:1rem;text-align:right}.lecture_statut{display:block;min-width:45px;padding:.25rem .5rem;border-radius:5px;text-align:center;font-weight:700}[data-position-x=droite] .app_menu{left:100%}[data-position-x=gauche] .app_menu{left:-3.5rem}[data-position-x=droite] .app_menu.\:visible{margin-left:-3.5rem}[data-position-x=gauche] .app_menu.\:visible{margin-left:3.5rem}[data-position-x=gauche][data-menu-largeur=large] .app_menu{left:-13.125rem}[data-position-x=gauche][data-menu-largeur=large] .app_menu.\:visible{left:0;margin-left:0}[data-position-x=droite][data-menu-largeur=large] .app_menu.\:visible{margin-left:-13.125rem}.app_menu ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:100%;margin:0 1rem}[data-position-y=haut] .app_menu ul{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.app_menu li{margin-top:1rem;margin-bottom:1rem}.app_menu a{text-decoration:none}.menu-btn{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left}.menu-btn svg{width:24px;-ms-flex-negative:0;flex-shrink:0}[data-menu-largeur=large] .menu-btn .menu-label{margin-left:1rem}[data-menu-largeur=large] .menu-label.\:large,[data-menu-largeur=small] .menu-label.\:large{display:none}[data-menu-largeur=small] .menu-label:not(.\:large){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-position-x=droite][data-menu-largeur=large] .menu-svg-sens,[data-position-x=gauche][data-menu-largeur=small] .menu-svg-sens{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.note__conteneur{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--gamme1__texte2)}.note{display:grid;grid-template-columns:90px;margin-right:.5rem}.note svg{width:90px;fill:var(--gamme1__texte2)}.note--plein,.note--vide{grid-column:1/2;grid-row:1/2}.note--plein{overflow-x:hidden}.note--plein svg{fill:var(--gamme1__texte3)}