.elementor-94 .elementor-element.elementor-element-02168c1{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-94 .elementor-element.elementor-element-02168c1{left:0px;}body.rtl .elementor-94 .elementor-element.elementor-element-02168c1{right:0px;}.elementor-94 .elementor-element.elementor-element-eb36c0b{--display:flex;--justify-content:center;}.elementor-94 .elementor-element.elementor-element-57fff1f .wpml-elementor-ls .wpml-ls-item .wpml-ls-link, 
					.elementor-94 .elementor-element.elementor-element-57fff1f .wpml-elementor-ls .wpml-ls-legacy-dropdown a{color:var( --e-global-color-dd3eaab );}.elementor-94 .elementor-element.elementor-element-55716d7{--display:flex;--justify-content:center;}.elementor-94 .elementor-element.elementor-element-23b5371{width:auto;max-width:auto;padding:0px 0px 0px 0px;}.elementor-94 .elementor-element.elementor-element-23b5371.elementor-element{--align-self:center;}.elementor-94 .elementor-element.elementor-element-23b5371 .elementor-icon-wrapper{text-align:center;}.elementor-94 .elementor-element.elementor-element-23b5371.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-23b5371.elementor-view-framed .elementor-icon, .elementor-94 .elementor-element.elementor-element-23b5371.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-23b5371.elementor-view-framed .elementor-icon, .elementor-94 .elementor-element.elementor-element-23b5371.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-23b5371 .elementor-icon{font-size:60px;}.elementor-94 .elementor-element.elementor-element-23b5371 .elementor-icon svg{height:60px;}.elementor-94 .elementor-element.elementor-element-23b5371 .elementor-icon-wrapper svg{width:auto;}.elementor-94 .elementor-element.elementor-element-fac6e62{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-94 .elementor-element.elementor-element-e936645 .e-off-canvas__content{background-color:var( --e-global-color-secondary );}.elementor-94 .elementor-element.elementor-element-e936645 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-94 .elementor-element.elementor-element-e936645{--e-off-canvas-width:100%;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-94 .elementor-element.elementor-element-fccb40e{--display:flex;--min-height:100vh;--justify-content:center;--overlay-opacity:0.17;--overlay-mix-blend-mode:overlay;}.elementor-94 .elementor-element.elementor-element-fccb40e::before, .elementor-94 .elementor-element.elementor-element-fccb40e > .elementor-background-video-container::before, .elementor-94 .elementor-element.elementor-element-fccb40e > .e-con-inner > .elementor-background-video-container::before, .elementor-94 .elementor-element.elementor-element-fccb40e > .elementor-background-slideshow::before, .elementor-94 .elementor-element.elementor-element-fccb40e > .e-con-inner > .elementor-background-slideshow::before, .elementor-94 .elementor-element.elementor-element-fccb40e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://opalfrance.com/wp-content/uploads/2026/07/ancien_port-copy.jpg");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-94 .elementor-element.elementor-element-9c93fdb .elementor-icon-wrapper{text-align:end;}.elementor-94 .elementor-element.elementor-element-9c93fdb.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-9c93fdb.elementor-view-framed .elementor-icon, .elementor-94 .elementor-element.elementor-element-9c93fdb.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-9c93fdb.elementor-view-framed .elementor-icon, .elementor-94 .elementor-element.elementor-element-9c93fdb.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-9c93fdb .elementor-icon{font-size:30px;}.elementor-94 .elementor-element.elementor-element-9c93fdb .elementor-icon svg{height:30px;}.elementor-94 .elementor-element.elementor-element-dd5b84c .elementor-icon-wrapper{text-align:center;}.elementor-94 .elementor-element.elementor-element-dd5b84c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-94 .elementor-element.elementor-element-dd5b84c.elementor-view-framed .elementor-icon, .elementor-94 .elementor-element.elementor-element-dd5b84c.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-94 .elementor-element.elementor-element-dd5b84c.elementor-view-framed .elementor-icon, .elementor-94 .elementor-element.elementor-element-dd5b84c.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-94 .elementor-element.elementor-element-dd5b84c .elementor-icon{font-size:122px;}.elementor-94 .elementor-element.elementor-element-dd5b84c .elementor-icon svg{height:122px;}.elementor-94 .elementor-element.elementor-element-dd5b84c .elementor-icon-wrapper svg{width:auto;}.elementor-94 .elementor-element.elementor-element-54d6435{text-align:center;font-family:"Afacad", Sans-serif;font-size:24px;font-weight:400;line-height:22px;color:var( --e-global-color-dd3eaab );}.elementor-94 .elementor-element.elementor-element-8105b9b .elementor-nav-menu .elementor-item{font-family:"Familjen Grotesk", Sans-serif;font-size:27px;font-weight:500;}.elementor-94 .elementor-element.elementor-element-8105b9b .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-dd3eaab );fill:var( --e-global-color-dd3eaab );}.elementor-94 .elementor-element.elementor-element-8105b9b .elementor-nav-menu--main .elementor-item:hover,
					.elementor-94 .elementor-element.elementor-element-8105b9b .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-94 .elementor-element.elementor-element-8105b9b .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-94 .elementor-element.elementor-element-8105b9b .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-94 .elementor-element.elementor-element-8105b9b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-94 .elementor-element.elementor-element-8105b9b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-8105b9b .e--pointer-framed .elementor-item:before,
					.elementor-94 .elementor-element.elementor-element-8105b9b .e--pointer-framed .elementor-item:after{border-color:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-8105b9b .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-94 .elementor-element.elementor-element-8105b9b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-94 .elementor-element.elementor-element-8105b9b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-8105b9b .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-94 .elementor-element.elementor-element-8105b9b .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-8105b9b .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-94 .elementor-element.elementor-element-8105b9b .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-94 .elementor-element.elementor-element-8105b9b .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-94 .elementor-element.elementor-element-8105b9b .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-94 .elementor-element.elementor-element-8105b9b .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-94 .elementor-element.elementor-element-8105b9b .e--pointer-underline .elementor-item:after,
					 .elementor-94 .elementor-element.elementor-element-8105b9b .e--pointer-overline .elementor-item:before,
					 .elementor-94 .elementor-element.elementor-element-8105b9b .e--pointer-double-line .elementor-item:before,
					 .elementor-94 .elementor-element.elementor-element-8105b9b .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-94 .elementor-element.elementor-element-8105b9b{--e-nav-menu-horizontal-menu-item-margin:calc( 34px / 2 );}.elementor-94 .elementor-element.elementor-element-8105b9b .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:34px;}.elementor-94 .elementor-element.elementor-element-8105b9b .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;}.elementor-94 .elementor-element.elementor-element-d58d034 .elementor-icon-wrapper{text-align:end;}.elementor-94 .elementor-element.elementor-element-d58d034.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-d58d034.elementor-view-framed .elementor-icon, .elementor-94 .elementor-element.elementor-element-d58d034.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-d58d034.elementor-view-framed .elementor-icon, .elementor-94 .elementor-element.elementor-element-d58d034.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-94 .elementor-element.elementor-element-d58d034 .elementor-icon{font-size:23px;}.elementor-94 .elementor-element.elementor-element-d58d034 .elementor-icon svg{height:23px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-94 .elementor-element.elementor-element-fccb40e{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-94 .elementor-element.elementor-element-9c93fdb .elementor-icon{font-size:20px;}.elementor-94 .elementor-element.elementor-element-9c93fdb .elementor-icon svg{height:20px;}.elementor-94 .elementor-element.elementor-element-dd5b84c .elementor-icon{font-size:58px;}.elementor-94 .elementor-element.elementor-element-dd5b84c .elementor-icon svg{height:58px;}.elementor-94 .elementor-element.elementor-element-8105b9b .elementor-nav-menu .elementor-item{font-size:20px;}.elementor-94 .elementor-element.elementor-element-8105b9b{--e-nav-menu-horizontal-menu-item-margin:calc( 9px / 2 );}.elementor-94 .elementor-element.elementor-element-8105b9b .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:9px;}}@media(max-width:767px){.elementor-94 .elementor-element.elementor-element-02168c1{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-94 .elementor-element.elementor-element-eb36c0b{--width:20%;}.elementor-94 .elementor-element.elementor-element-55716d7{--width:60%;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-94 .elementor-element.elementor-element-fac6e62{--width:20%;}.elementor-94 .elementor-element.elementor-element-fccb40e{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-94 .elementor-element.elementor-element-9c93fdb .elementor-icon{font-size:18px;}.elementor-94 .elementor-element.elementor-element-9c93fdb .elementor-icon svg{height:18px;}.elementor-94 .elementor-element.elementor-element-dd5b84c .elementor-icon{font-size:54px;}.elementor-94 .elementor-element.elementor-element-dd5b84c .elementor-icon svg{height:54px;}.elementor-94 .elementor-element.elementor-element-54d6435{font-size:17px;line-height:17px;}.elementor-94 .elementor-element.elementor-element-8105b9b .elementor-nav-menu .elementor-item{font-size:19px;}.elementor-94 .elementor-element.elementor-element-8105b9b{--e-nav-menu-horizontal-menu-item-margin:calc( 9px / 2 );}.elementor-94 .elementor-element.elementor-element-8105b9b .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:9px;}}@media(min-width:768px){.elementor-94 .elementor-element.elementor-element-eb36c0b{--width:40%;}.elementor-94 .elementor-element.elementor-element-55716d7{--width:20%;}.elementor-94 .elementor-element.elementor-element-fac6e62{--width:40%;}}/* Start custom CSS for container, class: .elementor-element-02168c1 *//* ==========================================================
   OPAL FRANCE
   HEADER + OFF CANVAS PREMIUM

   - Header transparent en haut
   - Header bleu pétrole après le scroll
   - Aucune bordure
   - Off Canvas plein écran
   - Ouverture fluide
   - Fermeture réactive
   - Contenu animé progressivement
   ========================================================== */


/* ==========================================================
   VARIABLES
   ========================================================== */

.elementor-94 .elementor-element.elementor-element-02168c1 {
    --opal-dark: #10262d;
    --opal-petrol: #183943;
    --opal-white: #ffffff;
    --opal-orange: #f37d58;

    --opal-open-ease:
        cubic-bezier(0.16, 1, 0.3, 1);

    --opal-close-ease:
        cubic-bezier(0.4, 0, 0.2, 1);

    --opal-soft-ease:
        cubic-bezier(0.22, 1, 0.36, 1);
}


/* ==========================================================
   HEADER PRINCIPAL
   ========================================================== */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer) {
    width: 100% !important;
    max-width: none !important;

    left: 0 !important;
    right: 0 !important;

    z-index: 1000;

    overflow: visible !important;
    contain: none !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 0 !important;

    box-shadow: none;

    transition:
        box-shadow 0.65s ease;
}


/* Les conteneurs qui entourent le Off Canvas
   doivent autoriser son affichage plein écran. */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
> .e-con-inner,

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
.elementor-element-fac6e62,

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
.elementor-element-e936645 {
    overflow: visible !important;
    contain: none !important;
}


/* ==========================================================
   FOND TRANSPARENT ET FLOUTÉ DU HEADER

   Le flou est appliqué sur un pseudo-élément pour ne pas
   enfermer le Off Canvas dans la hauteur du header.
   ========================================================== */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: -1;

    pointer-events: none;

    opacity: 1;

    background:
        rgba(255, 255, 255, 0.22);

    -webkit-backdrop-filter:
        blur(12px)
        saturate(125%);

    backdrop-filter:
        blur(12px)
        saturate(125%);

    transition:
        opacity 0.55s ease,
        background-color 0.65s ease,
        backdrop-filter 0.7s ease,
        -webkit-backdrop-filter 0.7s ease;
}


/* Suppression définitive de toute ancienne ligne décorative */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)::after {
    content: none !important;
    display: none !important;
}


/* ==========================================================
   HEADER APRÈS LE SCROLL
   ========================================================== */

.elementor-94 .elementor-element.elementor-element-02168c1.elementor-sticky--effects:not(
    .elementor-sticky__spacer
) {
    border: 0 !important;
    border-bottom: 0 !important;

    box-shadow:
        0 14px 42px
        rgba(0, 0, 0, 0.18);
}


.elementor-94 .elementor-element.elementor-element-02168c1.elementor-sticky--effects:not(
    .elementor-sticky__spacer
)::before {
    background:
        rgba(24, 57, 67, 0.97);

    -webkit-backdrop-filter:
        blur(9px)
        saturate(115%);

    backdrop-filter:
        blur(9px)
        saturate(115%);
}


/* ==========================================================
   LOGO PRINCIPAL DU HEADER
   ========================================================== */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
.elementor-element-23b5371 {
    opacity: 1;

    transform:
        translate3d(0, 0, 0)
        scale(1);

    transform-origin:
        left center;

    transition:
        opacity 0.5s ease,
        transform 0.85s var(--opal-open-ease);
}


.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
.elementor-element-23b5371
.elementor-icon {
    display: block;
}


/* Logo noir en haut de page */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
.elementor-element-23b5371
svg path,

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
.elementor-element-23b5371
svg polygon {
    fill: #0b0a09 !important;

    transition:
        fill 0.55s ease;
}


/* Logo blanc après le scroll */

.elementor-94 .elementor-element.elementor-element-02168c1.elementor-sticky--effects:not(
    .elementor-sticky__spacer
)
.elementor-element-23b5371
svg path,

.elementor-94 .elementor-element.elementor-element-02168c1.elementor-sticky--effects:not(
    .elementor-sticky__spacer
)
.elementor-element-23b5371
svg polygon {
    fill:
        var(--opal-white) !important;
}


/* Légère réduction du logo après le scroll */

.elementor-94 .elementor-element.elementor-element-02168c1.elementor-sticky--effects:not(
    .elementor-sticky__spacer
)
.elementor-element-23b5371 {
    transform:
        translate3d(0, -1px, 0)
        scale(0.97);
}


/* ==========================================================
   BOUTON D’OUVERTURE DU OFF CANVAS
   ========================================================== */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
.elementor-element-d58d034 {
    opacity: 1;

    transform:
        translate3d(0, 0, 0)
        rotate(0deg)
        scale(1);

    transform-origin:
        center;

    transition:
        opacity 0.5s ease,
        transform 0.85s var(--opal-open-ease);
}


.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
.elementor-element-d58d034
.elementor-icon {
    color: #0b0a09 !important;

    transform:
        translate3d(0, 0, 0)
        scale(1);

    transform-origin:
        center;

    transition:
        color 0.55s ease,
        transform 0.65s var(--opal-open-ease);
}


.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
.elementor-element-d58d034
svg path,

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
.elementor-element-d58d034
svg polygon,

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
.elementor-element-d58d034
svg rect,

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
.elementor-element-d58d034
svg circle {
    fill:
        currentColor !important;

    transition:
        fill 0.55s ease;
}


/* Burger blanc après le scroll */

.elementor-94 .elementor-element.elementor-element-02168c1.elementor-sticky--effects:not(
    .elementor-sticky__spacer
)
.elementor-element-d58d034
.elementor-icon {
    color:
        var(--opal-white) !important;
}


/* Survol du burger */

@media (hover: hover) {

    .elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
    .elementor-element-d58d034
    .elementor-icon:hover {
        transform:
            translate3d(-4px, 0, 0)
            scale(1.07);
    }
}


/* ==========================================================
   HEADER PENDANT L’OUVERTURE DU OFF CANVAS
   ========================================================== */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer):has(
    #off-canvas-e936645[aria-hidden="false"]
)::before {
    opacity: 0;
}


