:root {
    --menu-gap                        : 15px;
    /* main-menu */
    --main-menu-height                : 110px;
    --main-menu-padding-y             : 0px;
    --main-menu-padding-x             : 0;
    --main-menu-bg-color              : white;
    /* menu-items */
    --menu-item-padding-x             : 16px;
    --menu-item-height                : 38px;
    --menu-item-bg                    : transparent;
    --menu-item-bg-hover              : var(--bg-light);
    --menu-item-color                 : var(--dark);
    --menu-item-color-hover           : var(--dark);
    --menu-item-radius                : 0;
    /* upper-menu */
    --upper-menu-height               : 30px;
    /* menu-right */
    --menu-right-gap                  : var(--menu-gap);
    /* Sub-menu ul */
    --sub-menu-padding                : 14px 14px 0 14px;
    --sub-menu-bg-color               : white;
    --sub-menu-radius                 : 0;
    --sub-menu-radius-border-width    : 0;
    --sub-menu-radius-border-color    : #ddd;
    --sub-menu-box-shadow             : var(--shadow-2);
    /* sub-menu-items */
    --sub-menu-item-color             : var(--dark);
    --sub-menu-item-color-hover       : var(--dark);
    --sub-menu-item-padding           : 8px 16px;
    --sub-menu-item-bg                : transparent;
    --sub-menu-item-bg-hover          : var(--bg-light);
    --sub-menu-item-radius            : 0;
    /* btn-menu (phone call + search) */
    --btn-topbar-bg                   : #BD5B5B;
    --btn-topbar-bg-hover             : #692727;
    --btn-topbar-color                : #ffffff;
    --btn-topbar-border-color         : #692727;
    --btn-topbar-border-width         : 1px;
    --btn-topbar-radius               : 20px;
    --btn-topbar-transform            : normal;
    --btn-menu-gap                    : var(--menu-gap);
    /* slide-menu after breckpoint */
    --slide-menu-bg                   : white;
    --slide-menu-width                : 400px;
    /* burger*/
    --burger-size                     : 60px;
    --burger-color                    : var(--dark);
    /* icon-menu */
    --icon-menu-color                 : var(--dark);
    --icon-menu-color-hover           : white;
    --icon-menu-size                  : 20px;
    --icon-menu-gap                   : var(--menu-gap);
    /* mega-menu */
    --megamenu-column                 : 1;
    --megamenu-padding                : 20px 20px 20px 20px;
    --megamenu-margin                 : 100px;
    --megamenu-column-rule            : 0;
    --megamenu-column-gap             : 48px;
    /* upper-menu items text style */
    --upper-menu-font-size            : 16px;
    --upper-menu-font-weight          : inherit;
    --upper-menu-font-style           : normal;
    --upper-menu-text-transform       : uppercase;
    /* level0-menu items text style */
    --level0-menu-font-size           : 16px;
    --level0-menu-font-weight         : 400;
    --level0-menu-font-style          : normal;
    --level0-menu-text-transform      : uppercase;
    /* Sub-title text style */
    --sub-title-font-size             : 12px;
    --sub-title-font-weight           : normal;
    --sub-title-font-style            : italic;
    --sub-title-text-transform        : none;
    --sub-title-color                 : #ddd;
    /* Link-image */
    --link-image-width                : 250px;
    --link-image-gap                  : 16px;
    /* icons */
    --icon-size                       : 16px;
    --icon-padding-top                : 4px;
    --icon-gap                        : 16px;
    /* arrows */
    --menu-arrow-stroke               : 2;
    --menu-arrow-submenu-display      : block;
}


.icon-menu line {
  stroke                              : currentColor;
  stroke-width                        : 2;
  transition                          : transform 0.3s ease, opacity 0.2s ease;
  transform-origin                    : center;
}

/* État actif */
.expertises.is_active .icon-menu line:nth-child(1) {
  transform                           : translateY(9px) rotate(45deg);
}

.expertises.is_active .icon-menu line:nth-child(2) {
  opacity                             : 0;
}

.expertises.is_active .icon-menu line:nth-child(3) {
  transform                           : translateY(-9px) rotate(-45deg);
}

