diff --git a/gestion/css/style.css b/gestion/css/style.css
index 9a65a62..c9d3bbc 100644
--- a/gestion/css/style.css
+++ b/gestion/css/style.css
@@ -256,4 +256,56 @@
   background-color: rgb(43, 172, 253);
   border-radius: 0 0 5px 5px;
   color: white
+}
+
+.app-navigation-submenu{
+  width: 100%;
+  transition: opacity 0.3s ease, visibility 0.3s ease;
+  display: none;
+}
+
+.app-navigation-entry-submenu{
+  border-radius: var(--border-radius-pill);
+  color: var(--color-main-text);
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  height: 40px;
+  gap: 15px;
+}
+
+.app-navigation-entry-submenu:hover{
+  background-color: white;
+}
+
+.app-navigation-entry-utils-submenu{
+  font-size: 9pt;
+  margin-left: auto;
+  padding-right: 12px;
+}
+
+.a-entry-submenu{
+  color: black !important;
+  text-decoration: none !important;
+}
+
+.a-entry-submenu:hover{
+  background: none !important;
+  color: inherit !important;
+}
+
+#app-navigation .app-navigation-entry-main-menu:hover{
+  background: none !important;
+}
+
+.app-navigation-entry-main-menu:hover > .app-navigation-submenu {
+  display: block;
+}
+
+#app-navigation .app-navigation{
+  padding-left: 0;
+}
+
+#app-navigation:not(.vue) > ul > li,#app-navigation:not(.vue) > ul > li > ul > li{
+  padding-left: 0;
 }
\ No newline at end of file
diff --git a/gestion/templates/navigation/index.php b/gestion/templates/navigation/index.php
index 564506b..1ca5326 100644
--- a/gestion/templates/navigation/index.php
+++ b/gestion/templates/navigation/index.php
@@ -39,82 +39,257 @@
         <li class="app-navigation-entry"><span class="navmarg"></span><b><?php p($l->t('Manage'));?></b></li>
         <li class="app-navigation-entry">
             <ul class="app-navigation">
