Bul. BUT: reformat css + taille font décision.

app/static/css/releve-but.css

@@ -6,39 +6,55 @@
     width: 60px;
     height: 6px;
     margin: auto;
-    background: #424242; /* la réponse à tout */
+    background: #424242;
+    /* la réponse à tout */
     animation: wait .4s infinite alternate;
 }
+
 @keyframes wait {
-    100%{transform: translateY(40px) rotate(1turn);}
+    100% {
+        transform: translateY(40px) rotate(1turn);
     }
+}
+
 main {
     --couleurPrincipale: rgb(240, 250, 255);
     --couleurFondTitresUE: #b6ebff;
     --couleurFondTitresRes: #f8c844;
     --couleurFondTitresSAE: #c6ffab;
     --couleurSecondaire: #fec;
-    --couleurIntense: rgb(4, 16, 159);;
+    --couleurIntense: rgb(4, 16, 159);
+    ;
     --couleurSurlignage: rgba(255, 253, 110, 0.49);
     max-width: 1000px;
     margin: auto;
     display: none;
 }
-.releve a, .releve a:visited {
+
+.releve a,
+.releve a:visited {
     color: navy;
     text-decoration: none;
 }
+
 .releve a:hover {
     color: red;
     text-decoration: underline;
 }
 
-.ready .wait{display: none;}
+.ready .wait {
-.ready main{display: block;}
+    display: none;
+}
+
+.ready main {
+    display: block;
+}
+
 h2 {
     margin: 0;
     color: black;
 }
+
 section {
     background: #FFF;
     border-radius: 16px;
@@ -46,12 +62,14 @@ section{
     padding: 16px 32px;
     margin: 8px 0;
 }
+
 section>div:nth-child(1) {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 8px;
 }
+
 .CTA_Liste {
     display: flex;
     gap: 4px;
@@ -63,15 +81,19 @@ section>div:nth-child(1){
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.26);
     cursor: pointer;
 }
+
 .CTA_Liste>svg {
     transition: 0.2s;
 }
+
 .CTA_Liste:hover {
     outline: 2px solid #424242;
 }
+
 .listeOff svg {
     transform: rotate(180deg);
 }
+
 .listeOff .syntheseModule,
 .listeOff .eval {
     display: none;
@@ -81,6 +103,7 @@ section>div:nth-child(1){
 .moduleOnOff>.eval {
     display: none;
 }
+
 .listeOff .moduleOnOff>.syntheseModule,
 .listeOff .moduleOnOff>.eval {
     display: flex !important;
@@ -92,6 +115,7 @@ section>div:nth-child(1){
 .moduleOnOff .module::before {
     transform: rotate(0);
 }
+
 .listeOff .moduleOnOff .ue::before,
 .listeOff .moduleOnOff .module::before {
     transform: rotate(180deg) !important;
@@ -124,6 +148,7 @@ section>div:nth-child(1){
     color: #000;
     text-decoration: none;
 }
+
 .etudiant {
     display: flex;
     align-items: center;
@@ -132,6 +157,7 @@ section>div:nth-child(1){
     background: var(--couleurPrincipale);
     color: rgb(0, 0, 0);
 }
+
 .civilite {
     font-weight: bold;
     font-size: 130%;
@@ -146,12 +172,14 @@ section>div:nth-child(1){
     gap: 8px;
     margin-top: 8px;
 }
+
 .infoSemestre {
     display: flex;
     flex-wrap: wrap;
     align-items: flex-start;
     gap: 4px;
 }
+
 .infoSemestre>div {
     border: 1px solid var(--couleurIntense);
     padding: 4px 8px;
@@ -165,41 +193,54 @@ section>div:nth-child(1){
 .infoSemestre>div>div:nth-child(even) {
     text-align: right;
 }
+
 .photo {
     border: none;
     margin-left: auto;
 }
-.rang, .competence{
+
+.rang,
+.competence {
     font-weight: bold;
 }
+
 .ue .rang {
     font-weight: 400;
 }
+
 .absencesRecap {
     align-items: baseline;
 }
+
 .absencesRecap>div:nth-child(2n) {
     font-weight: normal;
 }
+
 .abs {
     font-weight: bold;
 }
+
 .decision {
     margin: 5px 0;
     font-weight: bold;
-    font-size: 20px;
+    font-size: 16px;
 }
-#ects_tot, .decision, .decision_annee {
+
+#ects_tot,
+.decision,
+.decision_annee {
     font-weight: bold;
-    font-size: 20px;
+    font-size: 16px;
     margin-top: 8px;
 }
+
 .enteteSemestre {
     color: black;
     font-weight: bold;
-    font-size: 20px;
+    font-size: 16px;
     margin-bottom: 4px;
 }
+
 /***************/
 /* Zone custom */
 /***************/
@@ -214,15 +255,18 @@ section>div:nth-child(1){
 .synthese h3 {
     background: var(--couleurFondTitresUE);
 }
+
 .synthese .ue>div {
     text-align: right;
 }
+
 .synthese em,
 .eval em {
     opacity: 0.6;
     min-width: 80px;
     display: inline-block;
 }
+
 .ueBonus,
 .ueBonus h3 {
     background: var(--couleurFondTitresSAE) !important;
@@ -236,7 +280,9 @@ section>div:nth-child(1){
 .sae>div {
     scroll-margin-top: 60px;
 }
-.module, .ue {
+
+.module,
+.ue {
     color: #000;
     padding: 4px 32px;
     border-radius: 4px;
@@ -248,16 +294,21 @@ section>div:nth-child(1){
     cursor: pointer;
     position: relative;
 }
+
 .ue {
     background: var(--couleurFondTitresRes);
 }
+
 .module {
     background: var(--couleurFondTitresRes);
 }
+
 .module h3 {
     background: var(--couleurFondTitresRes);
 }
-.module::before, .ue::before {
+
+.module::before,
+.ue::before {
     content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26px' height='26px' fill='white'><path d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /></svg>");
     width: 26px;
     height: 26px;
@@ -267,13 +318,17 @@ section>div:nth-child(1){
     transform: rotate(180deg);
     transition: 0.2s;
 }
+
 @media screen and (max-width: 1000px) {
+
     /* Placer le chevron à gauche au lieu du milieu */
-    .module::before, .ue::before {
+    .module::before,
+    .ue::before {
         left: 2px;
         bottom: calc(50% - 13px);
     }
 }
+
 h3 {
     display: flex;
     align-items: center;
@@ -284,7 +339,9 @@ h3{
     font-size: 16px;
     background: var(--couleurSecondaire);
 }
-.sae .module, .sae h3{
+
+.sae .module,
+.sae h3 {
     background: var(--couleurFondTitresSAE);
 }
 
@@ -292,13 +349,17 @@ h3{
     font-weight: bold;
     text-align: right;
 }
+
 .info {
     opacity: 0.9;
 }
+
 .syntheseModule {
     cursor: pointer;
 }
-.eval, .syntheseModule{
+
+.eval,
+.syntheseModule {
     position: relative;
     display: flex;
     justify-content: space-between;
@@ -306,15 +367,19 @@ h3{
     padding: 0px 4px;
     border-bottom: 1px solid #aaa;
 }
-.eval>div, .syntheseModule>div{
+
+.eval>div,
+.syntheseModule>div {
     display: flex;
     gap: 4px;
 }
 
-.eval:hover, .syntheseModule:hover{
+.eval:hover,
+.syntheseModule:hover {
     background: var(--couleurSurlignage);
     /* color: #FFF; */
 }
+
 .complement {
     pointer-events: none;
     position: absolute;
@@ -331,17 +396,21 @@ h3{
     gap: 0 !important;
     column-gap: 4px !important;
 }
+
 .eval:hover .complement {
     opacity: 1;
     z-index: 1;
 }
+
 .complement>div:nth-child(even) {
     text-align: right;
 }
+
 .complement>div:nth-child(1),
 .complement>div:nth-child(2) {
     font-weight: bold;
 }
+
 .complement>div:nth-child(1),
 .complement>div:nth-child(7) {
     margin-bottom: 8px;
@@ -351,10 +420,13 @@ h3{
     section {
         padding: 16px;
     }
-    .syntheseModule, .eval {
+
+    .syntheseModule,
+    .eval {
         margin: 0;
     }
 }
+
 /*.absences{
     display: grid;
     grid-template-columns: auto auto;