:root {
    /* Variables existantes de la landing page */
    --primary-color: #2B6CB0;
    --primary-dark: #2C5282;
    --primary-light: #4299E1;
    --success-color: #4ADE80;
    --text-primary: #2D3748;
    --text-secondary: #4A5568;
    --bg-light: #F7FAFC;
    --border-color: #E2E8F0;

    /* Variables de la FAQ */
    --faq-primary-color: #0055A4;
    --faq-secondary-color: #F5F7FA;
    --faq-text-color: #2C3E50;
    --faq-border-radius: 12px;
    --faq-transition: all 0.3s ease;
	
	/* Cta final */
	--cta-primary-color: #0055A4;
            --cta-secondary-color: #F5F7FA;
            --cta-accent-color: #FFD700;
            --cta-text-color: #2C3E50;
            --cta-white: #FFFFFF;
            --cta-shadow: 0 8px 30px rgba(0, 85, 164, 0.1);
            --cta-border-radius: 16px;
            --cta-transition: all 0.3s ease;
			
	/*Footer */
	
	--cta-primary-color: #0055A4;
            --cta-secondary-color: #F5F7FA;
            --cta-accent-color: #FFD700;
            --cta-text-color: #2C3E50;
            --cta-white: #FFFFFF;
            --cta-shadow: 0 8px 30px rgba(0, 85, 164, 0.1);
            --cta-border-radius: 16px;
            --cta-transition: all 0.3s ease;
			
}
	
        /* Cross-browser compatibility and normalization */
        html {
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
        }

        /* Key Metrics Section */
        .metrics {
            padding: 60px 20px;
            background: white;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .metrics-container {
            max-width: 1200px;
            margin: 0 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            gap: 30px;
        }

        .metric-card {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            text-align: center;
            padding: 30px;
            border-radius: 12px;
            background: #F7FAFC;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
            border: 1px solid #E2E8F0;
        }

        .metric-card:hover {
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.05);
        }

        .metric-number {
            font-size: 42px;
            font-weight: 800;
            color: #2B6CB0;
            margin-bottom: 12px;
            background: linear-gradient(135deg, #2B6CB0, #4299E1);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .metric-label {
            font-size: 16px;
            color: #4A5568;
            line-height: 1.4;
        }

        .metric-sublabel {
            font-size: 14px;
            color: #718096;
            margin-top: 8px;
        }
		
		* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ajout des transitions globales */
a, button, .card, .metric-card, .benefit-card {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
		

        @media (max-width: 768px) {
            .metrics-container {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
            }

            .metric-number {
                font-size: 36px;
            }
        }

        /* Reset CSS */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
    font-family: 'Inter', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    line-height: 1.6;
    color: var(--text-primary);
}

        /* Banner Style */
        .top-banner {
            background-color: #FF6B6B;
            color: white;
            text-align: center;
            padding: 8px 20px;
            animation: slide-down 0.5s ease;
        }

        .top-banner span {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-weight: 500;
        }

        /* Header Style */
        .header {
            background-color: white;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
            padding: 20px;
            position: sticky;
            top: 0;
            z-index: 1000;
        }

        .header-content {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            font-size: 24px;
            font-weight: 700;
            color: #2B6CB0;
            text-decoration: none;
        }

        .contact-number {
            display: flex;
            align-items: center;
            gap: 8px;
            font-weight: 600;
            color: #2D3748;
            text-decoration: none;
            padding: 10px 20px;
            border-radius: 6px;
            border: 2px solid #E2E8F0;
            transition: all 0.3s ease;
        }

        .contact-number:hover {
            background-color: #F7FAFC;
            border-color: #2B6CB0;
        }

        .trust-bar {
            background-color: #F7FAFC;
            padding: 12px 20px;
            border-bottom: 1px solid #E2E8F0;
        }

        .trust-content {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 40px;
            font-size: 14px;
            color: #4A5568;
        }

        .trust-item {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        /* Animations */
        @keyframes slide-down {
            from {
                transform: translateY(-100%);
            }
            to {
                transform: translateY(0);
            }
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .trust-content {
                flex-direction: column;
                gap: 12px;
                text-align: center;
            }

            .contact-number {
                display: none;
            }
        }
		/* Hero Section */
        .hero {
            background-color: #F7FAFC;
            padding: 80px 20px;
            position: relative;
            overflow: hidden;
            text-align: center;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, #EBF8FF 0%, transparent 100%);
            z-index: 1;
        }

        .hero-content {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .hero-title {
            font-size: 48px;
            line-height: 1.2;
            color: #2D3748;
            margin-bottom: 24px;
            font-weight: 800;
            max-width: 800px;
        }

        .hero-subtitle {
            font-size: 20px;
            color: #4A5568;
            margin-bottom: 40px;
            max-width: 600px;
        }

        .hero-title, 
        .hero-subtitle {
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }

        .cta-button {
            display: inline-flex;
            align-items: center;
            background-color: #2B6CB0;
            color: white;
            padding: 16px 32px;
            border-radius: 8px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 4px 6px rgba(43, 108, 176, 0.25);
        }

        .cta-button:hover {
            background-color: #2C5282;
            transform: translateY(-2px);
            box-shadow: 0 6px 8px rgba(43, 108, 176, 0.3);
        }

        .cta-button::after {
            content: '→';
            margin-left: 8px;
            transition: transform 0.3s ease;
        }

        .cta-button:hover::after {
            transform: translateX(4px);
        }

        .cta-subtext {
            margin-top: 15px;
            color: #636e72;
            font-size: 0.9rem;
            width: 100%;
            display: block;
            text-align: center;
        }

        .cta-subtext span {
            display: flex;
            align-items: center;
            text-align: center;
            gap: 8px;
        }

       
        .section-header {
            text-align: center;
            max-width: 800px;
            margin: 0 auto 60px;
            padding: 0 20px;
        }

        .section-title {
            font-size: 36px;
            font-weight: 700;
            color: #2D3748;
            margin-bottom: 16px;
            line-height: 1.2;
        }

        .section-subtitle {
            font-size: 18px;
            line-height: 1.6;
            color: #4A5568;
        }

     

  
        /* Icônes générées en CSS */
        .icon-phone, .icon-calendar, .icon-shield {
            position: relative;
            width: 40px;
            height: 40px;
        }

        .icon-phone::before {
            content: '';
            position: absolute;
            width: 24px;
            height: 24px;
            border: 3px solid #2B6CB0;
            border-radius: 50%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .icon-phone::after {
            content: '';
            position: absolute;
            width: 3px;
            height: 15px;
            background: #2B6CB0;
            bottom: 2px;
            right: 8px;
            transform: rotate(-45deg);
        }

        .icon-calendar::before {
            content: '';
            position: absolute;
            width: 28px;
            height: 28px;
            border: 3px solid #2B6CB0;
            border-radius: 4px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .icon-calendar::after {
            content: '';
            position: absolute;
            width: 20px;
            height: 3px;
            background: #2B6CB0;
            top: 8px;
            left: 50%;
            transform: translateX(-50%);
        }

        .icon-shield::before {
            content: '';
            position: absolute;
            width: 28px;
            height: 32px;
            border: 3px solid #2B6CB0;
            border-radius: 16px 16px 3px 3px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .icon-shield::after {
            content: '';
            position: absolute;
            width: 12px;
            height: 12px;
            border: 3px solid #2B6CB0;
            border-radius: 50%;
            top: 45%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .benefit-title {
            font-size: 20px;
            font-weight: 700;
            color: #2D3748;
            margin-bottom: 12px;
        }

        .benefit-description {
            font-size: 16px;
            line-height: 1.6;
            color: #4A5568;
            margin-bottom: 20px;
        }

        .benefit-proof {
            font-size: 14px;
            color: #2B6CB0;
            font-weight: 600;
            padding: 8px 16px;
            background: #EBF8FF;
            border-radius: 20px;
            display: inline-block;
        }

        /* How it works section */
        .how-it-works {
            padding: 80px 0;
            background-color: #f8faff;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .how-it-works h2 {
            text-align: center;
            color: #2c3e50;
            font-size: 2.5rem;
            margin-bottom: 20px;
        }

        .subtitle {
            text-align: center;
            color: #636e72;
            font-size: 1.2rem;
            margin-bottom: 60px;
        }

        .steps-container {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 50px;
        }

        .step {
            flex: 1;
            max-width: 250px;
            text-align: center;
            position: relative;
        }

        .step-icon {
            position: relative;
            margin: 0 auto 20px;
            width: 40px;
            height: 40px;
        }

        .step-duration {
            position: absolute;
            top: -25px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #1e88e5;
            color: white;
            padding: 2px 8px;
            border-radius: 12px;
            font-size: 0.8rem;
            white-space: nowrap;
        }

        .step h3 {
            color: #2c3e50;
            font-size: 1.2rem;
            margin-bottom: 15px;
        }

        .step ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .step li {
            color: #636e72;
            font-size: 0.95rem;
            margin-bottom: 8px;
            line-height: 1.4;
        }

        .step-connector {
            flex: 0 0 40px;
            height: 2px;
            background: #1e88e5;
            margin-top: 40px;
            position: relative;
        }

        .step-connector::after {
            content: '';
            position: absolute;
            right: -4px;
            top: -4px;
            width: 10px;
            height: 10px;
            border-top: 2px solid #1e88e5;
            border-right: 2px solid #1e88e5;
            transform: rotate(45deg);
        }
		
		/* Nouvelle section CTA (Bloc B) - Styles harmonisés */
        .cta_container_section_CTA {
            padding: 4rem 2rem;
            background: linear-gradient(145deg, #ffffff 0%, #f5f9ff 100%);
            text-align: center;
            max-width: 1000px;
            margin: 2rem auto;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(43, 108, 176, 0.08);
            border: 1px solid rgba(43, 108, 176, 0.1);
            position: relative;
            overflow: hidden;
        }

        .cta_container_section_CTA::before {
            content: '';
            position: absolute;
            top: 0;
            left: -50%;
            width: 200%;
            height: 100%;
            background: linear-gradient(
                90deg,
                transparent,
                rgba(255, 255, 255, 0.3),
                transparent
            );
            transform: skewX(-15deg);
            animation: shine 8s infinite;
        }

        @keyframes shine {
            0% { transform: translateX(-100%) skewX(-15deg); }
            50%, 100% { transform: translateX(100%) skewX(-15deg); }
        }

        .cta_title_section_CTA {
            font-family: 'Montserrat', sans-serif;
            font-size: 2.5rem;
            background: linear-gradient(90deg, #2B6CB0, #4299E1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 1.5rem;
            font-weight: 700;
            line-height: 1.2;
        }

        .cta_button_section_CTA {
            background: #2B6CB0;
            color: white;
            padding: 1.2rem 2.5rem;
            border-radius: 50px;
            font-size: 1.3rem;
            font-family: 'Montserrat', sans-serif;
            font-weight: 600;
            border: none;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(43, 108, 176, 0.2);
            margin: 2rem 0;
            position: relative;
            overflow: hidden;
        }

        .cta_button_section_CTA:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 25px rgba(43, 108, 176, 0.3);
            background: #4299E1;
        }

        .trust_elements_section_CTA {
            display: flex;
            justify-content: center;
            gap: 2.5rem;
            margin-top: 2rem;
            flex-wrap: wrap;
            padding: 0 1rem;
        }

        .trust_item_section_CTA {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: #555;
            font-family: 'Open Sans', sans-serif;
            font-size: 0.95rem;
            padding: 0.5rem 1rem;
            background: rgba(255, 255, 255, 0.7);
            border-radius: 30px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
            transition: transform 0.3s ease;
        }

        .trust_item_section_CTA:hover {
            transform: translateY(-2px);
        }

        .trust_item_section_CTA svg {
            fill: #2B6CB0;
            opacity: 0.9;
        }

        .social_proof_section_CTA {
            margin-top: 2.5rem;
            font-size: 0.95rem;
            color: #666;
            font-family: 'Open Sans', sans-serif;
            padding: 1rem;
            background: rgba(255, 255, 255, 0.7);
            border-radius: 10px;
            display: inline-block;
        }

        .counter_section_CTA {
            color: #2B6CB0;
            font-weight: 700;
            position: relative;
        }

        .counter_section_CTA::after {
            content: '🏆';
            margin-left: 5px;
            font-size: 0.9em;
        }

        /* Media queries combinées */
        @media (max-width: 1024px) {
            .steps-container {
                flex-wrap: wrap;
            }
            
            .step {
                flex: 0 0 45%;
                margin-bottom: 40px;
            }

            .step-connector {
                display: none;
            }
        }
		
		.metrics-title {
    text-align: center;
    margin-bottom: 40px;
    font-family: 'Montserrat', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    background: linear-gradient(90deg, #2B6CB0, #4299E1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0 20px;
}
		

        @media (max-width: 768px) {
            .hero {
                padding: 40px 20px;
            }

            .hero-title {
                font-size: 32px;
            }

            .hero-subtitle {
                font-size: 18px;
            }

            .section-title {
                font-size: 28px;
            }
            
            .section-subtitle {
                font-size: 16px;
            }

           

            .step {
                flex: 0 0 100%;
                max-width: 100%;
                margin-bottom: 40px;
            }

            .cta_container_section_CTA {
                margin: 1rem;
                padding: 2rem 1rem;
            }

            .cta_title_section_CTA {
                font-size: 2rem;
            }
            
            .cta_button_section_CTA {
                padding: 1rem 2rem;
                font-size: 1.1rem;
                width: 90%;
                max-width: 350px;
            }
            
            .trust_elements_section_CTA {
                flex-direction: column;
                align-items: center;
                gap: 1rem;
            }

            .trust_item_section_CTA {
                width: 100%;
                justify-content: center;
            }
			
			.metrics-title {
        font-size: 1.5rem;
        margin-bottom: 30px;
    }
			
        }
		
		
/* Section Garanties et Engagements */
.container_section_garanties_engagements {
    padding: 6rem 2rem;
    background: linear-gradient(165deg, #ffffff 0%, #f8faff 100%);
    max-width: 1400px;
    margin: 0 auto;
}

.title_section_garanties_engagements {
    text-align: center;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 2.5rem;
    color: #2B6CB0;
    margin-bottom: 3rem;
    font-weight: 700;
}

.grid_section_garanties_engagements {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    max-width: 1000px;
    margin: 0 auto;
}

.card_section_garanties_engagements {
    background: white;
    border-radius: 20px;
    padding: 2rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid rgba(43, 108, 176, 0.1);
    -webkit-box-shadow: 0 10px 30px rgba(43, 108, 176, 0.05);
    -moz-box-shadow: 0 10px 30px rgba(43, 108, 176, 0.05);
    -ms-box-shadow: 0 10px 30px rgba(43, 108, 176, 0.05);
    box-shadow: 0 10px 30px rgba(43, 108, 176, 0.05);
    position: relative;
    overflow: hidden;
}

.card_section_garanties_engagements:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 15px 40px rgba(43, 108, 176, 0.1);
    -moz-box-shadow: 0 15px 40px rgba(43, 108, 176, 0.1);
    -ms-box-shadow: 0 15px 40px rgba(43, 108, 176, 0.1);
    box-shadow: 0 15px 40px rgba(43, 108, 176, 0.1);
}

.card_title_section_garanties_engagements {
    color: #2B6CB0;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
}

.card_text_section_garanties_engagements {
    color: #4A5568;
    line-height: 1.6;
    font-size: 1rem;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.certification_badges_section_garanties_engagements {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    gap: 2rem;
    margin-top: 3rem;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 3rem auto 0;
	margin-bottom: 3rem;
}

/* Styles pour la section CTA */
.container_section_cta_final {
    background: linear-gradient(135deg, #2B6CB0 0%, #2C5282 100%);
    padding: 4rem 2rem;
    text-align: center;
    color: white;
}

.cta_final_content {
    max-width: 800px;
    margin: 0 auto;
}

.cta_final_title {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
}

.cta_final_subtitle {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    line-height: 1.6;
    opacity: 0.9;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.cta_final_features {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 2.5rem;
    flex-wrap: wrap;
}

.cta_final_feature {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.cta_final_feature i {
    color: #4ADE80;
}

.cta_final_button {
    display: inline-block;
    background: #4ADE80;
    color: #2C5282;
    padding: 1rem 2.5rem;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 1.1rem;
    border: 2px solid #4ADE80;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
}

.cta_final_button:hover {
    background: transparent;
    color: #4ADE80;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
}

.badge_section_garanties_engagements {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    gap: 0.5rem;
    color: #2B6CB0;
    font-weight: 600;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.badge_icon_section_garanties_engagements {
    width: 24px;
    height: 24px;
    fill: currentColor;
}










/* Variables spécifiques à la section feature_table */
        .feature_table_section {
            --feature_table-primary-color: #2563EB;
            --feature_table-primary-light: #EEF2FF;
            --feature_table-primary-dark: #1E40AF;
            --feature_table-success-color: #059669;
            --feature_table-success-light: #ECFDF5;
            --feature_table-text-primary: #1E293B;
            --feature_table-text-secondary: #64748B;
            --feature_table-background-light: #F9FAFB;
            --feature_table-white: #FFFFFF;
            --feature_table-border-light: #E5E7EB;
            --feature_table-hover-light: #F8FAFC;
           
            /* Dégradés */
            --feature_table-gradient-primary: linear-gradient(145deg, #2563EB, #1E40AF);
            --feature_table-gradient-light: linear-gradient(145deg, #F8FAFC, #EEF2FF);
           
            /* Ombres */
            --feature_table-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
            --feature_table-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            --feature_table-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
           
            /* Transitions */
            --feature_table-transition-fast: 0.15s ease;
            --feature_table-transition-normal: 0.3s ease;
           
            /* Espacements */
            --feature_table-spacing-xs: 0.5rem;
            --feature_table-spacing-sm: 1rem;
            --feature_table-spacing-md: 1.5rem;
            --feature_table-spacing-lg: 2rem;
            --feature_table-spacing-xl: 3rem;
           
            /* Border radius */
            --feature_table-radius-sm: 0.375rem;
            --feature_table-radius-md: 0.5rem;
            --feature_table-radius-lg: 1rem;
            --feature_table-radius-full: 9999px;
        }

        .feature_table_section {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            line-height: 1.5;
            color: var(--feature_table-text-primary);
            background-color: var(--feature_table-background-light);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        /* Section de comparaison principale */
        .feature_table_comparison {
            padding: var(--feature_table-spacing-xl) var(--feature_table-spacing-md);
            background: var(--feature_table-white);
            min-height: 100vh;
        }

       .feature_table_container {
        max-width: 800px; /* Modifié de 1200px à 800px (environ ⅔ de la largeur originale) */
        margin: 0 auto;
        padding: 0 var(--feature_table-spacing-md);
    }

        .feature_table_title {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--feature_table-text-primary);
            text-align: center;
            margin-bottom: var(--feature_table-spacing-xl);
            letter-spacing: -0.02em;
        }

        .feature_table_wrapper {
            position: relative;
            background: var(--feature_table-white);
            border-radius: var(--feature_table-radius-lg);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            overflow: hidden;
            border: 1px solid var(--feature_table-border-light);
            transition: var(--feature_table-transition-normal);
        }

        /* En-tête du tableau */
        .feature_table_header {
            display: grid;
            grid-template-columns: 2fr 1fr;
            background: var(--feature_table-gradient-primary);
            padding: var(--feature_table-spacing-lg);
        }

        .feature_table_header_cell {
            color: var(--feature_table-white);
            font-weight: 600;
            font-size: 1.1rem;
            padding: var(--feature_table-spacing-md) var(--feature_table-spacing-lg);
            text-align: left;
            letter-spacing: 0.01em;
        }

        .feature_table_header_cell:last-child {
            text-align: center;
        }

        /* Catégories et lignes de fonctionnalités */
        .feature_table_categories {
            padding: var(--feature_table-spacing-md) 0;
        }

        .feature_table_category_section {
            margin-bottom: var(--feature_table-spacing-lg);
        }

        .feature_table_category_header {
            background: var(--feature_table-gradient-light);
            color: var(--feature_table-primary-color);
            font-weight: 600;
            padding: var(--feature_table-spacing-md) var(--feature_table-spacing-lg);
            font-size: 1rem;
            border-bottom: 1px solid var(--feature_table-border-light);
            letter-spacing: 0.02em;
        }

        .feature_table_row {
            display: grid;
            grid-template-columns: 2fr 1fr;
            align-items: center;
            padding: var(--feature_table-spacing-md) var(--feature_table-spacing-lg);
            transition: all 0.2s ease;
            cursor: pointer;
            position: relative;
            border-bottom: 1px solid var(--feature_table-border-light);
            background: var(--feature_table-white);
        }

        .feature_table_row:hover {
            background: var(--feature_table-hover-light);
            transform: translateX(4px);
        }

        .feature_table_cell {
            padding-right: var(--feature_table-spacing-lg);
            color: var(--feature_table-text-primary);
            font-weight: 500;
            font-size: 0.95rem;
            letter-spacing: 0.01em;
        }

        .feature_table_check_cell {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .feature_table_check_icon {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: var(--feature_table-success-light);
            padding: 4px;
            transition: all 0.2s ease;
        }

        .feature_table_check_icon path {
            fill: var(--feature_table-success-color);
        }

        .feature_table_row:hover .feature_table_check_icon {
            transform: scale(1.1);
            background: var(--feature_table-success-color);
        }

        .feature_table_row:hover .feature_table_check_icon path {
            fill: var(--feature_table-white);
        }

        /* Popup de bénéfice */
        .feature_table_benefit_popup {
            position: absolute;
            right: -420px;
            width: 380px;
            background: var(--feature_table-white);
            border-radius: var(--feature_table-radius-md);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            padding: var(--feature_table-spacing-lg);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            opacity: 0;
            pointer-events: none;
            z-index: 10;
            border: 1px solid var(--feature_table-border-light);
            backdrop-filter: blur(8px);
        }

        .feature_table_popup_content {
            display: flex;
            align-items: flex-start;
            gap: var(--feature_table-spacing-md);
        }

        .feature_table_popup_icon {
            font-size: 1.25rem;
            line-height: 1;
            color: var(--feature_table-success-color);
            background: var(--feature_table-success-light);
            padding: 8px;
            border-radius: var(--feature_table-radius-sm);
        }

        .feature_table_popup_text {
            font-size: 0.95rem;
            color: var(--feature_table-text-secondary);
            line-height: 1.6;
            letter-spacing: 0.01em;
        }

        .feature_table_benefit_popup.active {
            opacity: 1;
            pointer-events: auto;
            right: -400px;
        }

        /* Section CTA modernisée */
        .feature_table_cta {
            margin-top: var(--feature_table-spacing-xl);
            padding: var(--feature_table-spacing-xl) var(--feature_table-spacing-lg);
            background: var(--feature_table-white);
            border-radius: var(--feature_table-radius-lg);
            border: 1px solid var(--feature_table-border-light);
            position: relative;
            overflow: hidden;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        }

        .feature_table_cta::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: var(--feature_table-gradient-light);
            opacity: 0.7;
            z-index: 0;
        }

        .feature_table_cta_content {
            position: relative;
            z-index: 1;
            max-width: 800px;
            margin: 0 auto;
            text-align: center;
        }

        .feature_table_offer_badge {
            display: inline-flex;
            align-items: center;
            background: transparent;
            color: var(--feature_table-success-color);
            padding: var(--feature_table-spacing-xs) var(--feature_table-spacing-md);
            border-radius: var(--feature_table-radius-full);
            font-size: 0.9rem;
            font-weight: 600;
            margin-bottom: var(--feature_table-spacing-md);
            gap: var(--feature_table-spacing-xs);
            border: 1px dashed var(--feature_table-success-color);
            position: relative;
        }

        .feature_table_offer_badge::before {
            content: '🎉';
            font-size: 1.1em;
        }

        .feature_table_offer_badge::after {
            content: '';
            position: absolute;
            inset: -2px;
            border: 1px dashed var(--feature_table-success-color);
            border-radius: var(--feature_table-radius-full);
            opacity: 0.5;
            animation: feature_table_pulse 2s infinite;
        }

        .feature_table_cta_offer h3 {
            font-size: 2.25rem;
            color: var(--feature_table-primary-color);
            margin-bottom: var(--feature_table-spacing-sm);
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: -0.02em;
        }

        .feature_table_cta_offer p {
            color: var(--feature_table-text-secondary);
            font-size: 1.1rem;
            margin-bottom: var(--feature_table-spacing-xl);
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

        .feature_table_cta_button {
            display: inline-flex;
            align-items: center;
            gap: var(--feature_table-spacing-sm);
            background: var(--feature_table-gradient-primary);
            color: var(--feature_table-white);
            padding: var(--feature_table-spacing-md) var(--feature_table-spacing-xl);
            border-radius: var(--feature_table-radius-full);
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            font-size: 1.1rem;
            box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.2);
        }

        .feature_table_cta_button:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 20px -6px rgba(37, 99, 235, 0.3);
        }

        .feature_table_cta_trust {
            display: flex;
            justify-content: center;
            gap: var(--feature_table-spacing-xl);
            margin-top: var(--feature_table-spacing-xl);
        }

        .feature_table_trust_item {
            display: flex;
            align-items: center;
            gap: var(--feature_table-spacing-sm);
            color: var(--feature_table-text-secondary);
            font-size: 0.95rem;
            padding: var(--feature_table-spacing-sm) var(--feature_table-spacing-md);
            background: var(--feature_table-white);
            border-radius: var(--feature_table-radius-full);
            border: 1px solid var(--feature_table-border-light);
            transition: all 0.2s ease;
        }

        .feature_table_trust_item:hover {
            transform: translateY(-2px);
            color: var(--feature_table-primary-color);
            border-color: var(--feature_table-primary-color);
            background: var(--feature_table-primary-light);
        }

        @keyframes feature_table_pulse {
            0% {
                transform: scale(1);
                opacity: 0.5;
            }
            50% {
                transform: scale(1.05);
                opacity: 0.2;
            }
            100% {
                transform: scale(1);
                opacity: 0.5;
            }
        }

        /* Media Queries */
        @media (max-width: 1024px) {
            .feature_table_container {
                padding: 0 var(--feature_table-spacing-sm);
            }

            .feature_table_benefit_popup {
                position: fixed;
                bottom: 20px;
                right: 20px;
                left: 20px;
                top: auto;
                width: auto;
            }

            .feature_table_cta_trust {
                flex-wrap: wrap;
                gap: var(--feature_table-spacing-md);
                justify-content: center;
            }
        }

        @media (max-width: 768px) {
            .feature_table_title {
                font-size: 2rem;
                padding: 0 var(--feature_table-spacing-md);
            }

            .feature_table_header {
                grid-template-columns: 3fr 1fr;
            }

            .feature_table_row {
                grid-template-columns: 3fr 1fr;
            }

            .feature_table_cell {
                font-size: 0.95rem;
                padding-right: var(--feature_table-spacing-sm);
            }

            .feature_table_cta_offer h3 {
                font-size: 1.75rem;
            }

            .feature_table_cta_button {
                width: 100%;
                justify-content: center;
            }
        }

        @media (max-width: 480px) {
            .feature_table_title {
                font-size: 1.75rem;
            }

            .feature_table_header_cell, .feature_table_cell {
                padding: var(--feature_table-spacing-xs);
            }

            .feature_table_category_header {
                font-size: 1rem;
                padding: var(--feature_table-spacing-sm) var(--feature_table-spacing-md);
            }

            .feature_table_row {
                padding: var(--feature_table-spacing-sm) var(--feature_table-spacing-md);
            }

            .feature_table_cta_offer h3 {
                font-size: 1.5rem;
            }

            .feature_table_cta_offer p {
                font-size: 1rem;
            }

            .feature_table_cta {
                padding: var(--feature_table-spacing-lg) var(--feature_table-spacing-md);
            }

            .feature_table_trust_item {
                width: 100%;
                justify-content: center;
            }
        }











@media (max-width: 1024px) {
    .container_section_garanties_engagements {
        padding: 4rem 1.5rem;
    }
   
    .cta_final_title {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .grid_section_garanties_engagements {
        grid-template-columns: 1fr;
    }
   
    .title_section_garanties_engagements {
        font-size: 2rem;
    }
   
    .card_section_garanties_engagements {
        padding: 1.5rem;
    }
   
    .certification_badges_section_garanties_engagements {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        gap: 1rem;
    }
   
    .cta_final_features {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        gap: 1rem;
    }
}


 .faq_section_FAQ {
            padding: 4rem 2rem;
            background: linear-gradient(135deg, var(--faq-secondary-color) 0%, #ffffff 100%);
        }

        .faq-container_section_FAQ {
            max-width: 1200px;
            margin: 0 auto;
        }

        .faq-title_section_FAQ {
            font-family: 'Montserrat', sans-serif;
            font-size: 2.5rem;
            color: var(--faq-text-color);
            text-align: center;
            margin-bottom: 3rem;
        }

        .faq-grid_section_FAQ {
            display: grid;
            gap: 1.5rem;
            width: 100%;
        }

        .faq-item_section_FAQ {
            background: #ffffff;
            border-radius: var(--faq-border-radius);
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }

        .faq-question_section_FAQ {
            width: 100%;
            display: flex;
            align-items: center;
            padding: 1.5rem;
            border: none;
            background: none;
            cursor: pointer;
            font-family: 'Montserrat', sans-serif;
            font-size: 1.1rem;
            color: var(--faq-text-color);
            text-align: left;
            transition: var(--faq-transition);
        }

        .faq-question_section_FAQ:hover {
            background: var(--faq-secondary-color);
        }

        .faq-icon_section_FAQ {
            margin-right: 1rem;
            font-size: 1.2rem;
        }

        .faq-arrow_section_FAQ {
            margin-left: auto;
            fill: var(--faq-text-color);
            transition: var(--faq-transition);
        }

        .faq-question_section_FAQ[aria-expanded="true"] .faq-arrow_section_FAQ {
            transform: rotate(180deg);
        }

        .faq-answer_section_FAQ {
            display: none;
            padding: 0 1.5rem 1.5rem;
            font-family: 'Open Sans', sans-serif;
            color: var(--faq-text-color);
            line-height: 1.6;
        }

        .faq-answer_section_FAQ.active {
            display: block;
        }

        @media (max-width: 768px) {
            .faq-title_section_FAQ {
                font-size: 2rem;
            }

            .faq-question_section_FAQ {
                font-size: 1rem;
                padding: 1rem;
            }

            .faq-answer_section_FAQ {
                padding: 0 1rem 1rem;
            }
        }
		
		
		.cta_section_CTA_final {
            padding: 4rem 2rem;
            background: linear-gradient(135deg, var(--cta-secondary-color) 0%, var(--cta-white) 100%);
        }

        .container_section_CTA_final {
            max-width: 900px;
            margin: 0 auto;
            background: var(--cta-white);
            border-radius: var(--cta-border-radius);
            box-shadow: var(--cta-shadow);
            padding: 3rem 2rem;
            text-align: center;
        }

        .offer-info_section_CTA_final {
            margin-bottom: 2rem;
            color: var(--cta-text-color);
        }

        .offer-header_section_CTA_final {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            margin-bottom: 1rem;
        }

        .timer-icon_section_CTA_final {
            fill: var(--cta-primary-color);
            animation: pulse_section_CTA_final 2s infinite;
        }

        .offer-title_section_CTA_final {
            font-family: 'Montserrat', sans-serif;
            font-size: 1.2rem;
            font-weight: 600;
            margin: 0;
            color: var(--cta-primary-color);
        }

        .discount-text_section_CTA_final {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.5rem;
        }

        .discount-amount_section_CTA_final {
            font-family: 'Montserrat', sans-serif;
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--cta-primary-color);
        }

        .discount-details_section_CTA_final {
            font-family: 'Open Sans', sans-serif;
            font-size: 1.1rem;
            color: var(--cta-text-color);
        }

        .cta-main_section_CTA_final {
            margin: 2.5rem 0;
        }

        .cta-button_section_CTA_final {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background: linear-gradient(135deg, var(--cta-primary-color) 0%, #0066CC 100%);
            color: var(--cta-white);
            padding: 1.2rem 2.5rem;
            border-radius: 50px;
            font-family: 'Montserrat', sans-serif;
            font-size: 1.2rem;
            font-weight: 600;
            text-decoration: none;
            transition: var(--cta-transition);
            transform: translateY(0);
        }

        .cta-button_section_CTA_final:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(0, 85, 164, 0.2);
        }

        .arrow_section_CTA_final {
            transition: var(--cta-transition);
        }

        .cta-button_section_CTA_final:hover .arrow_section_CTA_final {
            transform: translateX(5px);
        }

        .reassurance_section_CTA_final {
            display: flex;
            justify-content: center;
            gap: 2rem;
            margin-top: 2rem;
        }

        .reassurance-item_section_CTA_final {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: var(--cta-text-color);
            font-family: 'Open Sans', sans-serif;
            font-size: 1rem;
        }

        .reassurance-icon_section_CTA_final {
            fill: var(--cta-primary-color);
        }

        @keyframes pulse_section_CTA_final {
            0% { transform: scale(1); }
            50% { transform: scale(1.1); }
            100% { transform: scale(1); }
        }

        @media (max-width: 768px) {
            .container_section_CTA_final {
                padding: 2rem 1rem;
            }

            .discount-amount_section_CTA_final {
                font-size: 2rem;
            }

            .reassurance_section_CTA_final {
                flex-direction: column;
                gap: 1rem;
                align-items: center;
            }

            .cta-button_section_CTA_final {
                padding: 1rem 1.5rem;
                font-size: 1rem;
            }
        }
		
		 .cta_section_CTA_final {
            padding: 4rem 2rem;
            background: linear-gradient(135deg, var(--cta-secondary-color) 0%, var(--cta-white) 100%);
        }

        .container_section_CTA_final {
            max-width: 900px;
            margin: 0 auto;
            background: var(--cta-white);
            border-radius: var(--cta-border-radius);
            box-shadow: var(--cta-shadow);
            padding: 3rem 2rem;
            text-align: center;
        }

        .offer-info_section_CTA_final {
            margin-bottom: 2rem;
            color: var(--cta-text-color);
        }

        .offer-header_section_CTA_final {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            margin-bottom: 1rem;
        }

        .timer-icon_section_CTA_final {
            fill: var(--cta-primary-color);
            animation: pulse_section_CTA_final 2s infinite;
        }

        .offer-title_section_CTA_final {
            font-family: 'Montserrat', sans-serif;
            font-size: 1.2rem;
            font-weight: 600;
            margin: 0;
            color: var(--cta-primary-color);
        }

        .discount-text_section_CTA_final {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.5rem;
        }

        .discount-amount_section_CTA_final {
            font-family: 'Montserrat', sans-serif;
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--cta-primary-color);
        }

        .discount-details_section_CTA_final {
            font-family: 'Open Sans', sans-serif;
            font-size: 1.1rem;
            color: var(--cta-text-color);
        }

        .cta-main_section_CTA_final {
            margin: 2.5rem 0;
        }

        .cta-button_section_CTA_final {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background: linear-gradient(135deg, var(--cta-primary-color) 0%, #0066CC 100%);
            color: var(--cta-white);
            padding: 1.2rem 2.5rem;
            border-radius: 50px;
            font-family: 'Montserrat', sans-serif;
            font-size: 1.2rem;
            font-weight: 600;
            text-decoration: none;
            transition: var(--cta-transition);
            transform: translateY(0);
        }

        .cta-button_section_CTA_final:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(0, 85, 164, 0.2);
        }

        .arrow_section_CTA_final {
            transition: var(--cta-transition);
        }

        .cta-button_section_CTA_final:hover .arrow_section_CTA_final {
            transform: translateX(5px);
        }

        .reassurance_section_CTA_final {
            display: flex;
            justify-content: center;
            gap: 2rem;
            margin-top: 2rem;
        }

        .reassurance-item_section_CTA_final {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: var(--cta-text-color);
            font-family: 'Open Sans', sans-serif;
            font-size: 1rem;
        }

        .reassurance-icon_section_CTA_final {
            fill: var(--cta-primary-color);
        }

        @keyframes pulse_section_CTA_final {
            0% { transform: scale(1); }
            50% { transform: scale(1.1); }
            100% { transform: scale(1); }
        }

        @media (max-width: 768px) {
            .container_section_CTA_final {
                padding: 2rem 1rem;
            }

            .discount-amount_section_CTA_final {
                font-size: 2rem;
            }

            .reassurance_section_CTA_final {
                flex-direction: column;
                gap: 1rem;
                align-items: center;
            }

            .cta-button_section_CTA_final {
                padding: 1rem 1.5rem;
                font-size: 1rem;
            }
        }





.footer_section_Footer {
            --footer-primary: var(--primary-color, #0055A4);
            --footer-secondary: var(--secondary-color, #F5F7FA);
            --footer-text: var(--text-color, #2C3E50);
            --footer-light: var(--light-color, #FFFFFF);
            --footer-border: var(--border-color, #E5E9F2);
            --footer-shadow: var(--shadow-color, rgba(0, 85, 164, 0.1));
            --footer-transition: var(--transition, 0.3s ease);
            --footer-spacing: var(--spacing, 1rem);
           
            background: linear-gradient(to bottom, var(--footer-secondary), var(--footer-light));
            padding: 4rem 0 0;
            font-family: 'Open Sans', sans-serif;
        }

        .container_section_Footer {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 var(--footer-spacing);
        }

        .footer-grid_section_Footer {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 2rem;
            margin-bottom: 3rem;
        }

        .footer-column_section_Footer {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        .footer-title_section_Footer {
            font-family: 'Montserrat', sans-serif;
            font-size: 1.2rem;
            font-weight: 600;
            color: var(--footer-primary);
            margin-bottom: 1rem;
        }

        .footer-text_section_Footer {
            color: var(--footer-text);
            line-height: 1.6;
        }

        .certifications_section_Footer,
        .security-badges_section_Footer {
            display: flex;
            gap: 1rem;
            flex-wrap: wrap;
        }

        .cert-badge_section_Footer,
        .security-badge_section_Footer {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.5rem 1rem;
            background: var(--footer-light);
            border-radius: 8px;
            box-shadow: 0 2px 8px var(--footer-shadow);
            transition: var(--footer-transition);
        }

        .cert-icon_section_Footer,
        .security-icon_section_Footer,
        .contact-icon_section_Footer {
            width: 20px;
            height: 20px;
            fill: var(--footer-primary);
        }

        .contact-item_section_Footer {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: var(--footer-text);
        }

        .contact-button_section_Footer {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0.8rem 1.5rem;
            background: var(--footer-primary);
            color: var(--footer-light);
            border: none;
            border-radius: 8px;
            font-weight: 600;
            cursor: pointer;
            transition: var(--footer-transition);
        }

        .contact-button_section_Footer:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px var(--footer-shadow);
        }

        .footer-links_section_Footer {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .footer-links_section_Footer li {
            margin-bottom: 0.8rem;
        }

        .footer-links_section_Footer a {
            color: var(--footer-text);
            text-decoration: none;
            transition: var(--footer-transition);
        }

        .footer-links_section_Footer a:hover {
            color: var(--footer-primary);
            padding-left: 0.5rem;
        }

        .footer-bottom_section_Footer {
            border-top: 1px solid var(--footer-border);
            padding: 1.5rem 0;
            background: var(--footer-light);
        }

        .footer-bottom-content_section_Footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .copyright_section_Footer {
            color: var(--footer-text);
            font-size: 0.9rem;
        }

        .social-links_section_Footer {
            display: flex;
            gap: 1rem;
        }

        .social-link_section_Footer {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: var(--footer-secondary);
            transition: var(--footer-transition);
        }

        .social-link_section_Footer:hover {
            background: var(--footer-primary);
        }

        .social-link_section_Footer svg {
            width: 20px;
            height: 20px;
            fill: var(--footer-primary);
            transition: var(--footer-transition);
        }

        .social-link_section_Footer:hover svg {
            fill: var(--footer-light);
        }

        @media (max-width: 1024px) {
            .footer-grid_section_Footer {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .footer-grid_section_Footer {
                grid-template-columns: 1fr;
            }

            .footer-bottom-content_section_Footer {
                flex-direction: column;
                gap: 1rem;
                text-align: center;
            }
        }









/* Ajout des nouveaux styles en gardant la cohérence avec l'existant */
.header {
    background-color: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    padding: 15px 20px;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.header-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.logo {
    font-size: 24px;
    font-weight: 700;
    color: #2B6CB0;
    text-decoration: none;
    line-height: 1.2;
}

.logo-subtitle {
    font-size: 14px;
    color: #4A5568;
    font-weight: 500;
    line-height: 1.2;
}

.contact-number {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: #2D3748;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 6px;
    border: 2px solid #E2E8F0;
    transition: all 0.3s ease;
}

.contact-number:hover {
    background-color: #F7FAFC;
    border-color: #2B6CB0;
}

.trust-bar {
    background-color: #F7FAFC;
    padding: 12px 20px;
    border-bottom: 1px solid #E2E8F0;
}

.trust-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    font-size: 14px;
    color: #4A5568;
}

.trust-item {
    display: flex;
    align-items: center;
    gap: 8px;
}




:root {
            /* Variables couleurs */
            --tableau_comp_primary-color: #2B6CB0;
            --tableau_comp_primary-dark: #2C5282;
            --tableau_comp_primary-light: #4299E1;
            --tableau_comp_success-color: #4ADE80;
            --tableau_comp_text-primary: #2D3748;
            --tableau_comp_text-secondary: #4A5568;
            --tableau_comp_bg-light: #F7FAFC;
            --tableau_comp_border-color: #E2E8F0;
            --tableau_comp_comp-primary: #2C5282;
            --tableau_comp_comp-white: #FFFFFF;
            --tableau_comp_comp-success: #38A169;
            --tableau_comp_comp-border: #EDF2F7;
            --tableau_comp_comp-shadow: rgba(0, 0, 0, 0.1);
            --tableau_comp_ai-column-border: #38B2AC;
            --tableau_comp_ai-column-glow: rgba(56, 178, 172, 0.3);
        }

        /* Reset CSS spécifique au composant */
        .tableau_comp_wrapper * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        .tableau_comp_wrapper {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            line-height: 1.6;
            color: var(--tableau_comp_text-primary);
            background-color: var(--tableau_comp_bg-light);
        }

        .tableau_comp_section {
            padding: 80px 20px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .tableau_comp_title {
            font-family: 'Montserrat', sans-serif;
            font-size: 2.5rem;
            font-weight: 700;
            text-align: center;
            color: var(--tableau_comp_primary-dark);
            margin-bottom: 60px;
            line-height: 1.2;
        }

        .tableau_comp_container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            background: var(--tableau_comp_comp-white);
            border-radius: 20px;
            box-shadow: 0 10px 30px var(--tableau_comp_comp-shadow);
            overflow: hidden;
        }

        .tableau_comp_column {
            padding: 30px;
            background: white;
            position: relative;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .tableau_comp_header {
            background: linear-gradient(135deg, var(--tableau_comp_comp-primary), var(--tableau_comp_primary-dark));
            color: var(--tableau_comp_comp-white);
            padding: 20px;
            text-align: center;
            font-family: 'Titillium Web', sans-serif;
            font-size: 1.5rem;
            font-weight: 600;
            position: relative;
        }

        .tableau_comp_category {
            margin: 30px 0;
        }

        .tableau_comp_category_title {
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 1.2rem;
            font-weight: 600;
            color: var(--tableau_comp_comp-primary);
            margin-bottom: 15px;
            border-bottom: 2px solid var(--tableau_comp_comp-border);
            padding-bottom: 10px;
        }

        .tableau_comp_item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 0;
            border-bottom: 1px solid var(--tableau_comp_comp-border);
            gap: 20px;
        }

        .tableau_comp_label {
            font-family: 'DM Sans', sans-serif;
            font-size: 1rem;
            color: var(--tableau_comp_text-primary);
        }

        .tableau_comp_value {
            font-family: 'DM Sans', sans-serif;
            font-weight: 500;
            color: var(--tableau_comp_comp-success);
            min-width: 120px;
            text-align: right;
            white-space: nowrap;
        }

        .tableau_comp_diff_positive {
            color: var(--tableau_comp_comp-success);
            font-weight: 600;
        }
		
		/* Styles spéciaux pour la colonne IA */
        .tableau_comp_column:last-child {
            border: 2px solid var(--tableau_comp_ai-column-border);
            box-shadow: 0 0 20px var(--tableau_comp_ai-column-glow);
        }

        .tableau_comp_column:last-child:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px var(--tableau_comp_ai-column-glow);
        }

        /* Badge économies */
        .tableau_comp_savings-badge {
            position: absolute;
            top: -15px;
            right: 15px;
            background: var(--tableau_comp_success-color);
            color: white;
            padding: 8px 15px;
            border-radius: 20px;
            font-size: 0.9rem;
            font-weight: bold;
            animation: tableau_comp_pulse 2s infinite;
            z-index: 2;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            white-space: nowrap;
        }

        @keyframes tableau_comp_pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }

        /* Animation des nombres */
        .tableau_comp_animate-number {
            opacity: 0;
            transform: translateY(20px);
            animation: tableau_comp_fadeInUp 1s forwards;
        }

        @keyframes tableau_comp_fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Styles pour les tooltips */
        .tableau_comp_tooltip {
            position: absolute;
            background: var(--tableau_comp_comp-primary);
            color: white;
            padding: 8px 12px;
            border-radius: 6px;
            font-size: 14px;
            z-index: 1000;
            pointer-events: none;
            white-space: pre-line;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
			max-width: 300px; /* Limite la largeur maximale */
    word-wrap: break-word; /* Permet le retour à la ligne des mots longs */
    white-space: pre-wrap; /* Respecte les sauts de ligne et permet le retour automatique */
    line-height: 1.4; /* Améliore la lisibilité */
    text-align: left; /* Aligne le texte à gauche */
        }

        .tableau_comp_tooltip::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 50%;
            transform: translateX(-50%);
            border-width: 5px 5px 0;
            border-style: solid;
            border-color: var(--tableau_comp_comp-primary) transparent transparent;
        }

        .tableau_comp_has-tooltip {
            cursor: help;
        }

        .tableau_comp_value.tableau_comp_diff_positive {
            position: relative;
            padding-right: 20px;
        }

        .tableau_comp_column:last-child .tableau_comp_value.tableau_comp_diff_positive {
            color: var(--tableau_comp_comp-success);
        }

        .tableau_comp_column:last-child .tableau_comp_value.tableau_comp_diff_positive::after {
            content: '↑';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            color: var(--tableau_comp_comp-success);
        }

        .tableau_comp_column:first-child .tableau_comp_value {
            color: var(--tableau_comp_text-primary);
        }

        /* Responsive design */
        @media (max-width: 768px) {
            .tableau_comp_section {
                padding: 40px 15px;
            }

            .tableau_comp_title {
                font-size: 2rem;
                margin-bottom: 40px;
            }

            .tableau_comp_container {
                grid-template-columns: 1fr;
            }

            .tableau_comp_category {
                margin: 20px 0;
            }

            .tableau_comp_tooltip {
                font-size: 12px;
                max-width: 250px;
            }
			
			.tableau_comp_tooltip {
        max-width: calc(100vw - 40px); /* Largeur maximale sur mobile */
        font-size: 13px; /* Taille de police plus petite sur mobile */
        padding: 10px 15px; /* Padding ajusté */
    }

        }






/* Media Queries */
@media (max-width: 768px) {
    .header-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .logo-container {
        align-items: flex-start;
    }

    .logo-subtitle {
        font-size: 12px;
    }

    .contact-number {
        display: none;
    }

    .trust-content {
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }

    .trust-item {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .header {
        padding: 12px 15px;
    }

    .logo {
        font-size: 20px;
    }

    .logo-subtitle {
        max-width: 250px;
    }
}



/* Banner Styles */
.optim_2_top-banner {
    background: linear-gradient(90deg, #FF6B6B, #FF8E8E);
    padding: 12px 0;
    position: relative;
    overflow: hidden;
}

.optim_2_banner-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 0 20px;
    color: white;
}

.optim_2_banner-highlight {
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 12px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.9rem;
}

.optim_2_banner-text {
    font-size: 1rem;
    font-weight: 500;
}

.optim_2_banner-countdown {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.15);
    padding: 4px 12px;
    border-radius: 20px;
}

.optim_2_countdown-text {
    font-size: 0.9rem;
}

.optim_2_countdown-value {
    font-weight: 700;
    background: white;
    color: #FF6B6B;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.9rem;
    animation: optim_2_pulse 2s infinite;
}

/* Animation de pulse pour le countdown */
@keyframes optim_2_pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* Hero Section Styles */
.optim_2_hero {
    padding: 60px 20px;
    background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);
}

.optim_2_hero-content {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.optim_2_hero-title {
    font-size: 2.5rem;
    color: #2D3748;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.optim_2_subtitle-highlight {
    display: block;
    font-size: 2rem;
    color: #4A5568;
    margin-top: 0.5rem;
}

.optim_2_hero-benefits {
    list-style: none;
    padding: 0;
    margin: 2rem 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

.optim_2_check-icon {
    color: #48BB78;
    margin-right: 0.5rem;
}

.optim_2_cta-container {
    margin: 2rem 0;
}

.optim_2_cta-button.optim_2_primary {
    display: inline-flex;
    align-items: center;
    padding: 1rem 2rem;
    background: #4A90E2;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.optim_2_button-arrow {
    margin-left: 0.5rem;
    transition: transform 0.3s ease;
}

.optim_2_cta-button.optim_2_primary:hover .optim_2_button-arrow {
    transform: translateX(4px);
}

.optim_2_cta-subtext {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.optim_2_trust-badge {
    font-size: 0.9rem;
    color: #4A5568;
}

.optim_2_social-proof {
    margin-top: 3rem;
}

.optim_2_trust-ratings {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.optim_2_rating-logo {
    height: 24px;
}

.optim_2_rating-stars {
    color: #F6E05E;
}

.optim_2_rating-text {
    font-size: 0.9rem;
    color: #4A5568;
}

/* Responsive Design */
@media (max-width: 768px) {
    .optim_2_banner-content {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .optim_2_hero-title {
        font-size: 2rem;
    }

    .optim_2_subtitle-highlight {
        font-size: 1.5rem;
    }

    .optim_2_cta-subtext {
        flex-direction: column;
        gap: 0.5rem;
    }
}

@media (max-width: 480px) {
    .optim_2_banner-text {
        font-size: 0.9rem;
    }

    .optim_2_banner-highlight,
    .optim_2_countdown-text,
    .optim_2_countdown-value {
        font-size: 0.8rem;
    }

    .optim_2_hero-title {
        font-size: 1.75rem;
    }

    .optim_2_subtitle-highlight {
        font-size: 1.25rem;
    }
}





/* Section Bénéfices Styles */
.optim_3_benefits {
    padding: 80px 20px;
    background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);
}

.optim_3_section-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 60px;
}

.optim_3_section-title {
    font-size: 2.5rem;
    color: #2D3748;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.optim_3_section-subtitle {
    font-size: 1.2rem;
    color: #4A5568;
    line-height: 1.6;
}

.optim_3_benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.optim_3_benefit-card {
    background: white;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    border: 1px solid #E2E8F0;
}

.optim_3_benefit-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px rgba(0, 0, 0, 0.1);
}

.optim_3_benefit-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.optim_3_benefit-icon {
    font-size: 2rem;
    background: #EBF8FF;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.optim_3_benefit-title {
    font-size: 1.5rem;
    color: #2D3748;
    margin: 0;
}

.optim_3_benefit-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
}

.optim_3_benefit-list li {
    margin-bottom: 12px;
    padding-left: 24px;
    position: relative;
    color: #4A5568;
}

.optim_3_benefit-list li::before {
    content: "✓";
    color: #48BB78;
    position: absolute;
    left: 0;
}

.optim_3_benefit-proof {
    background: #F7FAFC;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    margin-bottom: 20px;
}

.optim_3_proof-number {
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    color: #2B6CB0;
    margin-bottom: 5px;
}

.optim_3_proof-text {
    color: #4A5568;
    font-size: 0.9rem;
}

.optim_3_benefit-cta {
    width: 100%;
    padding: 12px 20px;
    background: #2B6CB0;
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.optim_3_benefit-cta:hover {
    background: #2C5282;
    transform: translateY(-2px);
}

.optim_3_social-proof-banner {
    margin-top: 60px;
    padding: 30px;
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    max-width: 1200px;
    margin: 60px auto 0;
}

.optim_3_proof-items {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
}

.optim_3_proof-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.optim_3_proof-logo {
    height: 40px;
    width: auto;
}

.optim_3_proof-text {
    font-size: 0.9rem;
    color: #4A5568;
    font-weight: 500;
}

/* Animation pour les cartes */
[data-aos] {
    opacity: 0;
    transition: all 0.6s ease;
}

[data-aos].aos-animate {
    opacity: 1;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .optim_3_benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .optim_3_benefits {
        padding: 60px 20px;
    }

    .optim_3_section-title {
        font-size: 2rem;
    }

    .optim_3_benefits-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .optim_3_proof-items {
        gap: 20px;
    }

    .optim_3_benefit-card {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .optim_3_section-title {
        font-size: 1.75rem;
    }

    .optim_3_section-subtitle {
        font-size: 1rem;
    }

    .optim_3_proof-item {
        flex-direction: column;
        text-align: center;
    }
}






/* FAQ Section Styles - Prefix unique: faq_opt_20231208_ */
.faq_opt_20231208_section {
    padding: 80px 20px;
    background: linear-gradient(145deg, #f8faff 0%, #ffffff 100%);
    position: relative;
    overflow: hidden;
}

.faq_opt_20231208_container {
    max-width: 900px;
    margin: 0 auto;
}

.faq_opt_20231208_header {
    text-align: center;
    margin-bottom: 60px;
}

.faq_opt_20231208_title {
    font-size: 2.5rem;
    color: #2D3748;
    margin-bottom: 1rem;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

.faq_opt_20231208_subtitle {
    font-size: 1.1rem;
    color: #4A5568;
    max-width: 600px;
    margin: 0 auto;
}

.faq_opt_20231208_grid {
    display: grid;
    gap: 20px;
}

.faq_opt_20231208_item {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #E2E8F0;
}

.faq_opt_20231208_item:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    transform: translateY(-2px);
}

.faq_opt_20231208_question {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 24px;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: all 0.3s ease;
    position: relative;
}

.faq_opt_20231208_question:hover {
    background: #F7FAFC;
}

.faq_opt_20231208_question_icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background: #EBF8FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    font-size: 1.1rem;
}

.faq_opt_20231208_question_text {
    flex-grow: 1;
    font-size: 1.1rem;
    font-weight: 600;
    color: #2D3748;
    padding-right: 40px;
    font-family: 'Inter', sans-serif;
}

.faq_opt_20231208_arrow {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
    width: 20px;
    height: 20px;
    color: #4A5568;
}

.faq_opt_20231208_item[data-expanded="true"] .faq_opt_20231208_arrow {
    transform: translateY(-50%) rotate(180deg);
}

.faq_opt_20231208_answer {
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: #F8FAFC;
}

.faq_opt_20231208_answer_content {
    padding: 0 24px 24px 72px;
    color: #4A5568;
    font-size: 1rem;
    line-height: 1.7;
}

.faq_opt_20231208_answer_content ul {
    list-style: none;
    padding: 0;
    margin: 16px 0;
}

.faq_opt_20231208_answer_content li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 12px;
}

.faq_opt_20231208_answer_content li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #48BB78;
}

.faq_opt_20231208_proof_box {
    background: white;
    border-radius: 8px;
    padding: 16px;
    margin-top: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #E2E8F0;
}

.faq_opt_20231208_proof_icon {
    width: 40px;
    height: 40px;
    background: #48BB78;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
}

.faq_opt_20231208_proof_text {
    font-size: 0.9rem;
    color: #2D3748;
    font-weight: 500;
}

.faq_opt_20231208_cta {
    margin-top: 40px;
    text-align: center;
    padding: 30px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.faq_opt_20231208_cta_title {
    font-size: 1.3rem;
    color: #2D3748;
    margin-bottom: 8px;
    font-weight: 600;
}

.faq_opt_20231208_cta_subtitle {
    color: #4A5568;
    margin-bottom: 20px;
}

.faq_opt_20231208_cta_button {
    display: inline-flex;
    align-items: center;
    padding: 12px 24px;
    background: #2B6CB0;
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    gap: 8px;
}

.faq_opt_20231208_cta_button:hover {
    background: #2C5282;
    transform: translateY(-2px);
}

.faq_opt_20231208_item[data-expanded="true"] .faq_opt_20231208_answer {
    max-height: 1000px;
}

/* Animation des réponses */
@keyframes faq_opt_20231208_slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.faq_opt_20231208_answer.active {
    animation: faq_opt_20231208_slideDown 0.3s ease forwards;
}

/* Responsive Design */
@media (max-width: 768px) {
    .faq_opt_20231208_section {
        padding: 60px 20px;
    }

    .faq_opt_20231208_title {
        font-size: 2rem;
    }

    .faq_opt_20231208_question {
        padding: 20px;
    }

    .faq_opt_20231208_answer_content {
        padding: 0 20px 20px 60px;
    }

    .faq_opt_20231208_question_icon {
        width: 28px;
        height: 28px;
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .faq_opt_20231208_title {
        font-size: 1.75rem;
    }

    .faq_opt_20231208_question_text {
        font-size: 1rem;
    }

    .faq_opt_20231208_answer_content {
        font-size: 0.95rem;
    }
}



/* CTA Final Styles - Unique prefix: cta_final_20231208_ */
.cta_final_20231208_section {
    padding: 80px 20px;
    background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);
    position: relative;
    overflow: hidden;
}

.cta_final_20231208_container {
    max-width: 1000px;
    margin: 0 auto;
    background: white;
    border-radius: 24px;
    padding: 60px 40px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

/* Background effect */
.cta_final_20231208_container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(66, 153, 225, 0.05) 0%, rgba(49, 130, 206, 0.1) 100%);
    z-index: 1;
}

.cta_final_20231208_content {
    position: relative;
    z-index: 2;
    text-align: center;
}

.cta_final_20231208_offer_badge {
    display: inline-flex;
    align-items: center;
    background: rgba(72, 187, 120, 0.1);
    color: #2F855A;
    padding: 8px 16px;
    border-radius: 100px;
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 24px;
    gap: 8px;
}

.cta_final_20231208_offer_badge::before {
    content: '🎉';
}

.cta_final_20231208_title {
    font-size: 2.5rem;
    color: #2D3748;
    margin-bottom: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.cta_final_20231208_subtitle {
    font-size: 1.1rem;
    color: #4A5568;
    margin-bottom: 40px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.cta_final_20231208_features {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.cta_final_20231208_feature {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
    color: #2D3748;
}

.cta_final_20231208_feature_icon {
    width: 32px;
    height: 32px;
    background: rgba(66, 153, 225, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2B6CB0;
}

.cta_final_20231208_primary_button {
    display: inline-flex;
    align-items: center;
    background: #2B6CB0;
    color: white;
    padding: 16px 32px;
    border-radius: 100px;
    font-weight: 600;
    font-size: 1.1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    gap: 8px;
    box-shadow: 0 4px 6px rgba(43, 108, 176, 0.2);
    margin-bottom: 24px;
}

.cta_final_20231208_primary_button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 15px rgba(43, 108, 176, 0.3);
    background: #2C5282;
}

.cta_final_20231208_guarantee {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #4A5568;
    font-size: 0.9rem;
    margin-bottom: 40px;
}

.cta_final_20231208_guarantee_icon {
    color: #48BB78;
}

.cta_final_20231208_trust_badges {
    display: flex;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
}

.cta_final_20231208_badge {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: #F7FAFC;
    border-radius: 8px;
    font-size: 0.9rem;
    color: #4A5568;
}

.cta_final_20231208_countdown {
    background: #2B6CB0;
    color: white;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 500;
    margin-bottom: 32px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.cta_final_20231208_timer {
    font-weight: 700;
    color: #F6E05E;
}

/* Animation pour le timer */
@keyframes cta_final_20231208_pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.cta_final_20231208_timer {
    animation: cta_final_20231208_pulse 2s infinite;
}

/* Responsive Design */
@media (max-width: 768px) {
    .cta_final_20231208_container {
        padding: 40px 20px;
    }

    .cta_final_20231208_title {
        font-size: 2rem;
    }

    .cta_final_20231208_features {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
        padding-left: 20px;
    }

    .cta_final_20231208_primary_button {
        width: 100%;
        justify-content: center;
    }

    .cta_final_20231208_trust_badges {
        gap: 16px;
    }
}

@media (max-width: 480px) {
    .cta_final_20231208_title {
        font-size: 1.75rem;
    }

    .cta_final_20231208_subtitle {
        font-size: 1rem;
    }

    .cta_final_20231208_badge {
        width: 100%;
        justify-content: center;
    }
}

		
		
		
		/* Footer Styles - Prefix unique: footer_opt_20231208_ */
.footer_opt_20231208_section {
    background: linear-gradient(to bottom, #f8faff 0%, #ffffff 100%);
    padding: 80px 0 0;
    color: #2D3748;
    font-family: 'Inter', sans-serif;
}

.footer_opt_20231208_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.footer_opt_20231208_grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 60px;
    margin-bottom: 60px;
}

/* About Column */
.footer_opt_20231208_about {
    max-width: 400px;
}

.footer_opt_20231208_logo {
    display: block;
    margin-bottom: 20px;
    max-width: 160px;
    height: auto;
}

.footer_opt_20231208_description {
    color: #4A5568;
    line-height: 1.6;
    margin-bottom: 24px;
    font-size: 0.95rem;
}

.footer_opt_20231208_certifications {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

.footer_opt_20231208_cert_badge {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: #F7FAFC;
    border-radius: 8px;
    font-size: 0.85rem;
    color: #2D3748;
    font-weight: 500;
    transition: all 0.3s ease;
}

.footer_opt_20231208_cert_badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.footer_opt_20231208_cert_icon {
    width: 20px;
    height: 20px;
    fill: #2B6CB0;
}

/* Contact Column */
.footer_opt_20231208_column {
    display: flex;
    flex-direction: column;
}

.footer_opt_20231208_title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #2D3748;
    margin-bottom: 24px;
}

.footer_opt_20231208_contact_info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer_opt_20231208_contact_item {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #4A5568;
    text-decoration: none;
    transition: all 0.3s ease;
}

.footer_opt_20231208_contact_item:hover {
    color: #2B6CB0;
    transform: translateX(4px);
}

.footer_opt_20231208_contact_icon {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.footer_opt_20231208_contact_button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #2B6CB0;
    color: white;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 500;
    margin-top: 20px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.footer_opt_20231208_contact_button:hover {
    background: #2C5282;
    transform: translateY(-2px);
}

/* Links Column */
.footer_opt_20231208_links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer_opt_20231208_link_item {
    margin-bottom: 12px;
}

.footer_opt_20231208_link {
    color: #4A5568;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.footer_opt_20231208_link:hover {
    color: #2B6CB0;
    transform: translateX(4px);
}

/* Trust Bar */
.footer_opt_20231208_trust_bar {
    background: #F7FAFC;
    padding: 24px 0;
    margin-top: 60px;
    border-top: 1px solid #E2E8F0;
}

.footer_opt_20231208_trust_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer_opt_20231208_copyright {
    color: #4A5568;
    font-size: 0.9rem;
}

.footer_opt_20231208_trust_badges {
    display: flex;
    gap: 24px;
    align-items: center;
}

.footer_opt_20231208_trust_badge {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #4A5568;
    font-size: 0.9rem;
}

.footer_opt_20231208_trust_icon {
    width: 20px;
    height: 20px;
    fill: #2B6CB0;
}

/* Social Media */
.footer_opt_20231208_social {
    display: flex;
    gap: 16px;
}

.footer_opt_20231208_social_link {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #F7FAFC;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.footer_opt_20231208_social_link:hover {
    background: #2B6CB0;
    transform: translateY(-2px);
}

.footer_opt_20231208_social_link:hover svg {
    fill: white;
}

.footer_opt_20231208_social_icon {
    width: 20px;
    height: 20px;
    fill: #2B6CB0;
    transition: all 0.3s ease;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .footer_opt_20231208_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
}

@media (max-width: 768px) {
    .footer_opt_20231208_grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .footer_opt_20231208_trust_content {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    .footer_opt_20231208_trust_badges {
        flex-direction: column;
        gap: 16px;
    }

    .footer_opt_20231208_about {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .footer_opt_20231208_certifications {
        flex-direction: column;
    }

    .footer_opt_20231208_social {
        justify-content: center;
    }
}