diff --git a/resources/css/layout/menu-renovateur.css b/resources/css/layout/menu-renovateur.css
index 9c4069a..7331611 100644
--- a/resources/css/layout/menu-renovateur.css
+++ b/resources/css/layout/menu-renovateur.css
@@ -18,6 +18,7 @@
       content: '';
     }
   }
+  /* overflow: scroll; */
 
   .website_logo {
     @apply order-1
@@ -45,17 +46,15 @@
     /* relative */;
 
     > .menu-item {
+      @apply text-black
+      font-bold;
+
       &:hover > a,
       &:hover > button,
       > a:focus,
       > button:focus {
         @apply bg-gray;
       }
-
-      @apply text-black
-     
-      /* lg:relative */
-      font-bold;
     }
     /* Generic Submenu Item */
     .sub-menu {
@@ -65,20 +64,22 @@
       w-full 
       py-8
       px-12
+      bg-white
       xl:px-0
       fixed
       lg:absolute
-      top-[5.5rem]
-      lg:top-0
+      top-0
       lg:min-h-0
-      bottom-0;
+      bottom-0
+      overflow-y-scroll
+      lg:overflow-visible;
 
       isolation: isolate;
 
       &:after {
         content: '';
         transform: translateX(-50%);
-        @apply bg-white w-screen h-full shadowed-bottom absolute top-0 left-1/2 -z-10;
+        @apply hidden lg:block bg-white w-screen h-full shadowed-bottom absolute top-0 left-1/2 -z-10;
       }
       .sub-menu__navlist {
         /* max-width: 1401px; */
@@ -90,19 +91,19 @@
         }
       }
 
-      @screen lg {
-        transform: translateY(100%);
-        top: unset;
-      }
-
       &--closed {
         @apply hidden;
       }
       &--open {
         @apply block;
-        touch-action: none;
-        body {
-          overflow: hidden;
+      }
+
+      @screen lg {
+        transform: translateY(100%);
+        top: unset;
+        &--open {
+          animation: translate-in 400ms forwards cubic-bezier(0, 0.51, 0.23, 0.99),
+            fade-in 300ms forwards ease-out;
         }
       }
     }
@@ -113,11 +114,12 @@
         @apply grid md:grid-cols-2;
 
         &__item a {
-          @apply flex gap-4 py-2;
+          @apply flex gap-4 py-2 items-start;
         }
 
         &__thematique-icon {
           max-width: 60px;
+          @apply mt-1;
         }
         &__description {
           @apply text-sm font-normal;