.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer):has(
    #off-canvas-e936645[aria-hidden="false"]
) {
    border: 0 !important;
    border-bottom: 0 !important;

    box-shadow: none !important;
}


/* Disparition du logo du header */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer):has(
    #off-canvas-e936645[aria-hidden="false"]
)
.elementor-element-23b5371 {
    opacity: 0;

    transform:
        translate3d(-16px, -8px, 0)
        scale(0.95);

    pointer-events: none;
}


/* Disparition du burger du header */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer):has(
    #off-canvas-e936645[aria-hidden="false"]
)
.elementor-element-d58d034 {
    opacity: 0;

    transform:
        translate3d(18px, 0, 0)
        rotate(12deg)
        scale(0.84);

    pointer-events: none;
}


/* ==========================================================
   OFF CANVAS — CONTENEUR PLEIN ÉCRAN
   ========================================================== */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645 {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100vw !important;
    max-width: none !important;

    height: 100vh !important;
    height: 100dvh !important;

    min-height: 100vh !important;
    min-height: 100dvh !important;

    z-index: 2147483000 !important;

    overflow: visible !important;
    contain: none !important;

    isolation: isolate !important;

    visibility: hidden;

    pointer-events: none;

    transition:
        visibility 0s linear 0.82s;
}


/* État ouvert */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="false"] {
    visibility: visible !important;

    pointer-events: auto !important;

    transition-delay: 0s;
}


