From c57fda392abc2180ddf9576bb055de173fae1015 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Valentin=20Mogu=C3=A9rou?= <valentin@kaz.bzh>
Date: Sun, 16 Jul 2023 09:09:08 +0200
Subject: [PATCH] Conversion class vers id

---
 BCG/index.html |  2 +-
 BFI/index.html |  2 +-
 res/style.css  | 16 ++++++----------
 3 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/BCG/index.html b/BCG/index.html
index a7a7593..47af4b3 100755
--- a/BCG/index.html
+++ b/BCG/index.html
@@ -24,7 +24,7 @@
         </div>
         <h1>Simulateur du Bac Général</h1>
     </header>
-    <div class="resultat">
+    <div id="resultat">
         <div>
             <span id="total-points"></span>
             <p>Points</p>
diff --git a/BFI/index.html b/BFI/index.html
index 79624b2..e5911f6 100755
--- a/BFI/index.html
+++ b/BFI/index.html
@@ -24,7 +24,7 @@
         </div>
         <h1>Simulateur du Bac Français International</h1>
     </header>
-    <div class="resultat">
+    <div id="resultat">
         <div>
             <span id="total-points"></span>
             <p>Points</p>
diff --git a/res/style.css b/res/style.css
index bcd1387..4a8ce50 100755
--- a/res/style.css
+++ b/res/style.css
@@ -68,7 +68,7 @@ main {
     margin: 30px auto;
 }
 
-.resultat {
+#resultat {
     background-color: #ffffff;
     position: sticky;
     top: 0;
@@ -79,7 +79,7 @@ main {
     gap: 15px;
 }
 
-.resultat div, .choix-appli-wrapper div {
+#resultat div, .choix-appli-wrapper div {
     padding: 15px;
     border: 1px solid #ddd;
     text-align: center;
@@ -102,30 +102,26 @@ main {
     background-color: #eeeeee;
 }
 
-.resultat div span, .choix-appli-wrapper span {
+#resultat div span, .choix-appli-wrapper span {
     font-size: 2em;
 }
 
-.resultat div p, .choix-appli-wrapper p {
+#resultat div p, .choix-appli-wrapper p {
     margin-top: 15px;
 }
 
-.resultat table {
-    margin: 10px auto;
-}
-
 @media screen and (max-width: 1000px) {
     main {
         width: 100vw;
     }
 
-    .resultat, .choix-appli-wrapper {
+    #resultat, .choix-appli-wrapper {
         position: static;
         flex-direction: column;
         align-items: center;
     }
 
-    .resultat div, .choix-appli-wrapper a {
+    #resultat div, .choix-appli-wrapper a {
         width: clamp(300px, 60%, 700px);
     }