.elementor-kit-5{--e-global-color-primary:#000000;--e-global-color-secondary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#000000;--e-global-color-330236b:#00A2D7;--e-global-color-1d9c3ea:#8F8F8F;--e-global-color-e8cd660:#C1A476;--e-global-color-50d7cec:#EDF3F6;--e-global-color-2467ace:#F6F1EC;--e-global-color-272081c:#FAF8F5;--e-global-typography-primary-font-family:"Josefin Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Forum";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Forum";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Forum";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.plus-icon {
        cursor: pointer;
}

/* Appliquer la transition de rotation uniquement à l'icône (élément svg) */
.plus-icon .elementor-icon-wrapper .e-fas-plus {
    transition: transform 0.5s ease;  /* Applique une transition fluide */
}

/* Appliquer la rotation au survol de l'icône */
.plus-icon:hover .elementor-icon-wrapper .e-fas-plus {
    transform: rotate(90deg);  /* Effectue une rotation de 90° */
}


.zoom-image {
  overflow: hidden; /* Cache le débordement de l'image */
  display: block;
}

.zoom-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
}

.zoom-image:hover img {
  transform: scale(1.1); /* Zoom sur l'image */
}

/* ---- SLIDER ---- */

/* Appliquer une transition fluide au survol des images */
.zoom-slider .elementor-slides .swiper-slide-bg {
    transition: transform 0.4s ease; /* Transition fluide */
    background-size: cover; /* Assurer que l'image couvre toute la diapositive */
}

/* Appliquer le zoom au survol de la diapositive */
.zoom-slider .elementor-slides .swiper-slide:hover .swiper-slide-bg {
    transform: scale(1.1); /* Agrandir l'image à 110% */
}

/*---- CARROUSEL ---- */

/* Appliquer un fond blanc avec faible opacité pour le conteneur des chevrons */
.zoom-slider .elementor-image-carousel-wrapper {
    position: relative; /* Assurer que le conteneur des chevrons peut être positionné par rapport à son parent */
}

/* Conteneur des chevrons avec fond blanc et faible opacité */
.zoom-slider .elementor-swiper-button-prev,
.zoom-slider .elementor-swiper-button-next {
    background-color: rgba(255, 255, 255, 0.5); /* Fond blanc avec opacité */
    height: 100%;
    align-items: end;
    padding-bottom: 15px;
    padding-right: 5px;
    padding-left: 5px;
    margin-left: -10px;
    margin-right: -10px
}

/* Appliquer les chevrons avec un style bien visible */
.zoom-slider .elementor-swiper-button-prev svg,
.zoom-slider .elementor-swiper-button-next svg {
    fill: #000; /* Couleur des chevrons (ici noir) */
    width: 24px; /* Taille des icônes */
    height: 24px; /* Taille des icônes */
}

/* Appliquer une transition fluide au survol des images */
.zoom-slider .elementor-image-carousel .swiper-slide img {
    transition: transform 0.4s ease; /* Transition fluide */
    object-fit: cover; /* Assurer que l'image couvre toute la diapositive */
}

/* Appliquer le zoom au survol de la diapositive */
.zoom-slider .elementor-image-carousel .swiper-slide:hover img {
    transform: scale(1.1); /* Agrandir l'image à 110% */
}

/*---- CARROUSEL SMALL ---- */

/* Appliquer un fond blanc avec faible opacité pour le conteneur des chevrons */
.zoom-slider-small .elementor-image-carousel-wrapper {
    position: relative; /* Assurer que le conteneur des chevrons peut être positionné par rapport à son parent */
}

/* Conteneur des chevrons avec fond blanc et faible opacité */
.zoom-slider-small .elementor-swiper-button-prev svg {
    display: none;
}

.zoom-slider-small .elementor-swiper-button-next {
    background-color: rgba(255, 255, 255, 0.5); /* Fond blanc avec opacité */
    height: 100%;
    align-items: end;
    padding-bottom: 100px;
    padding-right: 5px;
    padding-left: 5px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -1px;
}

/* Appliquer les chevrons avec un style bien visible */
.zoom-slider .elementor-swiper-button-next svg {
    fill: #000; /* Couleur des chevrons (ici noir) */
    width: 24px; /* Taille des icônes */
    height: 24px; /* Taille des icônes */
}

/* Appliquer une transition fluide au survol des images */
.zoom-slider-small .elementor-image-carousel .swiper-slide img {
    transition: transform 0.4s ease; /* Transition fluide */
    object-fit: cover; /* Assurer que l'image couvre toute la diapositive */
}

/* Appliquer le zoom au survol de la diapositive */
.zoom-slider-small .elementor-image-carousel .swiper-slide:hover img {
    transform: scale(1.05); /* Agrandir l'image à 110% */
}

/* ---- */

.elementor-slideshow__title {
  padding-bottom: 75px;
  font-family: forum;

}/* End custom CSS */