.avis-google svg{
   width:80%;
}
/* Topbar button (phone) */
@media {
    .btn-topbar {
        background-color              : var(--btn-topbar-bg);
        color                         : var(--btn-topbar-color);
        border                        : var(--btn-topbar-border-width) var(--btn-topbar-border-color) solid;
        border-radius                 : var(--btn-topbar-radius);
    }
    .btn-topbar:hover {
        background-color              : var(--btn-1-bg-hover);
        color                         : var(--btn-1-color);
    }
}
/* main-menu */
@media {

.modal-flash-msg + .page-wrapper .megamenu{
    top:1rem;
}

    main {
        margin-top                    : var(--main-menu-height);
        position:relative;
    }

    .main.is_menu_active:after{
content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100;
    }
    #main-menu {
        background                    : var(--main-menu-bg-color);
        display                       : flex;
        align-items                   : center;
        /* justify-content: space-between; */
        height                        : var(--main-menu-height);
        padding                       : var(--main-menu-padding-y) var(--main-menu-padding-x);
        position                      : fixed;
        z-index                       : 200;
        top                           : 0;
        left                          : 50px;
        width                         : calc(100% - 50px);
        white-space                   : nowrap;
        border-bottom                 : 1px solid var(--text-muted);
    }
}
/* logo */
@media {
    #main-menu .logo > img {
        height                        : 85px;
    }
    #slide-menu .logo {
        display                       : none;
    }
}
/* slide-menu */
@media {
    #slide-menu {
        height                        : 100%;
        width                         : 100%;
        display                       : flex;
        flex-direction                : column;
        padding                       : 0;
        border-left                   : 1px solid var(--dark);
    }

     #main-menu .menu-left{
   width                              : 162px;
   text-align                         : center;
     }

     #slide-menu .top{
        border-bottom                 : 1px solid var(--dark);
        height                        : 55px;
        padding                       : 0 1rem;
     }
     #slide-menu .bottom{
        height                        : 55px;
        padding                       : 0 1rem;
     }

     #slide-menu .menu-center> li:not(:last-child){
      border-right                    : 1px solid var(--dark);
     }

     #slide-menu .bottom .menu-level-0> li:not(:last-child){
      border-right                    : 1px solid var(--dark);
     }
     
     #slide-menu .bottom .menu-level-0> li{
  font-weight: 700;
     }

     #slide-menu .expertises .menu-level-2> li:not(:last-child){
      border-right                    : 1px solid var(--dark);
     }


.menu-level-0 > .sub-menu svg{
   width                              : 27px;
   /* height                             : 27px; */
}
.menu-level-1 > .sub-menu{
    text-align                        : center;
}
.menu-level-1 > .sub-menu >.menu-title{
  font-size                           : 25px;
  font-weight                         : bold;
  position                            : relative;
  display                             : block;
}
.menu-level-1 > .sub-menu >.menu-title:after {
    content                           : '';
    position                          : absolute;
    top                               : 50%;
    left                              : 0;
    width                             : 35%;
    height                            : 1px;
    background                        : var(--dark);
}
.menu-level-1 > .sub-menu >.menu-title:before {
    content                           : '';
    position                          : absolute;
    top                               : 50%;
    right                             : 0;
    width                             : 35%;
    height                            : 1px;
    background                        : var(--dark);
}


.menu-level-1 > .return{
    padding-left: 32px;
}

.text-start > a span{
    font-size                         : 20px;
    font-weight                       : 500;
}

