﻿.slider{display:flex;align-items:center}.slider .arrow{cursor:pointer;transition:.3s ease-in-out;color:var(--base-text-color);background:none;border:0 none}.slider .arrow .edglyph{font-size:48px}.slider .arrow.prev{padding-right:20px}.slider .arrow.next{padding-left:20px}.slider .slick-list{flex:1}.ellipses .ellipse{clip-path:circle(50%);aspect-ratio:1}.ellipses .ellipse.small{width:64px}.ellipses .ellipse.medium{width:196px}.ellipses .ellipse.big{width:396px}.ellipses .ellipse.blue_dark{background:var(--secondary-color)}.ellipses .ellipse.purple_light{background:var(--quaternary-color)}.ellipses .ellipse.gradient{background:linear-gradient(to right, var(--quinary-color), var(--tertiary-color))}@keyframes mousewheel{0%{margin-top:0}100%{margin-top:14px}}body{background:color-mix(in srgb, var(--secondary-color) 5%, var(--color-white) 100%)}#header{position:absolute}#header.fixed{position:fixed}#content{overflow:hidden}#content #first{min-height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 0;padding-top:180px}#content #first .container{width:100%;flex:1;display:flex;align-items:center}#content #first .container .slider.homepage{flex:1;max-width:700px}#content #first .container .slider.homepage h1{font-size:clamp(32px,5vw,48px);font-weight:700;margin-bottom:50px;line-height:normal}#content #first .container .slider.homepage h1 strong,#content #first .container .slider.homepage h1 b{font-weight:inherit;color:var(--secondary-color)}#content #first .container .slider.homepage .btn{margin-top:50px}#content #first .mousewheel{display:flex;flex-direction:column;align-items:center;margin-top:40px}#content #first .mousewheel .mouse{display:flex;justify-content:center;align-items:flex-start;padding-top:10px;width:24px;height:42px;margin-bottom:10px;border-radius:10px;background:linear-gradient(45deg, var(--quinary-color), var(--tertiary-color))}#content #first .mousewheel .mouse:before{content:"";display:block;width:8px;aspect-ratio:1;clip-path:circle(50%);background:var(--color-white);animation:mousewheel 1.5s infinite}#content #first .mousewheel:after{content:"Défiler vers le bas";font-size:12px;font-weight:500;color:var(--secondary-color);text-transform:uppercase}#content #first .ellipses{position:absolute;top:0;bottom:0;right:0;width:50%;z-index:-1}#content #first .ellipses .ellipse{position:absolute !important;left:auto !important;animation-fill-mode:backwards}#content #first .ellipses .ellipse.small{top:55% !important;right:15% !important;animation-fill-mode:backwards}#content #first .ellipses .ellipse.medium{top:20% !important;right:20% !important}#content #first .ellipses .ellipse.big{top:45% !important;right:35% !important}#content #first:before{content:"";display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%, 0);width:200%;min-width:1024px;aspect-ratio:1;border-radius:99em;background:var(--color-white);box-shadow:0 25px 60px rgba(var(--color-black-rgb), 0.05);z-index:-1}#content #services{padding:100px 0}#content #services .container{text-align:center}#content #services .container h2{font-weight:700;font-size:clamp(28px,5vw,40px);margin-bottom:50px;line-height:normal;text-align:center}#content #services .container p{font-weight:600;color:var(--secondary-color);margin-bottom:20px}#content #services .container ul li{display:flex;justify-content:center;align-items:flex-start}#content #services .container ul li:before{content:"W";font-family:"Edglyph";font-size:18px;color:var(--secondary-color);margin-right:20px}#content #services .container .services{display:flex;margin-top:30px}#content #services .container .services>div{flex:1;padding:0 20px;margin-top:40px}#content #services .container .services>div .service{aspect-ratio:1;background:var(--color-white);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20px;box-shadow:0 2px 10px rgba(var(--color-black-rgb), 0.1);position:relative;overflow:hidden}#content #services .container .services>div .service h3{font-size:clamp(24px,2.5vw,36px);font-weight:700;margin-bottom:30px;color:transparent;text-align:center;line-height:normal;background:linear-gradient(to right, var(--quinary-color), var(--tertiary-color));background-clip:text}#content #services .container .services>div .service .hover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:var(--color-white);opacity:0;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:.3s ease-in-out}#content #services .container .services>div .service .hover:before{content:"";background-repeat:no-repeat;background-size:200%;opacity:.5;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}#content #services .container .services>div .service:hover .hover{opacity:1}#content #services .container .services>div:first-child .service .hover:before{background-image:url(../img/services/strategie.png);background-position:top right}#content #services .container .services>div:nth-child(2) .service{animation-delay:.25s}#content #services .container .services>div:nth-child(2) .service .hover:before{background-image:url(../img/services/creation.png);background-position:top right}#content #services .container .services>div:last-child .service{animation-delay:.5s}#content #services .container .services>div:last-child .service .hover:before{background-image:url(../img/services/routage.png);background-position:top right}#content #brand{padding:100px 0;background:var(--color-white);min-height:692px;display:flex;align-items:center;position:relative}#content #brand .container{flex:1}#content #brand .container h2{font-size:clamp(32px,5vw,48px);font-weight:700;margin-bottom:50px;line-height:normal}#content #brand .container p{margin-bottom:50px}#content #brand .container p:last-child{margin-bottom:0}#content #brand .flex>div:not(:has(figure)){padding-right:0}#content #brand .flex>div:has(figure){padding:0}#content #brand .flex>div figure{margin-left:80px}#content #partners{padding:100px 0}#content #partners .container h2{font-weight:700;font-size:clamp(28px,5vw,40px);margin-bottom:100px;line-height:normal;text-align:center}#content #partners .container .slider.partners .slick-track{display:flex;align-items:center}#content #partners .container .slider.partners .slick-track .slick-slide{flex:1;padding:0 40px}#content #partners .container .slider.partners a{display:block}#content #partners .container .slider.partners a img{width:auto;height:auto;max-height:128px;margin:0 auto}@media all and (max-width: 992px){#content #first{padding-top:160px}#content #first .container .slider.homepage{max-width:none;text-align:center}#content #first .container .slider.homepage .slick-track,#content #first .container .slider.homepage .slick-slide{width:auto !important}#content #first .ellipses{display:none}#content #brand .flex{display:block}#content #brand .flex>div{padding:0 20px !important;text-align:center}#content #brand .flex>div:not(:has(figure)){margin-bottom:40px}#content #brand .flex>div figure{margin-left:0}}@media all and (max-width: 768px){#content #services .container .services{display:block}#content #services .container .services>div{padding:0}#content #services .container .services>div .service h3{font-size:32px}}
