body.ce-kit-2{--e-global-color-primary:#6ec1e4;--e-global-color-secondary:#54595f;--e-global-color-text:#7a7a7a;--e-global-color-accent:#61ce70;--e-global-color-5f124abf:#000000;--e-global-color-1c52cc90:#333333;--e-global-color-ab5778d:#505050;--e-global-color-455ea7b5:#8D8D8D;--e-global-color-499b5c79:#F4F4F4;--e-global-color-6a3113ca:#FFFFFF;--e-global-color-24649170:#DEE1FD;--e-global-color-4bf97747:#EBF490;--e-global-color-69b0ac11:#4054B2;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:rgba(2, 1, 1, 0);}.elementor-button{--ce-bg-color:rgba(0, 0, 0, 0);background-color:var(--ce-bg-color);}.elementor-button.elementor-size-sm{border-radius:0px 0px 0px 0px;}.elementor-button-primary .elementor-button.elementor-size-sm{border-radius:0px 0px 0px 0px;}.elementor-button-secondary .elementor-button.elementor-size-sm{border-radius:0px 0px 0px 0px;}.btn-primary{border-radius:10px 10px 10px 10px;}.btn-secondary{border-radius:0px 0px 0px 0px;}body.ce-kit-2 img, body.ce-kit-2 .elementor-image-carousel .swiper-slide > *{border-radius:0px 0px 0px 0px;}body.ce-kit-2 img{box-shadow:0px 0px 10px -5px rgba(0,0,0,0.5);}body.ce-kit-2 .form-control, body.ce-kit-2 .elementor-field-textual{background-color:rgba(2, 1, 1, 0);}.elementor-element{--widgets-space-row:20px;--widgets-space-column:20px;}{}header.page-header{display:var(--page-title-display);}@property --e-global-color-primary { syntax: '<color>'; initial-value: #6ec1e4; inherits: false }
@property --e-global-color-secondary { syntax: '<color>'; initial-value: #54595f; inherits: false }
@property --e-global-color-text { syntax: '<color>'; initial-value: #7a7a7a; inherits: false }
@property --e-global-color-accent { syntax: '<color>'; initial-value: #61ce70; inherits: false }
@property --e-global-color-5f124abf { syntax: '<color>'; initial-value: #000000; inherits: false }
@property --e-global-color-1c52cc90 { syntax: '<color>'; initial-value: #333333; inherits: false }
@property --e-global-color-ab5778d { syntax: '<color>'; initial-value: #505050; inherits: false }
@property --e-global-color-455ea7b5 { syntax: '<color>'; initial-value: #8D8D8D; inherits: false }
@property --e-global-color-499b5c79 { syntax: '<color>'; initial-value: #F4F4F4; inherits: false }
@property --e-global-color-6a3113ca { syntax: '<color>'; initial-value: #FFFFFF; inherits: false }
@property --e-global-color-24649170 { syntax: '<color>'; initial-value: #DEE1FD; inherits: false }
@property --e-global-color-4bf97747 { syntax: '<color>'; initial-value: #EBF490; inherits: false }
@property --e-global-color-69b0ac11 { syntax: '<color>'; initial-value: #4054B2; inherits: false }
/* Start custom CSS for page-settings *//* =========================================================
   ADVUE - CORRECTIF GLOBAL DEBORDEMENT HORIZONTAL MOBILE
   ========================================================= */

/*
 * Empêche la page entière de devenir plus large que le viewport.
 * Fallback "hidden" pour les navigateurs plus anciens.
 */
html,
body{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow-x:hidden!important;
    overscroll-behavior-x:none;
}

/*
 * Conteneurs principaux PrestaShop.
 * Ne modifie pas leur mise en page verticale.
 */
#page,
#wrapper{
    max-width:100%!important;
    overflow-x:hidden!important;
}

/*
 * overflow-x:clip est préférable à hidden lorsqu'il est disponible :
 * il interdit réellement la zone de scroll horizontale sans créer
 * un nouveau conteneur de défilement.
 */
@supports (overflow:clip){

    html,
    body,
    #page,
    #wrapper{
        overflow-x:clip!important;
    }

}

/*
 * Sécurité Creative Elements :
 * empêche le conteneur principal d'élargir le document.
 */
.elementor,
.elementor-section-wrap{
    max-width:100%!important;
}

/*
 * Sur mobile et tablette, on renforce la protection.
 */
@media(max-width:1199px){

    html,
    body,
    #page,
    #wrapper{
        width:100%!important;
        max-width:100%!important;
        overscroll-behavior-x:none!important;
    }

    .elementor,
    .elementor-section-wrap{
        width:100%!important;
        max-width:100%!important;
    }

}


/* =========================================================
   ADVUE - MEGA MENU PREMIUM
   ========================================================= */

@media (min-width:1200px){

    /* = LIENS PRINCIPAUX = */
    body.ce-kit-2 #top-menu-0[data-bonmm-depth="0"] > li:is(#category-3,#category-7,#category-20,#category-23) > a{
        position:relative!important;
        z-index:0!important;
        isolation:isolate!important;
        background:transparent!important;
        transition:color .3s ease,transform .3s cubic-bezier(.22,.61,.36,1),text-shadow .3s ease!important;
    }

    /* = CADRE DISCRET AU REPOS = */
    body.ce-kit-2 #top-menu-0[data-bonmm-depth="0"] > li:is(#category-3,#category-7,#category-20,#category-23) > a::before{
        content:""!important;
        position:absolute!important;
        left:-6px!important;
        right:-6px!important;
        top:-5px!important;
        bottom:-5px!important;
        z-index:-2!important;
        border:1px solid rgba(175,65,80,.44)!important;
        border-radius:6px!important;
        background:rgba(255,255,255,.97)!important;
        box-sizing:border-box!important;
        pointer-events:none!important;
        box-shadow:0 1px 4px rgba(16,37,61,.035)!important;
        transition:border-color .3s ease,box-shadow .35s ease,transform .35s cubic-bezier(.22,.61,.36,1),background-color .3s ease!important;
    }

    /* = DÉGRADÉ ANIMÉ = */
    body.ce-kit-2 #top-menu-0[data-bonmm-depth="0"] > li:is(#category-3,#category-7,#category-20,#category-23) > a::after{
        content:""!important;
        position:absolute!important;
        left:-6px!important;
        right:-6px!important;
        top:-5px!important;
        bottom:-5px!important;
        width:auto!important;
        height:auto!important;
        z-index:-1!important;
        border-radius:6px!important;
        background:linear-gradient(110deg,#9f1730 0%,#c5233a 22%,#db354c 40%,#e55365 50%,#db354c 60%,#c5233a 78%,#9f1730 100%)!important;
        background-size:240% 100%!important;
        background-position:100% 50%!important;
        opacity:0!important;
        transform:scale(.96)!important;
        transform-origin:center!important;
        pointer-events:none!important;
        box-sizing:border-box!important;
        transition:opacity .28s ease,transform .36s cubic-bezier(.22,.61,.36,1)!important;
    }

    /* = SURVOL - TEXTE = */
    body.ce-kit-2 #top-menu-0[data-bonmm-depth="0"] > li:is(#category-3,#category-7,#category-20,#category-23) > a:hover{
        color:#fff!important;
        transform:translateY(-2px)!important;
        text-shadow:0 1px 2px rgba(70,0,15,.3),0 0 5px rgba(70,0,15,.12)!important;
    }

    /* = SURVOL - CADRE = */
    body.ce-kit-2 #top-menu-0[data-bonmm-depth="0"] > li:is(#category-3,#category-7,#category-20,#category-23) > a:hover::before{
        border-color:rgba(215,45,70,.72)!important;
        transform:translateY(2px) scale(1.015)!important;
        box-shadow:0 7px 18px rgba(16,37,61,.13),0 3px 8px rgba(190,35,55,.15),0 0 0 1px rgba(190,35,55,.06)!important;
    }

    /* = SURVOL - DÉGRADÉ = */
    body.ce-kit-2 #top-menu-0[data-bonmm-depth="0"] > li:is(#category-3,#category-7,#category-20,#category-23) > a:hover::after{
        opacity:1!important;
        transform:translateY(2px) scale(1.015)!important;
        animation:advue-megamenu-premium-sweep .8s cubic-bezier(.22,.61,.36,1) 1 forwards!important;
    }

    /* = ANIMATION DU REFLET = */
    @keyframes advue-megamenu-premium-sweep{
        0%{background-position:100% 50%}
        100%{background-position:0% 50%}
    }

    /* = FLÈCHES = */
    body.ce-kit-2 #top-menu-0[data-bonmm-depth="0"] > li:is(#category-3,#category-7,#category-20) > a .collapse-icons i{
        transition:color .3s ease,transform .3s cubic-bezier(.22,.61,.36,1)!important;
    }

    body.ce-kit-2 #top-menu-0[data-bonmm-depth="0"] > li:is(#category-3,#category-7,#category-20) > a:hover .collapse-icons i{
        color:#fff!important;
        transform:translateY(1px)!important;
    }

    /* = CENTRAGE GLOBAL DES SOUS-MENUS = */
    body.ce-kit-2 #top-menu-0[data-bonmm-depth="0"]{
        position:relative!important;
    }

    body.ce-kit-2 #top-menu-0[data-bonmm-depth="0"] > li:is(#category-3,#category-7,#category-20,#category-23){
        position:static!important;
        z-index:auto!important;
    }

    body.ce-kit-2 #top-menu-0[data-bonmm-depth="0"] > li:is(#category-3,#category-7,#category-20) > .popover.sub-menu{
        left:50%!important;
        right:auto!important;
        transform:translateX(-50%)!important;
        max-width:calc(100vw - 40px)!important;
    }
}


/* = ACCESSIBILITÉ = */

@media (prefers-reduced-motion:reduce){

    body.ce-kit-2 #top-menu-0[data-bonmm-depth="0"] > li:is(#category-3,#category-7,#category-20,#category-23) > a,
    body.ce-kit-2 #top-menu-0[data-bonmm-depth="0"] > li:is(#category-3,#category-7,#category-20,#category-23) > a::before,
    body.ce-kit-2 #top-menu-0[data-bonmm-depth="0"] > li:is(#category-3,#category-7,#category-20,#category-23) > a::after{
        transition:none!important;
        animation:none!important;
    }
}/* End custom CSS */