diff --git a/prestations/html/liste_avant_apres.html b/prestations/html/liste_avant_apres.html
index 59492d3..58fe8bc 100644
--- a/prestations/html/liste_avant_apres.html
+++ b/prestations/html/liste_avant_apres.html
@@ -98,9 +98,7 @@
           <table class="table table-striped table-hover align-middle mb-0">
             <thead class="table-dark">
               <tr>
-                <th>Titre du résultat</th>
-                <th>Type</th>
-                
+                <th>Titre du résultat</th>                
                 <th class="text-end">Actions</th>
               </tr>
             </thead>
diff --git a/prestations/html/prestation_accueil.html b/prestations/html/prestation_accueil.html
index aa7a783..ef381b0 100644
--- a/prestations/html/prestation_accueil.html
+++ b/prestations/html/prestation_accueil.html
@@ -1,74 +1,292 @@
 <!DOCTYPE html>
 <html lang="fr">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Admin - Prestations</title>
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
-
-    <style>
-        body {
-            background: #f4f6f9;
-            padding: 40px;
-        }
-        .menu-card {
-            transition: 0.2s;
-            cursor: pointer;
-        }
-        .menu-card:hover {
-            transform: scale(1.03);
-            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
-        }
-        .menu-icon {
-            font-size: 40px;
-        }
-    </style>
+    <title>CE sera le titre de la page</title>
+    <link href="../../node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="../../node_modules/bs-icon/icons.css">
+    <link rel="stylesheet" href="../../css/style.css">
 </head>
 
 <body>
+    <header>
+        <nav class="navbar navbar-expand-xxl bg-body-tertiary">
+            <div class="container-fluid align-items-center">
+                <a class="navbar-brand" href="#">L'Il'eau chiens - Admin</a>
 
-<div class="container text-center">
-    <h2 class="mb-5">Gestion des prestations</h2>
 
-    <div class="row g-4">
 
-        <!-- Prestations -->
-        <div class="col-md-4">
-            <a href="../liste_prestation/liste_prestation.html" class="text-decoration-none">
-                <div class="card p-4 menu-card">
-                    <div class="menu-icon">💼</div>
-                    <h4 class="mt-3 text-dark">Gérer les prestations</h4>
-                    <p class="text-muted">Ajouter, modifier, supprimer les prestations.</p>
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
+                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
+                    aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+                <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                        <li class="nav-item">
+                            <a class="nav-link active left-label" aria-current="page" href="#">Blog</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link left-label" href="#">Boutique</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link left-label" href="#">Prestations</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link left-label" href="#">FAQ</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link left-label" href="#">Fiche de renseignements</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link left-label" href="#">Partenaires</a>
+                        </li>
+                    </ul>
+
+
+                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+                        <li class="nav-item">
+                            <a class="nav-link" href="#"><i class="bi bi-megaphone me-1"></i> Message d'actu</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="#"><i class="bi bi-box-arrow-up-right me-1"></i> Voir le site</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="#"><i class="bi bi-gear me-1"></i> Configuration</a>
+                        </li>
+                        <li class="nav-item dropdown">
+                            <a class="nav-link dropdown-toggle" href="#" id="userMenu" role="button"
+                                data-bs-toggle="dropdown" aria-expanded="false">
+                                <i class="bi bi-person-circle me-1"></i> <span id="userFirstName">Prénom</span>
+                            </a>
+                            <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userMenu">
+                                <li><a class="dropdown-item" href="#">Profil</a></li>
+                                <li>
+                                    <hr class="dropdown-divider">
+                                </li>
+                                <li><a class="dropdown-item" href="#">Sortir</a></li>
+                            </ul>
+                        </li>
+                    </ul>
+
                 </div>
