.elementor-3883 .elementor-element.elementor-element-1995aa9{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3883 .elementor-element.elementor-element-432f796{--grid-columns:4;--grid-row-gap:20px;--grid-column-gap:20px;}@media(max-width:1024px){.elementor-3883 .elementor-element.elementor-element-432f796{--grid-columns:2;}}@media(max-width:767px){.elementor-3883 .elementor-element.elementor-element-432f796{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-432f796 *//* Espace autour de la grille pour les boutons */
#grille-actu {
    position: relative;
    padding: 0 55px;
}

/* Flux horizontal sur 2 lignes */
#grille-actu .elementor-loop-container {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
    height: 700px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    gap: 20px !important;
    padding-bottom: 15px;
    -webkit-overflow-scrolling: touch;
}

/* Redimensionner chaque carte */
#grille-actu .elementor-loop-container > * {
    height: calc(50% - 10px) !important; 
    width: 320px !important;
    flex: 0 0 auto !important;
    scroll-snap-align: start;
}

/* Barre de défilement */
#grille-actu .elementor-loop-container::-webkit-scrollbar {
    height: 20px;
}
#grille-actu .elementor-loop-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
#grille-actu .elementor-loop-container::-webkit-scrollbar-thumb {
    background: #125896;
    border-radius: 10px;
}

/* Style des boutons carrés arrondis bleus */
button.btn-scroll-loop,
.btn-scroll-loop {
    position: absolute;
    top: calc(50% - 10px);
    transform: translateY(-50%);
    z-index: 10;
    width: 44px;
    height: 44px;
    background: #125896 !important; /* Couleur initiale forcée en bleu #125896 */
    background-color: #1E73BE !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    transition: background-color 0.2s ease, transform 0.2s ease;
    padding: 0 !important;
}

/* Effet au survol (bleu un peu plus foncé) */
button.btn-scroll-loop:hover,
.btn-scroll-loop:hover {
    background-color: #0d3f6c !important;
    transform: translateY(-50%) scale(1.05);
}

/* Flèche / Triangle blanc interne */
.btn-scroll-loop::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
}

/* Triangle Gauche */
.btn-scroll-left::after {
    border-width: 8px 11px 8px 0;
    border-color: transparent #ffffff transparent transparent;
    margin-right: 2px;
}

/* Triangle Droit */
.btn-scroll-right::after {
    border-width: 8px 0 8px 11px;
    border-color: transparent transparent transparent #ffffff;
    margin-left: 2px;
}

/* Positionnement */
.btn-scroll-left { left: 0; }
.btn-scroll-right { right: 0; }/* End custom CSS */