diff --git a/web/index.html b/web/index.html
index d40caee..bb97ea1 100644
--- a/web/index.html
+++ b/web/index.html
@@ -49,11 +49,30 @@
   <body class="text-center">
     
 <main class="form-signin">
+  <div class="alert alert-danger alert-dismissible hidden" id="alertUsername" role="alert">
+    <div>Utilisateur inexistant</div>
+     <button type="button"  class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+  </div>
+  <div class="alert alert-danger alert-dismissible hidden" id="alertDisable" role="alert">
+    <div>Compte désactivé</div>
+     <button type="button"  class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+  </div>
   <div class="alert alert-danger alert-dismissible hidden" id="alertPassword" role="alert">
-      <div>Utilisateur inexistant ou mauvais mot de passe</div>
-       <button type="button" id="closeAlertPassword" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+      <div>Mot de passe incorrect</div>
+       <button type="button"  class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
     </div>
 
+    <div class="alert alert-danger alert-dismissible hidden" id="alertToken" role="alert">
+      <div>Token expiré</div>
+       <button type="button"  class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+    </div>
+
+    <div class="alert alert-danger alert-dismissible hidden" id="alertUnknown" role="alert">
+      <div>Mot de passe incorrect</div>
+       <button type="button"  class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+    </div>
+
+
   <form id="signin">
     <img class="mb-4" src="css/bootstrap-logo.svg" alt="" width="72" height="57">
     <h1 class="h3 mb-3 fw-normal">Please sign in</h1>
diff --git a/web/js/login.js b/web/js/login.js
index 5e8db9e..844a338 100644
--- a/web/js/login.js
+++ b/web/js/login.js
@@ -13,13 +13,39 @@ document.getElementById("signin").addEventListener("submit", function(evt){
         instance.get("token", { auth : {username: pseudo.value, password: password.value}, withCredentials: true})
             .then(function(response) { console.log(response) })
             .catch(function(error){
-                if(error.response.status == 404){
-                    document.getElementById("alertPassword").classList.remove("hidden");
+
+                switch (error.response.status){
+                    case 406:
+                        id = "alertPassword";
+                        break;
+                    case 404:
+                        id = "alertUsername";
+                        break;
+                    case 403:
+                        id = "alertDisable";
+                        break;
+                    case 410:
+                        id = "alertToken";
+                        break;
+                    default:
+                        id = "alertUnknown";
+                        break;
                 }
+                
+                document.getElementById(id).classList.remove("hidden");
+            
             });
     }
 });
 
-document.getElementById("closeAlertPassword").addEventListener("click", function(){
-    document.getElementById("alertPassword").classList.add("hidden");
-});
\ No newline at end of file
+var btnclose = document.getElementsByClassName("btn-close");
+for (var i = 0; i<btnclose.length; i++){
+   btnclose[i].addEventListener("click", function(){
+        var alertt = document.getElementsByClassName("alert");
+        for (var j=0; j<alertt.length; j++){
+            if(!alertt[j].classList.contains("hidden")){
+                alertt[j].classList.add("hidden");
+            }
+        }
+    });
+}
