.elementor-6701 .elementor-element.elementor-element-f164632{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6701 .elementor-element.elementor-element-f164632:not(.elementor-motion-effects-element-type-background), .elementor-6701 .elementor-element.elementor-element-f164632 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2B2B70;}.elementor-6701 .elementor-element.elementor-element-53824e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-6701 .elementor-element.elementor-element-53824e7:not(.elementor-motion-effects-element-type-background), .elementor-6701 .elementor-element.elementor-element-53824e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F5F9;}/* Start custom CSS for container, class: .elementor-element-f164632 *//* 1. Configuration de la Section */
.elementor-6701 .elementor-element.elementor-element-f164632 {
    position: relative; /* Indispensable */
    overflow: hidden;   /* Pour couper ce qui dépasse */
    background-color: #ffffff; /* Couleur de fond de sécurité */
}

/* 2. La boule 1 (Bas Gauche - Bleu Resocom) */
.elementor-6701 .elementor-element.elementor-element-f164632::before {
    content: ''; /* Obligatoire pour afficher l'élément */
    position: absolute;
    bottom: -150px;
    left: -150px;
    width: 600px;
    height: 600px;
    border-radius: 100%;
    filter: blur(90px); /* Le flou */
    opacity: 0.4;
    z-index: 0; /* Tout au fond */
    pointer-events: none; /* Laisser passer les clics */
    
    /* Le dégradé Bleu */
    background: radial-gradient(circle, #2c4295 0%, rgba(44, 66, 149, 0) 70%);
    
    /* Animation */
    animation: pulseGlow 6s infinite ease-in-out;
}

/* 3. La boule 2 (Haut Droite - Bleu clair/Grisé) */
.elementor-6701 .elementor-element.elementor-element-f164632::after {
    content: '';
    position: absolute;
    top: -150px;
    right: -150px;
    width: 500px;
    height: 500px;
    border-radius: 100%;
    filter: blur(90px);
    opacity: 0.3;
    z-index: 0;
    pointer-events: none;

    /* Le dégradé Cyan/Gris bleu */
    background: radial-gradient(circle, #a251fe 0%, rgba(94, 105, 148, 0) 70%);
    
    /* Animation décalée */
    animation: pulseGlow 7s infinite ease-in-out;
    animation-delay: 1s;
}

/* 4. L'Animation de pulsation */
@keyframes pulseGlow {
    0%, 100% {
        opacity: 0.3;
        transform: scale(1);
    }
    50% {
        opacity: 0.5;
        transform: scale(1.1);
    }
}

/* 5. SÉCURITÉ : Assurer que le contenu passe devant */
.elementor-6701 .elementor-element.elementor-element-f164632 .elementor-container,
.elementor-6701 .elementor-element.elementor-element-f164632 .elementor-widget {
    position: relative;
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for wpforms, class: .elementor-element-f6e3905 *//* --- MESSAGE DE CONFIRMATION (SUCCÈS) --- */
div.wpforms-confirmation-container-full, 
div.wpforms-confirmation-container-scroll {
    background: #e0f2fe !important; /* Fond Bleu très pâle (au lieu du vert) */
    border: 1px solid #2c4295 !important; /* Bordure Bleu Trust */
    color: #1e293b !important; /* Texte foncé */
    border-radius: 8px !important;
    padding: 20px !important;
    font-size: 16px !important;
    box-shadow: 0 4px 12px rgba(44, 66, 149, 0.1) !important;
}

/* Si vous avez mis un titre en gras dans le message */
div.wpforms-confirmation-container-full strong,
div.wpforms-confirmation-container-full h3 {
    color: #2c4295 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-53824e7 *//* 1. Configuration de la Section */
.elementor-6701 .elementor-element.elementor-element-53824e7 {
    position: relative; /* Indispensable */
    overflow: hidden;   /* Pour couper ce qui dépasse */
    background-color: #ffffff; /* Couleur de fond de sécurité */
}

/* 2. La boule 1 (Bas Gauche - Bleu Resocom) */
.elementor-6701 .elementor-element.elementor-element-53824e7::before {
    content: ''; /* Obligatoire pour afficher l'élément */
    position: absolute;
    bottom: -150px;
    left: -150px;
    width: 600px;
    height: 600px;
    border-radius: 100%;
    filter: blur(90px); /* Le flou */
    opacity: 0.4;
    z-index: 0; /* Tout au fond */
    pointer-events: none; /* Laisser passer les clics */
    
    /* Le dégradé Bleu */
    background: radial-gradient(circle, #2c4295 0%, rgba(44, 66, 149, 0) 20%);
    
    /* Animation */
    animation: pulseGlow 6s infinite ease-in-out;
}

/* 3. La boule 2 (Haut Droite - Bleu clair/Grisé) */
.elementor-6701 .elementor-element.elementor-element-53824e7::after {
    content: '';
    position: absolute;
    top: -150px;
    right: -150px;
    width: 500px;
    height: 500px;
    border-radius: 100%;
    filter: blur(90px);
    opacity: 0.3;
    z-index: 0;
    pointer-events: none;

    /* Le dégradé Cyan/Gris bleu */
    background: radial-gradient(circle, #a251fe 0%, rgba(94, 105, 148, 0) 50%);
    
    /* Animation décalée */
    animation: pulseGlow 7s infinite ease-in-out;
    animation-delay: 1s;
}

/* 4. L'Animation de pulsation */
@keyframes pulseGlow {
    0%, 100% {
        opacity: 0.3;
        transform: scale(1);
    }
    50% {
        opacity: 0.5;
        transform: scale(1.1);
    }
}

/* 5. SÉCURITÉ : Assurer que le contenu passe devant */
.elementor-6701 .elementor-element.elementor-element-53824e7 .elementor-container,
.elementor-6701 .elementor-element.elementor-element-53824e7 .elementor-widget {
    position: relative;
    z-index: 10;
}/* End custom CSS */