.elementor-kit-155{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-155 e-page-transition{background-color:#FFBC7D;}.site-footer{background-color:#000000;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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{padding-inline-end:0px;padding-inline-start:0px;}@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 *//* Styles de base pour les sections scroll */
.scroll-section {
  position: relative;
  min-height: 100vh; /* chaque section prend tout l'écran */
  overflow: hidden;
  transition: transform 0.8s ease, opacity 0.8s ease;
}

/* Optionnel : effet fade/dézoom lors du scroll */
.scroll-section.active {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.scroll-section.inactive {
  opacity: 0.3;
  transform: translateY(50px) scale(0.95);
}
// Fonction scroll pour activer l'effet sur la section visible
document.addEventListener("DOMContentLoaded", function() {
    const sections = document.querySelectorAll(".scroll-section");

    function checkSections() {
        const scrollPos = window.scrollY + window.innerHeight / 2;

        sections.forEach(section => {
            const rect = section.getBoundingClientRect();
            const top = window.scrollY + rect.top;
            const bottom = top + rect.height;

            if (scrollPos >= top && scrollPos <= bottom) {
                section.classList.add("active");
                section.classList.remove("inactive");
            } else {
                section.classList.add("inactive");
                section.classList.remove("active");
            }
        });
    }

    window.addEventListener("scroll", checkSections);
    checkSections();
});/* End custom CSS */