/* ==========================================================
   OVERLAY DE FOND
   ========================================================== */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
.e-off-canvas__overlay {
    position: fixed !important;

    inset: 0 !important;

    width: 100vw !important;

    height: 100vh !important;
    height: 100dvh !important;

    z-index: 1 !important;

    opacity: 0 !important;

    pointer-events: auto !important;

    background:
        rgba(16, 38, 45, 0.48) !important;

    -webkit-backdrop-filter:
        blur(0);

    backdrop-filter:
        blur(0);

    transition:
        opacity 0.65s ease,
        backdrop-filter 0.8s var(--opal-close-ease),
        -webkit-backdrop-filter 0.8s var(--opal-close-ease) !important;

    will-change:
        opacity,
        backdrop-filter;
}


/* Overlay ouvert */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="false"]
.e-off-canvas__overlay {
    opacity: 1 !important;

    -webkit-backdrop-filter:
        blur(8px);

    backdrop-filter:
        blur(8px);

    transition:
        opacity 0.9s ease,
        backdrop-filter 1.05s var(--opal-open-ease),
        -webkit-backdrop-filter 1.05s var(--opal-open-ease) !important;
}


/* ==========================================================
   PANNEAU PRINCIPAL — ÉTAT FERMÉ
   ========================================================== */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
