diff --git a/index.html b/index.html
index 01d5491..237cd85 100755
--- a/index.html
+++ b/index.html
@@ -4,78 +4,89 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Prog Web Legend</title>
-    <script> alert("click")</script>
     <link rel="stylesheet" href="" id="link-css">
     <link rel="stylesheet" href="./css/index.css">
     <link rel="stylesheet" href="./css/alerte/a1.css" id="alerte-css">
-
-</head>
-<body>
     <script src="./js/intro.js" defer></script>
     <script src="./js/element.js"></script>
     <script src="./js/technologie.js"></script>
     <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="div_score" style=" display: flex; justify-content: center;">
+ 
+</head>
+<body>
 
-    </div>
+    <div id="conteneur_confetti"></div>
 
-    <div id="div_button" style=" display: flex; justify-content: center;">
+    <section>
+        <div id="div_score" style=" display: flex; justify-content: center;">
 
-        <button id="bouton-prof" onclick="leBoostDuProf()">Le Méga Boost du Prof</button>
-    </div>
-
-    <table id="table_magasin_technologies" class="table_magasin">
-        <thead id="table_magasin_technologies_head">
-
-        </thead>
-
-        <tbody id="table_magasin_technologies_body">
-
-        </tbody>
-    </table>
-
-    <table style="margin-top:10px ;">
-        <thead>
-            <th>nom</th>
-            <th>revenu passif</th>
-            <th>cout</th>
-            <th>lien</th>
-        </thead>
-        <tbody id="table_magasin_collegues_body">
-            
-        </tbody>
-    </table>
-
-
-
-
-
-    <!-- Custom Alert Modal -->
-    <div id="alerte_jolie" class="modal">
-        <div class="modal-content">
-        <span class="close-btn" onclick="fermerAlerte()">&times;</span>
-        <p id="message_alerte_jolie"></p>
-        <button onclick="fermerAlerte()">OK</button>
         </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_button" style=" display: flex; justify-content: center;">
+    
+            <button id="bouton-prof" onclick="leBoostDuProf()">Le Méga Boost du Prof</button>
+        </div>
+    </section>
 
-    <div class="div-centrer-contenu">
-        <img id="image-collegue-animee">
 
-    </div>
+    <section>
+        <table id="table_magasin_technologies" class="table_magasin">
+            <thead id="table_magasin_technologies_head">
+    
+            </thead>
+    
+            <tbody id="table_magasin_technologies_body">
+    
+            </tbody>
+        </table>
+    
+        <table style="margin-top:10px ;">
+            <thead>
+                <th>nom</th>
+                <th>revenu passif</th>
+                <th>cout</th>
+                <th>lien</th>
+            </thead>
+            <tbody id="table_magasin_collegues_body">
+                
+            </tbody>
+        </table>
+    </section>
+
+
+
+
+
+    <!-- Signaler que ces éléments sont superflus avec une balise d'accessibilité-->
+    <aside>
+        <!-- Alerte personalisée pour faire évoluer le style -->
+        <div id="alerte_jolie" class="modal">
+            <div class="modal-content">
+            <span class="close-btn" onclick="fermerAlerte()">&times;</span>
+            <p id="message_alerte_jolie"></p>
+            <button onclick="fermerAlerte()">OK</button>
+            </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 class="div-centrer-contenu">
+            <img id="image-collegue-animee">
+
+        </div>
+    </aside>
+
 
 </body>
 <footer>
     <p>L'evolution est non contractuelle, adaptée pour le gameplay</p>
+    
 </footer>
-</html>
\ No newline at end of file
+</html>
diff --git a/js/intro.js b/js/intro.js
index 5002e9b..6175f76 100644
--- a/js/intro.js
+++ b/js/intro.js
@@ -1,5 +1,8 @@
-document.addEventListener("click",firstClick)
 
+window.addEventListener("DOMContentLoaded",(w,e)=>{
+    ouvrirAlerte("Cliquez sur OK pour jouer !")
+    firstClick()
+}) 
 
 function firstClick(){
     let position_button=document.getElementById("div_button")
diff --git a/js/main.js b/js/main.js
index 4cf3e86..f1eebe5 100644
--- a/js/main.js
+++ b/js/main.js
@@ -298,7 +298,7 @@ function leBoostDuProf(){
 // fonction qui va creer plein d'elements confetti
 function genererConfetti() {
 
-    const container = document.getElementById("confetti-container")
+    const container = document.getElementById("conteneur_confetti")
 
     // couleurs des confetti à generer
     const colors = ["#FF5733", "#33FF57", "#3357FF", "#FF33A1", "#FFD633", "#A833FF", "#33FFF6"]
diff --git a/lisezmoi.md b/lisezmoi.md
index 25f88ce..3de2996 100755
--- a/lisezmoi.md
+++ b/lisezmoi.md
@@ -41,7 +41,6 @@ XHTML5
 - mettre des animations quand le score change de milier ( feu d'artifice ?)
 - vidéos
 - ne faire apparaitre les header du tableau qu'au premier clic
-- faire une fonction qui en fonction de la puissance de 10 troncature le nb et met "milions", "quintilions"...
 - mettre un palier où des photos aparaissent à coté de chaque collegue dans le magasin
 
 ## Idée de con