-                <li class="app-navigation-entry"><span class="navmarg icon-contacts-dark"></span><a class="a-entry" href="<?php echo($_['url']['index']); ?>"><?php p($l->t('Customers'));?></a>
-                    <div class="app-navigation-entry-utils">
-                        <ul>
-                            <li class="app-navigation-entry-utils-counter"><span id="statsclient"><div class="loader"></div></span></li>
-                        </ul>
-                    </div>
+                <li class="app-navigation-entry app-navigation-entry-main-menu">
+                    <span class="navmarg icon-contacts-dark"></span>
+                    <a class="a-entry">Ventes</a>
+                    <ul class="app-navigation-submenu">
+                        <li class="app-navigation-entry-submenu">
+                            <span class="navmarg icon-contacts-dark"></span>
+                            <a class="a-entry-submenu" href="<?php echo($_['url']['index']); ?>">
+                                <?php p($l->t('Customers'));?>
+                            </a>
+                            <div class="app-navigation-entry-utils-submenu">
+                                <ul>
+                                    <li class="app-navigation-entry-utils-counter">
+                                        <span id="statsclient"><div class="loader"></div></span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </li>
+                        <li class="app-navigation-entry-submenu">
+                            <span class="navmarg icon-toggle-pictures"></span>
+                            <a class="a-entry-submenu" href="<?php echo($_['url']['lieu']); ?>">
+                                <?php p($l->t('Lieux'));?>
+                            </a>
+                            <div class="app-navigation-entry-utils-submenu">
+                                <ul>
+                                    <li class="app-navigation-entry-utils-counter">
+                                        <span id="statslieu"><div class="loader"></div></span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </li>
+                        <li class="app-navigation-entry-submenu">
+                            <span class="navmarg icon-category-integration"></span>
+                            <a class="a-entry-submenu" href="<?php echo($_['url']['produit']); ?>">
+                                <?php p($l->t('Articles'));?>
+                            </a>
+                            <div class="app-navigation-entry-utils-submenu">
+                                <ul>
+                                    <li class="app-navigation-entry-utils-counter">
+                                        <span id="statsproduit"><div class="loader"></div></span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </li>
+                        <li class="app-navigation-entry-submenu">
+                            <span class="navmarg icon-category-integration"></span>
+                            <a class="a-entry-submenu" href="<?php echo($_['url']['produit']); ?>">
+                                <?php p($l->t('Groupe articles'));?>
+                            </a>
+                            <div class="app-navigation-entry-utils-submenu">
+                                <ul>
+                                    <li class="app-navigation-entry-utils-counter">
+                                        <span>5</span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </li>
+                        <li class="app-navigation-entry-submenu">
+                            <span class="navmarg icon-category-integration"></span>
+                            <a class="a-entry-submenu" href="<?php echo($_['url']['produit']); ?>">
+                                <?php p($l->t('Groupe clients'));?>
+                            </a>
+                            <div class="app-navigation-entry-utils-submenu">
+                                <ul>
+                                    <li class="app-navigation-entry-utils-counter">
+                                        <span>5</span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </li>
+                        <li class="app-navigation-entry-submenu">
+                            <span class="navmarg icon-category-integration"></span>
+                            <a class="a-entry-submenu" href="<?php echo($_['url']['produit']); ?>">
+                                <?php p($l->t('Groupe tarifs'));?>
+                            </a>
+                            <div class="app-navigation-entry-utils-submenu">
+                                <ul>
+                                    <li class="app-navigation-entry-utils-counter">
+                                        <span>5</span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </li>
+                        <li class="app-navigation-entry-submenu">
+                            <span class="navmarg icon-template-add"></span>
+                            <a class="a-entry-submenu" href="<?php echo($_['url']['devis']); ?>">
+                                <?php p($l->t('Quotes'));?>
+                            </a>
+                            <div class="app-navigation-entry-utils-submenu">
+                                <ul>
+                                    <li class="app-navigation-entry-utils-counter">
+                                        <span id="statsdevis"><div class="loader"></div></span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </li>
+                        <li class="app-navigation-entry-submenu">
+                            <span class="navmarg icon-toggle-pictures"></span>
+                            <a class="a-entry-submenu" href="<?php echo($_['url']['facture']); ?>">
+                                <?php p($l->t('Invoices'));?>
+                            </a>
+                            <div class="app-navigation-entry-utils-submenu">
+                                <ul>
+                                    <li class="app-navigation-entry-utils-counter">
+                                        <span id="statsfacture"><div class="loader"></div></span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </li>
+                        <li class="app-navigation-entry-submenu">
+                            <span class="navmarg icon-toggle-pictures"></span>
+                            <a class="a-entry-submenu" href="<?php echo($_['url']['statistique']); ?>">
+                                <?php p($l->t('Statistics'));?>
+                            </a>
+                        </li>
+                    </ul>
                 </li>
-                <li class="app-navigation-entry"><span class="navmarg icon-contacts-dark"></span><a href="<?php echo($_['url']['thanatopracteur']); ?>">Thanatopracteurs</a>
-                    <div class="app-navigation-entry-utils">
-                        <ul>
-                            <li class="app-navigation-entry-utils-counter"><span id="statsthanato"><div class="loader"></div></span></li>
-                        </ul>
-                    </div>
+                <li class="app-navigation-entry app-navigation-entry-main-menu">
+                    <span class="navmarg icon-contacts-dark"></span>
+                    <a class="a-entry">Achats</a>
+                    <ul class="app-navigation-submenu">
+                        <li class="app-navigation-entry-submenu">
+                            <span class="navmarg icon-category-integration"></span>
+                            <a class="a-entry-submenu" href="<?php echo($_['url']['index']); ?>">
+                                <?php p($l->t('Articles'));?>
+                            </a>
+                            <div class="app-navigation-entry-utils-submenu">
+                                <ul>
+                                    <li class="app-navigation-entry-utils-counter">
+                                        <span>5</span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </li>
+                        <li class="app-navigation-entry-submenu">
+                            <span class="navmarg icon-category-integration"></span>
+                            <a class="a-entry-submenu" href="<?php echo($_['url']['index']); ?>">
+                                <?php p($l->t('Groupe articles'));?>
+                            </a>
+                            <div class="app-navigation-entry-utils-submenu">
+                                <ul>
+                                    <li class="app-navigation-entry-utils-counter">
+                                        <span>5</span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </li>
+                        <li class="app-navigation-entry-submenu">
+                            <span class="navmarg icon-category-integration"></span>
+                            <a class="a-entry-submenu" href="<?php echo($_['url']['index']); ?>">
+                                <?php p($l->t('Commandes'));?>
+                            </a>
+                            <div class="app-navigation-entry-utils-submenu">
+                                <ul>
+                                    <li class="app-navigation-entry-utils-counter">
+                                        <span>5</span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </li>
+                    </ul>
                 </li>
