li.no_grayscale {
   position: relative;
   display: inline-block;
   margin: 0;
   max-width: 100%;
   background-color: #2266a5;
   color: #fff;
   overflow: hidden;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -moz-osx-font-smoothing: grayscale;
   transform: translateZ(0);
}

li.no_grayscale > img, li.no_grayscale > img {
   vertical-align: top;
   max-width: 100%;
}


li.no_grayscale:after, li.no_grayscale:before
{
   box-sizing: border-box;
   transition: all .35s ease;
   background: #f4f4f4;
   position: absolute;
   content: '';

   width: 30%;
   height: 100%;
}

li.no_grayscale:hover:after, li.no_grayscale:hover:before {
   width: 0%;
}
.gallery_hover:hover{
   display:none

}
li.no_grayscale:before{
   right: 0;
   bottom: 0;
   z-index:1
}
li.no_grayscale:after{
   top: 0;
   left: 0;

}
.gallery_holder ul li:hover .gallery_hover {
    opacity: 0;
   
}

li#nav-menu-item-15568 a > span {
    background: black;
    padding: 10px;
    color: white;
    text-align: center;
}

li#nav-menu-item-15568 a > span.plus {
    display: none;
}

nav.main_menu>ul>li>a {
    padding: 0 11px;
}

/* Cible uniquement le texte du menu (span) – sauf l’item SHOP */
.main_menu.drop_down > ul > li:not(#nav-menu-item-15568) > a > span:first-of-type{
  position: relative;
  display: inline-block;
}

/* Soulignement progressif */
.main_menu.drop_down > ul > li:not(#nav-menu-item-15568) > a > span:first-of-type::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;                 /* ajuste la distance sous le texte */
  width: 100%;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 600ms ease-out; /* animation plus lente */
}

/* Hover / focus */
.main_menu.drop_down > ul > li:not(#nav-menu-item-15568) > a:hover > span:first-of-type::after,
.main_menu.drop_down > ul > li:not(#nav-menu-item-15568) > a:focus-visible > span:first-of-type::after{
  transform: scaleX(1);
}

/* Item actif */
.main_menu.drop_down > ul > li:not(#nav-menu-item-15568).current-menu-item > a > span:first-of-type::after,
.main_menu.drop_down > ul > li:not(#nav-menu-item-15568).current_page_item > a > span:first-of-type::after,
.main_menu.drop_down > ul > li:not(#nav-menu-item-15568).active > a > span:first-of-type::after,
.main_menu.drop_down > ul > li:not(#nav-menu-item-15568) > a.current > span:first-of-type::after{
  transform: scaleX(1);
}


li#nav-menu-item-15568 a > span:hover{background:#fff;color:black;border:2px solid black}