.elementor-1872 .elementor-element.elementor-element-22d765e8{--display:flex;--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;}.elementor-1872 .elementor-element.elementor-element-1798d60e{--swiper-slides-to-display:2;--swiper-slides-gap:40px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:100%;--arrow-prev-translate-y:-100%;--arrow-prev-top-position:0px;--arrow-next-right-align:100%;--arrow-next-translate-x:100%;--arrow-next-right-position:0px;--arrow-next-top-align:100%;--arrow-next-translate-y:-100%;--arrow-next-top-position:-50px;--arrow-size:20px;--arrow-normal-color:var( --e-global-color-secondary );--arrow-hover-color:var( --e-global-color-secondary );}.elementor-1872 .elementor-element.elementor-element-1798d60e .swiper-slide > .elementor-element{height:100%;}.elementor-1872 .elementor-element.elementor-element-1798d60e :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:solid;border-width:1px 1px 1px 1px;border-radius:99px 99px 99px 99px;padding:10px 10px 10px 10px;}.elementor-1872 .elementor-element.elementor-element-1798d60e :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {border-style:solid;border-width:1px 1px 1px 1px;}.elementor-1872 .elementor-element.elementor-element-3a7c3406{--display:flex;--position:absolute;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:0px 0px 0px 0px;top:0px;--z-index:99;}body:not(.rtl) .elementor-1872 .elementor-element.elementor-element-3a7c3406{left:20px;}body.rtl .elementor-1872 .elementor-element.elementor-element-3a7c3406{right:20px;}@media(min-width:768px){.elementor-1872 .elementor-element.elementor-element-3a7c3406{--width:1%;}}@media(max-width:1024px){.elementor-1872 .elementor-element.elementor-element-1798d60e{--swiper-slides-to-display:2;--swiper-slides-gap:30px;}}@media(max-width:767px){.elementor-1872 .elementor-element.elementor-element-1798d60e{--swiper-slides-to-display:2;--swiper-slides-gap:20px;}}/* Start custom CSS for loop-carousel, class: .elementor-element-1798d60e */.elementor-1872 .elementor-element.elementor-element-1798d60e .swiper img {
    width : 100%;
}


.elementor-1872 .elementor-element.elementor-element-1798d60e .swiper {
    width: 150%;
}

.elementor-1872 .elementor-element.elementor-element-1798d60e .elementor-swiper-button {
    aspect-ratio: 1/1;
}



/* On déclare une propriété animable pour l'angle */
@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

.elementor-1872 .elementor-element.elementor-element-1798d60e {
.elementor-swiper-button-prev,
.elementor-swiper-button-next {
    overflow: visible;
}

/* Contour animé façon horloge */
.elementor-swiper-button-prev::after,
.elementor-swiper-button-next::after {
    content: "";
    position: absolute;
    inset: -1px;              /* ajuster selon le design */
    border-radius: 50%;       /* boutons ronds = horloge */
    padding: 1px;             /* épaisseur du trait */
    pointer-events: none;
    opacity: 0;

    /* Le tour est géré par l'angle --angle */
    background: conic-gradient(
        currentColor var(--angle),
        transparent 0deg
    );

    /* On creuse le centre pour ne garder que le trait circulaire */
    -webkit-mask: radial-gradient(
        farthest-side,
        transparent calc(100% - 1px),
        #000 calc(100% - 1px)
    );
    mask: radial-gradient(
        farthest-side,
        transparent calc(100% - 1px),
        #000 calc(100% - 1px)
    );
}

/* Hover */
.elementor-swiper-button-prev:hover,
.elementor-swiper-button-next:hover {
    border-color: transparent !important;
}

/* Hover : on lance l'animation du tour complet */
.elementor-swiper-button-prev:hover::after,
.elementor-swiper-button-next:hover::after {
    opacity: 1;
    animation: clock-border 0.4s linear forwards;
}
}

@keyframes clock-border {
    from {
        --angle: 0deg;
    }
    to {
        --angle: 360deg;
    }
}


@media(max-width:1025px){
    .elementor-1872 .elementor-element.elementor-element-1798d60e .elementor-swiper-button {display:none}
}

@media(min-width:767px){
    .elementor-1872 .elementor-element.elementor-element-1798d60e .swiper {
    width: 140%;
    }
}

@media(min-width:1025px){
    .elementor-1872 .elementor-element.elementor-element-1798d60e {
    padding-left: 100px;
}
}

.elementor-1872 .elementor-element.elementor-element-1798d60e .swiper .swiper-slide figure {
   line-height: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a7c3406 */.elementor-1872 .elementor-element.elementor-element-3a7c3406 {
    height: 80%;
    width: 1px;
}/* End custom CSS */