-            </a>
+            </div>
+        </nav>
+
+    </header>
+    <main class="my-5 fs-6">
+        <div class="container">
+            <header>
+                <h1 class="title fs-2">Gérer la page prestations</h1>
+            </header>
+            <main>
+                <section class="prestations">
+
+                    <h2 class="fs-3">Gérer les prestations</h2>
+
+                    <div class="accordion" id="accordionExample">
+                        <div class="accordion-item">
+                            <h2 class="accordion-header">
+                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
+                                    data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+                                    Gèrer les prestations et leur catégorie
+                                </button>
+                            </h2>
+                            <div id="collapseOne" class="accordion-collapse collapse show"
+                                data-bs-parent="#accordionExample">
+                                <div class="accordion-body">
+                                    Contenu de l'accordéon 1
+                                </div>
+                            </div>
+                        </div>
+                        <div class="accordion-item">
+                            <h2 class="accordion-header">
+                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+                                    data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
+                                    Gérer le slider
+                                </button>
+                            </h2>
+                            <div id="collapseTwo" class="accordion-collapse collapse"
+                                data-bs-parent="#accordionExample">
+                                <div class="accordion-body">
+                                    Contenu de l'accordéon 2
+                                </div>
+                            </div>
+                        </div>
+                      
+                    </div>
+                    <!--
+                    <section class="categories-prestations">
+                        <h3 class="fs-4">Titres des cartes</h3>
+                        <div class="mb-3">
+                            <a href="../html/ajouter_avant_apres.html" class="btn btn-primary btn-sm">
+                                Ajouter une catégorie
+                            </a>
+                        </div>
+
+
+
+                        <table class="table table-striped table-hover">
+                            <section class="slider">
+                                <details open>
+                                    <summary class="fs-5 fw-semibold">Gérer le slider</summary>
+                                    <h2 class="fs-3 mt-2">Gérer le slider</h2>
+                                    <div class="mb-3">
+                                        <a href="" class="btn btn-primary btn-sm">Ajouter une slide</a>
+                                    </div>
+                                    <table class="table table-striped table-hover">
+                                <tr>
+                                    <td>Toilletage complet</td>
+                                    <td class="text-end">À partir de 60€</td>
+                                    <td class="text-end">
+                                        <a href="" class="btn btn-sm btn-outline-primary me-1">Modifier</a>
+                                        <button class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>Toilletage complet</td>
+                                    <td class="text-end">À partir de 60€</td>
+                                    <td class="text-end">
+                                        <a href="" class="btn btn-sm btn-outline-primary me-1">Modifier</a>
+                                        <button class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+
+
+
+                    </section>
+                    <section class="categories-prestations">
+                        <h3 class="fs-4">Les prestations</h3>
+                        <div class="mb-3">
+                            <a href="../html/ajouter_avant_apres.html" class="btn btn-sm btn-primary">
+                                Ajouter une prestation
+                                    </table>
+                                </details>
+                        </div>
+                            <section class="galerie-avant-apres">
+                                <details open>
+                                    <summary class="fs-5 fw-semibold">Gérer la galerie avant/après</summary>
+                                    <h2 class="fs-3 mt-2">Gérer la galerie avant/après</h2>
+                                    <div class="mb-3">
+                                        <a href="../html/ajouter_avant_apres.html" class="btn btn-primary">
+                                            Ajouter un résultat avant/après
+                                        </a>
+                                    </div>  
+                                    <table class="table table-striped table-hover">
+                                <tr>
+                                    <td>Un nom de prestation</td>
+
+                                    <td class="text-end">
+                                        <a href="" class="btn btn-sm btn-outline-primary me-1">Modifier</a>
+                                        <button class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td>prestation spécifique</td>
+
+                                    <td class="text-end">
+                                        <a href="" class="btn btn-sm btn-outline-primary me-1">Modifier</a>
+                                        <button class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
+                                    </td>
+                                </tr>
+
+                            </tbody>
+                        </table>
+
+                    </section>
+                </section>
+                <section class="slider">
+                                        </tbody>
+                                    </table>
+                                </details>
+                            </section>
+                    </details>
+                    <h2 class="fs-3 mt-2">Gérer le slider</h2>
+                    <div class="mb-3">
+                        <a href="" class="btn btn-primary btn-sm">Ajouter une slide</a>
+                    </div>
+                    <table class="table table-striped table-hover">
+                        <thead class="table-dark">
+                            <tr>
+                                <th>Titre de la slide</th>
+
+                                <th class="text-end">Actions</th>
+                            </tr>
+                        </thead>
+
+                        <tbody>
+                            <tr>
+                                <td>Slide 1 : coupe griffe</td>
+
+                                <td class="text-end">
+                                    <a href="" class="btn btn-sm btn-outline-primary me-1">Modifier</a>
+                                    <button class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>Slide 2 : coupe ciseaux</td>
+
+                                <td class="text-end">
+                                    <a href="" class="btn btn-sm btn-outline-primary me-1">Modifier</a>
+                                    <button class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
+                                </td>
+                            </tr>
+
+                        </tbody>
+                    </table>
+                </section>
+                <section class="galerie-avant-apres">
+                    <details close>
+                        <summary class="fs-5 fw-semibold">
+                            <h2 class="fs-3 mt-2">Gérer la galerie avant/après</h2>
+                            <div class="mb-3">
+                                <a href="../html/ajouter_avant_apres.html" class="btn btn-primary">
+                                    Ajouter un résultat avant/après
+                                </a>
+                            </div>
+                            <table class="table table-striped table-hover">
+                                <thead class="table-dark">
+                                    <tr>
+                                        <th>Titre du résultat</th>
+                                        <th class="text-end">Actions</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        <td>Petit chien poils longs</td>
+                                        <td class="text-end">
+                                            <a href="../html/modifier_avant_apres.html"
+                                                class="btn btn-sm btn-outline-primary me-1">Modifier</a>
+                                            <button class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>Coupe ciseaux</td>
+                                        <td class="text-end">
+                                            <a href="../html/modifier_avant_apres.html"
+                                                class="btn btn-sm btn-outline-primary me-1">Modifier</a>
+                                            <button class="btn btn-sm btn-outline-danger delete-btn">Supprimer</button>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+
+                        </summary>
+                    </details>
+
+                </section>
+                -->
+            </main>
         </div>