.e-off-canvas__main {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100vw !important;
    max-width: none !important;

    height: 100vh !important;
    height: 100dvh !important;

    min-height: 100vh !important;
    min-height: 100dvh !important;

    z-index: 10 !important;

    opacity: 0 !important;

    pointer-events: auto !important;

    transform:
        translate3d(100%, 0, 0)
        scale(1.012) !important;

    transform-origin:
        right center;

    box-shadow:
        -45px 0 110px
        rgba(0, 0, 0, 0.22);

    transition:
        transform 0.82s var(--opal-close-ease),
        opacity 0.58s ease !important;

    will-change:
        transform,
        opacity;

    overflow:
        hidden !important;
}


/* ==========================================================
   PANNEAU PRINCIPAL — ÉTAT OUVERT
   ========================================================== */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="false"]
.e-off-canvas__main {
    opacity: 1 !important;

    transform:
        translate3d(0, 0, 0)
        scale(1) !important;

    transition:
        transform 1.12s var(--opal-open-ease),
        opacity 0.72s ease !important;
}


/* ==========================================================
   CONTENU DU OFF CANVAS
   ========================================================== */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
.e-off-canvas__content {
    position: relative !important;

    z-index: 11 !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;

    min-height: 100vh !important;
    min-height: 100dvh !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    pointer-events: auto !important;

    transform:
        scale(1.022);

    transform-origin:
        right center;

    transition:
        transform 0.82s var(--opal-close-ease);
}


