diff --git a/src/assets/style/primevue-style/menubar.css b/src/assets/style/primevue-style/menubar.css
new file mode 100644
index 0000000..67d52c2
--- /dev/null
+++ b/src/assets/style/primevue-style/menubar.css
@@ -0,0 +1,44 @@
+:root {
+  --p-menubar-mobile-button-border-radius: var(--menu-border-radius);
+  --p-menubar-mobile-button-size: 1.75rem;
+  --p-menubar-mobile-button-color: var(--text-active-blue-france);
+  --p-menubar-mobile-button-hover-color: var(--text-active-blue-france);
+  --p-menubar-mobile-button-hover-background: var(--background-transparent-active);
+  --p-menubar-mobile-button-focus-ring-width: var(--focus-width);
+  --p-menubar-mobile-button-focus-ring-style: var(--focus-style);
+  --p-menubar-mobile-button-focus-ring-color: var(--focus-color);
+  --p-menubar-mobile-button-focus-ring-offset: var(--focus-offset);
+  /* --p-menubar-mobile-button-focus-ring-shadow:  */
+  --p-menubar-separator-border-color: var(--border-default-grey);
+  --p-menubar-submenu-padding: var(--p-navigation-list-padding);
+  --p-menubar-submenu-gap: var(--p-navigation-list-gap);
+  --p-menubar-submenu-background: var(--background-transparent);
+  --p-menubar-submenu-border-color: var(--border-default-grey);
+  --p-menubar-submenu-border-radius: var(--menu-border-radius);
+  --p-menubar-submenu-shadow: var(--shadow);
+  --p-menubar-submenu-mobile-indent: 1rem;
+  --p-menubar-submenu-icon-size: var(--p-navigation-submenu-icon-size);
+  --p-menubar-submenu-icon-color: var(--p-navigation-submenu-icon-color);
+  --p-menubar-submenu-icon-focus-color: var(--p-navigation-submenu-icon-focus-color);
+  --p-menubar-submenu-icon-active-color: var(--p-navigation-submenu-icon-active-color);
+  --p-menubar-item-focus-background: var(--p-navigation-item-focus-background);
+  --p-menubar-item-active-background: var(--p-navigation-item-active-background);
+  --p-menubar-item-color: var(--p-navigation-item-color);
+  --p-menubar-item-focus-color: var(--p-navigation-item-focus-color);
+  --p-menubar-item-active-color: var(--p-navigation-item-active-color);
+  --p-menubar-item-padding: var(--p-navigation-item-padding);
+  --p-menubar-item-border-radius: var(--p-navigation-item-border-radius);
+  --p-menubar-item-gap: var(--p-navigation-item-gap);
+  --p-menubar-item-icon-color: var(--p-navigation-item-icon-color);
+  --p-menubar-item-icon-focus-color: var(--p-navigation-item-icon-focus-color);
+  --p-menubar-item-icon-active-color: var(--p-navigation-item-icon-active-color);
+  --p-menubar-base-item-border-radius: var(--menu-border-radius);
+  --p-menubar-base-item-padding: var(--p-navigation-item-padding);
+  --p-menubar-background: var(--background-transparent);
+  --p-menubar-border-color: var(--border-default-grey);
+  --p-menubar-border-radius: var(--menu-border-radius);
+  --p-menubar-color: var(--menu-active-color);
+  --p-menubar-gap: 0.5rem;
+  --p-menubar-padding: var(--menu-padding);
+  --p-menubar-transition-duration: var(--transition-duration);
+}