diff --git a/demineur.html b/demineur.html
index a70fb2a..302a64d 100644
--- a/demineur.html
+++ b/demineur.html
@@ -11,23 +11,29 @@
 </head>
 <body id="body_demineur">
 
-    <nav id="nav_demineur"> 
-        <div class="item_nav">
-        <a href="main.html">Home</a> 
+  <nav id="nav_demineur">
+    
+    <div class="item_nav">
+      <a href="main.html">Home</a> 
     </div>
     <div class="item_nav">
-        <a href="help.html">Help</a>  
+      <a href="help.html">Help</a>  
     </div>
     
     <div class="item_nav">    
-    Temps:
-    <input id="temps" type="number" value="0" disabled>
+      Temps:
+      <input id="temps" type="number" value="0" disabled>
     </div> 
 
+    <div class ="item_nav" id="affichage_nombre_mines">
+      Nombre total de mines : 10
+    </div>
+    
     <div class="item_nav">
-            <a id="options-button" href="#" onclick="options()">Options</a>
-        </div>
-    </nav>   
+      <a id="options-button" href="#" onclick="options()">Options</a>
+    </div>
+    
+  </nav>   
 
 
     <div id="jeu">
diff --git a/demineur.js b/demineur.js
index f8aaf49..5be86a8 100644
--- a/demineur.js
+++ b/demineur.js
@@ -33,6 +33,7 @@ function gererOptions() {
     nombre_mines = newNumberMines;
 
     document.getElementById('options-popup').classList.remove('show');
+    document.getElementById("affichage_nombre_mines").innerText = "Nombre total de mines : " + nombre_mines.toString() ;
     resetJeu();
 }
 
diff --git a/help.html b/help.html
index 13b5468..6e1d021 100644
--- a/help.html
+++ b/help.html
@@ -15,9 +15,16 @@
             <h1>Comment jouer au démineur ?</h1>
         </header>
         <main>
-            <p>Préparez-vous à une expérience de jeu inoubliable ! Cliquez sur le bouton ci-dessous pour commencer votre aventure.</p>
-            <img src="smile.png" alt="Image de bienvenue" class="welcome-image">
-            <button id="play-button">JOUER</button>
+            <p>Pour gagner, vous devrez révéler toutes les cases ne contenant pas de mine.</p>
+            <img src="case_9.png" alt="Image de bienvenue" class="welcome-image">
+	    <p>Vous pouvez révéler une case encore cachée simplement en faisant un clic gauche dessus avec votre curseur.</p>
+            <img src="case_vide.png" alt="Image de bienvenue" class="welcome-image">
+	    <p>Si vous pensez qu'une case contient une mine, faites un clic droit dessus pour y placer un drapeau. Vous ne pourrea ainsi plus la révéler par erreur.</p>
+            <img src="case_flag.png" alt="Image de bienvenue" class="welcome-image">
+	    <p>Le nombre de mines contenues dans la grille et le temps que vous avez passé dans la partie en cours sont affichés en haut de l'écran.</p> <br/>
+	    <p>Cliquez sur le bouton "Options" pour ajuster la difficulté du jeu en modifiant les dimensions de la grille et le nombre de mines</p> <br/>
+	    <p>Voilà, vous savez tout ! Cliquez sur le bouton ci-dessous pour vous lancer :</p>
+            <button id="play-button">RETOUR AU JEU</button>
         </main>
         <footer>
             <p>&copy; 2024 Démineur. Tous droits réservés.</p>
diff --git a/style.css b/style.css
index bf44a47..160b4d1 100644
--- a/style.css
+++ b/style.css
@@ -21,6 +21,7 @@
     transition: background-color 0.7s, color 0.3s;
 }
 
+
 #nav_demineur a:hover {
     background-color: #0039b33b; /* Couleur de fond au survol */
     color: #fff; /* Couleur du texte au survol */