.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="false"]
.e-off-canvas__content {
    transform:
        scale(1);

    transition:
        transform 1.25s var(--opal-open-ease);
}


/* Conteneur Elementor intérieur */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
.elementor-element-fccb40e {
    position: relative !important;

    z-index: 12 !important;

    width: 100% !important;
    max-width: none !important;

    min-height: 100vh !important;
    min-height: 100dvh !important;

    pointer-events: auto !important;
}


.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
.elementor-element-fccb40e
.e-con-inner {
    position: relative !important;

    z-index: 12 !important;

    pointer-events: auto !important;
}


/* ==========================================================
   REFLET SUBTIL À L’OUVERTURE
   ========================================================== */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
.e-off-canvas__main::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 50;

    pointer-events: none !important;

    opacity: 0;

    background:
        linear-gradient(
            105deg,
            transparent 22%,
            rgba(255, 255, 255, 0.065) 48%,
            rgba(255, 255, 255, 0.02) 58%,
            transparent 78%
        );

    transform:
        translate3d(100%, 0, 0);
}


.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="false"]
.e-off-canvas__main::after {
    animation:
        opal-premium-light
        1.45s
        var(--opal-open-ease)
        0.1s
        both;
}


@keyframes opal-premium-light {

    0% {
        opacity: 0;

        transform:
            translate3d(100%, 0, 0);
    }

    28% {
        opacity: 0.45;
    }

    100% {
        opacity: 0;

        transform:
            translate3d(-110%, 0, 0);
    }
}


