diff --git a/WF-WebAdmin/WF-WebAdmin/Pages/DeleteUser.razor b/WF-WebAdmin/WF-WebAdmin/Pages/DeleteUser.razor
index 933820d..47af991 100644
--- a/WF-WebAdmin/WF-WebAdmin/Pages/DeleteUser.razor
+++ b/WF-WebAdmin/WF-WebAdmin/Pages/DeleteUser.razor
@@ -2,12 +2,13 @@
 
 <PageTitle>Gestion utilisateur</PageTitle>
 
-@if(users != null)
-{
-    <h3>Gestion des utilisateurs</h3>
+<h3>Gestion des utilisateurs</h3>
 
-    <p>Utilisateurs présents:</p>
 
+
+@if (users != null)
+{
+    <p>Utilisateurs présents:</p>
     @foreach (var user in users)
     {
         <div class="userDiv">
@@ -16,10 +17,28 @@
             <p class="pseudo"><strong>Nom d'utilisateur :</strong> @user.Name</p>
             <p class="mail"><strong>Email de l'utilisateur :</strong> @user.Email</p>
             <p class="dateCrea"><strong>Date de création de l'utilisateur :</strong> @user.DateCreation.ToShortDateString()</p>
-            <button>Supprimer l'utilisateur</button>
+            <button id="DeleteButton" @onclick="() => ShowConfirmation(user)">Supprimer l'utilisateur</button>
         </div>
     }
+    <!-- Fenêtre  de confirmation -->
+    @if (showPopup)
+    {
+        <div class="divPopup">
+            <div class="contentPopup">
+                <p>Êtes-vous sûr de vouloir supprimer cet utilisateur ?</p>
+                <button @onclick="() => RemoveUser()">Confirmer</button>
+                <button @onclick="ClosePopup">Annuler</button>
+            </div>
+        </div>
+    }
+
+
 }
+else
+{
+    <p><strong>Aucun utilisateurs présents sur le site</strong></p>
+}
+
 
 @code {
 
diff --git a/WF-WebAdmin/WF-WebAdmin/Pages/DeleteUser.razor.cs b/WF-WebAdmin/WF-WebAdmin/Pages/DeleteUser.razor.cs
index 27d0084..0743f27 100644
--- a/WF-WebAdmin/WF-WebAdmin/Pages/DeleteUser.razor.cs
+++ b/WF-WebAdmin/WF-WebAdmin/Pages/DeleteUser.razor.cs
@@ -1,12 +1,16 @@
 using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.Configuration.UserSecrets;
 using WF_WebAdmin.Model;
 
 namespace WF_WebAdmin.Pages
 {
     public partial class DeleteUser
     {
-        private User[] users;
-
+        private List<User> users;
+
+
+        private bool showPopup = false;
+        private User userToDelete = null;
         [Inject]
         public HttpClient Http { get; set; }
 
@@ -15,7 +19,34 @@ namespace WF_WebAdmin.Pages
 
         protected override async Task OnInitializedAsync()
         {
-            users = await Http.GetFromJsonAsync<User[]>($"{NavigationManager.BaseUri}fake-dataUser.json");
+            users = await Http.GetFromJsonAsync<List<User>>($"{NavigationManager.BaseUri}fake-dataUser.json");
+        }
+
+
+
+
+        private void ShowConfirmation(User user)
+        {
+            // Afficher la modale et mémoriser l'utilisateur à supprimer
+            userToDelete = user;
+            showPopup = true;
+        }
+
+
+
+        private async Task RemoveUser()
+        {
+            if (userToDelete != null)
+            {
+                users.RemoveAll(u => u.Id == userToDelete.Id);
+                ClosePopup();
+            }
+        }
+
+        private void ClosePopup()
+        {
+            showPopup = false;
         }
-    }
+    }
+
 }
diff --git a/WF-WebAdmin/WF-WebAdmin/wwwroot/css/site.css b/WF-WebAdmin/WF-WebAdmin/wwwroot/css/site.css
index 8246181..9f8f5cf 100644
--- a/WF-WebAdmin/WF-WebAdmin/wwwroot/css/site.css
+++ b/WF-WebAdmin/WF-WebAdmin/wwwroot/css/site.css
@@ -96,4 +96,29 @@ button {
     width: 5vw;
     height: 5vw;
     object-fit: contain;
+}
+
+/*Popup DeleteUser*/
+.divPopup {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: white border-radius:20px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 2;
+}
+
+.contentPopup {
+    background-color: white;
+    padding: 20px;
+    border-radius: 20px;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    width: 300px;
+    text-align: center;
 }
\ No newline at end of file