-                <li class="app-navigation-entry"><span class="navmarg icon-contacts-dark"></span><a href="<?php echo($_['url']['defunt']); ?>">Défunts</a>
-                    <div class="app-navigation-entry-utils">
-                        <ul>
-                            <li class="app-navigation-entry-utils-counter"><span id="statsdefunts"><div class="loader"></div></span></li>
-                        </ul>
-                    </div>
+                <li class="app-navigation-entry app-navigation-entry-main-menu">
+                    <span class="navmarg icon-contacts-dark"></span>
+                    <a class="a-entry">Défunts</a>
+                    <ul class="app-navigation-submenu">
+                        <li class="app-navigation-entry-submenu">
+                            <span class="navmarg icon-contacts-dark"></span>
+                            <a class="a-entry-submenu" href="<?php echo($_['url']['defunt']); ?>">
+                                <?php p($l->t('Défunts'));?>
+                            </a>
+                            <div class="app-navigation-entry-utils-submenu">
+                                <ul>
+                                    <li class="app-navigation-entry-utils-counter">
+                                        <span id="statsdefunts"><div class="loader"></div></span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </li>
+                        <li class="app-navigation-entry-submenu">
+                            <span class="navmarg icon-category-integration"></span>
+                            <a class="a-entry-submenu" href="<?php echo($_['url']['article']); ?>">
+                                <?php p($l->t('Produits'));?>
+                            </a>
+                            <div class="app-navigation-entry-utils-submenu">
+                                <ul>
+                                    <li class="app-navigation-entry-utils-counter">
+                                        <span id="statsarticles"><div class="loader"></div></span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </li>
+                        <li class="app-navigation-entry-submenu">
+                            <span class="navmarg icon-category-integration"></span>
+                            <a class="a-entry-submenu" href="<?php echo($_['url']['bibliotheque']); ?>">
+                                <?php p($l->t('Bibliothèques'));?>
+                            </a>
+                            <div class="app-navigation-entry-utils-submenu">
+                                <ul>
+                                    <li class="app-navigation-entry-utils-counter">
+                                        <span id="statsbibliotheque"><div class="loader"></div></span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </li>
+                    </ul>
                 </li>
-                <li class="app-navigation-entry"><span class="navmarg icon-template-add"></span><a href="<?php echo($_['url']['devis']); ?>"><?php p($l->t('Quotes'));?></a>
-                    <div class="app-navigation-entry-utils">
-                        <ul>
-                            <li class="app-navigation-entry-utils-counter"><span id="statsdevis"><div class="loader"></div></span></li>
-                        </ul>
-                    </div>
+                <li class="app-navigation-entry app-navigation-entry-main-menu">
+                    <span class="navmarg icon-contacts-dark"></span>
+                    <a class="a-entry">Thanatopracteurs</a>
+                    <ul class="app-navigation-submenu">
+                        <li class="app-navigation-entry-submenu">
+                            <span class="navmarg icon-contacts-dark"></span>
+                            <a class="a-entry-submenu" href="<?php echo($_['url']['thanatopracteur']); ?>">
+                                <?php p($l->t('Thanatopracteurs'));?>
+                            </a>
+                            <div class="app-navigation-entry-utils-submenu">
+                                <ul>
+                                    <li class="app-navigation-entry-utils-counter">
+                                        <span id="statsthanato"><div class="loader"></div></span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </li>
+                        <li class="app-navigation-entry-submenu">
+                            <span class="navmarg icon-toggle-pictures"></span>
+                            <a class="a-entry-submenu" href="<?php echo($_['url']['trajet']); ?>">
+                                <?php p($l->t('Trajets'));?>
+                            </a>
+                            <div class="app-navigation-entry-utils-submenu">
+                                <ul>
+                                    <li class="app-navigation-entry-utils-counter">
+                                        <span id="statstrajet"><div class="loader"></div></span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </li>
+                        <li class="app-navigation-entry-submenu">
+                            <span class="navmarg icon-toggle-pictures"></span>
+                            <a class="a-entry-submenu" href="<?php echo($_['url']['index']); ?>">
+                                <?php p($l->t('Véhicules'));?>
+                            </a>
+                            <div class="app-navigation-entry-utils-submenu">
+                                <ul>
+                                    <li class="app-navigation-entry-utils-counter">
+                                        <span>5</span>
+                                    </li>
+                                </ul>
+                            </div>
+                        </li>
+                    </ul>
                 </li>
