﻿@keyframes mousewheel{0%{margin-top:0}100%{margin-top:11px}}.mousewheel{display:flex;flex-direction:column;align-items:center;color:var(--color-white)}.mousewheel .mouse{display:flex;justify-content:center;align-items:flex-start;padding-top:6px;width:20px;height:35px;margin-bottom:10px;border-radius:10px;border:2px solid var(--color-white)}.mousewheel .mouse:before{content:"";display:block;width:6px;aspect-ratio:1;clip-path:circle(50%);background:var(--color-white);animation:mousewheel 1.5s infinite}.mousewheel:before{content:"Défiler vers le bas pour découvrir notre contenu";font-size:14px;font-weight:400;margin-bottom:10px}body{background-color:var(--color-white)}#content #video{width:100%;height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5vh 5vw;color:var(--color-white);text-shadow:0 1px 2px rgba(var(--color-black-rgb), 0.6);overflow:hidden}#content #video video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}#content #video:before{content:"";position:absolute;top:0;left:0;right:0;height:33.3333333333vh;z-index:1;pointer-events:none;background:linear-gradient(to bottom, rgba(var(--color-white-rgb), 0.8) 20%, transparent 100%)}#content #video h1{line-height:normal;font-weight:600;margin-bottom:40px;font-size:clamp(32px,5vw,64px)}#content #video h1:empty{display:none}#content #video h2{line-height:normal;font-weight:500;font-size:clamp(18px,5vw,24px)}#content #video h2:empty{display:none}#content #video .mousewheel_container{position:absolute;left:50%;bottom:128px;z-index:1;transform:translate(-50%, 0)}#content #video .waves{top:auto}#content #brand{padding-top:100px;position:relative}#content #brand:after{content:"";display:block;aspect-ratio:1000/92.5;min-height:96px;margin-top:100px}#content #brand .brand-bg{position:absolute;inset:0;top:auto;height:80%;background:url(../img/homepage/background_brand.jpg) no-repeat center;background-size:cover}#content #brand .brand-bg .brand-bg-multiply,#content #brand .brand-bg .brand-bg-gradient{position:absolute;inset:0}#content #brand .brand-bg .brand-bg-multiply{background:rgba(var(--primary-color-rgb), 0.75)}#content #brand .brand-bg .brand-bg-gradient{background:linear-gradient(to bottom, var(--color-white), transparent 50%)}#content #brand .brand{margin-bottom:100px}#content #brand .brand .container{max-width:1200px}#content #brand .brand .container h1{color:var(--primary-color);font-size:clamp(36px,5vw,48px);font-weight:600;margin-bottom:60px}#content #brand .brand .container p{font-size:clamp(16px,2.5vw,20px);line-height:1.5;margin-bottom:40px}#content #brand .brand .container p strong,#content #brand .brand .container p b{color:var(--primary-color);font-weight:700}#content #brand .brand .container p:last-child{margin-bottom:0;margin-top:60px}#content #brand .numbers .container{color:var(--color-white);text-align:center}#content #brand .numbers .container h2{font-weight:500;font-size:clamp(24px,5vw,36px);margin-bottom:60px}#content #brand .numbers .container strong{font-weight:700;font-size:clamp(48px,5vw,72px)}#content #brand .numbers .container hr{margin:60px auto;height:2px;border:0 none;max-width:50%;background:var(--color-white)}#content #brand .numbers .container .grid{display:grid;gap:20px;grid-template-columns:repeat(5, 1fr)}#content #brand .numbers .container .grid.list-numbers:not(:last-child){margin-bottom:60px}#content #brand .numbers .container .grid.list-numbers>div{display:flex;flex-direction:column;align-items:center;gap:20px}#content #brand .numbers .container .grid.list-numbers>div:nth-child(2){animation-delay:.2s}#content #brand .numbers .container .grid.list-numbers>div:nth-child(3){animation-delay:.4s}#content #brand .numbers .container .grid.list-numbers>div:nth-child(4){animation-delay:.6s}#content #brand .numbers .container .grid.list-numbers>div:last-child{animation-delay:.8s}#content #brand .waves{top:auto}#content #brand .waves svg path{fill:url(#waves_green)}#content #challenges{padding-top:100px;background:var(--primary-color);position:relative}#content #challenges:after{content:"";display:block;aspect-ratio:1000/92.5;min-height:96px;margin-top:100px}#content #challenges .container h2{font-weight:500;font-size:clamp(24px,5vw,30px);margin-bottom:60px;color:var(--color-white);text-align:center}#content #challenges .container hr{margin:60px auto;height:2px;border:0 none;max-width:50%;background:var(--color-white)}#content #challenges .container .grid.challenges{display:grid;gap:40px;grid-template-columns:repeat(4, 1fr)}#content #challenges .container .grid.challenges:not(:last-child){margin-bottom:60px}#content #challenges .container .grid.challenges .challenge{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;background:var(--color-white);border-radius:10px;padding:40px 20px;box-shadow:0 0 20px rgba(var(--color-black-rgb), 0.1);overflow:hidden;position:relative}#content #challenges .container .grid.challenges .challenge .challenge-bg-mosaique{position:absolute;inset:0;background:url(../img/interface/texture.svg) no-repeat left bottom;background-size:cover;mask-image:linear-gradient(20deg, black 0%, rgba(0, 0, 0, 0) 60%);z-index:-1}#content #challenges .container .grid.challenges .challenge:nth-child(even) .challenge-bg-mosaique{background:blvar(--secondary-color)}#content #challenges .container .grid.challenges .challenge .icon{display:block;aspect-ratio:2/1;height:96px;background:linear-gradient(to bottom, var(--primary-color), var(--secondary-color));mask-repeat:no-repeat;mask-position:center;mask-size:auto 100%}#content #challenges .container .grid.challenges .challenge .icon.qualitative{-webkit-mask-image:url(../img/homepage/challenges/qualitative.svg);mask-image:url(../img/homepage/challenges/qualitative.svg)}#content #challenges .container .grid.challenges .challenge .icon.quantitative{-webkit-mask-image:url(../img/homepage/challenges/quantitative.svg);mask-image:url(../img/homepage/challenges/quantitative.svg)}#content #challenges .container .grid.challenges .challenge .icon.aquatiques{-webkit-mask-image:url(../img/homepage/challenges/aquatiques.svg);mask-image:url(../img/homepage/challenges/aquatiques.svg)}#content #challenges .container .grid.challenges .challenge .icon.risques{-webkit-mask-image:url(../img/homepage/challenges/risques.svg);mask-image:url(../img/homepage/challenges/risques.svg)}#content #challenges .container .grid.challenges .challenge .icon.personnes{-webkit-mask-image:url(../img/homepage/challenges/personnes.svg);mask-image:url(../img/homepage/challenges/personnes.svg)}#content #challenges .container .grid.challenges .challenge .icon.quality{-webkit-mask-image:url(../img/homepage/challenges/quality.svg);mask-image:url(../img/homepage/challenges/quality.svg)}#content #challenges .container .grid.challenges .challenge .icon.fonctionnalites{-webkit-mask-image:url(../img/homepage/challenges/fonctionnalites.svg);mask-image:url(../img/homepage/challenges/fonctionnalites.svg)}#content #challenges .container .grid.challenges .challenge .icon.relations{-webkit-mask-image:url(../img/homepage/challenges/relations.svg);mask-image:url(../img/homepage/challenges/relations.svg)}#content #challenges .container .grid.challenges .challenge h3{color:var(--secondary-color);font-size:18px;font-weight:700}#content #challenges .container .grid.challenges .challenge a.btn-link{margin-top:auto}#content #challenges .container .grid.challenges .challenge:first-child{animation-delay:0s}#content #challenges .container .grid.challenges .challenge:nth-child(2){animation-delay:.2s}#content #challenges .container .grid.challenges .challenge:nth-child(3){animation-delay:.4s}#content #challenges .container .grid.challenges .challenge:last-child{animation-delay:.6s}#content #challenges .container .grid.challenges .challenge:hover a.btn-link{gap:15px}#content #challenges .waves{top:auto}#content #links,#content #infolys{padding:100px 40px;border:10px solid transparent;border-radius:40px;margin:0 40px;color:var(--color-white);overflow:hidden;position:relative}#content #links{margin-top:100px;border-color:var(--secondary-color)}#content #links .links-bg{position:absolute;inset:0;background:url(../img/homepage/background_links.jpg) no-repeat center;background-size:cover}#content #links .links-bg .links-bg-multiply,#content #links .links-bg .links-bg-texture{position:absolute;inset:0}#content #links .links-bg .links-bg-multiply{background:rgba(var(--secondary-color-rgb), 0.5)}#content #links .links-bg .links-bg-texture{background:url(../img/interface/texture.svg) no-repeat left bottom;background-size:125%;mask-image:linear-gradient(20deg, black 0%, rgba(0, 0, 0, 0) 40%);opacity:.75}#content #links .flex div{min-width:0;text-align:center}#content #links .flex div h3{font-weight:500;font-size:clamp(18px,2.5vw,24px);margin-bottom:30px}#content #news{padding:100px 0}#content #news .container h2{font-weight:500;font-size:clamp(24px,5vw,30px);margin-bottom:60px;text-align:center;background:linear-gradient(to bottom, var(--tertiary-color), var(--secondary-color) 75%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#content #news .container .article{display:flex;flex-direction:column;background:var(--color-white);box-shadow:0 0 20px rgba(var(--color-black-rgb), 0.1);border-radius:10px;overflow:hidden}#content #news .container .article figure{overflow:hidden}#content #news .container .article figure img{width:100%;height:100%;object-fit:cover;transition:.5s ease-in}#content #news .container .article section{flex:1;padding:20px;display:flex;flex-direction:column;gap:10px;font-size:14px}#content #news .container .article section h3{font-size:18px;font-weight:600;color:var(--secondary-color)}#content #news .container .article section h3 a{color:inherit}#content #news .container .article section h3 a:hover{text-decoration:none}#content #news .container .article section a{align-self:flex-end;display:inline-flex;align-items:center;gap:10px;margin-top:auto;font-weight:600;color:var(--secondary-color);transition:.2s ease}#content #news .container .article section a:hover{color:var(--primary-color);text-decoration:none}#content #news .container .article:hover figure img{transform:scale(1.1)}#content #news .container .grid.news{display:grid;grid-template-columns:repeat(4, 1fr);gap:40px}#content #news .container .grid.news .article{flex:1}#content #news .container .grid.news .article:first-child{animation-delay:0s}#content #news .container .grid.news .article:nth-child(2){animation-delay:.2s}#content #news .container .grid.news .article:nth-child(3){animation-delay:.4s}#content #news .container .grid.news .article:last-child{animation-delay:.6s}#content #news .container p:last-child{margin-top:60px}#content #infolys{border-color:var(--tertiary-color)}#content #infolys .infolys-bg{position:absolute;inset:0;background:url(../img/homepage/background_infolys.jpg) no-repeat center;background-size:cover}#content #infolys .infolys-bg .infolys-bg-multiply{position:absolute;inset:0}#content #infolys .infolys-bg .infolys-bg-multiply{background:rgba(var(--tertiary-color-rgb), 0.75)}#content #infolys .flex{align-items:center;max-width:1200px;margin:0 auto}#content #infolys .flex>div{font-weight:700;font-size:clamp(18px,2.5vw,24px);line-height:1.4;color:var(--color-white);text-align:center}#content #infolys .flex>div a{display:inline-flex;align-items:center;justify-content:center}#content #infolys .flex>div a img{display:block;max-width:100%;height:auto}#content #infolys .flex>div p:first-child{margin-bottom:40px}#content #infolys .flex>div p:last-child{animation-delay:.5s}#content #infolys .jarallax-container img{opacity:.25}#content #partners{padding-top:100px}#content #partners:after{content:"";display:block;aspect-ratio:1000/92.5;min-height:96px;margin-top:100px}#content #partners:after{content:"";display:block;aspect-ratio:1000/92.5;min-height:96px}#content #partners .container h2{font-weight:500;font-size:clamp(24px,5vw,30px);margin-bottom:60px;text-align:center;background:linear-gradient(to bottom, var(--tertiary-color), var(--secondary-color) 75%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#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 20px}#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;object-fit:fill}@media all and (max-width: 1200px){#content #challenges .container .grid.challenges{grid-template-columns:repeat(2, 1fr)}#content #challenges .container .grid.challenges .challenge:first-child .challenge{animation-delay:0s}#content #challenges .container .grid.challenges .challenge:nth-child(2) .challenge{animation-delay:.2s}#content #challenges .container .grid.challenges .challenge:nth-child(3) .challenge{animation-delay:0s}#content #challenges .container .grid.challenges .challenge:last-child .challenge{animation-delay:.2s}#content #news .container .grid.news{grid-template-columns:repeat(2, 1fr)}#content #news .container .grid.news .article:first-child{animation-delay:0s}#content #news .container .grid.news .article:nth-child(2){animation-delay:.2s}#content #news .container .grid.news .article:nth-child(3){animation-delay:0s}#content #news .container .grid.news .article:last-child{animation-delay:.2s}}@media all and (max-width: 768px){#content #brand{padding-top:50px}#content #brand:after{margin-top:50px}#content #brand .numbers .container .grid.list-numbers{grid-template-columns:repeat(2, 1fr)}#content #brand .numbers .container .grid.list-numbers>div:first-child{animation-delay:0s}#content #brand .numbers .container .grid.list-numbers>div:nth-child(2){animation-delay:.2s}#content #brand .numbers .container .grid.list-numbers>div:nth-child(3){animation-delay:0s}#content #brand .numbers .container .grid.list-numbers>div:nth-child(4){animation-delay:.2s}#content #brand .numbers .container .grid.list-numbers>div:last-child{animation-delay:0s}#content #brand .numbers .container .grid.list-numbers>div:last-child:nth-child(odd){grid-column:1/-1;justify-self:center}#content #challenges{padding-top:50px}#content #challenges:after{margin-top:50px}#content #challenges .container .grid.challenges{grid-template-columns:1fr}#content #challenges .container .grid.challenges .challenge{animation-delay:0s !important}#content #links,#content #infolys{padding:50px 40px;margin:0 20px}#content #links{margin-top:50px}#content #news{padding:50px 0}#content #news .container .grid.news{grid-template-columns:1fr}#content #news .container .grid.news .article{animation-delay:0s !important}#content #partners{padding-top:50px}#content #partners:after{margin-top:50px}}@media all and (max-width: 500px){#content #video .mousewheel_container{bottom:96px}}
