diff --git a/public/css/ControllerVues/list.css b/public/css/ControllerVues/list.css
index 1c7bb06..3d5af65 100644
--- a/public/css/ControllerVues/list.css
+++ b/public/css/ControllerVues/list.css
@@ -1,38 +1,29 @@
-
-html{
-    font-family: "Quicksand Light"; !important;
-}
-/*h1 {*/
-/*    text-align: center;*/
-/*    color: #db5559;*/
-/*    margin-bottom: 20px;*/
-/*}*/
-
 /* Table styles */
-.table {
+table {
     width: 100%;
     border-collapse: collapse;
     margin-bottom: 20px;
     background-color: #fff;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    font-family: sans-serif;
 }
 
-.table th, .table td {
+table th, table td {
     padding: 12px;
     text-align: left;
     border: 1px solid #ddd;
 }
 
-.table th {
+table th {
     background-color: #db5559;
     color: white;
+    font-weight: bold;
 }
 
-.table tr:nth-child(even) {
+table tr:nth-child(even) {
     background-color: #f2f2f2;
 }
 
-.table tr:hover {
+table tr:hover {
     background-color: #ddd;
 }
 
@@ -44,7 +35,7 @@ a {
 }
 
 a:hover {
-    color: #38538e;
+    color: white;
     text-decoration: underline;
 }
 
@@ -66,8 +57,25 @@ a[href*="app_clients_new"]:hover {
 }
 
 /* Empty table row message */
-.table td[colspan="6"] {
+table td[colspan="6"] {
     text-align: center;
     font-style: italic;
     color: #666;
 }
+
+/* Button styles */
+.btn-container {
+    display: flex;
+    justify-content: center;
+    margin-bottom: 20px;
+}
+
+.btn {
+    padding: 5px 10px;
+    text-decoration: none;
+    color: white;
+    background-color: #db5559;
+    border-radius: 5px;
+    font-weight: bold;
+    margin-top: 25px;
+}
diff --git a/public/js/GestionMenu/GestionMenu.js b/public/js/GestionMenu/GestionMenu.js
index c4c0a8f..679f140 100644
--- a/public/js/GestionMenu/GestionMenu.js
+++ b/public/js/GestionMenu/GestionMenu.js
@@ -6,7 +6,7 @@ document.querySelector('.btn-gestion-menu').addEventListener('click', function(e
     fetch('/plats')
         .then(response => {
             if (!response.ok) {
-                throw new Error('Erreur de chargement de la section Table');
+                throw new Error('Erreur de chargement de la section Promotions');
             }
             return response.text();
         })
@@ -20,14 +20,11 @@ document.querySelector('.btn-gestion-menu').addEventListener('click', function(e
         });
 });
 
-function addPlat (event) {
+function addPlats (event) {
     document.getElementById('container_modal');
 
-    fetch('/plats/new')
+    fetch(`/plats/new`)
         .then(response => {
-            if (!response.ok) {
-                throw new Error('Erreur de chargement de la section tables');
-            }
             return response.text();
         })
         .then(html => {
@@ -40,15 +37,14 @@ function addPlat (event) {
         });
 }
 
-function editMenu (event) {
+
+function updatePromotion (event) {
     document.getElementById('container_modal');
-    const IdString = event.getAttribute('data-id');
-    let Id = parseInt(IdString);
-    fetch(`/plats/${Id}/edit`)
+    const reductionsIdString = event.getAttribute('data-id');
+    let reductionsId = parseInt(reductionsIdString);
+
+    fetch(`/plats/${platsId}/edit`)
         .then(response => {
-            if (!response.ok) {
-                throw new Error('Erreur de chargement de la section tables');
-            }
             return response.text();
         })
         .then(html => {
@@ -60,3 +56,22 @@ function editMenu (event) {
             console.error('Erreur:', error);
         });
 }
+
+function deletePromotion (event) {
+    document.getElementById('container_modal');
+    const reductionsIdString = event.getAttribute('data-id');
+    let reductionsId = parseInt(reductionsIdString);
+
+    fetch(`/reductions/${reductionsId}`)
+        .then(response => {
+            return response.text();
+        })
+        .then(html => {
+            // Insérer le HTML dans le conteneur et l'afficher
+            container_modal.innerHTML = html;
+            container_modal.style.display = 'block';
+        })
+        .catch(error => {
+            console.error('Erreur:', error);
+        });
+}
\ No newline at end of file
diff --git a/templates/base.html.twig b/templates/base.html.twig
index abbbe3c..fee15d3 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -1,26 +1,150 @@
 <!DOCTYPE html>
 <html>
-    <head>
-        <meta charset="UTF-8">
-        <title>{% block title %}Welcome!{% endblock %}</title>
-        <link rel="" href="">
-        <link rel="preconnect" href="https://fonts.googleapis.com">
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-        <link href="https://fonts.googleapis.com/css2?family=Qwitcher+Grypen:wght@400;700&display=swap" rel="stylesheet">
-{#        bootstrap#}
-{#        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">#}
+<head>
+    <meta charset="UTF-8">
+    <title>{% block title %}Welcome!{% endblock %}</title>
+    <link rel="" href="">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Qwitcher+Grypen:wght@400;700&display=swap" rel="stylesheet">
+    {#        bootstrap#}
+    {#        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">#}
 
-        {% block stylesheets %}
-        {% endblock %}
+    {% block stylesheets %}
+        <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+        <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+        <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+        <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
+    {% endblock %}
 
-        {% block javascripts %}
-            {% block importmap %}{{ importmap('app') }}{% endblock %}
-        {% endblock %}
-    </head>
-    <body>
-        {% block body %}{% endblock %}
+{#    {% block javascripts %}#}
+{#        <script src="{{ asset('js/Compte/CompteModal.js') }}" defer></script>#}
+{#        <script src="{{ asset('js/GestionUtilisateurs/GestionUtilisateurs.js') }}" defer></script>#}
+{#        <script src="{{ asset('js/GestionPromotion/GestionPromotion.js') }}" defer></script>#}
+{#        <script src="{{ asset('js/GestionTables/GestionTables.js') }}" defer></script>#}
+{#        <script src="{{ asset('js/GestionMenu/GestionMenu.js') }}" defer></script>#}
+{#        {% block importmap %}{{ importmap('app') }}{% endblock %}#}
+{#    {% endblock %}#}
+</head>
+<body>
+{% block body %}
+    <style>
+
+
+    </style>
+
+    <!-- Top Bar -->
+    <div class="top-bar">
+        <div>
+            Bonjour, {{ app.user.prenom }}
+        </div>
+    </div>
+
+    <!-- Left Menu -->
+    <div class="left-background">
+        <img class="LogoHegre" src="{{ asset('asset/image/LogoHegre.png') }}">
+        {% if is_granted('ROLE_ADMIN') %}
+            <div class="nav-bar">
+                <ul>
+                    <li>
+                        <a href="/user/list" class="btn-custom btn-gestion-utilisateurs icon-container">
+                            <i class="icon-medium">{{ ux_icon('grommet-icons:group') }}</i>
+                            <span>Gérer Utilisateur</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="/tables" class="btn-custom btn-gestion-table icon-container">
+                            <i class="icon-medium"> {{ ux_icon('ic:outline-table-bar') }}</i>
+                            <span>Gérer Table</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="/plats" class="btn-custom btn-gestion-menu icon-container">
+                            <i class="icon-medium"> {{ ux_icon('bx:food-menu') }}</i>
+                            <span>Gestion Menu</span>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="/reductions" class="btn-custom btn-gestion-promotion icon-container">
+                            <i class="icon-medium"> {{ ux_icon('lsicon:badge-promotion-outline') }}</i>
+                            <span>Gestion Promotion</span>
+                        </a>
+                    </li>
+                    <li>
+                        <div class="btn-custom icon-container">
+                            <i class="icon-medium"> {{ ux_icon('fluent-emoji-high-contrast:ten-oclock') }}</i>
+                            <span>Voir tendances</span>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        {% elseif is_granted('ROLE_CUISINIER') %}
+            <div class="nav-bar">
+                <ul>
+                    <li>
+                        <div class="btn-custom icon-container">
+                            <i class="icon-medium"> {{ ux_icon('icon-park-outline:view-list') }}</i>
+                            <span>Liste des commandes</span>
+                        </div>
+                    </li>
+                </ul>
+                <ul>
+                    <li>
+                        <div class="btn-custom icon-container">
+                            <i class="icon-medium"> {{ ux_icon('grommet-icons:group') }}</i>
+                            <span>Je sais pas encore</span>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        {% elseif is_granted('ROLE_SERVEUR') %}
+            <div class="nav-bar">
+                <ul>
+                    <li>
+                        <div class="btn-custom icon-container">
+                            <i class="icon-medium"> {{ ux_icon('fluent-mdl2:reservation-orders') }}</i>
+                            <span>Réservation</span>
+                        </div>
+                    </li>
+                </ul>
+                <ul>
+                    <li>
+                        <div class="btn-custom icon-container">
+                            <i class="icon-medium"> {{ ux_icon('icon-park-outline:view-list') }}</i>
+                            <span>Commande</span>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+        {% endif %}
+        <div class="Information-perso">
+            <a href="{{ path('update-user', { 'id': app.user.id }) }}" class="btn-info-compte icon-container">
+                <i class="icon-medium"> {{ ux_icon('ph:user-circle-fill') }}</i>
+                <span>Compte</span>
+            </a>
+            <div class="btn-info-exit icon-container">
+                <a href="{{ path('app_logout') }}" class="icon-medium">
+                    {{ ux_icon('iconamoon:exit-bold') }}
+                </a>
+            </div>
+        </div>
+    </div>
+
+{% block container_modal %}
+    <div id="container_modal">
+        <!-- Contenu par défaut, ou vous p ouvez laisser vide -->
+    </div>
+{% endblock %}
+
+    <script>
+
+    </script>
+
+    <!-- Include modals -->
+
+{% endblock %}
 {#        bootstrap#}
-        {#        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>#}
+{#        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>#}
 {#        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>    </body>#}
-    </body>
+</body>
 </html>
diff --git a/templates/index/admin.html.twig b/templates/index/admin.html.twig
index 7ffdb66..e6833da 100644
--- a/templates/index/admin.html.twig
+++ b/templates/index/admin.html.twig
@@ -10,142 +10,11 @@
 {% endblock %}
 
 {% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
     <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
     <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
     <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
 {% endblock %}
 
-{% block body %}
-    <style>
 
-
-    </style>
-
-    <!-- Top Bar -->
-    <div class="top-bar">
-        <div>
-            Bonjour, {{ app.user.prenom }}
-        </div>
-        <div class="Information-perso">
-            <div class="btn-info-compte icon-container">
-                <i class="icon-medium"> {{ ux_icon('ph:user-circle-fill') }}</i>
-                <span>Compte</span>
-            </div>
-            <div class="btn-info-exit icon-container">
-                <a href="{{ path('app_logout') }}" class="icon-medium">
-                    {{ ux_icon('iconamoon:exit-bold') }}
-                </a>
-            </div>
-        </div>
-    </div>
-
-    <!-- Left Menu -->
-    <div class="left-background">
-        <img class="LogoHegre" src="{{ asset('asset/image/LogoHegre.png') }}">
-        {% if is_granted('ROLE_ADMIN') %}
-            <div class="nav-bar">
-                <ul>
-                    <li>
-                        <div class="btn-custom btn-gestion-utilisateurs icon-container" >
-                                <i class="icon-medium"> {{ ux_icon('grommet-icons:group') }}</i>
-                                <span>Gérer Utilisateur</span>
-                            </div>
-                    </li>
-                    <li>
-                        <div class="btn-custom btn-gestion-table icon-container">
-                            <i class="icon-medium"> {{ ux_icon('ic:outline-table-bar') }}</i>
-                            <span>Gérer Table</span>
-                        </div>
-                    </li>
-                    <li>
-                        <div class="btn-custom icon-container">
-                            <i class="icon-medium"> {{ ux_icon('bx:food-menu') }}</i>
-                            <span>Gestion Menu</span>
-                        </div>
-                    </li>
-                    <li>
-                        <div class="btn-custom btn-gestion-promotion icon-container">
-                            <i class="icon-medium"> {{ ux_icon('lsicon:badge-promotion-outline') }}</i>
-                            <span>Gestion Promotion</span>
-                        </div>
-                    </li>
-                    <li>
-                        <div class="btn-custom icon-container">
-                            <i class="icon-medium"> {{ ux_icon('fluent-emoji-high-contrast:ten-oclock') }}</i>
-                            <span>Voir tendances</span>
-                        </div>
-                    </li>
-                    <li>
-                        <div class="btn-custom icon-container">
-                            <i class="icon-medium"> {{ ux_icon('icon-park-outline:view-list') }}</i>
-                            <span>Commandes</span>
-                        </div>
-                    </li>
-                    <li>
-                        <div class="btn-custom icon-container">
-                            <i class="icon-medium"> {{ ux_icon('fluent-mdl2:reservation-orders') }}</i>
-                            <span>Réservation</span>
-                        </div>
-                    </li>
-                </ul>
-            </div>
-
-        {% elseif is_granted('ROLE_CUISINIER') %}
-            <div class="nav-bar">
-                <ul>
-                    <li>
-                        <div class="btn-custom icon-container">
-                            <i class="icon-medium"> {{ ux_icon('icon-park-outline:view-list') }}</i>
-                            <span>Liste des commandes</span>
-                        </div>
-                    </li>
-                </ul>
-                <ul>
-                    <li>
-                        <div class="btn-custom icon-container">
-                            <i class="icon-medium"> {{ ux_icon('grommet-icons:group') }}</i>
-                            <span>Je sais pas encore</span>
-                        </div>
-                    </li>
-                </ul>
-            </div>
-        {% elseif is_granted('ROLE_SERVEUR') %}
-            <div class="nav-bar">
-                <ul>
-                    <li>
-                        <div class="btn-custom icon-container">
-                            <i class="icon-medium"> {{ ux_icon('fluent-mdl2:reservation-orders') }}</i>
-                            <span>Réservation</span>
-                        </div>
-                    </li>
-                </ul>
-                <ul>
-                    <li>
-                        <div class="btn-custom icon-container">
-                            <i class="icon-medium"> {{ ux_icon('icon-park-outline:view-list') }}</i>
-                            <span>Commande</span>
-                        </div>
-                    </li>
-                </ul>
-            </div>
-        {% endif %}
-    </div>
-
-    <div id="container_modal">
-        <!-- Contenu par défaut, ou vous p ouvez laisser vide -->
-    </div>
-
-    <script>
-
-    </script>
-
-    <!-- Include modals -->
-
-{% endblock %}
-
-{% block javascripts %}
-    <script src="{{ asset('js/Compte/CompteModal.js') }}" defer></script>
-    <script src="{{ asset('js/GestionUtilisateurs/GestionUtilisateurs.js') }}" defer></script>
-    <script src="{{ asset('js/GestionPromotion/GestionPromotion.js') }}" defer></script>
-    <script src="{{ asset('js/GestionTables/GestionTables.js') }}" defer></script>
-{% endblock %}
\ No newline at end of file
diff --git a/templates/plats/edit.html.twig b/templates/plats/edit.html.twig
index b763493..d9a1dde 100644
--- a/templates/plats/edit.html.twig
+++ b/templates/plats/edit.html.twig
@@ -1,21 +1,41 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Modifier Plat{% endblock %}
+{% block title %}Tables index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
 
 {% block stylesheets %}
-    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}">
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
 {% endblock %}
 
-{% block body %}
-    <div class="page-container">
-        <h1 class="page-title">Modifier Plat</h1>
+{% block container_modal %}
 
-        {{ include('plats/_form.html.twig', {'button_label': 'Mettre à jour'}) }}
+    <div id="container_modal">
+        <div class="page-container">
+            <h1 class="page-title">Modifier Plat</h1>
 
-        <div class="actions">
-            <a href="{{ path('app_plats_index') }}">Retour à la liste</a>
+            {{ include('plats/_form.html.twig', {'button_label': 'Mettre à jour'}) }}
+
+            <div class="actions">
+                <a href="{{ path('app_plats_index') }}">Retour à la liste</a>
+            </div>
+
+            {{ include('plats/_delete_form.html.twig') }}
         </div>
-
-        {{ include('plats/_delete_form.html.twig') }}
     </div>
+
 {% endblock %}
+
+
+
+
diff --git a/templates/plats/index.html.twig b/templates/plats/index.html.twig
index d6777bb..9ca141c 100644
--- a/templates/plats/index.html.twig
+++ b/templates/plats/index.html.twig
@@ -1,15 +1,30 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Plats index{% endblock %}
+{% block title %}Tables index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
+
 {% block stylesheets %}
     <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
-
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
 {% endblock %}
-{% block body %}
-    <h1>Plats index</h1>
 
-    <table class="table">
-        <thead>
+{% block container_modal %}
+
+    <div id="container_modal">
+        <h1>Plats index</h1>
+
+        <table class="table">
+            <thead>
             <tr>
                 <th>Id</th>
                 <th>Nom</th>
@@ -20,32 +35,37 @@
                 <th>Nb_de_commande</th>
                 <th>actions</th>
             </tr>
-        </thead>
-        <tbody>
-        {% for plat in plats %}
-            <tr>
-                <td>{{ plat.id }}</td>
-                <td>{{ plat.Nom }}</td>
-                <td>{{ plat.Description }}</td>
-                <td>{{ plat.Prix }}</td>
-                <td>{{ plat.Categorie }}</td>
-                <td>{{ plat.Statut ? 'Yes' : 'No' }}</td>
-                <td>{{ plat.NbDeCommande }}</td>
-                <td>
-                    <form method="post" action="{{ path('app_plats_delete', {'id': plat.id}) }}" onsubmit="return confirm('Es-tu sur de vouloir le supprimer ?');">
-                        <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ plat.id) }}">
-                        {{ include('plats/_delete_form.html.twig') }}
-                    </form>
-                    <a href="{{ path('app_plats_edit', {'id': plat.id}) }}">Modifier</a>
-                </td>
-            </tr>
-        {% else %}
-            <tr>
-                <td colspan="8">Aucun enregistrement trouvé</td>
-            </tr>
-        {% endfor %}
-        </tbody>
-    </table>
+            </thead>
+            <tbody>
+            {% for plat in plats %}
+                <tr>
+                    <td>{{ plat.id }}</td>
+                    <td>{{ plat.Nom }}</td>
+                    <td>{{ plat.Description }}</td>
+                    <td>{{ plat.Prix }}</td>
+                    <td>{{ plat.Categorie }}</td>
+                    <td>{{ plat.Statut ? 'Yes' : 'No' }}</td>
+                    <td>{{ plat.NbDeCommande }}</td>
+                    <td>
+                        <form method="post" action="{{ path('app_plats_delete', {'id': plat.id}) }}" onsubmit="return confirm('Es-tu sur de vouloir le supprimer ?');">
+                            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ plat.id) }}">
+                            {{ include('plats/_delete_form.html.twig') }}
+                        </form>
+                        <a href="{{ path('app_plats_edit', {'id': plat.id}) }}">Modifier</a>
+                    </td>
+                </tr>
+            {% else %}
+                <tr>
+                    <td colspan="8">Aucun enregistrement trouvé</td>
+                </tr>
+            {% endfor %}
+            </tbody>
+        </table>
+
+        <a href="{{ path('app_plats_new') }}">Créer un menu</a>
+    </div>
 
-    <a href="{{ path('app_plats_new') }}">Créer un nouveau plat</a>
 {% endblock %}
+
+
+
diff --git a/templates/plats/new.html.twig b/templates/plats/new.html.twig
index 7c091ad..221bba9 100644
--- a/templates/plats/new.html.twig
+++ b/templates/plats/new.html.twig
@@ -1,14 +1,34 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}New Plats{% endblock %}
+{% block title %}Tables index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
+
 {% block stylesheets %}
-    <link rel="stylesheet" href="{{ asset('css/ControllerVues/new.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
+{% endblock %}
+
+{% block container_modal %}
+
+    <div id="container_modal">
+        <h1>Créer un nouveau plat</h1>
+
+        {{ include('plats/_form.html.twig') }}
+
+        <a href="{{ path('app_plats_index') }}">Retour à la liste</a>
+    </div>
 
 {% endblock %}
-{% block body %}
-    <h1>Créer un nouveau plat</h1>
 
-    {{ include('plats/_form.html.twig') }}
 
-    <a href="{{ path('app_plats_index') }}">Retour à la liste</a>
-{% endblock %}
+
diff --git a/templates/reductions/edit.html.twig b/templates/reductions/edit.html.twig
index bab0c4d..38cfb25 100644
--- a/templates/reductions/edit.html.twig
+++ b/templates/reductions/edit.html.twig
@@ -1,21 +1,41 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Modifier Réductions{% endblock %}
+{% block title %}Tables index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
 
 {% block stylesheets %}
-    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}">
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
 {% endblock %}
 
-{% block body %}
-    <div class="page-container">
-        <h1 class="page-title">Modifier une réduction</h1>
+{% block container_modal %}
 
-        {{ include('reductions/_form.html.twig', {'button_label': 'Mettre à jour'}) }}
+    <div id="container_modal">
+        <div class="page-container">
+            <h1 class="page-title">Modifier une réduction</h1>
 
-        <div class="actions">
-            <a href="{{ path('app_reductions_index') }}">Retour à la liste</a>
+            {{ include('reductions/_form.html.twig', {'button_label': 'Mettre à jour'}) }}
+
+            <div class="actions">
+                <a href="{{ path('app_reductions_index') }}">Retour à la liste</a>
+            </div>
+
+            {{ include('reductions/_delete_form.html.twig') }}
         </div>
-
-        {{ include('reductions/_delete_form.html.twig') }}
     </div>
+
 {% endblock %}
+
+
+
+
diff --git a/templates/reductions/index.html.twig b/templates/reductions/index.html.twig
index 600d45b..ee999f6 100644
--- a/templates/reductions/index.html.twig
+++ b/templates/reductions/index.html.twig
@@ -1,15 +1,30 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Reductions index{% endblock %}
+{% block title %}Tables index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
+
 {% block stylesheets %}
     <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
-
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
 {% endblock %}
-{% block body %}
-    <h1>Reductions index</h1>
 
-    <table class="table">
-        <thead>
+{% block container_modal %}
+
+    <div id="container_modal">
+        <h1>Reductions index</h1>
+
+        <table class="table">
+            <thead>
             <tr>
                 <th>Id</th>
                 <th>Description</th>
@@ -20,36 +35,37 @@
                 <th>DateFin</th>
                 <th>actions</th>
             </tr>
-        </thead>
-        <tbody>
-        {% for reduction in reductions %}
-            <tr>
-                <td>{{ reduction.id }}</td>
-                <td>{{ reduction.Description }}</td>
-                <td>{{ reduction.Prix }}</td>
-                <td>{{ reduction.Pourcentage }}</td>
-                <td>{{ reduction.MontantFixe }}</td>
-                <td>{{ reduction.DateDebut ? reduction.DateDebut|date('Y-m-d H:i:s') : '' }}</td>
-                <td>{{ reduction.DateFin ? reduction.DateFin|date('Y-m-d H:i:s') : '' }}</td>
-                <td>
-                    <form method="post" action="{{ path('app_reductions_delete', {'id': reduction.id}) }}" onsubmit="return confirm('Es-tu sur de vouloir le supprimer ?'); ">
-                        <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ reduction.id) }}">
-                        {{ include('reductions/_delete_form.html.twig') }}
-                    </form>
-                    <button onclick="updatePromotion(this)" data-id="{{ reduction.id }}" href="{{ path('app_reductions_edit', {'id': reduction.id}) }}">Modifier</button>
-                </td>
-            </tr>
-        {% else %}
-            <tr>
-                <td colspan="8">Aucun enregistrement trouvé</td>
-            </tr>
-        {% endfor %}
-        </tbody>
-    </table>
+            </thead>
+            <tbody>
+            {% for reduction in reductions %}
+                <tr>
+                    <td>{{ reduction.id }}</td>
+                    <td>{{ reduction.Description }}</td>
+                    <td>{{ reduction.Prix }}</td>
+                    <td>{{ reduction.Pourcentage }}</td>
+                    <td>{{ reduction.MontantFixe }}</td>
+                    <td>{{ reduction.DateDebut ? reduction.DateDebut|date('Y-m-d H:i:s') : '' }}</td>
+                    <td>{{ reduction.DateFin ? reduction.DateFin|date('Y-m-d H:i:s') : '' }}</td>
+                    <td>
+                        <form method="post" action="{{ path('app_reductions_delete', {'id': reduction.id}) }}" onsubmit="return confirm('Es-tu sur de vouloir le supprimer ?'); ">
+                            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ reduction.id) }}">
+                            {{ include('reductions/_delete_form.html.twig') }}
+                        </form>
+                        <a href="{{ path('app_reductions_edit', {'id': reduction.id}) }}">Modifier</a>
+                    </td>
+                </tr>
+            {% else %}
+                <tr>
+                    <td colspan="8">Aucun enregistrement trouvé</td>
+                </tr>
+            {% endfor %}
+            </tbody>
+        </table>
+
+        <a href="{{ path('app_reductions_new') }}">Créer une réduction</a>
+    </div>
 
-    <button onclick="addPromotion(this)" href="{{ path('app_reductions_new') }}">Créer une réduction</button>
 {% endblock %}
 
-{% block javascripts %}
-    <script src="{{ asset('js/GestionPromotion/GestionPromotion.js') }}" defer></script>
-{% endblock %}
\ No newline at end of file
+
+
diff --git a/templates/reductions/new.html.twig b/templates/reductions/new.html.twig
index 13723a3..50557b6 100644
--- a/templates/reductions/new.html.twig
+++ b/templates/reductions/new.html.twig
@@ -1,14 +1,35 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Nouvelle reduction{% endblock %}
+{% block title %}Tables index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
+
 {% block stylesheets %}
-    <link rel="stylesheet" href="{{ asset('css/ControllerVues/new.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
+{% endblock %}
+
+{% block container_modal %}
+
+    <div id="container_modal">
+        <h1>Créer une Reduction</h1>
+
+        {{ include('reductions/_form.html.twig') }}
+
+        <a href="{{ path('app_reductions_index') }}">Retour à la liste</a>
+    </div>
 
 {% endblock %}
-{% block body %}
-    <h1>Créer une Reduction</h1>
 
-    {{ include('reductions/_form.html.twig') }}
 
-    <a href="{{ path('app_reductions_index') }}">Retour à la liste</a>
-{% endblock %}
+
+
diff --git a/templates/tables/edit.html.twig b/templates/tables/edit.html.twig
index 6447b90..9ec9de9 100644
--- a/templates/tables/edit.html.twig
+++ b/templates/tables/edit.html.twig
@@ -1,21 +1,38 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Edit Tables{% endblock %}
+{% block title %}Tables index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
 
 {% block stylesheets %}
-    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}">
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/edit.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
 {% endblock %}
 
-{% block body %}
-    <div class="page-container">
-        <h1 class="page-title">Modifier Tables</h1>
+{% block container_modal %}
+    <div id="container_modal">
+        <div class="page-container">
+            <h1 class="page-title">Modifier Tables</h1>
 
-        {{ include('tables/_form.html.twig', {'button_label': 'Mettre à jour'}) }}
+            {{ include('tables/_form.html.twig', {'button_label': 'Mettre à jour'}) }}
 
-        <div class="actions">
-            <a href="{{ path('app_tables_index') }}">Retour à la liste</a>
+            <div class="actions">
+                <a href="{{ path('app_tables_index') }}">Retour à la liste</a>
+            </div>
+
+            {{ include('tables/_delete_form.html.twig') }}
         </div>
-
-        {{ include('tables/_delete_form.html.twig') }}
     </div>
+
 {% endblock %}
+
+
diff --git a/templates/tables/index.html.twig b/templates/tables/index.html.twig
index 84979b9..a0af7b4 100644
--- a/templates/tables/index.html.twig
+++ b/templates/tables/index.html.twig
@@ -1,43 +1,57 @@
 {% extends 'base.html.twig' %}
 
 {% block title %}Tables index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
+
 {% block stylesheets %}
     <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
-
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
 {% endblock %}
-{% block body %}
-    <h1>Tables index</h1>
 
-    <table class="table">
-        <thead>
+{% block container_modal %}
+
+    <div id="container_modal">
+        <h1>Tables index</h1>
+
+        <table class="table">
+            <thead>
             <tr>
                 <th>Id</th>
                 <th>actions</th>
             </tr>
-        </thead>
-        <tbody>
-        {% for table in tables %}
-            <tr>
-                <td>{{ table.id }}</td>
-                <td>
-                    <form method="post" action="{{ path('app_tables_delete', {'id': table.id}) }}" onsubmit="return confirm('Es-tu sur de vouloir le supprimer ?');">
-                        <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ table.id) }}">
-                         {{ include('tables/_delete_form.html.twig') }}
-                    </form>
-                    <a href="{{ path('app_tables_edit', {'id': table.id}) }}">Modifier</a>
-                </td>
-            </tr>
-        {% else %}
-            <tr>
-                <td colspan="2">Aucun enregistrement trouvé</td>
-            </tr>
-        {% endfor %}
-        </tbody>
-    </table>
+            </thead>
+            <tbody>
+            {% for table in tables %}
+                <tr>
+                    <td>{{ table.id }}</td>
+                    <td>
+                        <form method="post" action="{{ path('app_tables_delete', {'id': table.id}) }}" onsubmit="return confirm('Es-tu sur de vouloir le supprimer ?');">
+                            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ table.id) }}">
+                            {{ include('tables/_delete_form.html.twig') }}
+                        </form>
+                        <a href="{{ path('app_tables_edit', {'id': table.id}) }}">Modifier</a>
+                    </td>
+                </tr>
+            {% else %}
+                <tr>
+                    <td colspan="2">Aucun enregistrement trouvé</td>
+                </tr>
+            {% endfor %}
+            </tbody>
+        </table>
+
+        <a onclick="addTable(this)" href="{{ path('app_tables_new')}}">Créer une tables</a>
+    </div>
 
-    <button onclick="addTable(this)" href="{{ path('app_reductions_new') }}">Créer une tables</button>
 {% endblock %}
 
-{% block javascripts %}
-    <script src="{{ asset('js/GestionPromotion/GestionPromotion.js') }}" defer></script>
-{% endblock %}
+
diff --git a/templates/tables/new.html.twig b/templates/tables/new.html.twig
index c3f5994..4ec31e3 100644
--- a/templates/tables/new.html.twig
+++ b/templates/tables/new.html.twig
@@ -1,22 +1,37 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Create New Table{% endblock %}
+{% block title %}Tables index{% endblock %}
+
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
 
 {% block stylesheets %}
-    <link rel="stylesheet" href="{{ asset('css/list.css') }}"> <!-- Ajout du fichier CSS -->
-    <link rel="stylesheet" href="{{ asset('css/ControllerVues/new.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
 {% endblock %}
 
-{% block body %}
-    <div class="container">
-        <h1 class="page-title">Créer une nouvelle Table</h1>
+{% block container_modal %}
 
-        <div class="form-container">
-            {{ include('tables/_form.html.twig') }}
-        </div>
+    <div id="container_modal">
+        <div class="container">
+            <h1 class="page-title">Créer une nouvelle Table</h1>
 
-        <div class="navigation">
-            <a href="{{ path('app_tables_index') }}" class="btn btn-secondary">Retour à la liste</a>
+            <div class="form-container">
+                {{ include('tables/_form.html.twig') }}
+            </div>
+
+            <div class="navigation">
+                <a href="{{ path('app_tables_index') }}" class="btn btn-secondary">Retour à la liste</a>
+            </div>
         </div>
     </div>
+
 {% endblock %}
+
diff --git a/templates/user/add.html.twig b/templates/user/add.html.twig
index d349e1d..4405e97 100644
--- a/templates/user/add.html.twig
+++ b/templates/user/add.html.twig
@@ -1,101 +1,123 @@
 {% extends 'base.html.twig' %}
 
-{% block stylesheets %}
-    <style>
-        .form-container {
-            max-width: 500px;
-            margin: 0 auto;
-            padding: 20px;
-            background-color: #f8f9fa;
-            border: 1px solid #dee2e6;
-            border-radius: 8px;
-            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-            font-family: sans-serif;
-        }
+{% block title %}Tables index{% endblock %}
 
-        .form-container h1 {
-            text-align: center;
-            margin-bottom: 20px;
-            font-size: 24px;
-        }
-
-        .form-group {
-            margin-bottom: 15px;
-        }
-
-        .form-input {
-            display: flex;
-            justify-content: center;
-            margin-bottom: 20px;
-            width: 95%;
-            padding: 10px;
-            border: 1px solid #ced4da;
-            border-radius: 4px;
-            font-size: 16px;
-        }
-
-        .form-input:focus {
-            border-color: #007bff;
-            box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);
-            outline: none;
-        }
-
-        .btn-container {
-            display: flex;
-            justify-content: center;
-            margin-bottom: 20px;
-        }
-
-        .btn-save {
-            padding: 5px 10px;
-            text-decoration: none;
-            color: white;
-            background-color: #007bff;
-            border-radius: 5px;
-            font-weight: bold;
-            margin-top: 25px;
-        }
-
-        .btn-list {
-            padding: 5px 10px;
-            text-decoration: none;
-            color: white;
-            background-color: orange;
-            border-radius: 5px;
-            font-weight: bold;
-        }
-
-    </style>
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
 {% endblock %}
 
-{% block title %}Nouvelle Utilisateur{% endblock %}
+{% block container_modal %}
 
-{% block body %}
-    <div class="form-container">
-        <h1>Nouvelle Utilisateur ! ✅</h1>
+    <div id="container_modal">
+        <div class="form-container">
+            <h1>Nouvelle Utilisateur ! ✅</h1>
 
-        {{ form_start(registrationForm) }}
-        {{ form_errors(registrationForm) }}
+            {{ form_start(registrationForm) }}
+            {{ form_errors(registrationForm) }}
 
-        <div class="form-group">
-            {{ form_row(registrationForm.Nom, {'attr': {'class': 'form-input'}, 'label': 'Nom'}) }}
-        </div>
-        <div class="form-group">
-            {{ form_row(registrationForm.Prenom, {'attr': {'class': 'form-input'}, 'label': 'Prénom'}) }}
-        </div>
-        <div class="form-group">
-            {{ form_row(registrationForm.UserIdentifier, {'attr': {'class': 'form-input'}, 'label': 'Email'}) }}
-        </div>
-        <div class="form-group">
-            {{ form_row(registrationForm.Password, {'attr': {'class': 'form-input'}, 'label': 'Password'}) }}
-        </div>
-        <div class="form-group">
-            {{ form_row(registrationForm.Roles, {'attr': {'class': 'form-input'}, 'label': 'Roles'}) }}
-        </div>
-        <div class="btn-container">
-            {{ form_row(registrationForm.Enregistrer, {'attr': {'class': 'btn-save'}, 'label': 'Enregistrer'}) }}
-        </div>
+            <div class="form-group">
+                {{ form_row(registrationForm.Nom, {'attr': {'class': 'form-input'}, 'label': 'Nom'}) }}
+            </div>
+            <div class="form-group">
+                {{ form_row(registrationForm.Prenom, {'attr': {'class': 'form-input'}, 'label': 'Prénom'}) }}
+            </div>
+            <div class="form-group">
+                {{ form_row(registrationForm.UserIdentifier, {'attr': {'class': 'form-input'}, 'label': 'Email'}) }}
+            </div>
+            <div class="form-group">
+                {{ form_row(registrationForm.Password, {'attr': {'class': 'form-input'}, 'label': 'Password'}) }}
+            </div>
+            <div class="form-group">
+                {{ form_row(registrationForm.Roles, {'attr': {'class': 'form-input'}, 'label': 'Roles'}) }}
+            </div>
+            <div class="btn-container">
+                {{ form_row(registrationForm.Enregistrer, {'attr': {'class': 'btn-save'}, 'label': 'Enregistrer'}) }}
+            </div>
 
-        {{ form_end(registrationForm) }}
+            {{ form_end(registrationForm) }}
+        </div>
     </div>
+
+    {% block stylesheets %}
+        <style>
+            .form-container {
+                max-width: 500px;
+                margin: 0 auto;
+                padding: 20px;
+                background-color: #f8f9fa;
+                border: 1px solid #dee2e6;
+                border-radius: 8px;
+                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+                font-family: sans-serif;
+            }
+
+            .form-container h1 {
+                text-align: center;
+                margin-bottom: 20px;
+                font-size: 24px;
+            }
+
+            .form-group {
+                margin-bottom: 15px;
+            }
+
+            .form-input {
+                display: flex;
+                justify-content: center;
+                margin-bottom: 20px;
+                width: 95%;
+                padding: 10px;
+                border: 1px solid #ced4da;
+                border-radius: 4px;
+                font-size: 16px;
+            }
+
+            .form-input:focus {
+                border-color: #007bff;
+                box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);
+                outline: none;
+            }
+
+            .btn-container {
+                display: flex;
+                justify-content: center;
+                margin-bottom: 20px;
+            }
+
+            .btn-save {
+                padding: 5px 10px;
+                text-decoration: none;
+                color: white;
+                background-color: #007bff;
+                border-radius: 5px;
+                font-weight: bold;
+                margin-top: 25px;
+            }
+
+            .btn-list {
+                padding: 5px 10px;
+                text-decoration: none;
+                color: white;
+                background-color: orange;
+                border-radius: 5px;
+                font-weight: bold;
+            }
+
+        </style>
+
+        <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+        <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+        <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+        <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
+    {% endblock %}
+
 {% endblock %}
+
+
+
+
+
diff --git a/templates/user/list.html.twig b/templates/user/list.html.twig
index 6cade11..eca6336 100644
--- a/templates/user/list.html.twig
+++ b/templates/user/list.html.twig
@@ -1,88 +1,62 @@
 {% extends 'base.html.twig' %}
 
-{% block title %}Liste Utilisateur{% endblock %}
+{% block title %}Tables index{% endblock %}
 
-{% block body %}
-<style>
-    .user-table {
-        width: 100%;
-        border-collapse: collapse;
-        font-family: sans-serif;
-    }
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
+{% endblock %}
 
-    .user-table th,
-    .user-table td {
-        border: 1px solid #ddd;
-        padding: 8px;
-        text-align: left;
-    }
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+    <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
+{% endblock %}
 
-    .user-table th {
-        background-color: #f2f2f2;
-        font-weight: bold;
-    }
+{% block container_modal %}
 
-    .user-table tr:nth-child(even) {
-        background-color: #f9f9f9;
-    }
+    <div id="container_modal">
+        <div class="example-wrapper">
+            <h1>Liste des Utilisateurs ! ✅</h1>
 
-    .user-table tr:hover {
-        background-color: #f1f1f1;
-    }
-
-    .btn-container {
-        display: flex;
-        justify-content: center;
-        margin-bottom: 20px;
-    }
-
-    .btn {
-        padding: 5px 10px;
-        text-decoration: none;
-        color: white;
-        background-color: #007bff;
-        border-radius: 5px;
-        font-weight: bold;
-        margin-top: 25px;
-    }
-
-</style>
-
-<div class="example-wrapper">
-    <h1>Liste des Utilisateurs ! ✅</h1>
-
-    <table class="user-table">
-        <thead>
-        <tr>
-            <th>ID</th>
-            <th>Nom</th>
-            <th>Prenom</th>
-            <th>Mail</th>
-            <th>Roles</th>
-        </tr>
-        </thead>
-        <tbody>
-        {% for utilisateur in utilisateurs %}
-            <tr>
-                <td>{{ utilisateur.id }}</td>
-                <td>{{ utilisateur.nom }}</td>
-                <td>{{ utilisateur.prenom }}</td>
-                <td>{{ utilisateur.UserIdentifier }}</td>
-                <td>{{ utilisateur.RolesAsString }}</td>
-            </tr>
-        {% else %}
-            <tr>
-                <td colspan="5">Aucun utilisateur trouvé.</td>
-            </tr>
-        {% endfor %}
-        </tbody>
-    </table>
-    <div class="btn-container">
-        <button onclick="addUser(this)" id="btn-add-user" class="btn btn-add-user btn-primary">Ajouter un Utilisateur</button>
+            <table class="user-table">
+                <thead>
+                <tr>
+                    <th>ID</th>
+                    <th>Nom</th>
+                    <th>Prenom</th>
+                    <th>Mail</th>
+                    <th>Roles</th>
+                </tr>
+                </thead>
+                <tbody>
+                {% for utilisateur in utilisateurs %}
+                    <tr>
+                        <td>{{ utilisateur.id }}</td>
+                        <td>{{ utilisateur.nom }}</td>
+                        <td>{{ utilisateur.prenom }}</td>
+                        <td>{{ utilisateur.UserIdentifier }}</td>
+                        <td>{{ utilisateur.RolesAsString }}</td>
+                    </tr>
+                {% else %}
+                    <tr>
+                        <td colspan="5">Aucun utilisateur trouvé.</td>
+                    </tr>
+                {% endfor %}
+                </tbody>
+            </table>
+            <div class="btn-container">
+                <a href="/user/add" id="btn-add-user" class="btn btn-add-user btn-primary" >Ajouter un Utilisateur</a>
+            </div>
+        </div>
     </div>
-</div>
+
 {% endblock %}
 
-{% block javascripts %}
-    <script src="{{ asset('js/GestionUtilisateurs/GestionMenu.js') }}" defer></script>
-{% endblock %}
+
+
+
diff --git a/templates/user/update.html.twig b/templates/user/update.html.twig
index df18571..ff1a6ed 100644
--- a/templates/user/update.html.twig
+++ b/templates/user/update.html.twig
@@ -1,77 +1,18 @@
 {% extends 'base.html.twig' %}
 
-{% block stylesheets %}
-    <style>
-        .form-container {
-            max-width: 500px;
-            margin: 0 auto;
-            padding: 20px;
-            background-color: #f8f9fa;
-            border: 1px solid #dee2e6;
-            border-radius: 8px;
-            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-            font-family: sans-serif;
-        }
+{% block title %}Tables index{% endblock %}
 
-        .form-container h1 {
-            text-align: center;
-            margin-bottom: 20px;
-            font-size: 24px;
-        }
-
-        .form-group {
-            margin-bottom: 15px;
-        }
-
-        .form-input {
-            display: flex;
-            justify-content: center;
-            margin-bottom: 20px;
-            width: 95%;
-            padding: 10px;
-            border: 1px solid #ced4da;
-            border-radius: 4px;
-            font-size: 16px;
-        }
-
-        .form-input:focus {
-            border-color: #007bff;
-            box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);
-            outline: none;
-        }
-
-        .btn-container {
-            display: flex;
-            justify-content: center;
-            margin-bottom: 20px;
-        }
-
-        .btn-save {
-            padding: 5px 10px;
-            text-decoration: none;
-            color: white;
-            background-color: #007bff;
-            border-radius: 5px;
-            font-weight: bold;
-            margin-top: 25px;
-        }
-
-        .btn-list {
-            padding: 5px 10px;
-            text-decoration: none;
-            color: white;
-            background-color: red;
-            border-radius: 5px;
-            font-weight: bold;
-        }
-
-    </style>
+{% block head %}
+    <head>
+        <meta charset="UTF-8">
+        <link rel="icon" href="data:image/svg+xml,<svg  xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
+        <link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
+    </head>
 {% endblock %}
 
-{% block title %}Nouvelle Utilisateur{% endblock %}
+{% block container_modal %}
 
-{% block body %}
-    <div class="form-container">
+    <div id="container_modal">
         <h1>Modifier Utilisateurs ! ✅</h1>
 
         {{ form_start(form) }}
@@ -102,4 +43,81 @@
             <a href="{{ path('app_index') }}" class="btn-list btn-primary">Annuler</a>
         </div>
     </div>
+
+    {% block stylesheets %}
+        <style>
+            .form-container {
+                max-width: 500px;
+                margin: 0 auto;
+                padding: 20px;
+                background-color: #f8f9fa;
+                border: 1px solid #dee2e6;
+                border-radius: 8px;
+                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+                font-family: sans-serif;
+            }
+
+            .form-container h1 {
+                text-align: center;
+                margin-bottom: 20px;
+                font-size: 24px;
+            }
+
+            .form-group {
+                margin-bottom: 15px;
+            }
+
+            .form-input {
+                display: flex;
+                justify-content: center;
+                margin-bottom: 20px;
+                width: 95%;
+                padding: 10px;
+                border: 1px solid #ced4da;
+                border-radius: 4px;
+                font-size: 16px;
+            }
+
+            .form-input:focus {
+                border-color: #007bff;
+                box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);
+                outline: none;
+            }
+
+            .btn-container {
+                display: flex;
+                justify-content: center;
+                margin-bottom: 20px;
+            }
+
+            .btn-save {
+                padding: 5px 10px;
+                text-decoration: none;
+                color: white;
+                background-color: #007bff;
+                border-radius: 5px;
+                font-weight: bold;
+                margin-top: 25px;
+            }
+
+            .btn-list {
+                padding: 5px 10px;
+                text-decoration: none;
+                color: white;
+                background-color: red;
+                border-radius: 5px;
+                font-weight: bold;
+            }
+
+        </style>
+
+        <link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
+        <link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
+        <link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
+        <link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
+    {% endblock %}
+
 {% endblock %}
+
+
+