-                <li class="app-navigation-entry"><span class="navmarg icon-toggle-pictures"></span><a href="<?php echo($_['url']['trajet']); ?>">Trajets</a>
-                    <div class="app-navigation-entry-utils">
-                        <ul>
-                            <li class="app-navigation-entry-utils-counter"><span id="statstrajet"><div class="loader"></div></span></li>
-                        </ul>
-                    </div>
-                </li>
-                <li class="app-navigation-entry"><span class="navmarg icon-toggle-pictures"></span><a href="<?php echo($_['url']['lieu']); ?>">Lieux</a>
-                    <div class="app-navigation-entry-utils">
-                        <ul>
-                            <li class="app-navigation-entry-utils-counter"><span id="statslieu"><div class="loader"></div></span></li>
-                        </ul>
-                    </div>
-                </li>
-                <li class="app-navigation-entry"><span class="navmarg icon-toggle-pictures"></span><a href="<?php echo($_['url']['facture']); ?>"><?php p($l->t('Invoices'));?></a>
-                    <div class="app-navigation-entry-utils">
-                        <ul>
-                            <li class="app-navigation-entry-utils-counter"><span id="statsfacture"><div class="loader"></div></span></li>
-                        </ul>
-                    </div>
-                </li>
-                <li class="app-navigation-entry"><span class="navmarg icon-category-integration"></span><a href="<?php echo($_['url']['produit']); ?>">Articles</a>
-                    <div class="app-navigation-entry-utils">
-                        <ul>
-                            <li class="app-navigation-entry-utils-counter"><span id="statsproduit"><div class="loader"></div></span></li>
-                        </ul>
-                    </div>
-                </li>
-                <li class="app-navigation-entry"><span class="navmarg icon-category-integration"></span><a href="<?php echo($_['url']['article']); ?>">Produits</a>
-                    <div class="app-navigation-entry-utils">
-                        <ul>
-                            <li class="app-navigation-entry-utils-counter"><span id="statsarticles"><div class="loader"></div></span></li>
-                        </ul>
-                    </div>
-                </li>
-                <li class="app-navigation-entry"><span class="navmarg icon-category-integration"></span><a href="<?php echo($_['url']['bibliotheque']); ?>">Bibliothèques</a>
-                    <div class="app-navigation-entry-utils">
-                        <ul>
-                            <li class="app-navigation-entry-utils-counter"><span id="statsbibliotheque"><div class="loader"></div></span></li>
-                        </ul>
-                    </div>
-                </li>
-            </ul>
-        </li>
-        <li class="app-navigation-entry"><span class="navmarg"></span><b><?php p($l->t('Information'));?></b></li>
-        <li class="app-navigation-entry">
-            <ul class="app-navigation">
-                <li class="app-navigation-entry"><span class="navmarg icon-toggle-pictures"></span><a href="<?php echo($_['url']['statistique']); ?>"><?php p($l->t('Statistics'));?></a></li>
             </ul>
         </li>
     </ul>