@font-face{font-family:text;src:url(../fonts/new-font/DMSans-Variable.ttf);font-weight:400;font-display:swap}@font-face{font-family:text;src:url(../fonts/new-font/DMSans-Variable.ttf);font-weight:300;font-display:swap}@font-face{font-family:Please;src:url(../fonts/Please-VF.otf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(../fonts/Satoshi-Regular.otf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:textgras;src:url(../fonts/new-font/DMSans-Variable.ttf);font-weight:700;font-display:swap}@font-face{font-family:titre1;src:url(../fonts/new-font/SharpGrotesk-Black25.otf);font-display:swap}@font-face{font-family:variable;src:url(../fonts/new-font/SharpGrotesk-VF.ttf);font-display:swap}@font-face{font-family:titre2;src:url(../fonts/new-font/SharpGrotesk-Bold20.otf);font-display:swap;font-stretch:50%}@font-face{font-family:titre3;src:url(../fonts/new-font/SharpGrotesk-Black15.otf);font-display:swap}@font-face{font-family:serif;src:url(../fonts/new-font/DMSans-Variable.ttf);font-display:swap}@font-face{font-family:glamfont;src:url(../fonts/glamfont.ttf);font-display:swap;font-weight:400;font-style:normal}@-webkit-keyframes test{0%{left:0}100%{left:-100vw}}@keyframes test{0%{left:0}100%{left:-100vw}}@-webkit-keyframes test35{0%{left:0}100%{left:-35vw}}@keyframes test35{0%{left:0}100%{left:-35vw}}@-webkit-keyframes shuffle{0%{-webkit-transform:translateX(0) scale(1) rotateY(0);transform:translateX(0) scale(1) rotateY(0)}25%{-webkit-transform:translateX(-15vw);transform:translateX(-15vw)}50%{-webkit-transform:translateX(0) scale(1.1);transform:translateX(0) scale(1.1)}100%{-webkit-transform:translateX(0) scale(1) rotateY(360deg);transform:translateX(0) scale(1) rotateY(360deg)}}@keyframes shuffle{0%{-webkit-transform:translateX(0) scale(1) rotateY(0);transform:translateX(0) scale(1) rotateY(0)}25%{-webkit-transform:translateX(-15vw);transform:translateX(-15vw)}50%{-webkit-transform:translateX(0) scale(1.1);transform:translateX(0) scale(1.1)}100%{-webkit-transform:translateX(0) scale(1) rotateY(360deg);transform:translateX(0) scale(1) rotateY(360deg)}}@font-face{font-family:reseaux;src:url(../fonts/reseaux/Flaticon.eot);src:url(../fonts/reseaux/Flaticon.eot?#iefix) format("embedded-opentype"),url(../fonts/reseaux/Flaticon.woff) format("woff"),url(../fonts/reseaux/Flaticon.ttf) format("truetype"),url(../fonts/reseaux/Flaticon.svg#Flaticon) format("svg");font-weight:400;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:reseaux;src:url(../fonts/reseaux/Flaticon.svg#Flaticon) format("svg")}}.fi:before{display:inline-block;font-family:reseaux;font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.flaticon-001-zootool:before{content:""}.flaticon-002-youtube:before{content:""}.flaticon-003-yahoo:before{content:""}.flaticon-004-happy:before{content:""}.flaticon-005-xing:before{content:""}.flaticon-006-wordpress:before{content:""}.flaticon-007-whatsapp:before{content:""}.flaticon-008-wattpad:before{content:""}.flaticon-009-vk:before{content:""}.flaticon-010-vine:before{content:""}.flaticon-011-vimeo:before{content:""}.flaticon-012-viddler:before{content:""}.flaticon-013-twitter-1:before{content:""}.flaticon-014-twitter:before{content:""}.flaticon-015-twitch:before{content:""}.flaticon-016-tumblr:before{content:""}.flaticon-017-team-viewer:before{content:""}.flaticon-018-stumbleupon:before{content:""}.flaticon-019-spotify:before{content:""}.flaticon-020-soundcloud:before{content:""}.flaticon-021-snapchat:before{content:""}.flaticon-022-skype:before{content:""}.flaticon-023-rss:before{content:""}.flaticon-024-reddit:before{content:""}.flaticon-025-plurk:before{content:""}.flaticon-026-pinterest:before{content:""}.flaticon-027-picasa:before{content:""}.flaticon-028-path:before{content:""}.flaticon-029-myspace-1:before{content:""}.flaticon-030-myspace:before{content:""}.flaticon-031-linkedin:before{content:""}.flaticon-032-like:before{content:""}.flaticon-033-kickstarter:before{content:""}.flaticon-034-instagram:before{content:""}.flaticon-035-google-plus:before{content:""}.flaticon-036-photo:before{content:""}.flaticon-037-hangouts:before{content:""}.flaticon-038-google-drive:before{content:""}.flaticon-039-github:before{content:""}.flaticon-040-foursquare:before{content:""}.flaticon-041-forrst:before{content:""}.flaticon-042-flickr:before{content:""}.flaticon-043-facebook-1:before{content:""}.flaticon-044-messenger:before{content:""}.flaticon-045-facebook:before{content:""}.flaticon-046-envato:before{content:""}.flaticon-047-dropbox:before{content:""}.flaticon-048-dribbble:before{content:""}.flaticon-049-dislike:before{content:""}.flaticon-050-digg:before{content:""}.flaticon-051-deviantart:before{content:""}.flaticon-052-delicious:before{content:""}.flaticon-053-blogger:before{content:""}.flaticon-054-behance:before{content:""}.flaticon-055-lastfm:before{content:""}@supports(-webkit-touch-callout:none){.apple{display:initial!important}.no-apple{display:none!important}}@supports not (-webkit-touch-callout:none){.apple{display:none!important}.no-apple{display:initial!important}}.fixed-button{position:fixed;bottom:20px;left:20px;z-index:9999;background-color:#fff;border-radius:50%;width:50px;height:50px;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.35);box-shadow:0 4px 10px rgba(0,0,0,.35);text-align:center;line-height:50px;cursor:pointer;color:#02b147!important;font-size:25px}.fixed-button:hover{color:#02b147!important;background-color:rgba(0,0,0,.05)}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}::-moz-selection{background:#02b147;color:#0e0e0e}::selection{background:#02b147;color:#0e0e0e}html{font-size:52%;color:#0e0e0e}@media screen and (min-width:361px){html{font-size:60%}}@media screen and (min-width:400px){html{font-size:62.5%}}@media screen and (min-width:900px){html{font-size:50%}}@media screen and (min-width:1400px){html{font-size:62.5%}}body{font-size:1.4rem;font-family:text;color:#0e0e0e}a,a:hover,a:visited{color:#fff;text-decoration:none}img{max-width:100%;height:auto;width:auto;vertical-align:middle}@media screen and (max-width:900px){.ordi{display:none!important}.mobile{display:block}}@media screen and (min-width:900px){.ordi{display:block}.mobile{display:none!important}}#wrapper{display:table;width:100%;position:absolute;bottom:5vh;cursor:pointer}#wrapper-inner{display:table-cell;vertical-align:middle;width:100%;height:100%;cursor:pointer}#scroll-down{display:block;position:relative;padding-top:79px;text-align:center;cursor:pointer}.arrow-down{display:block;margin:0 auto;width:10px;height:38px}.arrow-down:after{content:"";display:block;margin:0;padding:0;width:8px;height:8px;border-top:2px solid #02b147;border-right:2px solid #02b147;behavior:url(-ms-transform.htc);-webkit-transform:rotate(135deg);transform:rotate(135deg)}#scroll-title{display:block;text-transform:uppercase;color:#02b147;font-family:Medium,sans-serif;font-size:14px;font-weight:700;letter-spacing:.1em}#scroll-down::before{-webkit-animation:elasticus 1.2s cubic-bezier(1,0,0,1) infinite;animation:elasticus 1.2s cubic-bezier(1,0,0,1) infinite;position:absolute;top:-3px;left:49.95%;margin-left:-2px;width:2px;height:90px;background:-webkit-gradient(linear,left top,left bottom,from(lightblue),to(#02b147));background:linear-gradient(lightblue,#02b147);content:" "}@media screen and (min-width:361px)and (max-width:389px){#scroll-down::before{margin-left:-1px}}@media screen and (min-width:410px)and (max-width:413px){#scroll-down::before{margin-left:-1px}}@media screen and (min-width:800px){#scroll-down::before{margin-left:-1px}}@-webkit-keyframes elasticus{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,0);transform:scale(1,0)}50%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,1);transform:scale(1,1)}50.1%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(1,1);transform:scale(1,1)}100%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(1,0);transform:scale(1,0)}}@keyframes elasticus{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,0);transform:scale(1,0)}50%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,1);transform:scale(1,1)}50.1%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(1,1);transform:scale(1,1)}100%{-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scale(1,0);transform:scale(1,0)}}[class*=" icon-"]:before,[class^=icon-]:before{font-family:glamfont;font-style:normal;font-weight:400;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-phone:before{content:""}.icon-mail:before{content:""}.icon-down-open:before{content:""}.icon-heart-empty:before{content:""}.icon-heart:before{content:""}.icon-down-dir:before{content:""}.icon-facebook:before{content:""}.icon-linkedin:before{content:""}.icon-angle-down:before{content:""}.icon-instagram:before{content:""}.icon-linkedin-squared:before{content:""}footer{min-height:100vh;background-color:#0e0e0e;color:#c9c9c9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding-top:80px;position:relative}footer .mobile{display:inline-block}footer h2{font-size:2.5rem;font-family:text;width:70%;margin:0 auto;margin-top:45px;color:#fff}footer a{color:#c9c9c9!important}footer div.contact,footer div.links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:2rem}footer div.contact div,footer div.links div{width:70%;margin:5% auto;line-height:1.25}footer div.contact div:nth-child(2),footer div.links div:nth-child(2){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}footer div.contact div.sociaux a,footer div.links div.sociaux a{text-decoration:underline;font-size:2.5rem}footer div.contact div.sociaux a:not(:last-child)::after,footer div.links div.sociaux a:not(:last-child)::after{content:"";height:1em;width:2px;background-color:#c9c9c9;display:inline-block;margin:0 1rem 0 1.2rem;-webkit-transform:translateY(.1em);transform:translateY(.1em)}footer div.contact h3,footer div.links h3{font-weight:700}footer div.links a::before{content:"";width:1em;height:.8em;margin-right:.4em;display:inline-block;background-image:url(../img/right-arrows.png);background-size:cover;-webkit-filter:invert(1);filter:invert(1)}footer .bottom{font-size:1.4rem;text-align:center;width:90%;margin:1vh auto;line-height:2}footer .bottom span{display:block}footer div.waves{position:absolute;width:100vw;left:0;height:100%;top:0;-webkit-animation:test 6s infinite linear;animation:test 6s infinite linear;pointer-events:none;z-index:1000}footer div.waves div{height:64px;background-color:#fff;width:100vw;top:-1px;position:absolute;-webkit-clip-path:polygon(0 0,0 65%,1% 64.95%,2% 64.8%,3% 64.6%,4% 64.3%,5% 63.9%,6% 63.45%,7% 62.9%,8% 62.25%,9% 61.55%,10% 60.8%,11% 59.95%,12% 59.05%,13% 58.1%,14% 57.1%,15% 56.05%,16% 55%,17% 53.9%,18% 52.8%,19% 51.65%,20% 50.5%,21% 49.35%,22% 48.2%,23% 47.05%,24% 45.9%,25% 44.8%,26% 43.75%,27% 42.75%,28% 41.75%,29% 40.8%,30% 39.9%,31% 39.1%,32% 38.35%,33% 37.65%,34% 37.05%,35% 36.5%,36% 36.05%,37% 35.65%,38% 35.35%,39% 35.15%,40% 35.05%,41% 35%,42% 35.05%,43% 35.2%,44% 35.45%,45% 35.75%,46% 36.15%,47% 36.65%,48% 37.2%,49% 37.85%,50% 38.55%,51% 39.35%,52% 40.2%,53% 41.1%,54% 42.05%,55% 43.05%,56% 44.1%,57% 45.15%,58% 46.3%,59% 47.4%,60% 48.55%,61% 49.7%,62% 50.85%,63% 52%,64% 53.15%,65% 54.25%,66% 55.35%,67% 56.4%,68% 57.45%,69% 58.4%,70% 59.35%,71% 60.2%,72% 61.05%,73% 61.8%,74% 62.45%,75% 63.05%,76% 63.6%,77% 64.05%,80% 64.4%,85% 64.7%,90% 64.85%,95% 65%,100% 65%,100% 0);clip-path:polygon(0 0,0 65%,1% 64.95%,2% 64.8%,3% 64.6%,4% 64.3%,5% 63.9%,6% 63.45%,7% 62.9%,8% 62.25%,9% 61.55%,10% 60.8%,11% 59.95%,12% 59.05%,13% 58.1%,14% 57.1%,15% 56.05%,16% 55%,17% 53.9%,18% 52.8%,19% 51.65%,20% 50.5%,21% 49.35%,22% 48.2%,23% 47.05%,24% 45.9%,25% 44.8%,26% 43.75%,27% 42.75%,28% 41.75%,29% 40.8%,30% 39.9%,31% 39.1%,32% 38.35%,33% 37.65%,34% 37.05%,35% 36.5%,36% 36.05%,37% 35.65%,38% 35.35%,39% 35.15%,40% 35.05%,41% 35%,42% 35.05%,43% 35.2%,44% 35.45%,45% 35.75%,46% 36.15%,47% 36.65%,48% 37.2%,49% 37.85%,50% 38.55%,51% 39.35%,52% 40.2%,53% 41.1%,54% 42.05%,55% 43.05%,56% 44.1%,57% 45.15%,58% 46.3%,59% 47.4%,60% 48.55%,61% 49.7%,62% 50.85%,63% 52%,64% 53.15%,65% 54.25%,66% 55.35%,67% 56.4%,68% 57.45%,69% 58.4%,70% 59.35%,71% 60.2%,72% 61.05%,73% 61.8%,74% 62.45%,75% 63.05%,76% 63.6%,77% 64.05%,80% 64.4%,85% 64.7%,90% 64.85%,95% 65%,100% 65%,100% 0)}footer div.waves div:nth-child(2){left:calc(100vw - 1px)}@media screen and (min-width:900px){footer{min-height:unset;height:60vh;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}footer .mobile{display:none}footer a,footer p{font-size:2.5rem}footer>div{position:relative;height:20vh;margin-bottom:10vh;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:250px}footer>div.contact div{margin:1.3vh auto}footer>div.contact div a{text-decoration:underline}footer>div.contact div a:hover{text-decoration:none}footer>div.links div{margin:1.3vh auto}footer>div.links div a{text-transform:lowercase;text-decoration:underline}footer>div.links div a:hover{text-decoration:none}footer>div.links div a::before{display:none}footer>div h3{display:none}footer>div.bottom{margin-bottom:0;height:auto;width:90%;position:absolute;bottom:2%;left:5%}footer .rsociaux{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:2rem;line-height:1.25}footer .rsociaux a{margin:1.3vh auto;text-align:left;width:70%;text-decoration:underline}footer .rsociaux a:hover{text-decoration:none}footer h2{font-family:titre1;font-size:4.5rem;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;text-transform:lowercase;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:absolute;top:-6%;left:-140px;width:250px}}.text-scroll{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;font-size:clamp(30px,5vw,4vw);text-transform:uppercase;font-family:titre1;background-color:#02b147;padding:2vh 0;width:100vw}.text-scroll p{margin:0;padding:0 20px 0 0;white-space:nowrap}.text-scroll.text-scroll-ltr{-webkit-transform:translateY(-50px);transform:translateY(-50px)}.text-scroll.text-scroll-ltr p{-webkit-animation:scroll-ltr 40s infinite linear;animation:scroll-ltr 40s infinite linear;color:rgba(var(--clr-primary),.25)}.text-scroll.text-scroll-rtl p{-webkit-animation:scroll-rtl 40s infinite linear;animation:scroll-rtl 40s infinite linear}.text-scroll.anim{opacity:0;-webkit-transition:1s;transition:1s;-webkit-transition-delay:.4s;transition-delay:.4s}.text-scroll.view{opacity:1}@-webkit-keyframes scroll-ltr{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes scroll-ltr{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes scroll-rtl{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}100%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes scroll-rtl{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}100%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.scrollArrow{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:3rem;bottom:12vh;-webkit-transform:translateX(-90%);transform:translateX(-90%);-webkit-animation:fleche1 infinite linear 3s;animation:fleche1 infinite linear 3s;font-family:titre2}.scrollArrow::after{content:"";background-color:#02b147;height:8vh;width:4px;-webkit-transform:translateY(6px) translateX(1px);transform:translateY(6px) translateX(1px);-webkit-animation:fleche2 infinite linear 3s;animation:fleche2 infinite linear 3s}.scrollArrow div.fleche{border-left:4px solid #02b147;border-bottom:4px solid #02b147;height:15px;width:15px;position:absolute;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);bottom:-5px;right:-6px}@-webkit-keyframes fleche1{0%,100%{bottom:8vh}50%{bottom:4vh}}@keyframes fleche1{0%,100%{bottom:8vh}50%{bottom:4vh}}@-webkit-keyframes fleche2{0%,100%{height:8vh}50%{height:12vh}}@keyframes fleche2{0%,100%{height:8vh}50%{height:12vh}}@media screen and (max-width:900px){.scrollArrow{-webkit-transform:translateX(-90%) scale(.7);transform:translateX(-90%) scale(.7)}@-webkit-keyframes fleche1{0%,100%{bottom:4vh}50%{bottom:0}}@keyframes fleche1{0%,100%{bottom:4vh}50%{bottom:0}}}@media screen and (min-width:900px){.scrollArrow{font-size:3rem}.scrollArrow::after{-webkit-transform:translateY(5.5px) translateX(1px);transform:translateY(5.5px) translateX(1px)}@-webkit-keyframes fleche1{0%,100%{bottom:12vh}50%{bottom:8vh}}@keyframes fleche1{0%,100%{bottom:12vh}50%{bottom:8vh}}}@media screen and (min-width:1550px){.scrollArrow{font-size:3rem}}.is_animating{-webkit-animation:heart-burst .8s steps(28) 1;animation:heart-burst .8s steps(28) 1}@-webkit-keyframes heart-burst{from{background-position:left}to{background-position:right}}@keyframes heart-burst{from{background-position:left}to{background-position:right}}@-webkit-keyframes flip{0%{-webkit-transform:scale(1) rotateY(0) translateX(0);transform:scale(1) rotateY(0) translateX(0)}50%{-webkit-transform:scale(1.1) rotateY(90deg) translateX(20%);transform:scale(1.1) rotateY(90deg) translateX(20%)}100%{z-index:1000000;-webkit-transform:scale(1) rotateY(0);transform:scale(1) rotateY(0)}}@keyframes flip{0%{-webkit-transform:scale(1) rotateY(0) translateX(0);transform:scale(1) rotateY(0) translateX(0)}50%{-webkit-transform:scale(1.1) rotateY(90deg) translateX(20%);transform:scale(1.1) rotateY(90deg) translateX(20%)}100%{z-index:1000000;-webkit-transform:scale(1) rotateY(0);transform:scale(1) rotateY(0)}}.menu-holder{width:100vw;height:80px;position:fixed;z-index:5000;top:-50vh;-webkit-transition:.6s ease-in-out;transition:.6s ease-in-out;background-color:#fff;-webkit-box-shadow:0 2px 22px 5px rgba(0,0,0,.52);box-shadow:0 2px 22px 5px rgba(0,0,0,.52)}nav.menuFixed{top:-50vh;left:0;z-index:10000;-webkit-transition:.6s ease-in-out;transition:.6s ease-in-out}nav.menuFixed>a img{width:88px;height:auto;margin-left:1vw;position:fixed;top:0;left:0;padding:28px 30px;z-index:13000;-webkit-transform:scale(1);transform:scale(1)}nav.menuFixed.visible{top:0}nav.menuFixed.visible .menu-holder{top:0}input#hamburger{-webkit-appearance:none;visibility:hidden}.burger{position:fixed;top:0;right:0;cursor:pointer;padding:30px 35px;z-index:11200}.burger .imgMenu{position:relative;-webkit-transition:-webkit-transform .5s linear;transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear;-webkit-transition-delay:.2s;transition-delay:.2s}.burger .imgMenu .menu{position:absolute}.burger img{width:28px;height:28px}.burger .menu{position:absolute;left:0;top:-1.25em;font-size:9.5px;font-family:textgras;color:#02b147}.burger .line{width:24px;height:2px;background:#02b147;display:block;position:absolute;top:25px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:top .3s cubic-bezier(.19,1,.22,1) .6s,opacity .3s cubic-bezier(.19,1,.22,1) .6s,height .3s cubic-bezier(.19,1,.22,1) .3s,width 0s linear .6s,background .3s ease,-webkit-transform .3s cubic-bezier(.19,1,.22,1);transition:top .3s cubic-bezier(.19,1,.22,1) .6s,opacity .3s cubic-bezier(.19,1,.22,1) .6s,height .3s cubic-bezier(.19,1,.22,1) .3s,width 0s linear .6s,background .3s ease,-webkit-transform .3s cubic-bezier(.19,1,.22,1);transition:transform .3s cubic-bezier(.19,1,.22,1),top .3s cubic-bezier(.19,1,.22,1) .6s,opacity .3s cubic-bezier(.19,1,.22,1) .6s,height .3s cubic-bezier(.19,1,.22,1) .3s,width 0s linear .6s,background .3s ease;transition:transform .3s cubic-bezier(.19,1,.22,1),top .3s cubic-bezier(.19,1,.22,1) .6s,opacity .3s cubic-bezier(.19,1,.22,1) .6s,height .3s cubic-bezier(.19,1,.22,1) .3s,width 0s linear .6s,background .3s ease,-webkit-transform .3s cubic-bezier(.19,1,.22,1)}.burger .line:first-child{top:17px}.burger .line:nth-child(3){top:33px}.burger .line:nth-child(4){opacity:0;left:52px;width:2px;height:0}.menu{position:fixed;top:0;right:0;width:100vw;height:0;z-index:10001}.menu .corner{position:absolute;width:100px;height:100px;top:-100px;right:-100px;-webkit-transition:all .3s;transition:all .3s;overflow:hidden;z-index:11000}.menu .corner:before{content:"";position:absolute;width:0;height:0;top:0;right:0;border-radius:0 0 0 100%;background:#efeae6;-webkit-box-shadow:0 0 10px 5px rgba(0,0,0,.3);box-shadow:0 0 10px 5px rgba(0,0,0,.3);-webkit-transition:all .3s;transition:all .3s}.menu nav{position:absolute;left:0;top:calc(35vh - 80px);z-index:11100;width:100%;text-align:center;opacity:0;-webkit-transition:all .3s 0s;transition:all .3s 0s;pointer-events:none}.menu ul{list-style:none;text-align:center;margin:20px auto;padding:0}.menu ul li{font-size:2.2em;margin:25px 0;display:block;-webkit-transform:translateY(10px);transform:translateY(10px);opacity:0;-webkit-transition:-webkit-transform 0s ease .4s;transition:-webkit-transform 0s ease .4s;transition:transform 0s ease .4s;transition:transform 0s ease .4s,-webkit-transform 0s ease .4s}.menu ul li a{text-decoration:none;color:#0e0e0e;position:relative;padding:4px;font-family:titre1;text-transform:uppercase;font-size:3rem}.menu ul li a:after{content:"";height:2px;position:absolute;bottom:0;left:0;width:0;background:#0e0e0e;-webkit-transition:all .3s cubic-bezier(.19,1,.22,1);transition:all .3s cubic-bezier(.19,1,.22,1)}.menu ul.social{margin-top:5vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;width:50%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.menu ul.social li>a{font-size:2.5rem;text-transform:lowercase}.menu ul.social li>a img{height:2.8rem;width:auto;max-width:unset}div.menu-holder.checked+label .imgMenu{-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}div.menu-holder.checked+label.burger img{-webkit-filter:none;filter:none}div.menu-holder.checked+label .imgMenu span.menu{-webkit-transition:left .5s ease-in-out .4s,top .8s ease-in-out 1s,opacity 1s ease-in-out 3s,-webkit-transform 1.5s ease-in-out .9s;transition:left .5s ease-in-out .4s,top .8s ease-in-out 1s,opacity 1s ease-in-out 3s,-webkit-transform 1.5s ease-in-out .9s;transition:transform 1.5s ease-in-out .9s,left .5s ease-in-out .4s,top .8s ease-in-out 1s,opacity 1s ease-in-out 3s;transition:transform 1.5s ease-in-out .9s,left .5s ease-in-out .4s,top .8s ease-in-out 1s,opacity 1s ease-in-out 3s,-webkit-transform 1.5s ease-in-out .9s;color:#02b147;top:20vh;left:-6vw;opacity:0;-webkit-transform:rotate(-25deg) translateX(-200vw) translateY(20vh);transform:rotate(-25deg) translateX(-200vw) translateY(20vh)}div.menu-holder.checked+label .line{-webkit-transition:top .3s cubic-bezier(.19,1,.22,1),opacity .3s cubic-bezier(.19,1,.22,1),height .3s cubic-bezier(.19,1,.22,1) .3s,width 0s linear .3s,-webkit-transform .3s cubic-bezier(.19,1,.22,1) .6s;transition:top .3s cubic-bezier(.19,1,.22,1),opacity .3s cubic-bezier(.19,1,.22,1),height .3s cubic-bezier(.19,1,.22,1) .3s,width 0s linear .3s,-webkit-transform .3s cubic-bezier(.19,1,.22,1) .6s;transition:transform .3s cubic-bezier(.19,1,.22,1) .6s,top .3s cubic-bezier(.19,1,.22,1),opacity .3s cubic-bezier(.19,1,.22,1),height .3s cubic-bezier(.19,1,.22,1) .3s,width 0s linear .3s;transition:transform .3s cubic-bezier(.19,1,.22,1) .6s,top .3s cubic-bezier(.19,1,.22,1),opacity .3s cubic-bezier(.19,1,.22,1),height .3s cubic-bezier(.19,1,.22,1) .3s,width 0s linear .3s,-webkit-transform .3s cubic-bezier(.19,1,.22,1) .6s;background-color:#000}div.menu-holder.checked+label .line:nth-child(1),div.menu-holder.checked+label .line:nth-child(3){top:25px;opacity:0}div.menu-holder.checked+label .line:nth-child(2),div.menu-holder.checked+label .line:nth-child(4){-webkit-transform:rotate(45deg);transform:rotate(45deg)}div.menu-holder.checked+label .line:nth-child(4){top:14px;opacity:1;height:24px}.menu.checked .corner{width:100vw;height:100vh;border-radius:0;top:0;right:0}.menu.checked .corner:before{width:200%;height:200%}.menu.checked nav{opacity:1;-webkit-transition:all .3s .2s;transition:all .3s .2s;pointer-events:all}.menu.checked nav li{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all .4s ease .35s;transition:all .4s ease .35s}.menu.checked nav li:nth-child(2){-webkit-transition-delay:.4s;transition-delay:.4s}.menu.checked nav li:nth-child(3){-webkit-transition-delay:.45s;transition-delay:.45s}.menu.checked nav li:nth-child(4){-webkit-transition-delay:.5s;transition-delay:.5s}.menu.checked nav li:nth-child(5){-webkit-transition-delay:.55s;transition-delay:.55s}@media screen and (min-width:800px){nav.menuFixed>a img{width:95px}.burger img{width:35px;height:35px;margin-top:4px}.burger .menu{font-size:13px;left:-2px}}@media screen and (min-width:900px)and (orientation:landscape){.menu nav>ul:first-child{padding-left:90px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.menu nav>ul:first-child li{margin:8px 0;display:-webkit-box;display:-ms-flexbox;display:flex}.menu nav>ul:first-child li a{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;font-size:3.5rem}.menu nav,.menu.checked .corner{width:500px}.menu-holder{background-color:rgba(0,0,0,0)!important;-webkit-box-shadow:unset!important;box-shadow:unset!important}.menu nav{left:unset;right:0}.menu.checked .corner::after{content:"";display:block;top:0;left:0;position:fixed;height:100vh;width:100vw;background-color:rgba(0,0,0,.3);z-index:-1}.menu-holder.checked+label .imgMenu span.menu{left:-27px}.menu ul li a::before{content:"";display:block;height:.5em;width:0;border:0 solid #0e0e0e;margin-right:.5em;-webkit-transform:translateY(-.1em);transform:translateY(-.1em);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}.menu ul li a p.hover{display:none;height:0;overflow:hidden;min-width:70%}.menu nav>ul:first-child li a:hover{-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#0e0e0e}.menu nav>ul:first-child li a:hover::before{width:1em;border:1px solid #0e0e0e}.menu nav>ul:first-child li a:hover p.hover{display:block;-webkit-animation:menuHover .5s ease-in-out;animation:menuHover .5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-text-fill-color:#0e0e0e;-webkit-text-stroke-width:0;-webkit-text-stroke-color:transparent;font-family:text;text-transform:none;font-size:.5em;margin-top:1em;text-align:left}.menu ul li a:focus:after,.menu ul li a:hover:after{width:0}.menu ul.social{padding-left:90px;width:90%}.menu ul.social li>a{font-size:20px;letter-spacing:-1px;font-family:text;text-decoration:underline}.menu ul.social li>a .ordi::after{content:"|";display:inline;margin:0 .5em}.menu ul.social li:last-of-type .ordi::after{content:none}}@-webkit-keyframes menuHover{0%{height:0}100%{height:1em}}@keyframes menuHover{0%{height:0}100%{height:1em}}@media screen and (min-width:900px){nav.menuFixed.visible{z-index:1000000}.menu-holder{position:initial}nav.menuFixed{position:initial}nav.menuFixed a.fixed img{position:initial}nav.menuFixed .midnightInner{overflow:hidden!important}nav.menuFixed .midnightInner a>img{width:95px;height:auto;margin-left:1vw;padding:30px;z-index:10000;-webkit-transform:scale(1);transform:scale(1);position:fixed}nav.menuFixed .white .burger img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}nav.menuFixed .white .burger .menu{color:#fff}nav.menuFixed .default .midnightInner img{-webkit-filter:none;filter:none}nav.menuFixed .default .burger img{-webkit-filter:none;filter:none}nav.menuFixed .default .burger .menu{color:#02b147}}@media screen and (min-width:1500px)and (orientation:landscape){.menu nav>ul:first-child li a:hover::before{border:2px solid #fff}}body,footer div.waves div{background:#f2f2f4;overflow-x:hidden}main{padding:0 5vw 5vh}span.titleProjet{color:#0e0e0e;font-family:titre1;font-size:5rem;text-transform:uppercase;margin-bottom:.7em;display:block;width:clamp(20ch,50%,40ch)}.head{width:clamp(500px,65%,1500px)}.head p,h1{font-family:text;font-weight:300;font-size:2.5rem;line-height:1.3;display:inline}div.projects{display:grid;grid-template-columns:repeat(12,1fr);margin-top:50px;grid-gap:2.33vw}section.project{grid-column:span 4;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}section.project a{position:absolute;bottom:-90px;right:30px;padding:11px 18px 11px 25px;color:#0e0e0e;font-size:1.6rem;border-radius:50px;font-weight:400;background:#0e0e0e;z-index:10;text-transform:lowercase;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out;-webkit-box-shadow:0 0 24px rgba(14,14,14,.5);box-shadow:0 0 24px rgba(14,14,14,.5);color:#f2f2f4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section.project a svg{height:1.8rem;width:auto;margin-left:5px;margin-top:2px}section.project a svg path{-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out}section.project a:hover{-webkit-transform:scale(1.03);transform:scale(1.03);color:#02b147}section.project a:hover>svg path{stroke:#02b147}section.project a .animate{position:absolute;height:40px;width:40px;overflow:hidden;bottom:77%;right:10px;-webkit-transform:scale(0);transform:scale(0)}section.project a .animate img{height:100%;width:100%;-o-object-fit:contain;object-fit:contain}section.project .img{height:50vh;width:100%;overflow:hidden;position:relative;border-radius:10px}section.project .img::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background-color:rgba(2,177,71,.2);-webkit-transition:opacity .5s ease-in-out .3s;transition:opacity .5s ease-in-out .3s;pointer-events:none;opacity:0}section.project img{height:100%;width:100%;z-index:2;-o-object-fit:cover;object-fit:cover;-webkit-transition:.3s ease-in-out transform,.5s ease-in-out .3s filter;transition:.3s ease-in-out transform,.5s ease-in-out .3s filter}section.project .img:hover>img{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transform:scale(1.1);transform:scale(1.1)}section.project .img:hover::after{opacity:1}section.project .img:hover a{bottom:30px}section.project .img:hover a .animate{-webkit-animation:animateIn .5s ease-in-out .4s forwards;animation:animateIn .5s ease-in-out .4s forwards}section.project h2{font-family:variable,titre3,sans-serif;text-transform:uppercase;font-size:4rem;color:#0e0e0e;font-variation-settings:"wght" 900,"wdth" 10,"ital" 0;margin:2.8rem 0 1.2rem;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}section.project div.text p{font-size:1.8rem;font-weight:300}section.project ul.competences{margin-top:1.2rem;font-size:1.8rem;font-family:variable,titre2,sans-serif;text-transform:lowercase;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem 1.5rem;font-variation-settings:"wght" 400,"wdth" 20,"ital" 0}section.project:hover h2{font-variation-settings:"wght" 900,"wdth" 15,"ital" 0}section.project.project-small{grid-column:span 3;min-width:300px}section.project.project-5{grid-column:span 5}section.project.project-large{grid-column:span 6}section.project.project-auto{grid-column:auto}section.project#piccia a .animate{bottom:66%}@media screen and (max-width:1200px){section.project{grid-column:span 6}section.project.project-5,section.project.project-auto,section.project.project-large,section.project.project-small{grid-column:span 6}}@media screen and (max-width:768px){.head{margin-top:15vh;width:100%}.head span.titleProjet{font-size:3.5rem;width:100%}.head h1,.head p{font-size:1.8rem}main{padding:0 10vw 5vh}section.project{grid-column:span 12;margin-bottom:8vh}section.project.project-5,section.project.project-auto,section.project.project-large,section.project.project-small{grid-column:span 12}section.project .img{height:70vh}section.project a{bottom:30px;right:45px}}#adl{width:50%}@-webkit-keyframes animateIn{0%{-webkit-transform:scale(0) rotate(-360deg);transform:scale(0) rotate(-360deg)}80%{-webkit-transform:scale(1.1) rotate(40deg);transform:scale(1.1) rotate(40deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes animateIn{0%{-webkit-transform:scale(0) rotate(-360deg);transform:scale(0) rotate(-360deg)}80%{-webkit-transform:scale(1.1) rotate(40deg);transform:scale(1.1) rotate(40deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}