.elementor-559 .elementor-element.elementor-element-6d7febcd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:16px;--padding-right:16px;}.elementor-559 .elementor-element.elementor-element-5c25cf46{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;}/* Start custom CSS for container, class: .elementor-element-5c25cf46 *//* Le conteneur principal */
.elementor-559 .elementor-element.elementor-element-5c25cf46 {
    height: 500px !important;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    
    /* Effet de fondu transparent en haut et en bas (Masque CSS) */
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
}

/* Les deux shortcodes enfants */
.elementor-559 .elementor-element.elementor-element-5c25cf46 .elementor-widget-shortcode {
    animation: scrollUp 50s linear infinite;
}

/* CORRECTION : Quand on survole le CONTENEUR, les deux shortcodes se mettent en pause */
.elementor-559 .elementor-element.elementor-element-5c25cf46:hover .elementor-widget-shortcode {
    animation-play-state: paused;
}

/* L'animation fluide */
@keyframes scrollUp {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-100%);
    }
}/* End custom CSS */