@charset "utf-8";.baseline,.resume p,.small,h2{font-weight:100}.baseline,h2,nav ul{text-transform:uppercase}a,nav ul a{color:#5da52b;text-decoration:none}#benefices,#enjeux{background-color:#fff}.anim-benefices,.anim-enjeux{will-change:opacity;opacity:1}.mask-top,.ref-flou,body{background-color:#000}*{margin:0;padding:0}body{font-family:Outfit,sans-serif;font-size:20px;color:#fff}html{scroll-behavior:smooth}h2{font-size:4.4vw;line-height:1.1em;padding:0 0 2vw}#demarche p,#methode p,h3{font-weight:700}h3{font-size:3vw;line-height:1em;padding:40px 0 24px}nav ul,p{font-weight:300}p{font-size:22px;line-height:1.3em;padding:0 0 12px}#methode h3,.vert,nav a:visited{color:#5da52b}section{padding:16vh 224px 0 10vw}header{height:100vh;padding:0 0 0 6vw}.logo{position:absolute;bottom:20vw;width:56vw;height:17vw}.border{position:fixed;right:224px;height:100vh;border-left:1px solid rgba(93,165,43,.3)}.baseline,.bouton-start,.mask-top{position:absolute}.baseline{bottom:142px;right:258px;text-align:right;font-size:25px}.bouton-start,.bouton-top{font-size:0;transition:.3s}.bouton-start{bottom:80px;right:256px;width:40px;height:40px;background-image:url("icon-start.svg");z-index:2}.bouton-start:hover{transform:translateY(8px)}.mask-top{top:0;right:0;height:100vh;width:224px;z-index:2}.bouton-top{position:fixed;top:56px;right:42px;width:156px;height:32px;background-image:url("logo-garden-vert.svg");background-size:contain;background-repeat:no-repeat}.bouton-in:hover,.bouton-mail:hover,.bouton-tel:hover,.bouton-top:hover,.eco-bloc a:hover,.resume-inr:hover{transform:translateY(-8px)}nav{position:sticky;bottom:0;padding:0 0 32px;z-index:10}nav ul{position:absolute;bottom:32px;right:32px;width:192px;font-size:16px;list-style-type:none;z-index:2}nav ul a{display:block;padding:4px 0 4px 34px;transition:padding .3s}nav ul a:hover{padding-left:16px}#menu{opacity:1;transition:.3s}.lien-eco{padding:80px 0 0}.demarche-bloc,.methode-bloc{grid-row-gap:2vw;padding-top:1vw}.bouton-in,.bouton-mail,.bouton-tel{position:absolute;bottom:80px;height:40px;background-repeat:no-repeat;z-index:3;transition:.3s;font-size:0}.anim-enjeux,.sticky-benefices,.sticky-enjeux{height:23vw;background-repeat:no-repeat;background-size:contain}.bouton-tel{right:136px;width:56px;background-image:url("icon-tel.svg")}.bouton-mail{right:80px;width:56px;background-image:url("icon-mail.svg")}.bouton-in{right:40px;width:40px;background-image:url("icon-in.svg")}#info-in,#info-mail,#info-tel{position:absolute;bottom:156px;right:24px;width:168px;height:28px;padding:8px 0 0 16px;background-color:#000;font-weight:300;font-size:15px;opacity:0;z-index:0;transition:.3s}.bouton-in:hover~#menu,.bouton-mail:hover~#menu,.bouton-tel:hover~#menu{opacity:0}.bouton-in:hover+#info-in,.bouton-mail:hover+#info-mail,.bouton-tel:hover+#info-tel{bottom:136px;opacity:1;z-index:2}#enjeux{color:#000}#enjeux h2{width:44vw}#enjeux h3,#enjeux p{width:32vw;padding-left:10vw}.sticky-enjeux{position:sticky;float:right;margin-right:6vw;top:8vw;width:24vw;padding-bottom:1vw;background-image:url("anim-enjeux-main.svg")}.anim-enjeux{position:absolute;width:24vw;animation:4s linear infinite defil-enjeux}@keyframes defil-enjeux{0%,32%{background-image:url("anim-enjeux-coeur.svg");opacity:0}29%,3%,36%,62%,69%,97%{opacity:1}33%,65%{background-image:url("anim-enjeux-cochon.svg");opacity:0}100%,66%{background-image:url("anim-enjeux-planete.svg");opacity:0}}#benefices{color:#000;padding-bottom:16vh}#benefices h2{width:44vw;padding-left:20vw}#benefices h3,#benefices p{width:32vw;padding-left:30vw}.sticky-benefices{position:sticky;float:left;margin-left:4vw;top:8vw;width:24vw;padding-bottom:1vw;background-image:url("anim-benefices-mobile.svg")}.anim-benefices{position:absolute;width:22vw;height:24vw;background-size:contain;background-repeat:no-repeat;animation:4s linear infinite defil-benefices}.a-propos-bloc,.demarche-bloc,.methode-bloc{display:grid;width:50vw;padding-left:20vw}@keyframes defil-benefices{0%,32%{background-image:url("anim-benefices-fluide.svg");opacity:0}29%,3%,36%,62%,69%,97%{opacity:1}33%,65%{background-image:url("anim-benefices-performant.svg");opacity:0}100%,66%{background-image:url("anim-benefices-responsable.svg");opacity:0}}#demarche h2{width:40vw}.demarche-bloc{grid-template-columns:1fr 1fr;column-gap:2vw}#demarche img{width:5vw;height:5vw;padding:0 0 1vw}#methode{padding-bottom:2vh}#methode h2{width:36vw}.methode-bloc{grid-template-columns:1fr 1fr 1fr 1fr;column-gap:1.8vw}#a-propos h2{width:24vw;padding-bottom:4vw}.a-propos-bloc{grid-template-columns:1fr 5fr;column-gap:2vw}.photo-fg{width:160px;height:160px;border-radius:80px}.resume img{margin:32px 0 8px 2px}.resume h3{margin-bottom:8px;font-size:24px}.resume-inr{display:block;font-weight:300;transition:.3s}#references{padding:4vw 0;overflow:hidden}.ref-flou{position:absolute;right:0;width:224px;height:160px;opacity:.85;z-index:2}.ref-slider{width:6000px;height:160px;background-image:url("references.gif");background-size:contain;animation:20s linear infinite logos;z-index:1}@keyframes logos{0%{transform:translateX(0)}100%{transform:translateX(-3000px)}}#ecobilan{padding-top:0;padding-right:0;background-color:#5da52b}.eco-contener{margin-right:224px;padding:2vw 0;border-right:1px solid rgba(0,0,0,.3)}#ecobilan h2{position:absolute;width:12vw;font-size:2vw;font-weight:300;color:#000}.eco-bloc{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;column-gap:2vw;width:50vw;padding-left:20vw}.eco-bloc H3{color:#000;padding:2px 0 8px;font-size:2vw}.eco-bloc H3 span{font-size:16px;line-height:16px;font-weight:300}.eco-bloc p{color:#000;font-weight:300;font-size:14px}.eco-bloc a{transition:.3s}@media screen and (max-width:1000px){.sticky-benefices,.sticky-enjeux{padding-bottom:32px;position:relative;height:70vw}.a-propos-bloc,.demarche-bloc,.methode-bloc{column-gap:4vw;padding-left:0}#references,.eco-contener{margin-right:56px}h2{font-size:12vw;padding:0 0 8vw}h3{font-size:9vw;padding:16px 0 8px}p{font-size:18px}section{padding:8vh 56px 0 20px}header{padding:0 0 0 10px}.logo{bottom:104vw;width:89vw;height:26vw;z-index:3}.border{right:56px}.baseline{bottom:80px;right:78px;font-size:6vw}.bouton-start{bottom:24px;right:80px}.bouton-in:hover,.bouton-mail:hover,.bouton-start:hover,.bouton-tel:hover,.bouton-top:hover,.boutons a:hover,.eco-bloc a:hover{transform:none}.mask-top{width:56px}.bouton-top{right:-50px;rotate:-90deg}nav ul{display:none}.bouton-tel{width:40px;bottom:136px;right:8px}.bouton-mail{width:40px;bottom:80px;right:8px}.bouton-in{bottom:24px;right:8px}.bouton-in:hover+#info-in,.bouton-mail:hover+#info-mail,.bouton-tel:hover+#info-tel{opacity:0}#demarche h2,#enjeux h2{width:78vw}#benefices h2,#benefices h3,#benefices p,#enjeux h3,#enjeux p{width:72vw;padding-left:0}.sticky-enjeux{display:block;top:0;left:0;width:72vw}.anim-benefices,.anim-enjeux{width:72vw;height:70vw}.sticky-benefices{display:block;top:0;margin-left:0;width:72vw}.demarche-bloc{grid-row-gap:4vw;width:72vw}#demarche img{width:16vw;height:16vw}#methode h2{width:72vw}.methode-bloc{grid-template-columns:1fr 1fr;width:72vw}#a-propos h2{width:72vw;padding-bottom:32px}.a-propos-bloc{grid-template-columns:1fr;width:72vw}.photo-fg{margin-bottom:16px;width:80px;height:80px}.ref-flou{width:56px;height:96px}.ref-slider{width:3600px;height:96px}@keyframes logos{100%{transform:translateX(-1800px)}}.eco-contener{padding:6vw 0}#ecobilan h2{position:relative;width:72vw;font-size:7vw;padding:0 0 16px}.eco-bloc{grid-template-columns:1fr 1fr;column-gap:2vw;width:72vw;padding-left:0}.eco-bloc H3{padding:2px 0 4px;font-size:6vw}.eco-bloc p{color:#000;font-weight:300;font-size:14px}}