:root{--primary:#1877f2;--primary-light:rgba(24,119,242,0.12);--primary-dark:#0f5dc8;--secondary:#42b72a;--secondary-light:rgba(66,183,42,0.12);--dark:#1c1e21;--light:#f0f2f5;--gray:#65676b;--light-gray:#e4e6eb;--white:#ffffff;--black:#050505;--font-primary:'Poppins',sans-serif;--font-secondary:'Inter',sans-serif;--transition:all 0.3s ease-in-out;--box-shadow:0 5px 15px rgba(0,0,0,0.1);--box-shadow-hover:0 10px 25px rgba(0,0,0,0.15);--border-radius:8px;}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;font-size:14px;}body{font-family:var(--font-secondary);color:var(--dark);line-height:1.7;overflow-x:hidden;background-color:var(--light);}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;line-height:1.3;color:var(--primary);}a{text-decoration:none;transition:var(--transition);color:var(--secondary);}a:hover{color:var(--secondary);text-decoration:none;}p{margin-bottom:1rem;color:var(--gray);}ul{list-style:none;padding:0;margin:0;}img{max-width:100%;height:auto;}.img-fluid{border-radius:50px;}section{padding:5rem 0;position:relative;overflow:hidden;}.section-header{max-width:700px;margin:0 auto 3rem;}.section-header span{display:inline-block;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;color:var(--secondary);}.section-header h2{font-size:2.5rem;margin-bottom:1rem;position:relative;padding-bottom:1rem;}.section-header h2::after{content:'';position:absolute;left:0;bottom:0;width:60px;height:3px;background:var(--secondary);left:50%;transform:translateX(-50%);}.btn{font-weight:600;padding:0.75rem 1.75rem;border-radius:50px;transition:var(--transition);text-transform:uppercase;font-size:0.875rem;letter-spacing:0.5px;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;border:none;box-shadow:var(--box-shadow);}.btn i{font-size:1rem;}.btn:hover{transform:translateY(-3px);box-shadow:var(--box-shadow-hover);}.btn-primary{background-color:var(--primary);color:var(--white);border:2px solid var(--primary);}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);color:var(--white);}.btn-outline-primary{background-color:transparent;color:var(--primary);border:2px solid var(--primary);}.btn-outline-primary:hover{background-color:var(--primary);color:var(--white);}.btn-warning{background-color:var(--secondary);color:var(--dark);border:2px solid var(--secondary);}.btn-warning:hover{background-color:#e0a800;border-color:#d39e00;color:var(--dark);}.btn-outline-light{background-color:transparent;color:var(--white);border:2px solid var(--white);}.btn-outline-light:hover{background-color:var(--white);color:var(--primary);}.btn-lg{padding:0.875rem 2rem;font-size:1rem;}.btn-sm{padding:0.5rem 1.25rem;font-size:0.75rem;} .preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--light);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 0.5s ease-in-out;}.preloader.fade-out{opacity:0;pointer-events:none;} .navbar{padding:0.5rem 0;transition:var(--transition);background-color:#ffffff;box-shadow:0 1px 4px rgba(0,0,0,0.08);}.navbar.scrolled{padding:0.25rem 0;box-shadow:0 2px 8px rgba(0,0,0,0.12);}.navbar-brand{font-family:var(--font-primary);font-size:1.5rem;font-weight:700;color:var(--white)!important;margin-right:8px;}.logo{width:60px;height:60px;border-radius:50%;margin-left:-10px;margin-right:8px;}.navbar-brand span{color:var(--secondary);}.navbar-toggler{border:none;padding:0.5rem;outline:none!important;box-shadow:none!important;border-radius:999px;background-color:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;transition:var(--transition);}.navbar-toggler-icon{background-image:none;width:24px;height:2px;position:relative;transition:var(--transition);}.navbar-toggler-icon,.navbar-toggler-icon::before,.navbar-toggler-icon::after{background-color:var(--primary);display:block;width:24px;height:2px;border-radius:2px;position:absolute;transition:var(--transition);}.navbar-toggler-icon::before,.navbar-toggler-icon::after{content:'';}.navbar-toggler-icon::before{transform:translateY(-8px);}.navbar-toggler-icon::after{transform:translateY(8px);}.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{background-color:transparent;}.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before{transform:rotate(45deg);}.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after{transform:rotate(-45deg);}.navbar-nav{padding:1rem 0;}.nav-item{margin:0 0.5rem;}.nav-link{font-family:var(--font-primary);font-weight:500;color:var(--gray)!important;padding:0.5rem 0.9rem!important;border-radius:999px;}.nav-link:hover,.nav-link.active{color:var(--primary)!important;background-color:rgba(24,119,242,0.08);} .hero{background:linear-gradient(135deg,rgba(0,0,0,0.9) 0%,rgba(10,31,68,0.8) 100%),url('assets/images/hero.jpg') no-repeat center center/cover;color:var(--white);min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:6rem 0 0;transform: translateZ(0);backface-visibility: hidden;perspective: 1000px;will-change: transform, opacity;} .hero::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,0.25),rgba(30,30,30,0.2),rgba(60,60,60,0.15),rgba(90,90,90,0.1),transparent);animation:heroGradient 15s linear infinite;z-index:1;backface-visibility: hidden;will-change: transform;transform: translate3d(0, 0, 0);}@keyframes heroGradient{0%{transform: translateX(-100%) translate3d(0, 0, 0);}100%{transform: translateX(100%) translate3d(0, 0, 0);}} .hero::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 20%,rgba(0,0,0,0.2) 0%,transparent 50%),radial-gradient(circle at 80% 40%,rgba(25,25,25,0.15) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(50,50,50,0.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(75,75,75,0.08) 0%,transparent 50%);animation:heroParticles 25s linear infinite;z-index:1;backface-visibility: hidden;will-change: transform, opacity;transform: translate3d(0, 0, 0);}@keyframes heroParticles{0%,100%{opacity:0.3;transform:scale3d(1, 1, 1) rotate(0deg);}25%{opacity:0.5;transform:scale3d(1.1, 1.1, 1.1) rotate(1deg);}50%{opacity:0.4;transform:scale3d(1.05, 1.05, 1.05) rotate(-1deg);}75%{opacity:0.6;transform:scale3d(1.15, 1.15, 1.15) rotate(2deg);}}.hero .container{position:relative;z-index:2;}.hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;color:var(--white);line-height:1.2;animation:heroTitleGlow 6s ease-in-out infinite;backface-visibility: hidden;will-change: text-shadow;transform: translate3d(0, 0, 0);}@keyframes heroTitleGlow{0%,100%{text-shadow:0 0 10px rgba(66,133,244,0.4),0 0 20px rgba(66,133,244,0.2);}50%{text-shadow:0 0 15px rgba(219,68,55,0.4),0 0 25px rgba(219,68,55,0.2);}}.hero p{font-size:1.25rem;margin-bottom:2rem;color:rgba(255,255,255,0.9);animation:heroTextFade 8s ease-in-out infinite;backface-visibility: hidden;will-change: transform, opacity;transform: translate3d(0, 0, 0);}@keyframes heroTextFade{0%,100%{opacity:0.9;transform:translate3d(0, 0, 0);}50%{opacity:1;transform:translate3d(0, -2px, 0);}}.hero .btn{margin-right:1rem;margin-bottom:1rem;animation:heroButtonFloat 6s ease-in-out infinite;backface-visibility: hidden;will-change: transform;transform: translate3d(0, 0, 0);}@keyframes heroButtonFloat{0%,100%{transform:translate3d(0, 0, 0);}50%{transform:translate3d(0, -5px, 0);}}.scroll-down{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%) translate3d(0, 0, 0);animation:bounce 3s infinite;backface-visibility: hidden;will-change: transform;}.scroll-link{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;background-color:rgba(255,255,255,0.1);color:var(--white);transition:var(--transition);}.scroll-link:hover{background-color:var(--secondary);color:var(--dark);transform:translateY(-5px);}@keyframes bounce{0%,20%,50%,80%,100%{transform:translate3d(-50%, 0, 0);}40%{transform:translate3d(-50%, -20px, 0);}60%{transform:translate3d(-50%, -10px, 0);}} .service-card{background-color:var(--white);border-radius:var(--border-radius);padding:2rem;height:100%;transition:var(--transition);border:1px solid var(--light-gray);position:relative;overflow:hidden;z-index:1;}.service-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);transition:var(--transition);z-index:-1;opacity:0;}.service-card:hover{transform:translateY(-10px);box-shadow:var(--box-shadow-hover);}.service-card:hover::before{height:100%;opacity:1;}.service-card:hover .icon-box{background-color:var(--white)!important;}.service-card:hover .icon-box i{color:var(--primary)!important;}.service-card:hover h3,.service-card:hover p,.service-card:hover .read-more{color:var(--white)!important;}.icon-box{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:var(--transition);}.icon-box i{font-size:1.75rem;transition:var(--transition);}.service-card h3{font-size:1.5rem;margin-bottom:1rem;transition:var(--transition);}.service-card p{margin-bottom:1.5rem;transition:var(--transition);}.read-more{display:inline-flex;align-items:center;font-weight:600;color:var(--primary);transition:var(--transition);}.read-more i{margin-left:0.5rem;font-size:0.75rem;transition:var(--transition);}.read-more:hover i{transform:translateX(5px);} .counter{padding:2rem 0;}.counter .counter-value{font-size:3rem;font-weight:700;color:var(--white);display:block;margin-bottom:0.5rem;font-family:var(--font-primary);}.counter p{color:rgba(255,255,255,0.8);margin-bottom:0;font-size:1.1rem;} footer{background-color:var(--primary-dark);color:var(--white);position:relative;}footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--secondary),var(--primary));}footer h5{color:var(--white);font-weight:700;margin-bottom:1.5rem;position:relative;padding-bottom:1rem;}footer h5::after{content:'';position:absolute;left:0;bottom:0;width:40px;height:2px;background-color:var(--secondary);}footer ul li{margin-bottom:0.75rem;}footer a{color:rgba(255,255,255,0.7);transition:var(--transition);}footer a:hover{color:var(--secondary);padding-left:5px;}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:rgba(255,255,255,0.1);margin-right:0.75rem;transition:var(--transition);}.social-links a:hover{background-color:var(--secondary);color:var(--dark)!important;transform:translateY(-3px);padding-left:0;}.copyright{border-top:1px solid rgba(255,255,255,0.1);padding-top:1.5rem;margin-top:3rem;} .back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background-color:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;z-index:99;opacity:0;visibility:hidden;transition:var(--transition);box-shadow:0 5px 15px rgba(0,0,0,0.1);}.back-to-top.active{opacity:1;visibility:visible;}.back-to-top:hover{background-color:var(--secondary);color:var(--dark);transform:translateY(-5px);} .whatsapp-float{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background-color:#25D366;color:var(--white);border-radius:50px;text-align:center;font-size:30px;box-shadow:0 5px 15px rgba(37,211,102,0.3);z-index:99;display:flex;align-items:center;justify-content:center;transition:var(--transition);}.whatsapp-float:hover{color:var(--white);transform:translateY(-5px) scale(1.1);box-shadow:0 10px 25px rgba(37,211,102,0.4);} .service-hero{position:relative;overflow:hidden;} .service-hero::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,0.2),rgba(30,30,30,0.15),rgba(50,50,50,0.1),rgba(70,70,70,0.05),transparent );animation:serviceHeroGradient 10s ease-in-out infinite;z-index:1;}@keyframes serviceHeroGradient{0%{left:-100%;}50%{left:100%;}100%{left:-100%;}} .service-hero::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 15% 25%,rgba(0,0,0,0.15) 0%,transparent 40%),radial-gradient(circle at 85% 35%,rgba(20,20,20,0.12) 0%,transparent 40%),radial-gradient(circle at 35% 65%,rgba(40,40,40,0.08) 0%,transparent 40%),radial-gradient(circle at 65% 75%,rgba(60,60,60,0.05) 0%,transparent 40%);animation:serviceHeroParticles 20s ease-in-out infinite;z-index:1;}@keyframes serviceHeroParticles{0%,100%{opacity:0.2;transform:scale(1) rotate(0deg);}25%{opacity:0.3;transform:scale(1.05) rotate(1deg);}50%{opacity:0.25;transform:scale(1.02) rotate(-1deg);}75%{opacity:0.35;transform:scale(1.08) rotate(2deg);}}.service-hero .container{position:relative;z-index:2;}.service-hero h1{animation:serviceHeroTitle 4s ease-in-out infinite;}@keyframes serviceHeroTitle{0%,100%{text-shadow:0 0 15px rgba(255,255,255,0.3);transform:translateY(0);}50%{text-shadow:0 0 25px rgba(255,255,255,0.5);transform:translateY(-2px);}}.service-hero p{animation:serviceHeroText 5s ease-in-out infinite;}@keyframes serviceHeroText{0%,100%{opacity:0.95;transform:translateY(0);}50%{opacity:1;transform:translateY(-1px);}}.service-hero .btn{animation:serviceHeroButton 4.5s ease-in-out infinite;}@keyframes serviceHeroButton{0%,100%{transform:translateY(0);}50%{transform:translateY(-3px);}} .page-header,.legal-header,.contact-hero{position:relative;overflow:hidden;} .page-header::before,.legal-header::before,.contact-hero::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,0.15),rgba(20,20,20,0.12),rgba(40,40,40,0.08),rgba(60,60,60,0.05),transparent );animation:pageHeaderGradient 12s ease-in-out infinite;z-index:1;}@keyframes pageHeaderGradient{0%{left:-100%;}50%{left:100%;}100%{left:-100%;}}.page-header .container,.legal-header .container,.contact-hero .container{position:relative;z-index:2;}.page-header h1,.legal-header h1,.contact-hero h1{animation:pageHeaderTitle 3.5s ease-in-out infinite;}@keyframes pageHeaderTitle{0%,100%{text-shadow:0 0 10px rgba(255,255,255,0.2);transform:translateY(0);}50%{text-shadow:0 0 20px rgba(255,255,255,0.4);transform:translateY(-1px);}}.page-header p,.legal-header p,.contact-hero p{animation:pageHeaderText 4s ease-in-out infinite;}@keyframes pageHeaderText{0%,100%{opacity:0.9;transform:translateY(0);}50%{opacity:1;transform:translateY(-1px);}}  @media (max-width:767.98px){.navbar-brand{font-size:1.1rem!important;}.logo{width:45px;height:45px;}.navbar-toggler{padding:0.5rem;}.navbar-toggler-icon,.navbar-toggler-icon::before,.navbar-toggler-icon::after{width:24px;height:2.5px;}.navbar-toggler-icon::before{transform:translateY(-7px);}.navbar-toggler-icon::after{transform:translateY(7px);}}@media (max-width:1199.98px){.hero h1{font-size:3rem;}}@media (max-width:991.98px){section{padding:4rem 0;}.navbar-collapse{background-color:var(--white);padding:1rem;border-radius:var(--border-radius);box-shadow:0 10px 30px rgba(0,0,0,0.1);margin-top:1rem;}.nav-item{margin:0;}.nav-link{padding:0.75rem 0!important;}.nav-link::after{display:none;}.hero{padding-top:8rem;text-align:center;}.hero .btn{margin:0.5rem;}.hero-img{margin-top:3rem;}.section-header h2{font-size:2rem;}}@media (max-width:767.98px){html{font-size:15px;}.hero h1{font-size:2.5rem;}.section-header h2{font-size:1.75rem;}.counter .counter-value{font-size:2.5rem;}.whatsapp-float{width:50px;height:50px;font-size:24px;}}@media (max-width:575.98px){.hero h1{font-size:2rem;}.btn{width:100%;margin-bottom:0.75rem;}.counter{margin-bottom:2rem;}.back-to-top{width:40px;height:40px;font-size:1rem;bottom:1rem;right:1rem;}.whatsapp-float{bottom:1rem;right:1rem;}} .navbar{padding:1rem 0;transition:var(--transition);background:rgba(10,31,68,0.95);backdrop-filter:blur(10px);}.navbar.scrolled{padding:0.5rem 0;box-shadow:0 2px 10px rgba(0,0,0,0.1);}.navbar-brand{font-size:1.75rem;font-weight:700;letter-spacing:0.5px;}.navbar-nav .nav-link{font-weight:500;padding:0.5rem 0.8rem;position:relative;color:var(--white)!important;font-family:var(--font-primary);white-space:nowrap;}.navbar-nav .nav-link::after{content:'';position:absolute;width:0;height:2px;bottom:0;left:0.8rem;background-color:var(--secondary);transition:var(--transition);}.navbar-nav .nav-link:hover::after,.navbar-nav .nav-link.active::after{width:calc(100% - 1.6rem);}.navbar-nav .btn-warning{padding:0.4rem 1.25rem;font-weight:500;transition:var(--transition);}.navbar-nav .btn-warning:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,193,7,0.3);} .navbar-toggler{border:none;padding:0.5rem;font-size:1.5rem;}.navbar-toggler:focus{box-shadow:none;} .preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--white);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 0.5s ease;}.preloader .spinner-border{width:3rem;height:3rem;} .back-to-top{position:fixed;bottom:2rem;right:2rem;width:3rem;height:3rem;background:var(--primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;opacity:0;visibility:hidden;transition:var(--transition);z-index:99;box-shadow:0 2px 15px rgba(0,0,0,0.1);}.back-to-top:hover{background:var(--secondary);color:var(--dark);transform:translateY(-3px);}.back-to-top.active{opacity:1;visibility:visible;} footer{background:var(--primary-dark)!important;position:relative;overflow:hidden;}footer h5{color:var(--white);font-weight:600;margin-bottom:1.5rem;position:relative;padding-bottom:0.75rem;font-family:var(--font-primary);}footer h5::after{content:'';position:absolute;left:0;bottom:0;width:50px;height:2px;background-color:var(--secondary);}footer ul li{margin-bottom:0.75rem;}footer a{color:var(--light);transition:var(--transition);text-decoration:none;}footer a:hover{color:var(--secondary);padding-left:5px;}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,0.1);border-radius:50%;margin-right:0.5rem;transition:var(--transition);}.social-links a:hover{background:var(--secondary);color:var(--dark)!important;transform:translateY(-3px);} footer .border-secondary{border-color:rgba(255,255,255,0.1)!important;}footer .list-inline-item:not(:last-child){margin-right:0.5rem;}footer .text-white-50{transition:var(--transition);}footer .text-white-50:hover{color:var(--white)!important;} @media (max-width:991.98px){.navbar-collapse{background:rgba(10,31,68,0.98);padding:1rem;margin-top:0.5rem;border-radius:var(--border-radius);}.navbar-nav .btn-warning{margin-top:0.5rem;display:inline-block;}}@media (max-width:767.98px){.navbar-nav{padding:1rem 0;}.navbar-nav .nav-link{padding:0.5rem 0;}footer{text-align:center;}footer h5::after{left:50%;transform:translateX(-50%);}.social-links{justify-content:center!important;margin-bottom:1.5rem;}.back-to-top{width:2.5rem;height:2.5rem;font-size:1rem;bottom:1rem;right:1rem;}} [data-aos]{pointer-events:none;}[data-aos].aos-animate{pointer-events:auto;} a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--secondary);outline-offset:2px;} .skip-link{position:absolute;top:-40px;left:0;background:var(--primary);color:white;padding:8px;z-index:100;transition:top 0.3s;}.skip-link:focus{top:0;} @media print{.no-print,.navbar,footer,.back-to-top{display:none!important;}body{padding:20px;color:#000;background:#fff;}a{text-decoration:underline;}a[href^='http']::after{content:' (' attr(href) ')';font-size:0.8em;font-weight:normal;}}
/* Styles pour les images des témoins */
.testimonial-author img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 15px;
    overflow: hidden;
    border: 4px solid var(--primary-light);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.testimonial-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease-in-out;
}

.testimonial-card {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    height: 100%;
    border: 1px solid #eee;
    position: relative;
    overflow: hidden;
}

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

.testimonial-rating {
    color: #ffc107;
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

.testimonial-content {
    font-style: italic;
    margin-bottom: 1.5rem;
    color: #495057;
    line-height: 1.7;
}

.author-info h6 {
    margin-bottom: 0.25rem;
    color: var(--dark);
}

.author-info p {
    font-size: 0.9rem;
    margin-bottom: 0;
    color: var(--gray);
}