.menu-level-2 svg{
    width                             : 40px;
}
 #slide-menu .expertises  .menu-level-3 {
    display                           : block !important;
    text-align                        : left;
}
 #slide-menu .expertises .menu-level-2 .sub-menu:first-child .menu-level-3 {
  columns                             : 2;
}

 #slide-menu .expertises .menu-level-2 .sub-menu {
  padding                             : 0 ;
}


    .menu-breakpoint > #slide-menu {
        position                      : fixed;
        z-index                       : 100;
        top                           : var(--main-menu-height);
        left                          : 100%;
        height                        : calc(100vh - var(--main-menu-height));
        background-color              : var(--slide-menu-bg);
        width                         : var(--slide-menu-width);
        padding                       : 16px;
        transition                    : all ease 0.2s;
        /* display                       : unset; */
        overflow-y                    : auto;
    }
    .menu-breakpoint > #slide-menu.menu-open {
        left                          : calc(100% - var(--slide-menu-width));
    }
    .menu-breakpoint > #slide-menu .menu-level-1 > li a {
        color                         : var(--dark);
        font-weight                   : 400;
    }
    #main-menu:not(.menu-breakpoint).menu-align-left #slide-menu {
        margin-right                  : auto;
    }
    #main-menu:not(.menu-breakpoint).menu-align-left #slide-menu > ul {
        justify-content               : flex-start;
    }
    #main-menu:not(.menu-breakpoint).menu-align-right #slide-menu {
        margin-left                   : auto;
    }
    #main-menu:not(.menu-breakpoint).menu-align-right #slide-menu > ul {
        justify-content               : flex-end;
    }
}
/* upper-menu*/
@media {
    #main-menu:not(.menu-breakpoint) #slide-menu > ul.top-menu > li {
        height                        : 100%;
    }
    #main-menu:not(.menu-breakpoint) #slide-menu > ul.top-menu {
        height                        : var(--upper-menu-height);
        text-transform                : unset;
    }
}
/* down-menu */
@media {
    #slide-menu:not(.menu-breakpoint) > ul:not(.top-menu) > li {
        height                        : 100%;
    }
    #slide-menu:not(.menu-breakpoint) > ul:not(.top-menu) > li > a {
        font-size                     : var(--level0-menu-font-size);
        font-weight                   : var(--level0-menu-font-weight);
        text-transform                : var(--level0-menu-text-transform);
        font-style                    : var(--level0-menu-font-style);
        height                        : 100%;
    }
}
/* sub-title */
@media {
    #slide-menu a .menu-sub-title {
        font-size                     : var(--sub-title-font-size);
        font-weight                   : var(--sub-title-font-weight);
        text-transform                : var(--sub-title-text-transform);
        font-style                    : var(--sub-title-font-style);
        padding-top:8px;
    }
}
/* menu right */
@media {
    #main-menu .menu-right {
        display                       : flex;
        gap                           : var(--menu-right-gap);
        align-items                   : center;
    }
    #main-menu.menu-breakpoint .menu-right {
        padding-right                 : calc(var(--burger-size) + 2rem);
            width: calc(100% - var(--burger-size) + 1rem);
    }

     #main-menu  li a.active {
        color: var(--color-1-alt)!important;
        font-weight: 400;
    }
}
/* icon-menu */
@media {
    #icon-menu {
        display                       : flex;
        align-items                   : center;
        gap                           : var(--icon-menu-gap);
    }
    #icon-menu a {
        color                         : var(--icon-menu-color);
        font-size                     : var(--icon-menu-size);
    }
    #icon-menu a:hover {
        color                         : var(--icon-menu-color-hover);
    }
    #icon-menu.menu-collapsed {
        padding-bottom                : var(--icon-menu-gap);
        padding-left                  : 16px;
    }
    #icon-menu.menu-collapsed > li > a {
        width                         : 38px;
        height                        : 38px;
        border                        : 1px solid var(--color-1);
        display                       : flex;
        justify-content               : center;
        align-items                   : center;
    }
    .shops_menu_icon_cart {
        position                      : relative;
    }
    .shops_menu_icon_cart .shops_menu_cart_icon {
        position                      : absolute;
        top                           : -19px;
        right                         : -18px;
    }
    .shops_menu_icon_cart .shops_menu_cart_icon .badge-basket {
        font-size                     : 12px;
        color                         : white;
        height                        : 18px;
        padding                       : 5px;
        border-radius                 : 50%;
        width                         : 20px;
        height                        : 20px;
        background                    : #000000;
        right                         : 5px;
    }
}
/* menu-level-0 */
@media {
    .menu-level-0 {
        display                       : flex;
        align-items                   : center;
        /* justify-content: start; */
        /* flex           : 1 1 auto; */
    }
    /* .menu-level-0 > li {
        height                        : 100%;
    } */
    .menu-level-0 > li > a {
        height                        : var(--menu-item-height);
        display                       : block;
        padding                       : 0 var(--menu-item-padding-x);
        background                    : var(--menu-item-bg);
        display                       : flex;
        align-items                   : center;
        transition                    : background 0.2s ease;
        border-radius                 : var(--menu-item-radius);
        color                         : var(--menu-item-color) !important;
    }
    .menu-level-0 > li:hover > a {
        background                    : var(--menu-item-bg-hover);
        color                         : var(--menu-item-color-hover) !important;
    }
    .menu-breakpoint .menu-level-0 {
        flex-direction                : column;
        align-items                   : flex-start;
        flex                          : 0 0 auto;
    }
    .menu-breakpoint .menu-level-0 > li {
        width                         : 100%;
        height                        : auto;
    }
    .menu-breakpoint .menu-level-0 a {
        padding                       : 16px 0;
        height                        : max-content;
    }

}
/* menu-level-1+ */
@media {
    .sub-menu {
        position                      : relative;
    }
    .sub-menu ul {
        display                       : none;
        /* flex-direction  : column; */
        position                      : absolute;
        left                          : -17px;
        padding                       : var(--sub-menu-padding);
        margin-bottom                 : 14px;
        background-color              : var(--sub-menu-bg-color);
        border-radius                 : var(--sub-menu-radius);
        width                         : max-content;
        border                        : var(--sub-menu-radius-border-width) solid var(--sub-menu-radius-border-color);
    }
    #main-menu:not(.megamenu).sub-menu ul {
        box-shadow                    : var(--sub-menu-box-shadow);
    }
    #main-menu:not(.menu-breakpoint).megamenu #slide-menu > ul > li > ul {
        /* box-shadow: var(--sub-menu-box-shadow); */
    }
    #main-menu.menu-breakpoint .sub-menu ul {
        box-shadow                    : none;
    }
    /* #slide-menu li > a + ul:hover,
    #slide-menu li:hover > a + ul {
        display                       : flex;
        z-index                       : 1;
    } */
  
    #slide-menu li.expertises.is_active > a + ul {
        display                       : block;
        z-index                       : 1;
        border                        : 1px solid var(--dark);
    }

    .sub-menu li a {
        display                       : flex;
        padding                       : var(--sub-menu-item-padding);
        background                    : var(--sub-menu-item-bg);
        transition                    : background 0.2s ease;
        border-radius                 : var(--sub-menu-item-radius);
        color                         : var(--sub-menu-item-color) !important;
    }


    .sub-menu li.sub-menu.sub-menu-top a:hover {
        background                    : var(--sub-menu-item-bg-hover);
        color                         : var(--sub-menu-item-color-hover) !important;
    }


