diff --git a/index.html b/index.html
index 64cbd3f..28387a6 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,6 @@
     <link rel="stylesheet" href="./css/index.css">
     <link rel="stylesheet" href="./css/alerte/a1.css" id="alerte-css">
     <link rel="icon" type="image/x-icon" href="/img/favicon.ico">
-
 </head>
 <body>
     <script src="./js/intro.js" defer></script>
@@ -16,81 +15,91 @@
     <script src="./js/main.js" defer></script>
     <script src="./js/alerte.js"></script>
     <script src="./js/collegue.js"></script>
-    <div id="confetti-container"></div>
-    <div id="score_button" class="score-button">
-        <div id="div_score" class="div-centrer-contenu">
 
-        </div>
+    <!-- Contenu principal -->
+    <main>
+        <!-- Section Confettis -->
+        <section id="confetti-section">
+            <div id="confetti-container"></div>
+        </section>
 
-        <div id="div_button" class="bouton-score div-centrer-contenu">
+        <!-- Section Score -->
+        <section id="score-section">
+            <div id="score_button" class="score-button">
+                <div id="div_score" class="div-centrer-contenu"></div>
+                <div id="div_button" class="bouton-score div-centrer-contenu">
+                    <button id="bouton-prof" onclick="leBoostDuProf()">Le Méga Boost du Prof</button>
+                </div>
+            </div>
+        </section>
 
-            <button id="bouton-prof" onclick="leBoostDuProf()">Le Méga Boost du Prof</button>
-        </div>
-    </div>
-    <table id="table_magasin_technologies" class="table-magasin">
-        <thead id="table_magasin_technologies_head">
+        <!-- Section Tableaux -->
+        <section id="technologies-section">
+            <h2>Magasin des technologies</h2>
+            <table id="table_magasin_technologies" class="table-magasin">
+                <thead id="table_magasin_technologies_head"></thead>
+                <tbody id="table_magasin_technologies_body"></tbody>
+            </table>
+        </section>
 
-        </thead>
+        <section id="collegues-section">
+            <h2>Magasin des collègues</h2>
+            <table id="table_magasin_collegues">
+                <thead>
+                    <tr>
+                        <th>Nom</th>
+                        <th>Revenu passif</th>
+                        <th>Coût</th>
+                        <th>Lien</th>
+                    </tr>
+                </thead>
+                <tbody id="table_magasin_collegues_body"></tbody>
+            </table>
+        </section>
 
-        <tbody id="table_magasin_technologies_body">
+        <!-- Section Image animée -->
+        <section id="image-collegue-section" class="div-centrer-contenu">
+            <img id="image_collegue_animee" alt="Image d'un collègue animé">
+        </section>
 
-        </tbody>
-    </table>
+        <!-- Section Vidéo -->
+        <section id="video-section" class="div-centrer-contenu">
+            <video controls id="never" hidden></video>
+            <button id="close_rick" type="button" hidden>X</button>
+        </section>
 
-    <table id="table_magasin_collegues">
-        <thead>
-            <th>nom</th>
-            <th>revenu passif</th>
-            <th>cout</th>
-            <th>lien</th>
-        </thead>
-        <tbody id="table_magasin_collegues_body">
-            
-        </tbody>
-    </table>
+        <!-- Section Alertes -->
+        <section id="alerte-section">
+            <div id="alerte_jolie" class="modal div-centrer-contenu">
+                <div class="modal-content">
+                    <span class="close-btn" onclick="fermerAlerte()">&times;</span>
+                    <p id="message_alerte_jolie"></p>
+                    <div class="div-centrer-contenu">
+                        <input type="text" id="input_alerte_jolie">
+                        <button class="bouton-ok" onclick="fermerAlerte()">OK</button>
+                    </div>
+                </div>
+            </div>
+        </section>
 
+        <!-- Section Publicités -->
+        <section id="ad-section" class="ad" style="display: none;">
+            <img src="./img/miaou1.jpeg" alt="Chat" class="adt2">
+            <div></div>
+            <img src="./img/GIF-CHATON.gif" alt="Chat" class="adt3">
+        </section>
 
-    <div class="div-centrer-contenu" >
-        <img id="image_collegue_animee">
-    </div>
+        <!-- Section Cadeau -->
+        <section id="cadeau-section">
+            <div id="div_cadeau">
+                <img id="img_cadeau" src="img/cadeau.png" alt="Image de cadeau">
+            </div>
+        </section>
+    </main>
 
-    <div class="div-centrer-contenu">
-       <!-- RickRoll-->
-       <video controls id="never" hidden>
-        </video>
-        <button id="close_rick" type="button" hidden>X</button>
-    </div>
-
-
-    <!-- Custom Alert Modal -->
-    <div id="alerte_jolie" class="modal div-centrer-contenu">
-        <div class="modal-content">
-        <span class="close-btn" onclick="fermerAlerte()">&times;</span>
-        <p id="message_alerte_jolie"></p>
-        
-        <div class="div-centrer-contenu">
-            <input type="text" id="input_alerte_jolie">
-        
-            <button class="bouton-ok" onclick="fermerAlerte()">OK</button>
-        </div>
-
-        </div>
-
-
-    </div>
-    <div class="ad" style="display: none;">
-        
-        <img src="./img/miaou1.jpeg" alt="Chat" class="adt2">
-        <div></div>
-        <img src="./img/GIF-CHATON.gif" alt="Chat" class="adt3">
-    </div>
-
-    
-    <div id="div_cadeau">
-        <img id="img_cadeau" src="img/cadeau.png">
-    </div>
+    <!-- Pied de page -->
+    <footer>
+        <p>L'évolution est non contractuelle, adaptée pour le gameplay</p>
+    </footer>
 </body>
-<footer>
-    <p>L'evolution est non contractuelle, adaptée pour le gameplay</p>
-</footer>
-</html>
\ No newline at end of file
+</html>
