.list-services{height:auto;background-color:black;flex-direction:column;gap:50px}.about-marionfabrice,.list-services{width:100%;display:flex;align-items:center}.about-marionfabrice{gap:100px;justify-content:center;padding-bottom:50px}.about-marionfabrice div{display:flex;height:100%;width:400px;gap:25px;flex-direction:column;align-items:center;justify-content:space-between}.about-marionfabrice .banner-cta{flex-direction:row;justify-content:center;align-items:flex-end}.about-marionfabrice aside{background-color:#568C51;height:auto;padding:35px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.about-marionfabrice p{font-family:Gill Sans,sans-serif;text-align:justify;color:#000}.list-services .marionfabrice{height:450px;width:400px;object-fit:cover}.list-services-ul{display:flex;flex-direction:row;list-style:none;justify-content:center;align-items:center;gap:50px}.list-services-ul img{height:80px;width:80px;object-fit:cover}.list-services-ul li{color:white;display:flex;flex-direction:column;text-align:center;align-items:center;font-size:20px;margin:20px;gap:10px;text-transform:uppercase}.list-services-ul li h3{font-size:18px;margin:10px 0 5px;color:white}.list-services-ul li p{font-size:14px;color:#ddd;line-height:1.4;margin:0;max-width:200px;font-family:Gill Sans,sans-serif}.project-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:#ce82bb87;border-radius:20px;text-align:center;max-width:800px;width:100%;max-height:90vh;overflow:auto}.modal-content,.modal-header{position:relative}.modal-header h2{font-weight:22px}.modal-header-image{width:100%;height:250px;object-fit:cover;border-radius:20px 20px 0 0}.modal-close-btn{position:absolute;top:15px;right:15px;background:rgba(255,255,255,.2);border:none;border-radius:50%;width:35px;height:35px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:white;transition:background .3s ease}.modal-close-btn:hover{background:rgba(255,255,255,.3)}.modal-header-info{position:absolute;bottom:20px;left:20px;color:white}.modal-header-tags{margin-bottom:10px}.modal-tag{background:rgba(255,255,255,.2);padding:4px 12px;border-radius:15px;font-size:12px;margin-right:10px}.modal-title{margin:0;font-size:28px;font-weight:700;color:white}.modal-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:30px;gap:30px}@media (max-width:768px){.modal-grid{grid-template-columns:1fr;gap:20px}.projects-carousel{margin:0 50px}.carousel-btn{width:35px;height:35px}.project-card{width:50%}.list-services-ul{flex-wrap:wrap;gap:20px}.list-services-ul img{width:50px;height:50px}.list-services-ul li{width:100%;margin:10px}.list-services-ul li p{max-width:100%}.list-services .marionfabrice{width:calc(100% - 0px);height:350px}.about-marionfabrice{width:100%;gap:25px;flex-direction:column}.about-marionfabrice .banner-cta{margin-top:10px}.about-marionfabrice div,.project-card{width:100%}}li.services-texte{width:auto}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.list-services-details{height:500px}.modal-header{display:flex;flex-direction:column;align-items:center}.satisfaction-title{padding:50px 50px 0}.modal-subtitle{font-size:20px;text-align:center}.modal-cta{text-align:end;width:100%;font-family:Gill Sans,sans-serif;font-size:20px;padding:0 50px 50px}.project-name{color:#fff;text-align:center;font-size:25px}.modal-header h2{padding:20px;font-family:JosefinSans;text-transform:uppercase;font-weight:700;font-size:25px}.modal-title{width:90%;padding:10px 0}.modal-header h3{font-family:JosefinSans;text-transform:uppercase;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;gap:10px}.group-image{width:50%}.group-image img{width:100%;height:120px;object-fit:contain}.group-image-details{display:flex;flex-direction:row;background-color:rgba(255,255,255,.1);padding:15px 20px;align-items:center}.group-detail{width:50%;display:flex;flex-direction:column;align-items:center}.detail-projet-after,.detail-projet-before{height:100px;gap:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.detail-projet-tag{background-color:#ce82bb;padding:10px;width:230px;border-radius:50px}.modal-objectif-results{padding:20px}.modal-main-content,.modal-objectif-results{display:flex;flex-direction:column;gap:25px}.modal-info-text{padding:15px;background-color:#ffffff66;color:#000000;text-align:start}.modal-objectif-results li{list-style:none}.modal-objectif-results h2{text-transform:uppercase;font-size:22px;font-weight:800;font-family:JosefinSans}.modal-description{text-transform:uppercase}.modal-result-item span{flex-direction:row;gap:10px;font-size:16px;font-family:Gill Sans,sans-serif}.list-services-details,.modal-result-item span{display:flex;align-items:center;justify-content:center}.list-services-details{background-image:url(/_next/static/media/background-pink.4d1daf2b.png);background-size:cover;background-position:50%;background-attachment:fixed;padding:50px;width:100%}.background-services{height:50vh;width:calc(100% + 110px);object-fit:cover;position:absolute}.list-intervention-detail{z-index:1;width:20%}.carousel-container{position:relative;width:100%;height:280px}.projects-carousel{overflow:hidden;margin:0 60px;position:relative;z-index:2;height:100%}.projects-track{display:flex;align-items:center;animation:scroll-left 30s linear infinite;height:100%;gap:10px}.project-card{flex-shrink:0;width:35%;height:100%;cursor:pointer;transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.project-card-content{overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1);height:100%;color:black;padding:25px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;gap:25px}.project-image{width:100%;height:100px;object-fit:contain}.project-link-icon{color:#888}.project-card p{text-align:center}.satisfaction-title{display:flex;flex-direction:column;align-items:center;gap:25px}.satisfaction-title h3{font-family:Kodchasan;text-transform:uppercase}.arrow-projet{height:50px;width:50px;position:relative}@media (max-width:767px){.satisfaction-title{padding:20px}.list-services-details{padding:20px 10px;height:400px}.projects-carousel{margin:0}.project-card-content{padding:15px}.project-card{width:100%}.projects-track{animation:scroll-left 10s linear infinite}.list-services.projets{gap:25px;padding:0}.modal-cta{padding:0 20px 20px}.modal-header h2,.modal-objectif-results h2{font-size:18px}.modal-header h3{font-size:15px}.group-image{width:40%}.group-detail{width:60%;gap:25px;position:relative}.detail-projet-tag{width:auto}.group-image-details{gap:10px}.detail-projet-tag p{font-size:15px}.arrow-projet{height:50px;width:50px}.modal-objectif-results{padding:10px}.detail-projet-after,.detail-projet-before{height:auto}}.offre-container{padding:50px;display:flex;flex-direction:column;gap:50px;align-items:center}.offre-container,.offre-content{width:100%;background-color:black}.offre-content{display:grid;grid-template-columns:repeat(3,1fr)}.offre-title{text-align:center;width:80%;font-size:28px;color:#B64F98;padding:15px 35px;border-radius:12px;font-weight:200;background:rgba(0,0,0,.7);border:2px solid #b64f98;box-shadow:0 0 6px #B64F98,0 0 12px #B64F98,0 0 24px #B64F98;text-shadow:0 0 3px #B64F98,0 0 6px #B64F98,0 0 48px #B64F98}.offre-container h3{font-size:17px}.first-offre .offre-heading{color:#76C7EA;text-align:center;font-weight:900}.second-offre .offre-heading{color:#8CC084;text-align:center;font-weight:900}.third-offre .offre-heading{color:#CF77B5;text-align:center;font-weight:900}.first-offre,.second-offre,.third-offre{height:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}.image-offre{height:25vh;width:auto;object-fit:cover}.first-offre ul,.second-offre ul,.third-offre ul{padding:5px 10px 10px 25px;font-size:15px;margin:10px}.declic-section,.first-offre h3,.second-offre h3,.third-offre h3{text-align:center}.declic-section{position:relative;top:45%;gap:15px;display:flex;flex-direction:column;align-items:center;text-transform:uppercase}.declic-section h4{text-transform:none}.declic-section a{border-radius:25px;border:1px solid;padding:5px 15px}@media (max-width:1023px){.offre-container{height:auto;padding:1% 3%}.first-offre,.second-offre,.third-offre{width:100%;position:static;margin-bottom:20px}.image-offre{height:25vh;width:50%}.first-offre ul,.second-offre ul,.third-offre ul{font-size:14px;padding:5px 8px 8px 20px;margin:8px}.declic-section{top:0;gap:10px}}@media (max-width:767px){.offre-container{height:auto;padding:50px 20px}.first-offre,.second-offre,.third-offre{width:100%;position:static;margin-bottom:15px;margin-top:-10%;text-align:center}.image-offre{height:20vh;width:auto}.first-offre ul,.second-offre ul,.third-offre ul{font-size:12px;text-align:center;padding:4px 6px 6px 20px;margin:6px}.declic-section{top:0;gap:8px}.offre-content{display:flex;flex-direction:column;gap:20px}}.problemes{list-style:none}.offre-heading{opacity:0;overflow:hidden;white-space:nowrap;width:0}.offre-heading.show-title{opacity:1;animation:typing 1.4s steps(40) forwards}.problemes-title{opacity:0}.problemes-title.show-title{opacity:1;animation:typing 1.4s steps(40) forwards}.little-btn-white.special{opacity:0;transform:translateY(10px);transition:.6s ease}.little-btn-white.special.show-btn{opacity:1;transform:translateY(0)}@keyframes typing{0%{width:0}to{width:100%;white-space:wrap}}.obtiens,.problemes{position:relative;overflow:hidden;opacity:1}.obtiens h4,.obtiens li,.obtiens span,.problemes h4,.problemes li,.problemes span{opacity:0;transform:translateY(15px);transition:opacity .6s ease,transform .6s ease}.obtiens.show-content h4,.obtiens.show-content li,.obtiens.show-content span,.problemes.show-content h4,.problemes.show-content li,.problemes.show-content span{opacity:1;transform:translateY(0)}.obtiens:before,.problemes:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(#fff,#fff) 0 0 /0 1px,linear-gradient(#fff,#fff) 0 100% /1px 0,linear-gradient(#fff,#fff) 100% 100% /0 1px,linear-gradient(#fff,#fff) 100% 0 /1px 0;background-repeat:no-repeat}.obtiens.draw:before,.problemes.draw:before{animation:draw-border 1.2s ease forwards}@keyframes draw-border{0%{background-size:0 1px,1px 0,0 1px,1px 0}25%{background-size:100% 1px,1px 0,0 1px,1px 0}50%{background-size:100% 1px,1px 0,0 1px,1px 100%}75%{background-size:100% 1px,1px 0,100% 1px,1px 100%}to{background-size:100% 1px,1px 100%,100% 1px,1px 100%;box-shadow:0 0 15px #fff}}.obtiens h4,.problemes h4{text-transform:uppercase;color:#fff;text-shadow:0 0 3px #000000,0 0 6px #000,0 0 48px #000;text-align:center;font-family:Kodchasan,sans-serif;padding:5px}.quizz-container{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:column;position:relative;background-image:url(/_next/static/media/banner-green.92db4efb.jpg);background-size:cover;background-position:50%;background-attachment:fixed;padding-bottom:50px}.quizz-title{text-align:center;font-size:30px;padding-top:50px}.quizz-title,.quizz-title span{font-family:Gill Sans,sans-serif}.quizz-title span{font-size:40px;font-weight:700}.quizz-content{display:flex;flex-direction:row;justify-content:center;gap:100px;align-items:center;width:100%;margin-top:20px}.quizz-details{display:flex;flex-direction:column;width:45%;gap:25px}.quizz-image{height:50vh;width:100%;object-fit:cover;cursor:pointer;transition:transform .3s ease-in-out}.quizz-image:hover{transform:scale(1.05)}.quizz-roulette-outer{overflow:hidden;height:250px;position:relative}.quizz-roulette-outer:after,.quizz-roulette-outer:before{content:"";position:absolute;left:0;right:0;height:85px;z-index:2;pointer-events:none}.quizz-roulette-outer:before{top:0}.quizz-roulette-outer:after{bottom:0}.quizz-personna{list-style-type:none;padding:0;margin:0;text-align:center;position:absolute;width:100%}.quizz-personna li{height:50px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;letter-spacing:1.5px;color:rgba(255,255,255,.3);transition:font-size .12s ease,color .12s ease,letter-spacing .12s ease;white-space:nowrap}.quizz-personna li.active{font-size:22px;color:#ffffff;letter-spacing:2.5px}.quizz-launch-btn{align-self:center;padding:10px 32px;background:transparent;transition:background .2s,border-color .2s,transform .15s;background-color:#000000a1;text-shadow:0 0 3px #000,0 0 6px #000;font-family:Kodchasan}.quizz-launch-btn:hover:not(:disabled){background:rgba(255,255,255,.12);border-color:#fff;transform:scale(1.04)}.quizz-launch-btn:disabled{opacity:.4;cursor:default}.details-background{background-color:#b64f999b;width:100%;padding:20px;margin-bottom:10px;font-size:17px;text-align:center}.list-details-quizz{list-style-type:none;font-weight:700;font-size:16px;margin-bottom:20px;display:flex;flex-direction:row;gap:10px;justify-content:space-between;padding:0}.list-details-quizz li{background-color:#568c51;padding:10px;width:32%;text-align:center}.quizz-resultat{text-align:center;font-size:22px;margin:50px}.little-btn-white:hover{transform:scale(1.05);transition:all .3s ease-in-out}@media (max-width:1023px){.quizz-container{padding-bottom:30px}.quizz-intro{height:auto;padding:10px 0}.quizz-title{font-size:28px}.quizz-content{flex-direction:column;gap:40px;margin-top:10px}.quizz-details{width:90%}.quizz-image{height:40vh}.details-background{padding:30px;font-size:18px}.list-details-quizz{flex-direction:column;gap:15px}.list-details-quizz li{width:100%;padding:15px}.quizz-resultat{font-size:20px;margin-top:20px}}@media (max-width:767px){.quizz-container{height:100%;width:100%;padding:50px 20px;background-image:url(/_next/static/media/banner-green-mobile.a6001ede.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:scroll}.quizz-personna li.active{font-size:16px;font-weight:900}.quizz-intro{height:auto;padding:5px 0;font-size:18px}.quizz-title{font-size:17px;padding:15px 0;margin-top:35px}.quizz-title span{font-size:22px}.quizz-content{gap:20px}.quizz-details{width:100%}.quizz-image{height:30vh}.details-background{padding:20px;font-size:16px}.list-details-quizz{gap:10px}.list-details-quizz li{padding:10px}.quizz-resultat{font-size:18px;margin:15px}.quizz-launch-btn{font-size:16px;padding:10px 24px;margin-bottom:50px}}