diff --git a/app/app.vue b/app/app.vue
index 51188c9..f7016e3 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -75,7 +75,7 @@
                 @keydown.enter.prevent="toggleDropdown('pieces-mobile')"
                 @keydown.space.prevent="toggleDropdown('pieces-mobile')"
                 :class="
-                  isActive('/piece-category')
+                  isActive('/piece-category') || isActive('/pieces-catalog')
                     ? 'bg-primary text-primary-content font-semibold shadow-sm'
                     : 'text-base-content hover:bg-primary/10 hover:text-primary'
                 "
@@ -86,6 +86,19 @@
                 tabindex="0"
                 class="dropdown-content z-[1] menu menu-sm bg-base-100 rounded-box p-2 shadow space-y-1"
               >
+                <li>
+                  <NuxtLink
+                    to="/pieces-catalog"
+                    class="rounded-md px-2 py-1 transition-colors"
+                    :class="
+                      isActive('/pieces-catalog')
+                        ? 'bg-primary/10 text-primary font-semibold'
+                        : 'text-base-content hover:bg-primary/10 hover:text-primary'
+                    "
+                  >
+                    Catalogue des pièces
+                  </NuxtLink>
+                </li>
                 <li>
                   <NuxtLink
                     to="/piece-category"
@@ -117,7 +130,7 @@
                 @keydown.enter.prevent="toggleDropdown('component-mobile')"
                 @keydown.space.prevent="toggleDropdown('component-mobile')"
                 :class="
-                  isActive('/component-category')
+                  isActive('/component-category') || isActive('/component-catalog')
                     ? 'bg-primary text-primary-content font-semibold shadow-sm'
                     : 'text-base-content hover:bg-primary/10 hover:text-primary'
                 "
@@ -128,6 +141,19 @@
                 tabindex="0"
                 class="dropdown-content z-[1] menu menu-sm bg-base-100 rounded-box p-2 shadow space-y-1"
               >
+                <li>
+                  <NuxtLink
+                    to="/component-catalog"
+                    class="rounded-md px-2 py-1 transition-colors"
+                    :class="
+                      isActive('/component-catalog')
+                        ? 'bg-primary/10 text-primary font-semibold'
+                        : 'text-base-content hover:bg-primary/10 hover:text-primary'
+                    "
+                  >
+                    Catalogue des composants
+                  </NuxtLink>
+                </li>
                 <li>
                   <NuxtLink
                     to="/component-category"
@@ -285,7 +311,7 @@
             @keydown.enter.prevent="toggleDropdown('pieces-desktop')"
             @keydown.space.prevent="toggleDropdown('pieces-desktop')"
             :class="
-              isActive('/piece-category')
+              isActive('/piece-category') || isActive('/pieces-catalog')
                 ? 'bg-primary text-primary-content font-semibold shadow-sm'
                 : 'text-base-content hover:bg-primary/10 hover:text-primary'
             "
@@ -296,6 +322,19 @@
               tabindex="0"
               class="dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-60"
             >
+              <li>
+                <NuxtLink
+                  to="/pieces-catalog"
+                  class="rounded-md px-2 py-1 transition-colors"
+                  :class="
+                    isActive('/pieces-catalog')
+                      ? 'bg-primary/10 text-primary font-semibold'
+                      : 'text-base-content hover:bg-primary/10 hover:text-primary'
+                  "
+                >
+                  Catalogue des pièces
+                </NuxtLink>
+              </li>
               <li>
                 <NuxtLink
                   to="/piece-category"
@@ -327,7 +366,7 @@
             @keydown.enter.prevent="toggleDropdown('component-desktop')"
             @keydown.space.prevent="toggleDropdown('component-desktop')"
             :class="
-              isActive('/component-category')
+              isActive('/component-category') || isActive('/component-catalog')
                 ? 'bg-primary text-primary-content font-semibold shadow-sm'
                 : 'text-base-content hover:bg-primary/10 hover:text-primary'
             "
@@ -338,6 +377,19 @@
               tabindex="0"
               class="dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-64"
             >
+              <li>
+                <NuxtLink
+                  to="/component-catalog"
+                  class="rounded-md px-2 py-1 transition-colors"
+                  :class="
+                    isActive('/component-catalog')
+                      ? 'bg-primary/10 text-primary font-semibold'
+                      : 'text-base-content hover:bg-primary/10 hover:text-primary'
+                  "
+                >
+                  Catalogue des composants
+                </NuxtLink>
+              </li>
               <li>
                 <NuxtLink
                   to="/component-category"