/* ==========================================================
   ÉLÉMENTS INTERNES — ÉTAT FERMÉ
   ========================================================== */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
.elementor-element-9c93fdb,

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
#opal,

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
.elementor-element-54d6435,

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
.elementor-element-8105b9b
.menu-item {
    opacity: 0;

    filter:
        blur(7px);

    transition:
        opacity 0.42s ease,
        transform 0.65s var(--opal-close-ease),
        filter 0.52s ease;
}


/* Croix fermée */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
.elementor-element-9c93fdb {
    transform:
        translate3d(18px, -18px, 0)
        rotate(-12deg)
        scale(0.88);
}


/* Logo intérieur fermé */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
#opal {
    transform:
        translate3d(0, 26px, 0)
        scale(0.97);
}


/* Texte fermé */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
.elementor-element-54d6435 {
    transform:
        translate3d(0, 32px, 0);
}


/* Liens fermés */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
.elementor-element-8105b9b
.menu-item {
    transform:
        translate3d(42px, 0, 0);
}


/* ==========================================================
   ÉLÉMENTS INTERNES — ÉTAT OUVERT
   ========================================================== */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="false"]
.elementor-element-9c93fdb,

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="false"]
#opal,

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="false"]
.elementor-element-54d6435,

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="false"]
.elementor-element-8105b9b
.menu-item {
    opacity: 1;

    filter:
        blur(0);

    transform:
        translate3d(0, 0, 0)
        rotate(0deg)
        scale(1);

    transition:
        opacity 0.65s ease,
        transform 0.92s var(--opal-open-ease),
        filter 0.72s ease;
}


/* ==========================================================
   DÉLAIS D’APPARITION
   ========================================================== */

/* Croix */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="false"]
.elementor-element-9c93fdb {
    transition-delay:
        0.16s;
}


/* Logo intérieur */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="false"]
#opal {
    transition-delay:
        0.23s;
}


/* Texte */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="false"]
.elementor-element-54d6435 {
    transition-delay:
        0.3s;
}


/* Premier lien */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="false"]
.elementor-element-8105b9b
.menu-item:nth-child(1) {
    transition-delay:
        0.34s;
}


/* Deuxième lien */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="false"]
.elementor-element-8105b9b
.menu-item:nth-child(2) {
    transition-delay:
        0.4s;
}


