.brand-container{display:flex;flex-direction:row;justify-content:flex-start;padding:10px}.brandmark{color:#fff;text-decoration:none;font-size:1.5rem;margin-left:10px}.menu-container{display:flex;flex-direction:row;flex-wrap:wrap}.lnk-menu{color:#fff;text-decoration:none;font-size:1.2rem}.lnk-menu:hover{color:#14bcff;font-size:1.4rem;font-weight:700}.icon-menu{margin:5px;width:24px;height:32px;cursor:pointer}.icon-menu>path:hover{fill:#ff9114}@media screen and (max-width: 700px){.menu-container{display:none}}.modal-background{position:fixed;bottom:400px;max-width:480px}@media screen and (max-width: 620px){.modal-background{max-width:300px}}.modal-container{width:100%;border-radius:12px;background-color:var(--primary-color);box-shadow:#1d111159 0 5px 15px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px}.modal-container .modal-title{background-color:transparent;display:inline-block;text-align:center;margin-top:10px}.modal-container .modal-title h1,.modal-container .modal-body p{background-color:transparent}.modal-body{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.7rem;text-align:center}.modal-link>a{text-decoration:none;color:#fff}.modal-text-small{font-size:1.2rem;text-align:left}.modal-footer{margin-top:10px;display:flex;flex-direction:column;justify-content:center;width:100%}.footer-items-container{color:#fff;display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:100%;padding:10px;gap:10px}.footer-copyright{width:33%;text-align:left}.footer-infos{width:33%;display:flex;justify-content:center;color:#fff;text-decoration:none}.footer-version{width:33%;text-align:end}.footer-infos-lnk{color:#fff;text-decoration:none}.hero-container{display:flex;flex-direction:column;justify-content:space-between;width:100%;margin:80px}.hero-header{display:flex;flex-direction:row;justify-content:space-between}.hero-accroche{font-size:5.5rem;font-weight:600;max-width:1200px}.hero-text{font-size:1.4rem;max-width:700px;margin-top:10px;margin-bottom:10px}@media only screen and (max-width: 720px){.hero-container{margin:20px}.hero-accroche{font-size:3.5rem}}.offre-card{margin-top:15px;background-color:transparent;max-width:350px;min-width:350px;min-height:350px;border:0px solid var(--primary-color);border-radius:30px;box-shadow:8px -1px 38px #2a93d94d,0 15px 12px #00000038;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden}.offre-card-header,.offre-card-footer,.offre-card-body{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.offre-card-header{background-color:var(--primary-color);color:#fff;width:100%;transition:transform .6s}.offre-card-header:hover{transform:scale(1.15);cursor:pointer;color:var(--secondary-color)}.offre-card-footer{padding:15px;position:relative;bottom:20px}.offre-card-body>p{padding-bottom:20px}.offre-card-row{padding:10px}.offre-title{font-size:1.6rem;font-weight:600;text-align:center;padding:5px;vertical-align:middle}.offre-title>span{margin-right:10px}.offre-card-text{font-size:1.2rem;margin-top:5px;text-align:center}.offre-price{font-size:1.6rem;padding:15px;text-align:center}.offre-price-tax{font-size:1rem}.offre-text-promo{font-size:1.2rem;border-radius:20px;padding:10px;background-color:#fa8e01;color:#fff;font-weight:700;box-shadow:8px -1px 38px #2a93d94d,0 15px 12px #00000038}.offre-text-barre{text-decoration:line-through;text-align:center}.section-clients-images-container{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:40px;animation:enterLeft 2s ease 0s 1 normal forwards;padding-bottom:30px;flex-wrap:wrap}.section-clients-image{max-height:100px;max-width:200px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.section-clients-image:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%)}@keyframes enterLeft{0%{opacity:0;transform:rotateY(100deg);transform-origin:left}to{opacity:1;transform:rotateY(0);transform-origin:left}}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.slide-in{animation:slideInFromLeft .5s forwards}.service-card{margin-top:10px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-width:380px;max-height:600px;border-radius:15px;box-shadow:8px -1px 38px #2a93d94d,0 15px 12px #00000038;overflow:hidden}.service-card>img{width:100%;height:40%;border-radius:15px 15px 0 0}.service-card-body{padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;vertical-align:bottom;height:fit-content}.service-title{margin-top:5px;font-size:2rem;font-weight:600;text-align:center}.service-text{font-size:1.4rem;margin-top:5px;text-align:center;overflow:hidden}.service-action-container{margin-top:10px;display:flex;flex-direction:column;align-items:end}.section-contacts-infos{display:flex;flex-direction:column;justify-content:flex-start;align-items:baseline;padding:10px}.section-contacts-infos>.text{display:flex;flex-direction:column;padding:20px}.section-contact-info-avatar-container{overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:#d3c4c459 0 5px 15px;border-radius:50%;width:160px;height:160px}.section-contact-info-avatar-container>img{width:160px;border-radius:50%}a{color:#fff}.contacts-container{display:flex;flex-direction:column}.contacts-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:15px}.mail-form-container>form{padding:5px;width:100%}.mail-row{margin-top:5px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;width:100%}.mail-col{margin-top:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.mail-form-input,.mail-form-textarea{border-radius:10px;border:2px solid var( --secondary-color);background-color:transparent;font-size:1.4rem;color:#fff}.mail-form-textarea{min-width:min-content;max-width:580px;min-height:180px}.mail-message{position:relative;width:100%}.card-container{display:flex;flex-direction:row-reverse;justify-content:center;cursor:pointer;gap:45px;flex-wrap:wrap;margin-bottom:50px}.card{perspective:600px;min-width:250px;min-height:250px;max-width:250px;max-height:250px;top:0;left:0;float:left}.content-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;transition:transform 1s;transform-style:preserve-3d;border-radius:10px;width:100%;height:100%}.card:hover .content-card{transform:rotateY(180deg);transition:transform .5s}.front-card,.back-card{position:absolute;display:flex;flex-direction:column;align-items:center;color:#fff;background-color:var(--primary-color);text-align:center;font-size:1.6rem;backface-visibility:hidden;padding:20px;box-shadow:0 15px 15px #0000004d;width:100%;height:100%;border-radius:20px}.back-card{top:0;justify-content:space-between;background:#03446A;color:#fff;transform:rotateY(180deg);font-size:1.1rem}.logo-client{max-height:50px;max-width:100px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.tags-container{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px;margin:10px}.tag-badge{font-size:.8rem;border-radius:10px;border:1px solid rgb(241,229,229);background-color:var(--primary-color);min-width:30px;padding:4px}.tag-badge:hover{border:1px solid rgb(42,236,16);color:#2aec10}.card-text{margin-top:5px;font-size:1.2rem;padding:2px;vertical-align:text-bottom}.card-title{font-size:1.2rem;font-weight:700;margin-bottom:5px}.sections-container{display:flex;flex-direction:column;justify-content:flex-start}.section-container{display:flex;flex-direction:column}.section-titre{font-size:3rem;text-align:center;font-weight:700;padding:20px}.section-sous-titre{font-size:2.3rem;text-align:center;font-weight:600;padding:20px}.section-hero,.section-services,.section-testimonials,.section-clients,.section-bandeau,.section-offres,.section-porfolio{display:flex;flex-wrap:wrap;margin-top:20px;margin-bottom:20px}.section-hero{color:var(--alt-text-color);margin-top:10px}.section-bandeau{background-color:var(--primary-color);color:var(--alt-text-color);justify-content:center;align-items:center;flex-direction:column;font-size:3rem;font-weight:700;min-height:100px;margin-bottom:0}.section-bandeau>img{max-height:105px;max-width:200px}.section-offres,.section-porfolio{flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:50px}.section-services{flex-direction:row;justify-content:center;flex-wrap:wrap;min-height:100px;gap:50px}.section-clients{flex-direction:column;justify-content:center;align-items:center;color:var(--alt-text-color);min-height:200px}.section-testimonials{flex-direction:row;justify-content:center;align-items:center}.section-contacts{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:1.4rem;color:#fff;gap:20px;flex-wrap:wrap;margin-bottom:30px}.action-container{display:flex;flex-direction:column;justify-content:center;align-items:last baseline}.blog-container{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px}.blog-card{margin-top:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:380px;max-width:380px;border-radius:15px;box-shadow:8px -1px 38px #2a93d94d,0 15px 12px #00000038;overflow:hidden}.blog-card>img{width:100%;border-radius:15px 25px 0 0;margin:1px}.post-title{margin-top:10px;font-size:1.4rem;text-align:center}.tag-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:10px}.tag-content{border-radius:8px;background-color:var(--secondary-color);padding:10px;min-width:60px;max-height:8px;text-align:center}.contact-container{display:flex;flex-direction:row;justify-content:space-between;height:100%;width:100%}aside.left{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background-color:var(--dark-color);color:#fff;width:200px;margin-top:80px}.menu-items-container{display:flex;flex-direction:column;justify-content:flex-start;gap:30px;cursor:pointer;padding:20px;margin-top:10px}.menu-item-container{display:flex;flex-direction:row;justify-content:flex-start}.menu-text{align-self:center;margin-left:10px}.menu-text:hover{color:#0ff;font-size:var(--sub-title-size)}.icon-container{border-radius:50%;background-color:#fff}.icon-container:hover{background-color:#0ff}.icon-fonction{padding:10px;max-width:32px;max-height:32px;align-self:center}aside.right{background-color:var(--secondary-color);color:#fff;width:80px}@media screen and (max-width: 600px){aside.left{width:60px;margin-top:35px}aside.right{display:none}.menu-items-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.menu-item-container{display:flex;flex-direction:column;justify-content:center}.menu-text{display:none}.icon-fonction{width:14px;height:14px}}.page-not-found-container{margin:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:800;font-size:3rem;flex-wrap:wrap}.page-not-found-text{font-weight:600;font-size:2rem;text-align:center}.page-not-found-code{padding:15px;border-radius:50%;background-color:#000;color:#fff;font-weight:600;font-size:2rem}.about-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.persons-container{padding:20px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:30px;flex-wrap:wrap;gap:30px}.person-container{display:flex;flex-direction:column;align-items:center}.person-icon-container{display:flex;justify-content:center;border-radius:50%;background-color:var(--primary-color);min-width:120px;min-height:120px;align-items:center}.xl-icon{width:64px;align-self:center}.vsm-icon{width:12px;align-self:center}.person-text{font-size:1.8rem}.person-description-text{font-size:1.1rem}.person-coord-container{display:flex;justify-content:flex-start;gap:10px;width:100%}.person-coord-text{font-size:.9rem}#root{--primary-color: #051937;--secondary-color: #00FFAD;--grey-color: rgb(179, 185, 176);--dark-color: rgba(31, 28, 25, .836);--alt-text-color: #fff;--general-gradiant: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);--title-size: 2rem;--sub-title-size: 1.4rem;--normal-text-size: 1rem;--description-text-size: .8rem;font-size:var(--normal-text-size);font-weight:400}li{list-style:none}ul{display:flex;flex-direction:row;gap:15px;padding-right:50px}button,.light-button,.dark-button{border-radius:30px;border:0;min-width:120px;min-height:60px;font-size:1.2rem;font-weight:700;padding:10px 20px;cursor:pointer}.light-button,.dark-button,.invert-light-button{transition:transform .6s}.invert-light-button{color:var(--secondary-color);border:2px solid var(--secondary-color);background-color:#fff}.light-button{background-color:var(--secondary-color)}.light-button:hover{color:var(--alt-text-color);transform:scale(1.15)}.dark-button{font-size:var(--normal-text-size);background-color:var(--primary-color);color:var(--alt-text-color)}.dark-button:hover{color:var(--secondary-color);transform:scale(1.15)}.container{display:relative;margin-top:30px}.header{background-color:var(--dark-color);position:fixed;width:100%;top:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.content{width:100%;margin-bottom:60px;margin-top:50px}.footer{display:flex;background-color:var(--dark-color);width:100%;height:60px;position:fixed;bottom:0}.icon-fonction{width:64px;height:64px;align-self:center}.title{padding:10px;font-weight:700;font-size:var(--title-size);text-align:center}.text-barre{text-decoration:line-through}@media only screen and (max-width: 720px){.content{width:100%;margin-bottom:60px;margin-top:50px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;width:100vw}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}