.elementor-kit-2633{--e-global-color-primary:#0776B8;--e-global-color-secondary:#06B4C6;--e-global-color-text:#231F1E;--e-global-color-accent:#F6642B;--e-global-color-b923f42:#FFB246;--e-global-color-dc2d0cd:#FFFFFF;--e-global-color-f4bd060:#06B4C60D;--e-global-color-960aaaf:#F6642B30;--e-global-color-00ac27c:#B2B2B2;--e-global-color-5e0f3ac:#10A71F;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--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;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-2633 e-page-transition{background-color:#FFBC7D;}.elementor-kit-2633 a{color:var( --e-global-color-accent );}.elementor-kit-2633 a:hover{color:var( --e-global-color-b923f42 );}.elementor-kit-2633 h1{color:var( --e-global-color-text );}.elementor-kit-2633 h2{color:var( --e-global-color-text );}.elementor-kit-2633 h3{color:var( --e-global-color-text );}.elementor-kit-2633 h4{color:var( --e-global-color-text );}.elementor-kit-2633 h5{color:var( --e-global-color-text );}.elementor-kit-2633 h6{color:var( --e-global-color-text );}.elementor-kit-2633 button,.elementor-kit-2633 input[type="button"],.elementor-kit-2633 input[type="submit"],.elementor-kit-2633 .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.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);}@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 */.orange
{color:#f6642b;}

.bleu
{color:#0776B8;}



.section-pattern-premium {
    position: relative;
    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #eef6fd 100%
    );
    overflow: hidden;
}

/* ===== GRILLE STRUCTURÉE ===== */
.section-pattern-premium::before {
    content: "";
    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(rgba(7,118,184,0.15) 1px, transparent 1px),
        linear-gradient(90deg, rgba(7,118,184,0.15) 1px, transparent 1px);

    background-size: 40px 40px;

    /* focus centre */
    mask-image: radial-gradient(
        ellipse at center,
        rgba(0,0,0,1) 40%,
        rgba(0,0,0,0.5) 70%,
        transparent 100%
    );

    animation: gridMove 12s linear infinite;

    pointer-events: none;
    z-index: 1;
}

/* ===== LIGNES DYNAMIQUES (effet progression / apprentissage) ===== */
.section-pattern-premium::after {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            120deg,
            transparent 40%,
            rgba(7,118,184,0.25) 50%,
            transparent 60%
        );

    background-size: 200% 200%;

    animation: lineFlow 6s linear infinite;

    opacity: 0.4;

    pointer-events: none;
    z-index: 0;
}

/* ===== ANIMATION GRILLE ===== */
@keyframes gridMove {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(40px, 40px);
    }
}

/* ===== ANIMATION LIGNE ===== */
@keyframes lineFlow {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 200% 200%;
    }
}

/* ===== CONTENU AU DESSUS ===== */
.section-pattern-premium > * {
    position: relative;
    z-index: 2;
}









.section-pattern-orange {
    position: relative;
    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #fff4ef 100%
    );
    overflow: hidden;
}

/* ===== DOTS ORANGE ===== */
.section-pattern-orange::before {
    content: "";
    position: absolute;
    inset: 0;

    background-image: radial-gradient(
        rgba(246, 100, 43, 0.35) 1.2px,
        transparent 1.2px
    );
    background-size: 26px 26px;

    /* focus centre */
    mask-image: radial-gradient(
        ellipse at center,
        rgba(0,0,0,1) 40%,
        rgba(0,0,0,0.6) 70%,
        transparent 100%
    );

    animation: dotsMoveOrange 9s linear infinite;

    pointer-events: none;
    z-index: 1;
}

/* ===== GLOW ORANGE CHAUD ===== */
.section-pattern-orange::after {
    content: "";
    position: absolute;
    inset: 0;

    background:
        radial-gradient(circle at 25% 30%, rgba(246,100,43,0.40), transparent 40%),
        radial-gradient(circle at 75% 70%, rgba(246,100,43,0.30), transparent 50%);

    filter: blur(90px);

    animation: glowMoveOrange 12s ease-in-out infinite alternate;

    pointer-events: none;
    z-index: 0;
}

/* ===== ANIMATION DOTS ===== */
@keyframes dotsMoveOrange {
    0% {
        transform: translate(0px, 0px);
    }
    100% {
        transform: translate(70px, 70px);
    }
}

/* ===== ANIMATION GLOW ===== */
@keyframes glowMoveOrange {
    0% {
        transform: scale(1) translate(0, 0);
        opacity: 0.7;
    }
    100% {
        transform: scale(1.5) translate(-50px, 50px);
        opacity: 1;
    }
}

/* ===== CONTENU AU DESSUS ===== */
.section-pattern-orange > * {
    position: relative;
    z-index: 2;
}/* End custom CSS */