:root{--logo-color-blue:#1b559e;--logo-color-blue-transparent:rgba(27, 85, 158, 0.4);--logo-color-orange:#f3992e;--logo-color-orange-transparent:rgba(243, 153, 46, 0.4);--low-brown:#87561c;--low-blue:#1d2437;--high-blue:#9eb8d8;--high-orange:#f4cb9f;--pane-padding:5px 42px;--low-grey:#1d2437;--medium-grey:#e8e8e8}html{scroll-behavior:smooth;overflow-x:hidden!important}body{font-family:"Montserrat",sans-serif;margin:0}.navbar{display:flex;justify-content:space-between;align-items:center;color:#fff;height:85px;width:100%;top:0;left:0;z-index:9999;position:fixed;padding:0 20px;box-sizing:border-box}.logo img{height:100px}.burger{display:none;cursor:pointer;z-index:1000}.burger div{width:25px;height:3px;background-color:#fff;margin:5px;transition:all 0.3s ease}.nav-links{list-style:none;display:flex;gap:2em;margin:0;padding:0;font-size:1.2em}.nav-links a{text-decoration:none;color:#fff;transition:color 0.3s;position:relative}.nav-links a:hover{color:#f3992e}.nav-button{background-color:#f3992e;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:10px;margin-right:20px;transition:background-color 0.3s}.nav-button:hover{background:#e67e22}.nav-button-link{color:#fff;font-weight:700;text-decoration:none}.nav-button-mobile{display:none}@media screen and (max-width:992px){.navbar{justify-content:space-between}.nav-button{display:none}.burger{display:block}.nav-links{position:fixed;right:-100%;top:85px;height:calc(100vh - 85px);width:70%;background-color:var(--low-blue);flex-direction:column;align-items:center;justify-content:flex-start;padding-top:20px;transition:right 0.5s ease-in-out;gap:2em}.nav-links.active{right:0}.toggle .line1{transform:rotate(-45deg) translate(-5px,6px)}.toggle .line2{opacity:0}.toggle .line3{transform:rotate(45deg) translate(-5px,-6px)}.nav-button-mobile{display:none;background-color:#f3992e;padding:10px 20px;border-radius:10px;margin-top:20px}.nav-button-mobile a{color:#fff;font-weight:700}.nav-links.active .nav-button-mobile{display:block}}.padding-top-100{padding-top:100px}.margin-top-10{margin-top:10px}.margin-top-20{margin-top:20px}.footer{background-color:var(--low-blue);color:#fff;width:100%;bottom:0;left:0;position:relative}.footer p{font-size:12px;color:#d4d4d4}.footer a{color:#d4d4d4}.div-footer-flex{display:flex;justify-content:space-around;padding:20px 0;align-items:center}.div-footer-low-text{font-size:14px;color:#d4d4d4;text-align:center}.div-footer-hr{width:85%;border-color:#afafaf}.margin-left-20{margin-left:20px}.home-cards{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:2em;padding:1em 0}.home-card{background-color:var(--medium-grey);color:var(--low-grey);text-align:left;max-width:350px;padding:20px;border-radius:20px;box-shadow:0 4px 8px rgb(0 0 0 / .1);transition:transform 0.3s,box-shadow 0.3s;margin:1em;margin:0;display:flex;flex-direction:column;position:relative;min-height:500px}.home-card>div:first-child{display:flex;flex-direction:column;flex-grow:1}.home-card-content{flex-grow:1;width:90%;margin-left:5%}.home-card-link{text-align:right;margin-top:auto;padding-top:15px}.home-card-reseaux-partenaires{text-align:center;margin:15px 0}.home-card-reseaux-partenaires-tags{display:flex;justify-content:center;gap:1em}.home-card-reseaux-partenaires-tag-bouygues{background-color:var(--logo-color-blue-transparent);color:var(--logo-color-blue);border-radius:10px;padding:5px 10px}.home-card-reseaux-partenaires-tag-orange{background-color:var(--logo-color-orange-transparent);color:var(--low-brown);border-radius:10px;padding:5px 10px}.home-card img{width:45%;height:auto;border-radius:10px;margin-bottom:15px;margin-left:27.5%}.card-img-resize{width:20%!important;margin-left:40%!important}.home-card-title{color:var(--logo-color-blue);text-align:center}.home-card-text-check{color:var(--logo-color-orange);margin-right:10px}.cards{display:flex;gap:3em;flex-wrap:wrap;justify-content:center}.card{background-color:var(--low-blue);color:#fff;max-width:350px;padding:20px;border-radius:20px;box-shadow:0 4px 8px rgb(0 0 0 / .1);transition:transform 0.3s,box-shadow 0.3s}.card h3{text-align:center;font-size:1.65em}.card ul{padding-left:10px}.card li{margin:0;padding-left:30px;padding-right:25px;margin-bottom:20px;list-style:none;background-image:url(../img/check.webp);background-repeat:no-repeat;background-position:left center;background-size:20px}.card img{width:45%;height:auto;border-radius:10px;margin-bottom:15px;margin-left:27.5%}.home-small-cards{display:flex;flex-wrap:wrap;justify-content:space-evenly;flex-direction:column}.small-card{background-color:#e0dfdf;color:#000;padding:20px;border-radius:20px;box-shadow:0 4px 8px rgb(0 0 0 / .1);transition:transform 0.3s,box-shadow 0.3s;width:100px;text-align:center}.small-card-container{padding:30px;border-radius:20px;transition:transform 0.3s,box-shadow 0.3s;justify-items:center;align-items:center;flex:1}.small-card-container :hover{transform:translateY(-5px)}.small-card-container span{font-size:1em}.small-card-container p{font-size:.8em}.small-card-home-blue{background-color:var(--high-blue);color:var(--logo-color-blue);max-width:100px;padding:20px;border-radius:20px;box-shadow:0 4px 8px rgb(0 0 0 / .1);transition:transform 0.3s,box-shadow 0.3s;margin-bottom:2vh;margin-left:auto;margin-right:auto}.small-card-home-orange{background-color:var(--high-orange);color:var(--logo-color-orange);max-width:100px;padding:20px;border-radius:20px;box-shadow:0 4px 8px rgb(0 0 0 / .1);transition:transform 0.3s,box-shadow 0.3s;margin-bottom:2vh;margin-left:auto;margin-right:auto}.small-img{width:70%;height:auto}.small-card span{display:block;text-align:center;font-size:13px;font-weight:700}.medium-card{background-color:#e0dfdf;color:#000;max-width:300px;padding:20px;border-radius:20px;box-shadow:0 4px 8px rgb(0 0 0 / .1);transition:transform 0.3s,box-shadow 0.3s;font-weight:700;text-align:center}.medium-card img{width:30%;height:auto;margin-bottom:15px}.medium-card-span{text-align:center;font-weight:700}.contact-button{background-color:#1b559e;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:10px;height:50px;margin-bottom:20px}.contact-button-link{color:#fff;font-weight:700;text-decoration:none}.div-centered-contact-button{width:100%;text-align:center;margin-top:50px}.orange-text{color:var(--logo-color-orange)}.blue-text{color:var(--logo-color-blue)}.container-large{width:90%;max-width:1400px;margin-left:auto;margin-right:auto;font-size:18px}.hero{min-height:100vh;width:100%;background-image:url(../img/background_nos_services.webp);background-repeat:no-repeat;background-size:cover;background-position:center;color:#fff;position:relative;z-index:1;display:flex;align-items:center;padding:2rem 1rem;box-sizing:border-box}.hero-mentions-legales{min-height:100vh;width:100%;background-image:url(../img/mentions_legales.webp);background-size:cover;background-repeat:no-repeat;background-position:center;color:#fff;position:relative;z-index:1;display:flex;align-items:center;padding:2rem 1rem;box-sizing:border-box}.hero-politique-confidentialite{min-height:100vh;width:100%;background-image:url(../img/politique_confidentialite.webp);background-size:cover;background-repeat:no-repeat;background-position:center;color:#fff;position:relative;z-index:1;display:flex;align-items:center;padding:2rem 1rem;box-sizing:border-box}.hero-text{width:100%;max-width:1200px;margin:0 auto;margin-top:30px;text-align:center}.hero-title{font-size:2.5rem;margin-bottom:1.5rem;text-shadow:0 0 10px rgb(0 0 0 / .5);line-height:1.2}.hero-description{max-width:800px;margin:0 auto 2rem;font-size:1rem;color:var(--medium-grey);padding:5%}.hero-indicators{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2rem;color:var(--logo-color-orange)}.hero-indicator{flex:1;min-width:120px}.hero-indicator-number{font-size:2.5rem}.hero-indicator-label{font-size:.9rem;color:var(--logo-color-orange)}@media (min-width:768px){.hero-title{font-size:3.5rem}.hero-description{font-size:1.2rem}.hero-indicator-number{font-size:3.5rem}.hero-indicator-label{font-size:1rem}.home-small-cards{flex-direction:row;justify-content:center}.small-card-container{max-width:20%}}@media (min-width:1024px){.hero{padding:0}.hero-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-title{font-size:5rem}.hero-description{font-size:1.6rem}.hero-indicators{justify-content:space-around;gap:0;margin-top:3rem}.hero-indicator{flex:none;min-width:auto}.hero-indicator-number{font-size:5rem}.hero-indicator-label{font-size:1.2rem}}.middle-hero{height:50vh;width:100%;background-image:url(../img/background_nos_services.webp);background-position-y:60%;background-repeat:no-repeat;background-size:cover;color:#fff;left:0;text-align:center;vertical-align:middle;position:relative;z-index:1}.middle-hero-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:1200px;font-size:3.2em}.div-offer{margin-top:10%}.container-large h2{font-size:40px;color:var(--logo-color-blue)}.container-large h3{font-size:24px}.container-large h4{font-size:18px}.text-align-center{text-align:center}.section-light{min-height:100vh;width:100%;background-color:#fff;text-align:center}.section-light-methodology{height:auto;width:100%;background-color:#fff;text-align:center}.section-dark{min-height:100vh;width:100%;background-color:var(--low-blue);color:#fff;text-align:center}.section-dark-a-propos{min-height:80vh;width:100%;background-color:var(--low-blue);color:#fff;text-align:center}.section-light h1{color:var(--logo-color-blue);font-size:40px}.section-dark h1{color:var(--logo-color-orange);font-size:40px}.section-dark-a-propos h1{color:var(--logo-color-orange);font-size:40px}.section-light-description{color:var(--low-grey);font-size:1.1em}.section-dark-description{color:#fff;font-size:1.1em}.methodology-timeline{position:relative;max-width:100vh;margin:0 auto;text-align:left}.methodology-step{position:relative;display:flex;align-items:center;margin-bottom:120px;opacity:0;transform:translateY(60px);transition:all 0.8s cubic-bezier(.4,0,.2,1)}.step-number{width:80px;height:80px;border-radius:50%;background-color:var(--logo-color-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;position:relative;box-shadow:0 10px 30px rgb(29 69 133 / .3);transform:scale(.8);transition:all 0.6s cubic-bezier(.4,0,.2,1)}.step-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;animation:pulse 2s infinite;opacity:0}.step-content{flex:1;max-width:400px;background:#fff;padding:40px;border-radius:20px;box-shadow:0 20px 60px rgb(0 0 0 / .1);border:1px solid rgb(29 69 133 / .1);position:relative;transition:all 0.3s ease}.step-content::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(29 69 133 / .02) 0%,transparent 100%);border-radius:20px;transition:opacity 0.3s ease;opacity:0}.methodology-step:hover .step-content::before{opacity:1}.methodology-step:hover .step-content{transform:translateY(-5px);box-shadow:0 30px 80px rgb(0 0 0 / .15)}.methodology-step.visible .step-text h3{opacity:1;transform:translateY(0);color:var(--logo-color-blue)}.methodology-step.visible{opacity:1;transform:translateY(0)}.methodology-step:nth-child(even){flex-direction:row-reverse}.methodology-step:nth-child(even) .step-content{text-align:right}.methodology-step:nth-child(even) .step-features{justify-content:flex-end}.methodology-step.visible .step-number{transform:scale(1)}.methodology-step.visible .step-pulse{opacity:1}.methodology-step:hover .step-content::before{opacity:1}.methodology-step:hover .step-content{transform:translateY(-5px);box-shadow:0 30px 80px rgb(0 0 0 / .15)}.methodology-step.visible .step-icon{opacity:1;transform:scale(1)}.step-text h3{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:15px;opacity:0;transform:translateY(20px);transition:all 0.6s cubic-bezier(.4,0,.2,1);transition-delay:0.3s}.step-text p{font-size:1.1rem;line-height:1.7;color:#64748b;margin-bottom:25px;opacity:0;transform:translateY(20px);transition:all 0.6s cubic-bezier(.4,0,.2,1);transition-delay:0.4s}.methodology-step.visible .step-text p{opacity:1;transform:translateY(0)}.step-text strong{color:var(--blue-2);font-weight:600}.methodology-step.visible .step-text p{opacity:1;transform:translateY(0)}.methodology-step.visible .step-features{opacity:1;transform:translateY(0)}.methodology-step.visible .feature-tag{transform:scale(1)}.step-indicator{position:relative;z-index:2;flex-shrink:0;margin:0 40px}.step-icon{margin-bottom:20px;opacity:0;transform:scale(.5);transition:all 0.6s cubic-bezier(.4,0,.2,1);transition-delay:0.2s;font-size:2em}.methodology-step.visible .step-icon{opacity:1;transform:scale(1)}@media (max-width:635px){.methodology-step{display:block}.step-indicator{position:absolute;margin:0 40px;right:-1.5em;top:10px}.step-indicator-right{position:absolute;margin:0 40px;left:-1.5em;top:10px}.step-pulse{animation:unset;background:none}}@media (min-width:350px) and (max-width:768px){.step-text h3{font-size:1.5rem}}@media (max-width:349px){.step-text h3{font-size:1.1rem}}.flex-contact{display:flex;flex-wrap:wrap;gap:2rem;align-items:center}.div-image-agences-normandes{flex:1 1 300px;min-width:300px;display:flex;justify-content:center}.image-agences-normandes{border-radius:10%;width:100%;max-width:500px;height:auto}.contact-cards{flex:1 1 300px;min-width:300px;display:flex;flex-direction:column;gap:2rem;color:#000}.contact-card{background-color:var(--medium-grey);border-radius:10px;display:flex;text-align:left;flex-direction:column;padding:1rem;margin-bottom:10px}@media (min-width:768px){.contact-card{flex-direction:row}}.div-contact-card-image{display:flex;justify-content:center;align-items:center;min-width:100px;margin-bottom:1rem}@media (min-width:768px){.div-contact-card-image{width:20%;margin-bottom:0}}.contact-card-image{width:80%;max-width:150px;height:auto}.contact-card-icone{width:20px;height:auto;vertical-align:middle;margin-right:.5rem}.contact-card-content{display:flex;flex-direction:column;padding:1rem;flex:1}.contact-card-title{font-size:1.4rem;margin-bottom:.5rem}.contact-card-content span{display:block;margin-bottom:.5rem}@media (max-width:767px){.flex-contact{flex-direction:column}.contact-cards{width:100%}.div-image-agences-normandes{width:100%;margin-bottom:2rem}}.card-contact-section{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem;background:#f8f9fa}.card-contact-card{background:var(--low-blue);color:#fff;padding:3rem;border-radius:25px;max-width:800px;width:100%;text-align:center;box-shadow:0 10px 30px rgb(0 0 0 / .2);position:relative;overflow:hidden}.card-contact-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px}.card-contact-title{font-size:2.5rem;margin-bottom:1.5rem;line-height:1.2}.card-contact-subtitle{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.card-contact-button{display:inline-block;background:#f39c12;color:#fff;padding:.8rem 2rem;border-radius:10px;text-decoration:none;font-weight:700;transition:background 0.3s ease}.card-contact-button:hover{background:#e67e22}@media (max-width:992px){.card-contact-title{font-size:2rem}.card-contact-card{padding:2.5rem}}@media (max-width:768px){.card-contact-section{padding:1rem}.card-contact-card{padding:2rem 1.5rem}.card-contact-title{font-size:1.8rem}.card-contact-subtitle{font-size:1rem}.desktop-only{display:none}.div-footer-flex{flex-direction:column}.div-footer-low-text{padding:10px}.container-large h2{font-size:1.6em}.middle-hero-text{font-size:2.5em}}.container{display:flex;max-width:1000px;margin:30px auto;background-color:#fff;border-radius:8px;box-shadow:0 0 10px rgb(0 0 0 / .1);overflow:hidden}.sidebar{width:250px;background-color:var(--low-blue);color:#fff;padding:20px 0}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-menu li{padding:15px 20px;cursor:pointer;transition:all 0.3s;border-left:3px solid #fff0}.sidebar-menu li:hover{background-color:rgb(255 255 255 / .1)}.sidebar-menu li.active{background-color:var(--logo-color-orange)}.content{flex:1;padding:30px}.form-group{margin-bottom:20px}label{display:block;margin-bottom:5px;font-weight:700}input[type="text"],input[type="email"],textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}textarea{height:120px;resize:vertical}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-option{display:flex;align-items:center}.radio-option input{margin-right:10px}.checkbox-group{display:flex;align-items:center;margin-bottom:10px}.checkbox-group input{margin-right:10px}.email-copy-group{margin-top:10px;margin-left:25px;display:none}form button{background-color:var(--logo-color-orange);color:#fff;border:none;padding:12px 20px;border-radius:10px;cursor:pointer;font-size:16px;transition:background-color 0.3s}form button:hover{background:#e67e22}.hidden{display:none}.service-description{color:#7f8c8d;margin-bottom:30px}@media (max-width:1024px){.container{flex-direction:column;margin:20px auto}.sidebar{width:100%;padding:15px 0}.content{padding:20px}.form-group{margin-bottom:18px}.radio-option,.checkbox-group{margin-bottom:10px}.email-copy-group{margin-left:0;margin-top:15px}}@media (max-width:768px){.container{margin:15px auto;border-radius:0}.sidebar-menu li{padding:12px 15px;font-size:14px}.content{padding:15px}input[type="text"],input[type="email"],textarea{padding:8px;font-size:14px}textarea{height:100px}.radio-group{gap:6px}.radio-option{font-size:14px}.checkbox-group{font-size:14px}form button{padding:10px 18px;font-size:14px}}@media (max-width:480px){.container{margin:10px auto;box-shadow:none}.sidebar{background-color:var(--low-blue);padding:10px 0}.sidebar-menu li{padding:10px 12px;font-size:13px}.content{padding:10px}input[type="text"],input[type="email"],textarea{padding:6px;font-size:13px}textarea{height:80px}form button{padding:8px 16px;font-size:13px}.service-description{font-size:13px}}@media (max-width:600px){.container-large{margin-left:0;padding:0 15px}.sidebar-menu li{padding:12px 15px;font-size:14px}.content{padding:20px 15px}.radio-option{display:block}.radio-option input{margin-right:8px}}@media (max-width:400px){.content{padding:15px}input[type="text"],input[type="email"],textarea{padding:4px;font-size:12px}textarea{height:60px}.form-group{margin-bottom:15px}form button{padding:6px 12px;font-size:12px}.service-description{font-size:12px}}