.sub-menu-bottom .menu-level-2 li.arrow-right:hover{
    transition: background 0.2s ease;
    background:var(--bg-light-alt);
}


#slide-menu .sub-menu-bottom .menu-level-2>.sub-menu .menu-level-3 li:hover {
   background:var(--bg-light-alt);
   border-radius:0;
}




    .menu-level-1{
                top                   : 46px;
    }
    .sub-menu .menu-level-2{
        border-bottom                 : 1px solid var(--dark) ;
    }

    .menu-level-2,
    .menu-level-3,
    .menu-level-4 {
        top                           : 0;
        left                          : 100%;
    }
    #slide-menu .return {
        display                       : none;
    }
    #slide-menu.menu-breakpoint:not(.menu-open) ul {
        box-shadow                    : none;
    }
    .menu-breakpoint .sub-menu ul {
        position                      : fixed;
        display                       : block;
        z-index                       : 100;
        top                           : var(--main-menu-height);
        left                          : 100%;
        height                        : calc(100vh - var(--main-menu-height));
        background-color              : var(--slide-menu-bg);
        width                         : var(--slide-menu-width);
        padding                       : 16px;
        transition                    : all ease 0.2s;
        border-radius                 : 0;
        border                        : none;
    }
    .menu-breakpoint .sub-menu.is_active > ul {
        left                          : calc(100% - var(--slide-menu-width));
    }
    .menu-breakpoint #slide-menu .return {
        display                       : block;
    }
    .menu-breakpoint .return > a {
        font-weight                   : bolder;
        display                       : flex;
        align-items                   : center;
        gap                           : 16px;
    }
    .menu-breakpoint .sub-menu > a {
        display                       : flex;
        justify-content               : space-between;
        align-items                   : center;
    }





    .sub-menu-bottom > .menu-level-2{
border                                : none;

    }
    .sub-menu-bottom .menu-level-2 li{
        background                    : var(--bg-light);
        border-radius                 : var(--card-radius);
    text-align                        : left;
	flex                                 : 1;
    text-wrap                         : wrap;
    border                            : none;
    margin                            : 0 10px;
    }
    .sub-menu-bottom .menu-level-2 li >a{
        font-weight                   : bold;
        font-size                     : 25px;
            }

    .sub-menu-bottom .menu-level-2 li >span{
        font-weight                   : bold;
        font-size                     : 25px;
            padding                   : var(--sub-menu-item-padding);
            }

    #slide-menu  .sub-menu-bottom .menu-level-2> li{
      border-right                    : none !important;
}
    #slide-menu  .sub-menu-bottom .menu-level-2>.sub-menu .menu-level-3 li{
      /* margin:0; */
}
    #slide-menu  .sub-menu-bottom .menu-level-2>.sub-menu .menu-level-3 li a{
         padding: 8px 0 0 8px;
         /* background: var(--bg-light); */
}



