diff --git a/css/index.css b/css/index.css
index 3fec7d4..6b90be1 100644
--- a/css/index.css
+++ b/css/index.css
@@ -60,4 +60,29 @@
 
 #img_cadeau{
     width: 5vw;
+}
+
+#table_magasin_collegues{
+    margin-top: 10px;
+}
+
+#image_collegue_animee{
+    z-index:1; 
+    position: absolute;
+    top: 20px; 
+    left:35%;
+}
+
+#never{
+    z-index:1;
+    position: absolute; 
+    left:0%; 
+    top: 0%;
+}
+
+#close_rick{
+    z-index: 2;
+    position: absolute; 
+    left:0%; 
+    top: 0%;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index d52ae05..ad29005 100644
--- a/index.html
+++ b/index.html
@@ -18,11 +18,11 @@
     <script src="./js/collegue.js"></script>
     <div id="confetti-container"></div>
     <div id="score_button" class="score_button">
-        <div id="div_score" style=" display: flex; justify-content: center;">
+        <div id="div_score" class="div-centrer-contenu">
 
         </div>
 
-        <div id="div_button"  style="display: flex; justify-content: center;" class="bouton_score">
+        <div id="div_button" class="bouton-score div-centrer-contenu">
 
             <button id="bouton-prof" onclick="leBoostDuProf()">Le Méga Boost du Prof</button>
         </div>
@@ -37,7 +37,7 @@
         </tbody>
     </table>
 
-    <table style="margin-top:10px ;">
+    <table id="table_magasin_collegues">
         <thead>
             <th>nom</th>
             <th>revenu passif</th>
@@ -51,13 +51,12 @@
 
 
     <div class="div-centrer-contenu" >
-        <img id="image-collegue-animee" style="z-index:1; position: absolute;
-  top: 20px; left:35%">
+        <img id="image_collegue_animee">
 
         <!-- RickRoll-->
-        <video controls id="never" style="z-index:1; position: absolute; left:0%; top: 0%;" hidden>
+        <video controls id="never" hidden>
         </video>
-        <button id="close_rick" type="button" style="z-index: 2; position: absolute; left:0%; top: 0%;" hidden>X</button>
+        <button id="close_rick" type="button" hidden>X</button>
     </div>
 
 
diff --git a/js/main.js b/js/main.js
index 3956cb0..4293502 100644
--- a/js/main.js
+++ b/js/main.js
@@ -186,7 +186,7 @@ async function remplirMagasinCollegues(){
                     if(!(key in sacado)){
 
                         //lancer l'animation d'achat avec l'image correspondante
-                        let image = document.getElementById("image-collegue-animee")
+                        let image = document.getElementById("image_collegue_animee")
                         image.setAttribute("src",c.props.nom_fichier_image)
                         // affiche l'image
                         image.removeAttribute("hidden")