*{box-sizing:border-box}html,#app{height:100%}body{color:#fff;margin:0;font-family:Open Sans,sans-serif;font-size:16px;line-height:32px}@media (max-width:1024px){body{font-size:15px;line-height:24px}}img{max-width:100%;height:auto;display:block}h1{margin:40px 0;font-size:64px;font-weight:700;line-height:70px}@media (max-width:1024px){h1{margin:24px 0;font-size:40px;line-height:40px}}@media (max-width:768px){h1{font-size:36px;line-height:36px}}@media (max-width:400px){h1{font-size:32px;line-height:32px}}.section{text-align:center;color:#333;flex-direction:column;justify-content:center;align-items:center;max-width:990px;margin:32px auto;display:flex}.section p{font-size:16px}@media (max-width:900px){.section{max-width:90%}.section h2{font-size:36px;line-height:38px}}.scroll-button{border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.scroll-button .scroll-icon{transition:all .3s}.scroll-button .scroll-icon-first{animation-delay:.4s!important}.scroll-button .scroll-icon-second{position:absolute;top:0;animation-delay:0!important}.scroll-button .scroll-icon-third{position:absolute;top:0;animation-delay:.8s!important}.scroll-button:hover .scroll-icon{animation:2s linear infinite bounce}.scroll-button:hover .scroll-icon-second{top:-10px}.scroll-button:hover .scroll-icon-third{top:10px}@keyframes bounce{0%{color:#b08f62}50%{color:#1c3856}to{color:#b08f62}}.methode-section{flex-direction:column;gap:16px;scroll-margin-top:100px;display:flex}.methode-section .methode-steps{flex-direction:row;justify-content:center;align-items:center;gap:16px;display:flex}.methode-section .methode-steps .methode-step{text-align:center;opacity:0;background-color:#fff;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding:16px;display:flex;transform:translateY(20px);box-shadow:0 2px 4px #00000040}.methode-section .methode-steps .methode-step svg{color:#1c3856;width:auto;height:135px}.methode-section .methode-steps .methode-step img{width:auto;height:200px}.methode-section .methode-steps .methode-step h3{margin-bottom:1rem;font-size:22px}.methode-section .methode-steps .methode-step h4{height:40px;font-size:14px;line-height:20px}.methode-section .methode-use-cases{background-color:#fff;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:16px;width:100%;margin:8px 0;display:flex;box-shadow:0 2px 4px #00000040}.methode-section .methode-use-cases .methode-use-case{text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex}.methode-section .methode-use-cases .methode-use-case img{width:auto;height:200px}.methode-section .methode-call-to-action{background-color:var(--color-blue);border-radius:10px;align-items:center;gap:16px;width:100%;padding:32px;display:flex}.methode-section .methode-call-to-action .methode-call-to-action-text{text-align:left;width:50%;color:var(--color-white);flex-direction:column;display:flex}.methode-section .methode-call-to-action .methode-call-to-action-text h2{color:var(--color-white)}.methode-section .methode-call-to-action button,.methode-section .methode-call-to-action a{width:25%}:is(.methode-section .methode-call-to-action button,.methode-section .methode-call-to-action a):last-child{border:solid 1px var(--color-white)}@media (max-width:900px){.methode-section .methode-steps,.methode-section .methode-use-cases{flex-direction:column}.methode-section .methode-call-to-action{flex-direction:column}.methode-section .methode-call-to-action .methode-call-to-action-text{text-align:center;width:100%}.methode-section .methode-call-to-action button,.methode-section .methode-call-to-action a{width:100%;margin:0}}.fade-in-up{animation:1s both fadeInUp}.offer-section{background-color:#fefefe;max-width:100%;margin:0;padding:32px 0}.offer-section .offer-cards{flex-direction:row;justify-content:center;align-items:center;gap:16px;display:flex}.offer-section .offer-cards p,.offer-section .offer-cards h3{margin:8px}.offer-section .offer-cards .offer-card{text-align:center;color:#f5f5f5;opacity:0;background-color:#1c3856;border-radius:10px;flex-direction:column;justify-content:flex-end;align-items:center;width:300px;min-height:300px;padding:16px;display:flex;box-shadow:0 2px 4px #00000040}.offer-section .offer-cards .offer-card h3{color:#f5f5f5;font-size:24px}.offer-section .offer-cards .offer-card .offer-icon{background-color:#b08f62;border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;display:flex}.offer-section .offer-cards .offer-card .offer-icon.gold{background-color:#b08f62}.offer-section .offer-cards .offer-card .offer-icon.green{background-color:#6bb062}.offer-section .offer-cards .offer-card .offer-icon.blue{background-color:#6278b0}.offer-section .offer-cards .offer-card .offer-icon.red{background-color:#b0626c}.offer-section .offer-cards .offer-card svg{color:#333;width:auto;height:40px}@media (max-width:900px){.offer-section .offer-cards{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-color:transparent transparent;scrollbar-width:0px;justify-content:flex-start;align-items:center;width:300px;overflow-x:auto}.offer-section .offer-slider-btn{justify-content:center;align-items:center;gap:16px;margin:8px;display:flex}.offer-section .offer-slider-btn a{background-color:#d9d9d9;border-radius:50%;width:15px;height:15px;display:inline-block}.offer-section .offer-slider-btn a:hover,.offer-section .offer-slider-btn a.active{background-color:#b08f62}.offer-section .offer-card{scroll-snap-align:start;flex-shrink:0}}.client-section{text-align:center;color:#333;flex-direction:column;align-items:center;max-width:100%;display:flex}.client-carousel{white-space:nowrap;background-color:#0000;gap:80px;width:80%;padding:60px 0;position:relative;overflow:hidden}.client-carousel *{box-sizing:border-box}@media (max-width:980px){.client-carousel{width:100%}}.client-carousel:before,.client-carousel:after{content:"";z-index:2;width:250px;height:100%;position:absolute;top:0}.client-carousel:before{background:linear-gradient(to left,#fff0,var(--color-blue));left:0}.client-carousel:after{background:linear-gradient(to right,#fff0,var(--color-blue));right:0}.client-slide{white-space:nowrap;gap:80px;width:max-content;animation:20s linear infinite slide;display:inline-block}.client-carousel:hover .client-slide{animation-play-state:paused}.client-slide img{width:auto;height:100px;aspect-ratio:initial;filter:grayscale();margin:0 40px;display:inline-block}@keyframes slide{to{transform:translate(-100%)}}.avis-cards{color:#333;flex-direction:row;align-items:center;gap:16px;margin:8px auto;display:flex}.avis-cards .avis-card{color:#fff;opacity:0;background-color:#333;border-radius:10px;width:350px;height:350px;padding:32px 16px;box-shadow:0 2px 4px #00000040;text-align:start!important}.avis-cards .avis-card p{font-size:16px;font-style:italic;line-height:20px}.avis-cards .avis-card p.avis-author{color:#b08f62;margin-bottom:16px;font-style:normal}.avis-cards .avis-card p.avis-content{font-style:italic}.avis-cards .avis-card .avis-rating{color:#b08f62;flex-direction:row;justify-content:flex-end;gap:8px;display:flex}.avis-cards .avis-card .avis-rating svg{width:auto;height:20px}.article-card{text-align:start;background-color:#7fffd4;border-radius:10px;flex-direction:column;justify-content:flex-end;width:300px;height:500px;text-decoration:none;transition:all .5s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000040}.article-card:visited{color:inherit}.article-card img{object-fit:cover;width:300px;height:500px;transition:all .5s;position:absolute}.article-card:hover{cursor:pointer;transform:scale(1.03);box-shadow:0 2px 8px #00000040}.article-card:hover img{transform:scale(1.05)}.article-card .article-info{z-index:1;flex-direction:column;justify-content:flex-end;gap:8px;padding:8px;display:flex;position:relative}.article-card .article-info:before{content:"";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:0;background:linear-gradient(#0000,#333c);width:100%;height:350px;position:absolute;bottom:0;left:0;-webkit-mask:linear-gradient(#0000,#000,#000);mask:linear-gradient(#0000,#000,#000)}.article-card .article-info h3{color:#f5f5f5;margin:0}.article-card .article-info p{z-index:1;color:#f5f5f5;margin:0;font-size:14px;line-height:22px}.article-card .article-topic{color:#333;z-index:1;background-color:#f5f5f5;border-radius:5px;width:max-content;padding:0 16px}@media (max-width:900px){.avis-cards{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-color:transparent transparent;scrollbar-width:0px;justify-content:flex-start;align-items:center;width:350px;overflow-x:auto}.avis-slider-btn{justify-content:center;align-items:center;gap:16px;margin:8px;display:flex}.avis-slider-btn a{background-color:#d9d9d9;border-radius:50%;width:15px;height:15px;display:inline-block}.avis-slider-btn a:hover,.avis-slider-btn a.active{background-color:#b08f62}.avis-card{scroll-snap-align:start;flex-shrink:0}}.valeurs-slide{background-color:#1c3856;align-items:center;gap:40px;width:100%;height:50px;display:flex;position:relative;overflow:hidden}.valeurs-slide:before,.valeurs-slide:after{content:"";z-index:1;width:100px;height:100%;position:absolute;top:0}.valeurs-slide:before{background:linear-gradient(90deg,#1c3856,#0000);left:0}.valeurs-slide:after{background:linear-gradient(270deg,#1c3856,#0000);right:0}.valeurs-slide .texts-slide{color:#f5f5f5;white-space:nowrap;align-items:center;gap:40px;max-width:max-content;margin:0;font-family:Poppins,sans-serif;font-size:24px;animation:60s linear infinite slide;display:flex}.valeurs-slide .texts-slide svg{color:#f5f5f5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