.arrow-right .menu-title {
	position                             : relative;
	padding-right                        : 2rem;
	display                              : inline-block;
}

.arrow-right .menu-title::after {
    font-family                       : "Font Awesome 7 Pro";
	content                              : "\f061";
	position                             : absolute;
	right                                : 0;
	top                                  : 0;
	font-size                            : 1rem;
	transition                           : transform 0.3s ease;
}



.sub-menu-bottom .menu-level-3 {
    display                           : flex;
    background                        : unset;
    padding                           : 0;
}
.sub-menu-bottom .menu-level-3 a .menu-title{
  font-weight                         : 400;
}
.sub-menu-bottom .menu-level-2 li.sub-menu{
    padding-left                      : 0 !important;
    padding-top                       : .5rem !important;
}

.sub-menu-bottom .menu-level-3 li{

    font-size                         : 16px;
    padding                           : 0;
}
.sub-menu-bottom .menu-level-3 li .menu-title{
    font-size                         : 16px;
  white-space: nowrap;
}
#slide-menu .expertises .sub-menu-bottom .menu-level-3{
  
        width                         : 100%;
    columns                           : 2;
}

/* svg menu-arrow */
@media {
    .menu-breakpoint #slide-menu .return svg {
        stroke                        : var(--menu-item-color);
        stroke-width                  : 2;
        transform                     : rotate(180deg);
    }
    svg.menu-arrow {
        display                       : var(--menu-arrow-display);
        stroke                        : var(--menu-item-color);
        stroke-width                  : 2 var(--menu-arrow-stroke);
        display                       : var(--menu-arrow-submenu-display);
        align-self                    : center;
        padding                       : var(menu-arrow-padding);
    }
    #main-menu.megamenu:not(.menu-breakpoint) svg.menu-arrow,
    #main-menu:not(.menu-breakpoint) > #slide-menu > ul > li > a svg.menu-arrow {
        display                       : none;
    }
    .menu-breakpoint svg.menu-arrow {
        display                       : block;
    }
}
/* burger */
@media {
    #burger {
        display                       : none;
        cursor                        : pointer;
        align-items                   : center;
        justify-content               : center;
        height                        : var(--burger-size);
        width                         : var(--burger-size);
        transition                    : transform 400ms;
        user-select                   : none;
        position                      : absolute;
        right                         : var(--main-menu-padding-x);
        z-index                       : 999;
    }
    .menu-breakpoint #burger {
        display                       : flex;
    }
    #burger.active {
        transform                     : rotate(45deg);
    }
    #burger .line {
        fill                          : none;
        transition                    : stroke-dasharray 400ms, stroke-dashoffset 400ms;
        stroke                        : var(--burger-color);
        stroke-width                  : 3;
        stroke-linecap                : round;
    }
    #burger .top {
        stroke-dasharray              : 40 121;
    }
    #burger .bottom {
        stroke-dasharray              : 40 121;
    }
    #burger.active .top {
        stroke-dashoffset             : -68px;
    }
    #burger.active .bottom {
        stroke-dashoffset             : -68px;
    }
}
/* mask */
@media {
    #mask {
        display                       : none;
        top                           : var(--main-menu-height);
        left                          : 0;
        position                      : fixed;
        width                         : 100vw;
        height                        : calc(100vh - var(--main-menu-height));
        background-color              : rgba(0, 0, 0, 0);
        transition                    : all ease 0.2s;
    }
    #mask.active {
        display                       : block;
        background-color              : rgba(0, 0, 0, 0.8);
    }
}
/* phone */
@media (max-width:600px) {
    :root {
        --slide-menu-width            : 100%;
    }
}
/* btn-menu */
@media {
    #btn-menu {
        display                       : flex;
        gap                           : var(--btn-menu-gap);
    }
    #btn-menu.menu-collapsed {
        flex-wrap                     : wrap;
        padding-bottom                : var(--btn-menu-gap);
        z-index                       : 0;
    }
}
/* search */
@media {
    #search [type="search"] {
        border-top-right-radius       : 0;
        border-bottom-right-radius    : 0;
        border-right                  : none !important;
        min-width                     : 64px;
    }
    #search {
        flex-wrap                     : nowrap;
        min-width                     : 175px;
    }
}
/* image */
@media {
    #slide-menu ul ul li.link-image img {
        width                         : 100%;
        height                        : 100%;
        object-fit                    : cover;
    }
    #slide-menu ul ul li.link-image {
        width                         : var(--link-image-width);
        padding-bottom                : var(--link-image-gap);
        border-radius                 : var(--sub-menu-item-radius) var(--sub-menu-item-radius) 0 0;
        overflow                      : hidden;
    }
    /* img-left */
    #main-menu:not(.menu-breakpoint):not(.megamenu) #slide-menu ul ul.link-image.img-left {
        padding-left                  : calc(var(--link-image-width) + var(--link-image-gap));
    }
    #main-menu:not(.menu-breakpoint):not(.megamenu) #slide-menu ul ul li.link-image.img-left {
        position                      : absolute;
        top                           : 0;
        left                          : 0;
        margin                        : 0;
        padding                       : 0;
        height                        : 100%;
        border-radius                 : var(--sub-menu-item-radius) 0 0 var(--sub-menu-item-radius);
    }
    /* img-right */
    #main-menu:not(.menu-breakpoint):not(.megamenu) #slide-menu ul ul.link-image.img-right {
        padding-right                 : calc(var(--link-image-width) + var(--link-image-gap));
    }
    #main-menu:not(.menu-breakpoint):not(.megamenu) #slide-menu ul ul li.link-image.img-right {
        position                      : absolute;
        top                           : 0;
        right                         : 0;
        margin                        : 0;
        padding                       : 0;
        height                        : 100%;
        border-radius                 : 0 var(--sub-menu-item-radius) var(--sub-menu-item-radius) 0;
    }
    /* img-bottom */
    #slide-menu:not(.megamenu) ul ul li.link-image.img-bottom {
        order                         : 1;
        padding-bottom                : 0;
        margin-top                    : var(--link-image-gap);
        border-radius                 : 0 0 var(--sub-menu-item-radius) var(--sub-menu-item-radius);
    }
    #main-menu.menu-breakpoint #slide-menu.menu-open ul ul li.link-image {
        border-radius                 : var(--sub-menu-item-radius);
        padding                       : 0;
        width                         : 100%;
        margin                        : var(--link-image-gap) 0;
    }
    #main-menu.megamenu:not(.menu-breakpoint) #slide-menu > ul ul li.link-image {
        width                         : 100%;
        border-radius                 : var(--sub-menu-item-radius);
        padding                       : 0;
        margin-bottom                 : 1rem;
        width                         : 595px;
    }
    #main-menu.megamenu:not(.menu-breakpoint) #slide-menu > ul ul li.link-image:last-child {
        margin-bottom                 : 0;
    }
    #main-menu .menu-block-right {
        display                       : flex;
        justify-content               : center;
        flex-direction                : column;
        padding-left                  : 1rem;
    }
    #main-menu.menu-breakpoint .menu-block-right {
        padding-left                  : 0;
    }
    #main-menu.menu-breakpoint .menu-block-right .menu-title {
        font-size                     : 16px;
    }
    @media(max-width:1630px) {
        #main-menu .menu-block-right {
            padding-left              : 0 !important;
        }