+    </main>
 
-        <!-- Slider -->
-        <div class="col-md-4">
-            <a href="../slider/liste_slider/liste_slider.html" class="text-decoration-none">
-                <div class="card p-4 menu-card">
-                    <div class="menu-icon">🎞️</div>
-                    <h4 class="mt-3 text-dark">Gérer le slider</h4>
-                    <p class="text-muted">Images du slider de la page Prestations chiens.</p>
-                </div>
-            </a>
-        </div>
-
-        <!-- Avant / Après -->
-        <div class="col-md-4">
-            <a href="../avant_apres/liste_avant_apres/liste_avant_apres.html" class="text-decoration-none">
-                <div class="card p-4 menu-card">
-                    <div class="menu-icon">🖼️</div>
-                    <h4 class="mt-3 text-dark">Galerie Avant / Après</h4>
-                    <p class="text-muted">Ajouter, modifier ou supprimer les photos.</p>
-                </div>
-            </a>
-        </div>
-
-    </div>
-</div>
-
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
 
 </body>
-</html>
+
+<script src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+
+</html>
\ No newline at end of file
diff --git a/prestations/js/liste_avant_apres.js b/prestations/js/liste_avant_apres.js
index a2d36dd..12d6c71 100644
--- a/prestations/js/liste_avant_apres.js
+++ b/prestations/js/liste_avant_apres.js
@@ -5,13 +5,13 @@ let galleryPairs = [
     {
         id: 1,
         titre: "Petit chien poils longs",
-        type: "Chien",
-       
+  
+    
     },
     {
         id: 2,
         titre: "Coupe ciseaux",
-        type: "Chat",
+
     
     }
 ];
@@ -39,7 +39,7 @@ function displayPairs() {
 
         row.innerHTML = `
             <td>${pair.titre}</td>
-            <td>${pair.type}</td>
+           
 
             <td class="text-center text-md-start">
                 <div class="d-flex flex-column flex-md-row justify-content-center justify-content-md-end gap-2">
