.elementor-3525 .elementor-element.elementor-element-3ea6aace{--display:flex;}.elementor-3525 .elementor-element.elementor-element-3caed636 .e-floating-bars{--e-floating-bars-cta-button-animation-duration:1000ms;background-color:var( --e-global-color-c826c72 );--e-floating-bars-announcement-text-color:#FFFFFF;--e-floating-bars-cta-button-icon-gap:14px;--e-floating-bars-cta-button-text-color:#FFFFFF;--e-floating-bars-cta-button-bg-color:var( --e-global-color-primary );--e-floating-bars-cta-button-text-color-hover:#FFFFFF;--e-floating-bars-cta-button-bg-color-hover:var( --e-global-color-primary );--e-floating-bars-cta-button-padding-block-end:3px;--e-floating-bars-cta-button-padding-block-start:3px;--e-floating-bars-cta-button-padding-inline-end:3px;--e-floating-bars-cta-button-padding-inline-start:20px;justify-content:end;--e-floating-bars-elements-padding-block-end:12px;--e-floating-bars-elements-padding-block-start:12px;--e-floating-bars-elements-padding-inline-end:16px;--e-floating-bars-elements-padding-inline-start:20px;--e-floating-bars-background-overlay-opacity:0.5;}.elementor-3525 .elementor-element.elementor-element-3caed636 .e-floating-bars__announcement-text{font-family:"Raleway", Sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;text-align:end;}.elementor-3525 .elementor-element.elementor-element-3caed636 .e-floating-bars__cta-button{flex-direction:row-reverse;font-family:"Raleway", Sans-serif;font-size:0.9rem;font-weight:700;text-transform:uppercase;line-height:1.2em;}.elementor-3525 .elementor-element.elementor-element-3caed636 .e-floating-bars__cta-button-container{justify-content:end;}@media(max-width:1024px){.elementor-3525 .elementor-element.elementor-element-3caed636 .e-floating-bars__announcement-text{font-size:1rem;}.elementor-3525 .elementor-element.elementor-element-3caed636 .e-floating-bars__cta-button{font-size:0.9rem;}}@media(max-width:767px){.elementor-3525 .elementor-element.elementor-element-3caed636 .e-floating-bars__announcement-text{font-size:1rem;line-height:1.5em;text-align:center;}.elementor-3525 .elementor-element.elementor-element-3caed636 .e-floating-bars__cta-button{font-size:0.9rem;line-height:1.2em;}.elementor-3525 .elementor-element.elementor-element-3caed636 .e-floating-bars{--e-floating-bars-cta-button-padding-block-end:5px;--e-floating-bars-cta-button-padding-block-start:5px;--e-floating-bars-cta-button-padding-inline-end:5px;--e-floating-bars-cta-button-padding-inline-start:5px;justify-content:center;--e-floating-bars-elements-padding-block-end:5px;--e-floating-bars-elements-padding-block-start:5px;--e-floating-bars-elements-padding-inline-end:5px;--e-floating-bars-elements-padding-inline-start:5px;}.elementor-3525 .elementor-element.elementor-element-3caed636 .e-floating-bars__cta-button-container{justify-content:center;}}/* Start custom CSS for floating-bars-var-1, class: .elementor-element-3caed636 *//* ==========================================================================
   BARRE FLOTTANTE – COMPACT À DROITE STICKY
   ========================================================================== */
/* 1 — CONTAINER PARENT : calage à droite */
body .e-con--floating-bars {
    width: -moz-fit-content !important;
    width: fit-content !important;
    max-width: 100% !important;
    left: auto !important;
    right: 0 !important;
    margin-inline: 0 !important;
    transform: none !important;
}
/* 2 — Inner container : ne pas étirer */
.e-con--floating-bars .e-con-inner--floating-bars {
    width: -moz-fit-content !important;
    width: fit-content !important;
}
/* 3 — Le widget barre : disposition horizontale + style visuel */
.e-floating-bars.has-vertical-position-bottom {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 1rem !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    background-color: #072230 !important;
    border: 2px solid #C7EDF9 !important;
    border-bottom: none !important;
    border-radius: 20px 20px 0 0 !important;
}
/* 3bis — Calage à droite avec marge de 16px (sur le widget is-sticky) */
.e-floating-bars.is-sticky {
    inset-inline-start: auto !important;
    inset-inline-end: 16px !important;
}
/* 4 — Texte sur une seule ligne */
.e-floating-bars__announcement-text {
    white-space: nowrap !important;
    margin: 0 !important;
    color: #fff !important;
}

/* ==========================================================================
   6 — ICÔNE DU BOUTON CTA (rond blanc + flèche)
   ========================================================================== */
/* Le rond blanc */
.e-floating-bars__cta-icon {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 auto !important;
    background-color: #fff !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}
/* La flèche à l'intérieur */
.e-floating-bars__cta-icon i {
    display: block !important;
    line-height: 1 !important;
    font-size: 14px !important;
    color: var(--e-global-color-secondary) !important;
}

/* ==========================================================================
   7 — TABLETTE + MOBILE : centrage + pleine largeur (≤ 1024px)
   ========================================================================== */
@media (max-width: 1024px) {
    /* Container parent : pleine largeur avec marges latérales */
    body .e-con--floating-bars {
        width: auto !important;
        left: 16px !important;
        right: 16px !important;
    }

    /* Inner container : occuper toute la largeur dispo */
    .e-con--floating-bars .e-con-inner--floating-bars {
        width: 100% !important;
    }

    /* Widget barre : calage des deux côtés + centrage du contenu */
    .e-floating-bars.is-sticky {
        inset-inline-start: 16px !important;
        inset-inline-end: 16px !important;
    }

    .e-floating-bars.has-vertical-position-bottom {
        width: auto !important;
        justify-content: center !important;
    }

    /* Accroche : retour à la ligne autorisé */
    .e-floating-bars__announcement-text {
        white-space: normal !important;
    }
}

/* ==========================================================================
   8 — MOBILE UNIQUEMENT : bouton réduit à la flèche (≤ 767px)
   ========================================================================== */
@media (max-width: 767px) {
    /* Masquer le label du bouton, ne garder que la flèche */
    .e-floating-bars__cta-text {
        display: none !important;
    }

    /* Réduire le rond du bouton */
    .e-floating-bars__cta-icon {
        width: 28px !important;
        height: 28px !important;
    }

    /* Réduire la flèche à l'intérieur */
    .e-floating-bars__cta-icon i {
        font-size: 12px !important;
    }

    /* Resserrer le bouton autour du rond */
    .e-floating-bars__cta-button {
        padding: 0.3rem !important;
    }
}/* End custom CSS */