#slide-menu .expertises .menu-level-2 .sub-menu:first-child .menu-level-3 {
    columns                           : 1;
}

    }
    .menu-block-right .menu-title {
        position                      : relative;
        font-size                     : 18px;
        color                         : var(--color-1);
        text-transform                : uppercase;
        margin-bottom                 : 0.5rem;
        margin-top                    : 1rem;
        white-space                   : normal;
    }
    .menu-block-right p {
        font-family                   : var(--subtitle2-font);
        color                         : var(--color-1);
        margin-bottom                 : 0;
        white-space                   : normal;
    }
    .menu-block-right .menu-title:before {
        content                       : url("../../img/etoiles.svg");
        position                      : absolute;
        top                           : -30px;
        left                          : 0;
        width                         : 100%;
        height                        : auto;
    }
}
/* icons */
@media {
    #slide-menu a {
        gap                           : var(--icon-gap);
    }
    #slide-menu a i {
        font-size                     : var(--icon-size);
        padding-top                   : var(--icon-padding-top);
    }
}
/* logo-center menu */
@media {
    #main-menu.logo-center:not(.menu-breakpoint) .menu-left .logo {
        display                       : none;
    }
    #main-menu.logo-center:not(.menu-breakpoint) #slide-menu {
        display                       : grid;
        grid-template-columns         : 1fr auto 1fr;
        grid-template-rows            : 100%;
        grid-template-areas           : "menu-1 image menu-2";
    }
    #main-menu.logo-center:not(.menu-breakpoint) #slide-menu.double-menu {
        grid-template-rows            : var(--upper-menu-height) var(--menu-item-height);
        grid-template-areas           : "menu-1 image menu-2" "menu-3 image menu-4";
    }
    #main-menu.logo-center:not(.menu-breakpoint) #slide-menu > :first-child {
        grid-area                     : image;
        width                         : 100%;
        display                       : flex;
        justify-content               : center;
        align-items                   : center;
    }
    #main-menu.logo-center:not(.menu-breakpoint) #slide-menu > :nth-child(2),
    #main-menu.logo-center:not(.menu-breakpoint) #slide-menu > :nth-child(4) {
        justify-content               : flex-end;
    }
    #main-menu.logo-center:not(.menu-breakpoint) #slide-menu > :nth-child(3),
    #main-menu.logo-center:not(.menu-breakpoint) #slide-menu > :nth-child(5) {
        justify-content               : flex-start;
    }
}
/* megamenu */
@media {

    .sub-menu-bottom > a{
    display                               : none !important;
    }

    .megamenu:not(.menu-breakpoint) #slide-menu > ul > li > ul {
        padding                       : var(--megamenu-padding);
        margin                        : 0;
        width                         : calc(100% - var(--megamenu-margin) - var(--megamenu-margin));
        left                          : 0;
        width                         : max-content;
        top                           : var(---main-menu-height);
    }
    .megamenu:not(.menu-breakpoint) .sub-menu {
        position                      : relative;
        /* page-break-inside: avoid; */
        /* break-inside: avoid-column; */
        /* height  : 100%; */
    }


    .megamenu:not(.menu-breakpoint) .sub-menu ul {
        width                         : fit-content;
            max-width: calc(100vw - 200px);
    }
    .megamenu:not(.menu-breakpoint) .sub-menu ul li.breack-after {
        break-after                   : column;
    }
    .megamenu:not(.menu-breakpoint) .sub-menu ul li.breack-before {
        break-before                  : column;
    }
    .megamenu:not(.menu-breakpoint) #slide-menu .sub-menu:hover > ul {
  
        /* column-count: var(--megamenu-column); */
        column-rule                   : var(--megamenu-column-rule);
        /* column-gap  : var(--megamenu-column-gap); */
        column-fill                   : balance;
    }
    .megamenu:not(.menu-breakpoint) #slide-menu .sub-menu.is_active > ul ul {
        position                      : relative;
        display                       : flex;
        left                          : 0;
        padding-left                  : 0;
        padding-right                 : 0;

    }
}

