diff --git a/connexion/page_de_connexion/page_de_connexion.html b/connexion/page_de_connexion/page_de_connexion.html
index b3240aa..2d8f615 100644
--- a/connexion/page_de_connexion/page_de_connexion.html
+++ b/connexion/page_de_connexion/page_de_connexion.html
@@ -34,8 +34,13 @@
             <input
               type="password"
               class="form-control"
+              id="password"
               placeholder="••••••••"
             />
+            <label for="showPassword">
+            <input type="checkbox" id="showPassword" />
+              Voir le mot de passe
+            </label>
           </div>
 
           <button class="btn btn-primary w-100">Se connecter</button>
@@ -46,6 +51,7 @@
         </form>
       </div>
     </div>
+    <script src="page_de_connexion.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
   </body>
 </html>
diff --git a/connexion/page_de_connexion/page_de_connexion.js b/connexion/page_de_connexion/page_de_connexion.js
new file mode 100644
index 0000000..bdd88fd
--- /dev/null
+++ b/connexion/page_de_connexion/page_de_connexion.js
@@ -0,0 +1,35 @@
+const password = document.getElementById('password');
+const confirmPassword = document.getElementById('confirmPassword');
+const showPasswordCheckbox = document.getElementById('showPassword');
+
+
+
+
+
+showPasswordCheckbox.addEventListener('change', function() {
+    if (this.checked) {
+        password.type = 'text';
+        confirmPassword.type = 'text'; 
+
+    } else {
+        password.type = 'password';
+        confirmPassword.type = 'password'; 
+    }
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+