/* Troisième lien */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="false"]
.elementor-element-8105b9b
.menu-item:nth-child(3) {
    transition-delay:
        0.46s;
}


/* Quatrième lien */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="false"]
.elementor-element-8105b9b
.menu-item:nth-child(4) {
    transition-delay:
        0.52s;
}


/* Cinquième lien */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="false"]
.elementor-element-8105b9b
.menu-item:nth-child(5) {
    transition-delay:
        0.58s;
}


/* Sixième lien */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="false"]
.elementor-element-8105b9b
.menu-item:nth-child(6) {
    transition-delay:
        0.64s;
}


/* Aucun délai pendant la fermeture */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="true"]
.elementor-element-9c93fdb,

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="true"]
#opal,

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="true"]
.elementor-element-54d6435,

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645[aria-hidden="true"]
.elementor-element-8105b9b
.menu-item {
    transition-delay:
        0s;
}


/* ==========================================================
   LOGO OPAL INTERNE
   ========================================================== */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
#opal {
    position: relative !important;

    z-index: 20 !important;

    pointer-events: auto !important;
}


.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
#opal
a {
    pointer-events: auto !important;
}


.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
#opal
svg path,

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
#opal
svg polygon {
    fill:
        var(--opal-orange) !important;
}


/* ==========================================================
   CROIX DE FERMETURE
   ========================================================== */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
.elementor-element-9c93fdb {
    position: relative !important;

    z-index: 30 !important;

    pointer-events: auto !important;
}


.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
.elementor-element-9c93fdb
.elementor-icon {
    pointer-events: auto !important;

    cursor: pointer !important;

    transform-origin:
        center;

    transition:
        transform 0.7s var(--opal-open-ease),
        opacity 0.4s ease;
}


@media (hover: hover) {

    .elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
    #off-canvas-e936645
    .elementor-element-9c93fdb
    .elementor-icon:hover {
        transform:
            rotate(90deg)
            scale(1.08);
    }
}


/* ==========================================================
   NAVIGATION INTERNE
   ========================================================== */

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
.elementor-element-8105b9b,

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
.elementor-element-8105b9b
nav,

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
.elementor-element-8105b9b
ul,

.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
.elementor-element-8105b9b
li {
    position: relative !important;

    z-index: 20 !important;

    pointer-events: auto !important;
}


.elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
#off-canvas-e936645
.elementor-element-8105b9b
a.elementor-item {
    position: relative !important;

    z-index: 25 !important;

    display: flex !important;

    pointer-events: auto !important;

    cursor: pointer !important;

    touch-action: manipulation;

    transition:
        color 0.35s ease,
        opacity 0.35s ease,
        transform 0.55s var(--opal-open-ease);
}


@media (hover: hover) {

    .elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
    #off-canvas-e936645
    .elementor-element-8105b9b
    a.elementor-item:hover {
        transform:
            translate3d(-10px, 0, 0);

        opacity:
            0.86;
    }
}


/* ==========================================================
   BLOQUE LE SCROLL LORSQUE LE MENU EST OUVERT
   ========================================================== */

body:has(
    #off-canvas-e936645[aria-hidden="false"]
) {
    overflow:
        hidden !important;
}


/* ==========================================================
   VERSION MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
    #off-canvas-e936645
    .elementor-element-8105b9b
    .menu-item {
        transform:
            translate3d(28px, 0, 0);
    }


    .elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)
    #off-canvas-e936645[aria-hidden="false"]
    .elementor-element-8105b9b
    .menu-item {
        transform:
            translate3d(0, 0, 0);
    }
}


/* ==========================================================
   ACCESSIBILITÉ
   ========================================================== */

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

    .elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer),
    .elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer) *,
    .elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)::before,
    .elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer)::after,
    .elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer) *::before,
    .elementor-94 .elementor-element.elementor-element-02168c1:not(.elementor-sticky__spacer) *::after {
        animation:
            none !important;

        transition-duration:
            0.01ms !important;

        transition-delay:
            0s !important;
    }
}/* End custom CSS */