#slide-menu .menu-level-0 > li a.is_active {
    color                             : var(--color-1-alt) !important;
}


.menu-left .logo-square{
    display:none;

}
.menu-left .logo-square img{

    height:calc(var(--main-menu-height) - 10px);
}
 .responsive-menu{
    display:none;
 }
@media (max-width:1470px) {

.menu-bottom-center{
    display                           : none;
}

#slide-menu li.expertises.is_active > a + ul {
    display                           : flex;
}

.menu-level-1 > .sub-menu >.menu-title:before,.menu-level-1 > .sub-menu >.menu-title:after{
    content                           : none;
}

.megamenu:not(.menu-breakpoint) #slide-menu .sub-menu.is_active > ul ul {
   flex-direction                     : column;
   /* height: 100%; */
   gap                                : 10px;
    }

.menu-level-1{
    overflow-y                        : scroll;
    height                            : calc(90vh - var(--main-menu-height)) ;
    }
    
.menu-level-1 >li.sub-menu-bottom > .menu-level-2{
    height                            : 100% ;
    }
       #slide-menu .expertises .menu-level-2> li:not(:last-child){
      border-right                    : none;
     }


    .menu-level-1 >li.sub-menu-bottom > .menu-level-2 {
        height: auto;
    }
}
@media (max-width:992px){
.menu-breakpoint .sub-menu ul.menu-level-1{
    left:100%;
}
.menu-breakpoint .menu-open .sub-menu.is_active ul.menu-level-1{
  left: calc(100% - var(--slide-menu-width));
}
.sub-menu ul.menu-level-1{
    left:-154px;
}



}

