body,h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif}.main-nav ul,body{margin:0;padding:0}.btn,.main-nav ul li a{text-transform:capitalize;}.dropdown-content a,.main-nav ul li a{letter-spacing:normal;text-decoration:none}.hero p,p{line-height:1.6}.btn,.faq-question,.hero .hero-cta-button{transition:background-color .3s}html{overflow-x:hidden}:root{--bleu-principal:#1E73BE;--gris-fonce:#080f1a;--gris-clair:#F4F5F7;--blanc:#FFFFFF;--accent-rouge:#E53935;--bleu-clair-degrade:#87CEEB;--gris-bordure:#E0E0E0;--vert-check:#4CAF50;--gris-copyright:#CCCCCC;--alert-banner-height: 0px;}body{box-sizing:border-box;color:var(--gris-fonce);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--bleu-fonce)}.container{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.btn,.main-nav .header-cta{padding:12px 24px;border-radius:8px;color:#FFFFFF;font-weight:700; font-family: 'Montserrat'; background-color:#3C9AFF;}section{padding:80px 0}.btn{display:inline-block;background-color:#3C9AFF;text-decoration:none;font-size:16px;font-family: 'Montserrat'; font-weight:500; color:#FFFFFF;}.btn:hover,.cookie-consent-banner .cookie-btn:hover,.hero .hero-cta-button:hover,.hero-form .btn:hover,.newsletter-form .btn:hover{background-color:#6CB4FF}h2{font-size:36px}h3{font-size:28px}p{font-size:16px;font-weight:400}.placeholder-image{background-color:var(--gris-clair);display:flex;justify-content:center;align-items:center;color:var(--gris-fonce);font-weight:700;font-size:24px;text-align:center}.dropdown-content,.header{background-color:var(--blanc)}.header{padding:20px 0;box-shadow:0 2px 5px rgba(0,0,0,.05);position:sticky;top:var(--alert-banner-height);z-index:999}.header .container{display:flex;justify-content:space-between;align-items:center}.logo-image{max-height:44px;width:auto}.main-nav ul{list-style:none;display:flex;align-items:center}.main-nav ul li{margin-left:32px;position:relative}

.main-nav ul li.dropdown {
    position: relative;
}

.main-nav ul li a{color:var(--bleu-fonce);font-size:16px;padding:5px 0;display:inline-flex;align-items:center;position:relative;line-height:1.2;height: 24px; /* Hauteur fixe pour aligner */ font-family: 'Montserrat'; font-weight: 900;}
.main-nav ul li a:not(.btn):hover::after{width:100%}.how-it-works-content h2 .text-blue,.main-nav ul li a:hover,.text-red{color:#3C9AFF;}.main-nav .header-cta{margin-left:32px;font-size:16px;background-color:#3C9AFF; font-family: 'Montserrat'; color: #080f1a; font-weight:700; border: 2px solid black;}.cta-section .cta-button:hover,.main-nav .header-cta:hover{background-color:#6CB4FF;color:#FFFFFF;}.dropdown-content{display:none;position:absolute;min-width:250px;box-shadow:0 8px 16px 0 rgba(0,0,0,.1);border:1px solid var(--gris-bordure);z-index:1;border-radius:4px;overflow:hidden;padding:15px}

.dropdown-content {
    background-color: var(--blanc);
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    padding: 20px;
    display: none;
    position: absolute;
    top: 100%; /* Positionne le dropdown au bord inférieur de l'élément parent */
    left: 50%;
    transform: translateX(-50%); /* Centre le dropdown */
    min-width: 260px; /* Ajustez la largeur minimale selon vos besoins */
    z-index: 1;
    border: none; /* Supprime la bordure */
}

.dropdown-content a {
    color: var(--gris-fonce)!important;
    padding: 8px 0;
    display: block;
    text-transform: none;
    font-size: 15px;
    font-weight: 500;
    transition: color 0.2s ease;
}

.dropdown-content a:hover {
    color: var(--bleu-principal)!important;
    background-color: transparent; /* Assurez-vous qu'il n'y a pas de fond au survol */
}

.dropdown:hover .dropdown-content { /* Afficher au survol pour desktop */
    display: block;
}

.dropdown-arrow {
    display: inline-block;
    width: 10px;
    height: 6px;
    background-image: url('data:image/svg+xml;utf8,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L5 5L9 1" stroke="%234A5568" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-left: 8px;
    transition: transform 0.3s ease;
}

.dropdown:hover .dropdown-arrow,
.dropdown.active .dropdown-arrow {
    transform: rotate(180deg);
}
.hero .container{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.hero h1,.hero-form .form-group,.problematics-section .card-icon{margin-bottom:20px}.hero .hero-content h1{font-family: 'Montserrat'; font-size: 72px!important; color: var(--gris-fonce)!important; font-weight: 600; margin:0 auto 20px auto; text-align:center; max-width:100%;}.hero p{font-family: 'Montserrat'; font-size:16px; color: var(--gris-fonce); max-width:100%; text-align:center; margin:0 auto 30px auto; font-weight: 500;}
.hero .hero-cta-button{display:inline-block;padding:16px 32px;color:#FFFFFF;text-decoration:none;border-radius:8px;font-weight:700;font-size:18px;margin-top:20px; background-color: #3C9AFF; font-family: 'Montserrat'; border: 2px solid black;}
.hero .hero-cta-button:hover{background-color:#6CB4FF;color:#FFFFFF;}
.hero-checks {
    margin-top: 80px;
}

.hero-checks ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 30px; /* Espace entre les éléments */
    flex-wrap: wrap;
}

.hero-checks ul li {
    display: flex;
    align-items: center;
    color: #080f1a !important; /* Texte en gris foncé */
    font-size: 19px !important; /* Taille de police diminuée */
    font-weight: 500;
}

.hero-checks ul li img {
    width: 40px; /* Taille de l'icône de coche augmentée */
    height: 40px;
    margin-right: 10px;
}

@media (max-width: 768px) {
    .hero-checks ul {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
}
.hero {
    padding-bottom: 0;
}
.hero-section{background:#4a5568;padding:80px 0;}
.hero-image-section {
    background-color: #3C9AFF;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-top: 0px;
}

.hero-image-section img {
    max-width: 931px;
    max-height: 557px;
    width: 100%;
    height: auto;
    display: block;
}

.lead-section{background-color:var(--bleu-principal);}
.hero-form,.problematics-section{background-color:var(--blanc)}.hero-section .container{display:flex;flex-direction:column;align-items:center;gap:0}.hero-content{flex:none;width:100%;max-width:100%;text-align:center;}.hero-content h1{font-size:48px;margin-bottom:20px;line-height:1.2;color:var(--blanc);font-weight:600}
.hero-content p {
    max-width: 800px; /* Réduit la largeur maximale du paragraphe */
    margin-left: auto;
    margin-right: auto;
}
.hero-content ul{list-style:none;padding:0;margin-bottom:16px}.hero-content ul li{font-size:18px;margin-bottom:10px;color:var(--blanc);display:flex;align-items:center}.hero-content ul li .icon-check img{margin-right:10px;width:40px;height:40px}.hero-form-wrapper{flex:0 0 450px;scroll-margin-top:120px}.hero-form{padding:30px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);background-color:var(--blanc)}
.hero-content .hero-checks ul li {
    color: #080f1a !important; /* Texte en gris foncé, avec !important pour surcharger */
}

.hero-form h3{font-size:24px;font-weight:700;color:#cb2d1a;margin-bottom:25px;text-align:center}.hero-form label{display:block;font-size:16px;color:var(--gris-fonce);margin-bottom:8px;font-weight:700}.hero-form input[type=email],.hero-form input[type=tel],.hero-form input[type=text]{width:100%;padding:12px;height:48px;border:1px solid var(--gris-bordure);border-radius:8px;font-size:16px;box-sizing:border-box;appearance:auto;-webkit-appearance:auto;-moz-appearance:auto;background-image:none}.hero-form select{width:100%;padding:12px 40px 12px 12px;height:48px;border:1px solid var(--gris-bordure);border-radius:8px;font-size:16px;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"%3e%3cpolyline points="6 9 12 15 18 9"%3e%3c/polyline%3e%3c/svg%3e');background-repeat:no-repeat;background-position:right 12px center;background-size:20px}.footer-column ul,.why-choose-content ol{list-style:none;padding:0}.hero-form select::-ms-expand{display:none}.hero-form input::placeholder{color:#aaa}.hero-form .btn{width:100%;padding:15px;height:52px;font-size:16px;border:none;cursor:pointer;color:var(--blanc);border-radius:8px}.section-title{text-align:center;font-size:32px;margin-bottom:50px}.problematics-section .cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.problematics-section .card{background-color:var(--gris-clair);padding:32px;border-radius:12px;box-shadow:none;text-align:center;transition:transform .3s}.problematics-section .card:hover{transform:translateY(-5px)}.problematics-section .card-icon img{width:48px;height:48px;border-radius:50%;background-color:var(--bleu-principal);color:var(--blanc)}.problematics-section .card h3{font-size:24px;color:var(--bleu-fonce);margin-bottom:15px}.problematics-section .card p{font-size:16px;line-height:1.6;color:var(--gris-fonce)}.why-choose-section{background-color:#f0f1f8}.why-choose-section .container{display:flex;align-items:center;gap:50px}.why-choose-content{flex:1;order:2}.why-choose-content h2{font-size:36px;color:var(--bleu-fonce);margin-bottom:20px}.newsletter-content p,.why-choose-content p{font-size:16px;line-height:1.6;color:var(--gris-fonce);margin-bottom:30px}.why-choose-content ol li{font-size:16px;margin-bottom:15px;display:flex;align-items:center;color:var(--gris-fonce)}.why-choose-content ol li img{width:25px;height:25px;margin-right:15px;flex-shrink:0}.why-choose-content ol li .advantage-text{flex:1}.why-choose-image{flex:0 0 400px;order:1;height:300px;display:flex;justify-content:center;align-items:center;border-radius:8px}.why-choose-image img{width:100%;height:auto;object-fit:contain}.how-it-works-section .container{display:flex;flex-direction:column;align-items:center;gap:50px}.how-it-works-content{flex:none;width:100%}.how-it-works-content h2{font-size:36px;margin-bottom:40px;text-align:center}.faq-container{width:100%;max-width:900px;margin:0 auto}.faq-answer p,.faq-item{margin-bottom:15px}.faq-item{background-color:var(--blanc);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);overflow:hidden;border:1px solid var(--gris-bordure)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;font-size:18px;font-weight:700;color:var(--bleu-fonce);cursor:pointer;position:relative}.faq-question::after{content:'+';font-size:24px;color:var(--bleu-principal);margin-left:15px;transition:transform .3s}.faq-item[open] .faq-question::after{content:'-';transform:rotate(0)}.faq-answer{padding:0 25px 20px;font-size:16px;line-height:1.6;color:var(--gris-fonce);border-top:1px solid var(--gris-bordure);margin-top:-1px}.faq-answer a.learn-more{color:var(--bleu-principal);text-decoration:none;font-weight:500;display:inline-flex;align-items:center}.faq-answer a.learn-more::after{content:'\2192';margin-left:8px;transition:margin-left .3s}.faq-answer a.learn-more:hover::after{margin-left:12px}.how-it-works-image{display:none}.lead-generation-section{background:linear-gradient(to bottom,var(--blanc),var(--gris-clair))}.lead-generation-section .section-title{font-size:28px;color:var(--bleu-fonce)}.lead-generation-section .section-title .text-blue,.menu-toggle svg,.newsletter-content h3 .text-blue,.video-section .section-title{color:var(--bleu-fonce)}.lead-generation-section .lead-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;text-align:center}.lead-step{display:flex;flex-direction:column;align-items:center;justify-content:center}.lead-step .step-icon{display:flex;justify-content:center;align-items:center;margin-bottom:5px;box-shadow:none}.lead-step p{font-size:18px;color:var(--gris-fonce);line-height:1.5}.cta-section h2,.cta-section h2 .text-blue{color:var(--blanc)}.cta-section{background-color:#27326f;text-align:center;padding:80px 0}.cta-section h2{font-size:36px;margin-bottom:40px;line-height:1.3}.cta-section .cta-button{padding:18px 40px;font-size:16px;border-radius:8px;background-color:var(--bleu-principal);color:var(--blanc);font-weight:700}.video-section{background-color:var(--blanc);text-align:center}.cookie-consent-banner,.footer{background-color:var(--gris-fonce)}.video-section .video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:800px;margin:0 auto 30px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.video-section .video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-section .video-description{font-size:16px;color:var(--gris-fonce);line-height:1.6;max-width:800px;margin:0 auto}.newsletter-section .container{display:flex;align-items:center;justify-content:space-around;gap:40px}.newsletter-content{flex:1;max-width:500px;text-align:center}.newsletter-content h3{font-size:28px;color:var(--bleu-fonce);margin-bottom:20px}.newsletter-form{display:flex;justify-content:center;gap:10px}.newsletter-form input[type=email]{padding:12px;border:1px solid var(--gris-bordure);border-radius:8px;font-size:16px;flex:1;max-width:350px;box-sizing:border-box}.newsletter-form .btn{background-color:var(--bleu-principal);color:var(--blanc);border-radius:8px;font-weight:700}.newsletter-image{flex:0 0 300px;height:300px;display:flex;justify-content:center;align-items:center}.footer{color:var(--blanc);padding:60px 0 20px;font-size:14px}.footer .container{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.footer-column{flex:1;min-width:250px;margin-bottom:20px}.footer-column h4{font-size:18px;color:var(--blanc);margin-bottom:20px}.footer-column ul{margin:0}.error-message,.footer-column p,.footer-column ul li{margin-bottom:10px}.footer-column ul li a{text-decoration:none;color:var(--blanc);transition:color .3s}.footer-column ul li a:hover{color:var(--bleu-clair-degrade)}.footer-column p{line-height:1.6}.social-icons{display:flex;gap:15px;margin-top:15px}.social-icons img{width:30px;height:30px;border-radius:50%;background-color:var(--accent-rouge);transition:transform .3s}.social-icons img:hover{transform:scale(1.1)}.footer-bottom{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{font-size:12px;color:var(--gris-copyright)}.input-error{border:2px solid red!important}.error-message{color:red;font-size:.9em;margin-top:5px}.success-message{color:green;font-size:24px;text-align:center;margin-top:20px;margin-bottom:20px}.cookie-consent-banner{position:fixed;bottom:0;left:0;width:100%;color:var(--blanc);padding:15px 20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease-out,visibility .5s ease-out;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;z-index:1000;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.cookie-consent-banner.active{opacity:1;visibility:visible;pointer-events:auto}.cookie-consent-banner p{margin:0;font-size:15px;line-height:1.5;text-align:center;color:var(--blanc)}.cookie-consent-banner .cookie-link{color:var(--blanc);text-decoration:underline}.cookie-consent-banner .cookie-link:hover{color:#a32414}.cookie-consent-banner .cookie-btn{background-color:#F2A541;color:var(--blanc);border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:500;font-size:15px;transition:background-color .3s}.menu-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:10px;z-index:1001}@media (max-width:992px){.main-nav{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease-out,opacity .5s ease-out;flex-direction:column;position:absolute;top:80px;left:0;width:100%;background-color:var(--blanc);box-shadow:0 2px 5px rgba(0,0,0,.05);z-index:1000}.main-nav.active{max-height:500px;opacity:1;display:flex}.main-nav ul{flex-direction:column;width:100%}.main-nav ul li{margin:0;width:100%;text-align:center;border-bottom:1px solid var(--gris-clair)}.main-nav ul li:last-child{border-bottom:none}.main-nav ul li a{padding:15px 20px;color:var(--bleu-fonce)}.dropdown:hover .dropdown-content,.main-nav ul li a:not(.btn)::after{display:none}.main-nav .header-cta{margin:15px auto;width:fit-content}.dropdown.active .dropdown-content,.menu-toggle{display:block}.header .container{padding:0 15px}.dropdown-content{position:static;box-shadow:none;border:none;padding:0 20px;background-color:var(--gris-clair);transform:none;left:auto;min-width:auto}.dropdown-content a{padding:10px 20px;text-align:center}}@media (max-width:768px){.cookie-consent-banner{flex-direction:column;padding:15px 20px;text-align:center}.cookie-consent-banner p{margin-bottom:10px}.hero-content,.newsletter-content{max-width:100%}.hero-section .container{flex-direction:column;align-items:center}.hero{background-attachment:scroll}.hero-content{text-align:center;margin-bottom:40px}.hero-content h1{font-size:clamp(32px, 5vw, 48px)!important}.hero-content .subtitle,.lead-step p{font-size:16px}.hero-content ul{text-align:left;padding:0 20px}.hero-form-wrapper{flex:0 0 100%}.hero-form,.problematics-section .card{padding:25px}.section{padding:60px 0}h1{font-size:42px}h2{font-size:30px}h3{font-size:24px}p{font-size:15px}.btn{padding:10px 20px;font-size:14px}.problematics-section .cards-grid{grid-template-columns:1fr;gap:20px}.why-choose-section .container{flex-direction:column}.why-choose-content{order:1;text-align:center}.why-choose-image{order:0;flex:none;width:100%;height:auto;margin-bottom:20px;margin-top:0}.why-choose-content ol{text-align:left}.faq-question{padding:15px 20px;font-size:16px}.faq-answer{padding:0 20px 15px;font-size:15px}.lead-generation-section .lead-steps-grid{grid-template-columns:1fr}.cta-section h2{font-size:28px}.cta-section .cta-button{padding:15px 30px;font-size:15px}.footer .container,.newsletter-section .container{flex-direction:column;text-align:center}.newsletter-form{flex-direction:column;align-items:center;width:100%}.newsletter-form input[type=email]{max-width:100%;margin-bottom:10px}.newsletter-form .btn{width:100%;max-width:350px}.newsletter-image{display:none}.footer-column{min-width:100%}.social-icons{justify-content:center}}@media (max-width:576px){.cookie-consent-banner{flex-direction:column;padding:15px 20px;text-align:center}.cookie-consent-banner p{margin-bottom:10px}}
.footer-column h3 {color: var(--blanc);}
.highlight-text {
    background-color: #CB2D1A;
}
.social-proof-section {
    background-color: var(--gris-clair);
}

.case-studies-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.case-study-card {
    background-color: var(--blanc);
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    text-align: left;
}

.case-study-card h3 {
    font-size: 24px;
    color: var(--bleu-fonce);
    margin-bottom: 15px;
}

.case-study-card p {
    font-size: 16px;
    line-height: 1.6;
    color: var(--gris-fonce);
    margin-bottom: 10px;
}

.case-study-card .results {
    font-weight: 700;
    color: var(--bleu-principal);
    margin-top: 20px;
    margin-bottom: 10px;
}

.case-study-card ul {
    list-style: none;
    padding: 0;
    margin-top: 10px;
}

.case-study-card ul li {
    font-size: 16px;
    color: var(--gris-fonce);
    margin-bottom: 8px;
    position: relative;
    padding-left: 25px;
}

.case-study-card ul li::before {
    content: '✅';
    position: absolute;
    left: 0;
    top: 0;
}

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

/* Styles pour la section des blocs alternés */
.alternating-blocks-section {
    padding: 80px 0;
    background-color: var(--gris-clair); /* Fond clair */
}

.alternating-blocks-section .container {
    display: flex;
    flex-direction: column; /* Par défaut, les blocs sont empilés sur les petits écrans */
    gap: 60px; /* Espace entre les blocs */
}

.content-block {
    display: flex;
    align-items: center;
    gap: 40px;
    background-color: var(--blanc); /* Fond blanc pour chaque bloc */
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.content-block .block-image {
    flex: 1 1 50%; /* Ajouté flex-basis */
    min-width: 0; /* Permet au contenu de se réduire */
    text-align: center; /* Centre l'image si elle est plus petite que son conteneur */
}

.content-block .block-content {
    flex: 1 1 50%; /* Ajouté flex-basis */
    min-width: 0; /* Permet au contenu de se réduire */
}

.content-block .block-image img {
    max-width: 100%; /* S'assure que l'image ne dépasse pas la largeur de son conteneur */
    height: auto;
    display: block;
    border-radius: 8px;
}

/* Styles spécifiques pour l'alternance */
.content-block.image-left .block-image {
    order: 1;
}

.content-block.image-left .block-content {
    order: 2;
}

.content-block.image-right .block-image {
    order: 2;
}

.content-block.image-right .block-content {
    order: 1;
}

/* Style pour le bouton CTA secondaire */
.btn-secondary {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 8px;
    color: var(--blanc);
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    background-color: var(--bleu-fonce); /* Couleur secondaire (bleu foncé) */
    transition: background-color .3s;
}

.btn-secondary:hover {
    background-color: #2a3a6b; /* Légèrement plus foncé au survol */
}

/* Ajustements responsifs */
@media (max-width: 768px) {
    .content-block {
        flex-direction: column; /* Empile les blocs verticalement */
        text-align: center;
    }

    .content-block.image-left .block-image,
    .content-block.image-left .block-content,
    .content-block.image-right .block-image,
    .content-block.image-right .block-content {
        order: initial; /* Réinitialise l'ordre pour l'empilement */
    }

    .content-block .block-content {
        margin-top: 20px;
    }
}

/* Styles pour la section des chiffres clés */
.stats-section {
    padding: 60px 0;
    background-color: var(--blanc); /* Fond blanc */
    text-align: center;
}

.stats-section .container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 40px;
}

.stat-item {
    flex: 1;
    min-width: 250px; /* Minimum width for each stat item */
    max-width: 300px;
}

.stat-item .stat-number {
    font-size: 3.5em; /* Grande taille pour les chiffres */
    font-weight: 700;
    color: #CB2D1A; /* Nouvelle couleur pour les chiffres */
    margin-bottom: 5px;
}

.stat-item .stat-description {
    font-size: 1.2em;
    color: var(--gris-fonce);
}

@media (max-width: 768px) {
    .stats-section .container {
        flex-direction: column;
        align-items: center;
    }
}

/* Styles pour la section de logos défilants */
.logo-slider-section {
    padding: 40px 0;
    overflow: hidden; /* Cache les parties du carrousel en dehors de la vue */
    background-color: var(--blanc); /* Fond clair pour la section */
}

.logo-slider {
    display: flex;
    width: fit-content; /* S'adapte au contenu pour le défilement */
    animation: slide-logos 30s linear infinite; /* Animation de défilement */
}

.logo-slider img {
    height: 60px; /* Hauteur fixe pour les logos */
    margin: 0 40px; /* Espacement entre les logos */
    filter: grayscale(100%); /* Logos en niveaux de gris pour l'uniformité */
    opacity: 0.6;
    transition: opacity 0.3s ease-in-out;
}

.logo-slider img:hover {
    opacity: 1;
    filter: grayscale(0%); /* Couleur au survol */
}

/* Styles pour l'apparition au scroll */
.hidden-on-scroll {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Animation de défilement */
@keyframes slide-logos {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%); /* Défilement de 50% de la largeur pour un effet infini */
    }
}

/* Ajustements responsifs pour le carrousel de logos */
@media (max-width: 768px) {
    .logo-slider img {
        height: 40px; /* Réduit la taille des logos sur mobile */
        margin: 0 20px;
    }

    .logo-slider {
        animation: slide-logos 20s linear infinite; /* Accélère le défilement sur mobile */
    }
}

#alert-banner {
    background-color: #CB2D1A;
    color: white;
    text-align: center;
    padding: 10px 0;
    position: sticky;
    top: 0;
    z-index: 1001; /* Augmenter le z-index pour qu'il soit au-dessus du header */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

#alert-banner p {
    margin: 0;
    flex-grow: 1;
}

#close-banner {
    background: none;
    border: none;
    color: white;
    font-size: 1.2em;
    cursor: pointer;
    margin-right: 10px;
}

.cta-stop-scroll-section {
    background-color: var(--bleu-fonce); /* Fond uni */
    color: var(--blanc);
    text-align: center;
    padding: 80px 20px; /* Grande hauteur pour un effet stop scroll visible */
    margin: 40px 0; /* Espacement autour de la section */
}

.cta-stop-scroll-section h2 {
    font-size: 42px;
    margin-bottom: 30px;
    color: var(--blanc);
    line-height: 1.2;
}

.cta-stop-scroll-section .btn {
    background-color: var(--bleu-principal);
    color: var(--blanc);
    padding: 15px 30px;
    font-size: 18px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    font-weight: 700;
    transition: background-color 0.3s ease;
}

.cta-stop-scroll-section .btn:hover {
    background-color: #a32414; /* Couleur légèrement plus foncée au survol */
}

@media (max-width: 768px) {
    .cta-stop-scroll-section h2 {
        font-size: 32px;
    }
    .cta-stop-scroll-section .btn {
        font-size: 16px;
        padding: 12px 25px;
    }
}

/* ===== RESPONSIVE NOUVELLES SECTIONS ===== */

/* Hero : sous-accroche et H1 */
@media (max-width: 768px) {
    .hero .hero-content h1 {
        font-size: clamp(28px, 7vw, 48px) !important;
        line-height: 1.2;
    }
    .hero .hero-content p {
        font-size: 16px !important;
    }
    .hero .hero-cta-button {
        font-size: 16px;
        padding: 14px 24px;
    }
    .hero-checks ul li {
        font-size: 15px !important;
    }
    .hero-checks ul li img {
        width: 28px;
        height: 28px;
    }
}

/* Section Problème */
@media (max-width: 768px) {
    .problematics-section .section-title {
        font-size: 24px;
        line-height: 1.3;
    }
    .problematics-section .problem-text p {
        font-size: 15px;
        text-align: left;
    }
}

/* Section Approche (3 phases) */
@media (max-width: 768px) {
    .approach-section .section-title {
        font-size: 24px;
        line-height: 1.3;
    }
    .approach-section .cards-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    .approach-section .card {
        padding: 24px !important;
    }
    .approach-section .card h3 {
        font-size: 20px;
    }
}

/* Section Pour qui */
@media (max-width: 768px) {
    .target-section .section-title {
        font-size: 24px;
        line-height: 1.3;
    }
    .target-section ul {
        padding: 0 10px !important;
    }
    .target-section ul li {
        font-size: 15px !important;
    }
}

/* Section Qui sommes-nous */
@media (max-width: 768px) {
    .about-section .section-title {
        font-size: 24px;
        line-height: 1.3;
    }
    .about-section p {
        font-size: 16px !important;
    }
}

/* Section CTA finale */
@media (max-width: 768px) {
    .cta-section h2 {
        font-size: 24px;
    }
    .cta-section p {
        font-size: 15px !important;
    }
    .cta-section .cta-button {
        font-size: 16px;
        padding: 14px 28px;
    }
}

/* Sections globales - padding réduit sur mobile */
@media (max-width: 768px) {
    section {
        padding: 50px 0;
    }
    .section-title {
        font-size: 24px;
        margin-bottom: 30px;
    }
    .how-it-works-content h2 {
        font-size: 24px;
    }
}

/* Petits écrans */
@media (max-width: 480px) {
    .hero .hero-content h1 {
        font-size: 26px !important;
    }
    .hero .hero-content p {
        font-size: 14px !important;
    }
    .hero-checks ul li {
        font-size: 13px !important;
    }
    .section-title {
        font-size: 22px;
    }
    .faq-question {
        font-size: 14px;
        padding: 12px 15px;
    }
    .faq-answer {
        padding: 0 15px 12px;
        font-size: 14px;
    }
    .approach-section .card {
        padding: 20px !important;
    }
    .approach-section .card h3 {
        font-size: 18px;
    }
    .cta-section {
        padding: 50px 0;
    }
    .cta-section h2 {
        font-size: 22px;
    }
}