@media (max-width:830px){
    :root{
        --main-menu-height : 60px;
    }
    /* main {
    margin-top: 110px;
} */
.sub-menu-top > .menu-title{
    display:none !important;
}
.menu-left .logo-max{
    display:none;
}
.menu-left .logo-square{
    display:block;
}
    #slide-menu li.expertises.is_active > a + ul{
        border:none;
    }
    #slide-menu.menu-open > .top{
        display:block !important;
        border-bottom: none;
        height:auto;
    }
    #slide-menu li.expertises.is_active > a + ul {
        display: block;
    }
.expertises.active .sub-menu:not(.sub-menu-bottom) .menu-level-2{
      left: calc(100% - var(--slide-menu-width) + 1rem);
      padding:0 16px;
      top:0px;
      position:relative;
}
.expertises.active .sub-menu:not(.sub-menu-bottom) .menu-level-2 .sub-menu.active .menu-level-3{
      left: calc(100% - var(--slide-menu-width));
      padding:16px 0 0 32px;
}

.text-start > a span {
    font-size: unset; 
     font-weight: 400;
}

    /* .sub-menu ul.menu-level-1 {
        position:relative;
        left: calc(100% - var(--slide-menu-width));
    } */

    #slide-menu .expertises .menu-level-2 .flattened-item {
    padding: 0 1.5rem;
    text-align: start;
}

#slide-menu .top{
    order:2;
}

.menu-breakpoint .sub-menu > a {
    display: flex;
    justify-content: start;
    align-items: center;
}

.solution-innovent > ul.open {
 left: calc(100% - var(--slide-menu-width) + 16px);
}
.solution-innovent > ul.open .menu-sub-title{
display:none;
}
.menu-level-3.open >li a svg{
      stroke: var(--menu-item-color);
    stroke-width: 2;
    transform: rotate(180deg);
}

.menu-level-0 > li:hover > a {
    background: transparent;
    color: var(--menu-item-color-hover) !important;
}

.menu-breakpoint .menu-level-2{
    position:relative !important;
}
 .responsive-menu{
    display:block;
 }
}

@media (max-width:768px){
        #main-menu {
        left                          : 0px;
        width                         : 100%;
    }

    .menu-breakpoint .menu-open .sub-menu.is_active ul.menu-level-1{
 padding: 16px 0;
}
    .menu-breakpoint .menu-open .sub-menu.is_active ul.menu-level-1 > span.menu-title{
 display:none;
}
}