:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:NeueMontrealBOLD;src:url(/assets/PPNeueMontreal-Bold-CXsqV9IZ.woff2) format("woff2"),url(/assets/PPNeueMontreal-Bold-Dss8nw8p.woff) format("woff"),url(/assets/PPNeueMontreal-Bold-CcAooq_y.ttf) format("ttf"),url(/assets/PPNeueMontreal-Bold-eYoqcLYb.otf) format("opentype")}@font-face{font-family:NeueMontrealREGULAR;src:url(/assets/PPNeueMontreal-Regular-C0RgVexg.woff2) format("woff2"),url(/assets/PPNeueMontreal-Regular-_6MQ5xzf.woff) format("woff"),url(/assets/PPNeueMontreal-Regular-Dkf8snLW.ttf) format("ttf"),url(/assets/PPNeueMontreal-Regular-Ca5VnaY-.otf) format("opentype")}@font-face{font-family:UvigateHandwriting;src:url(/assets/UvigateHandwriting-Regular-BvTis0xL.otf) format("opentype")}html{scroll-behavior:smooth}body,#root{display:block;width:100%;margin:0;padding:0}body.modal-open{overflow:hidden}header{background-color:#eb5014;height:870px}header.content-page{height:auto}header nav{display:flex;align-items:center;padding:54px 64px;transform:translateY(-100%);animation:1s slideDownNav forwards;animation-delay:.4s}@keyframes slideDownNav{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media screen and (max-width: 575px){header nav{padding:34px}}@media screen and (max-width: 475px){header nav{display:flex;flex-direction:column;align-items:center;padding:34px;gap:24px}}header nav h1{color:#000;display:flex;flex:1;justify-content:flex-start;font:30px NeueMontrealBOLD,sans-serif;margin:0}@media screen and (max-width: 900px){header nav h1{display:none}}header nav img{display:flex;flex:1;justify-content:center;height:100%;max-width:208px}header nav div{display:flex;flex:1;justify-content:flex-end}header nav div a{border:4px solid #000000;border-radius:21px;color:#000;font:30px NeueMontrealBOLD,sans-serif;padding:0 22px;position:relative;transition:.2s transform ease-in-out;will-change:transform;z-index:0;overflow:hidden}header nav div a:after{background-color:#89c0ff;border-radius:3rem;content:"";display:block;height:100%;width:100%;position:absolute;left:0;top:0;transform:translate(200%) rotate(-10deg);transform-origin:top left;transition:.2s transform ease-out;will-change:transform;z-index:-100}header nav div a:hover{cursor:pointer}header nav div a:hover:after{transform:translate(0)}header nav div a:hover{border:4px solid #000000;color:#000;transform:scale(1.05);will-change:transform;cursor:pointer}header section{margin:34px 100px;position:relative}header section article.slide-1{position:absolute;top:0;left:0;z-index:5;opacity:0;animation:slide-right-1 1s cubic-bezier(.68,-.55,.27,1.55) forwards;animation-delay:0s}header section article.slide-2{position:absolute;top:22px;left:22px;z-index:4;opacity:0;animation:slide-right-2 1s cubic-bezier(.68,-.55,.27,1.55) forwards;animation-delay:.1s}header section article.slide-3{position:absolute;top:44px;left:44px;z-index:3;opacity:0;animation:slide-right-3 1s cubic-bezier(.68,-.55,.27,1.55) forwards;animation-delay:.2s}@media screen and (max-width: 500px){header section article.slide-2{display:none}header section article.slide-3{display:none}}@keyframes slide-right-1{0%{opacity:0;top:1100px;left:1100px}70%{opacity:1;top:24px;left:24px}to{opacity:1;top:0;left:0}}@keyframes slide-right-2{0%{opacity:0;top:1100px;left:1100px}70%{opacity:1;top:46px;left:46px}to{opacity:1;top:22px;left:22px}}@keyframes slide-right-3{0%{opacity:0;top:1100px;left:1100px}70%{opacity:1;top:68px;left:68px}to{opacity:1;top:44px;left:44px}}header section article{background-color:#dcb9ff;border:4px solid #000000;border-radius:15px;width:100%;height:870px}@media screen and (max-width: 1300px){header{height:770px}header section article{height:770px}}@media screen and (max-width: 1100px){header{height:600px}header section article{height:600px}}@media screen and (max-width: 700px){header section{margin:34px 64px}}@media screen and (max-width: 500px){header section article{height:500px}header section{margin:34px}}@media screen and (max-width: 400px){header section{margin:24px}}header section article .slide-nav{display:flex;justify-content:flex-start;align-items:center;background-color:#dddad8;border-bottom:4px solid #000000;border-radius:15px 15px 0 0;height:38px}header section article .slide-nav svg{padding:0 0 0 22px}header section article p img{display:inline}header section article p img.img1{width:70%}header section article p img.img2{width:30%;transform:rotate(15deg)}@media screen and (min-width: 1600px){header section article p img.img2{width:20%}}header section article p img.img1[src=null],header section article p img.img2[src=null]{display:none!important}header section article p{color:#000;font:210px/80px UvigateHandwriting,sans-serif;text-transform:uppercase;text-align:left;margin:0;padding:34px}@media screen and (max-width: 1550px){header section article p{font:180px/80px UvigateHandwriting,sans-serif}}@media screen and (max-width: 1300px){header section article p{font:160px/80px UvigateHandwriting,sans-serif}}@media screen and (max-width: 1110px){header section article p{font:140px/80px UvigateHandwriting,sans-serif}}@media screen and (max-width: 850px){header section article p{font:100px/80px UvigateHandwriting,sans-serif}}@media screen and (max-width: 650px){header section article p{font:80px/80px UvigateHandwriting,sans-serif}}@media screen and (max-width: 500px){header section article p{font:60px/60px UvigateHandwriting,sans-serif}}@media screen and (max-width: 400px){header section article p{font:50px/50px UvigateHandwriting,sans-serif;padding:34px 24px}}header section article p span{display:flex;align-items:center;justify-content:flex-start;padding:34px 0}@media screen and (max-width: 1100px){header section article p span{padding:14px 0}}@media screen and (max-width: 1000px){header section article p span{align-items:flex-start;flex-direction:column;padding:34px 0}header section article p img.img1{width:100%}header section article p img.img2{display:none}}header section article p span.flex-start{align-items:flex-start}@media screen and (max-width: 1000px){header section article p span.flex-start{flex-direction:row;flex-wrap:wrap}}header section article p span.space-between{justify-content:space-between}.padding{padding:14px 0}@media screen and (min-width: 1700px){header section article p span.padding0,header section article p span{padding:0}}@media screen and (max-width: 1000px){header section article p span.padding0{padding:24px 0}}@media screen and (min-height: 1200px){header section article p span.padding0{padding:44px 0}header section article p span{padding:44px 0}}main{background-color:#eee8df}main section.studio{position:relative;padding:380px 0 100px}@media screen and (max-width: 1600px){main section.studio{padding:420px 0 100px}}@media screen and (min-width: 1900px){main section.studio{padding:520px 0 100px}}@media screen and (min-width: 2200px){main section.studio{padding:620px 0 100px}}@media screen and (max-width: 500px){main section.studio{padding:300px 0 100px}}main section.studio div.flex{margin-bottom:184px}main section.studio div.flex.reverse{margin-top:184px}main section.studio div.flex,main section.content-page div.flex{display:flex;justify-content:space-between;padding:0 54px;gap:132px}main section.content-page div.flex{padding:0}@media screen and (max-width: 1500px){main section.studio div.flex,main section.content-page div.flex{gap:102px}}.calltoaction{flex:1;width:fit-content}.calltoaction p{color:#000;font:30px NeueMontrealBOLD,sans-serif;margin-bottom:80px;white-space:pre-line}.calltoaction div{display:flex;align-items:center;max-width:fit-content}.calltoaction div a{border-bottom:1px solid #000;color:#000;font:30px NeueMontrealREGULAR,sans-serif;text-decoration:none;transition:all 1s ease-in-out;overflow:hidden;white-space:nowrap;animation:showLabel forwards;animation-timeline:view(50% 0)}@media screen and (max-width: 475px){.calltoaction div a{white-space:normal}}@keyframes showLabel{0%{width:0px}20%{width:0px}to{width:100%}}.calltoaction div a :hover{cursor:pointer}.calltoaction div a:hover+img{animation:hithere 1s ease infinite}.calltoaction div img{margin-left:28px;width:64px;animation:rotateIcon forwards;animation-timeline:view(50% 0)}@keyframes rotateIcon{0%{transform:rotate(0)}15%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hithere{30%{transform:scale(1.2)}40%,60%{transform:rotate(-20deg) scale(1.2)}50%{transform:rotate(20deg) scale(1.2)}70%{transform:rotate(0) scale(1.2)}to{transform:scale(1)}}@media screen and (max-width: 1200px){.calltoaction p{font:24px NeueMontrealBOLD,sans-serif;margin-bottom:60px}.calltoaction div a{font:24px NeueMontrealREGULAR,sans-serif}.calltoaction div img{margin-left:18px;width:44px}}.content{flex:3;width:fit-content;padding:0 64px 64px 0}@media screen and (max-width: 1500px){.content{flex:2}}@media screen and (max-width: 730px){.content{padding:0}}.content h2{color:#000;font:100px/100px NeueMontrealREGULAR,sans-serif;margin:0 0 64px;white-space:pre-line;animation:autoTitle;animation-timeline:view(70% auto)}@keyframes autoTitle{0%{opacity:0;transform:scale(0);transform-origin:bottom left}80%{opacity:1;transform:scale(1.1);transform-origin:bottom left}to{opacity:1;transform:scale(1);transform-origin:bottom left}}@media screen and (max-width: 1800px){.content h2{font:80px/80px NeueMontrealREGULAR,sans-serif}}@media screen and (max-width: 1300px){.content h2{font:60px/60px NeueMontrealREGULAR,sans-serif}}@media screen and (max-width: 600px){.content h2{font:45px/45px NeueMontrealREGULAR,sans-serif;margin:0 0 44px}}@media screen and (max-width: 475px){.content h2{font:35px/45px NeueMontrealREGULAR,sans-serif;margin:0 0 34px}}.content p{color:#000;font:30px/42px NeueMontrealREGULAR,sans-serif;white-space:pre-line;opacity:1;animation:autoTxt;animation-timeline:view(60% 0)}@keyframes autoTxt{0%{opacity:0}to{opacity:1}}.content p a{border-bottom:1px solid #000;color:#000;font:30px/42px NeueMontrealREGULAR,sans-serif;transition:all .5s ease-in-out}.content p a:hover{border-bottom:1px solid transparent}@media screen and (max-width: 475px){.content p,.content p a{font:20px/32px NeueMontrealREGULAR,sans-serif}}@media screen and (max-width: 1080px){main section.studio div.flex{flex-direction:column-reverse;padding:0 54px;gap:14px}main section.studio div.flex.reverse,main section.content-page div.flex{flex-direction:column;padding:0 54px;gap:14px}main section.content-page div.flex{padding:0}.calltoaction{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;align-self:flex-end;width:100%}.calltoaction p{margin:0 0 8px}}@media screen and (max-width: 475px){main section.studio div.flex,main section.studio div.flex.reverse{padding:0 24px}}.motionlogo{margin:0;position:sticky;top:0;overflow:hidden;width:100%;height:202px;background-color:#eee8df;z-index:3}.motionlogo .slider-track{position:absolute;top:0;display:flex;background-color:#eee8df}.motionlogo .slider-track .img{width:100%;height:100%}.motionlogo img{display:block;width:auto;max-height:202px;object-fit:cover;margin:0 70px}.scrollLeft,.scrollRight{animation:scrollLeft 50s linear infinite}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-5321px)}}main section.options{background-color:#4db06e;min-height:620px;position:relative}@media screen and (max-width: 1200px){main section.options{min-height:1600px}}@media screen and (max-width: 800px){main section.options{min-height:1200px}}@media screen and (max-width: 550px){main section.options{min-height:1100px}}main section.options .disquettes{position:relative}main section.options .disquettes{position:relative;width:40%;top:-34px;left:58%}@media screen and (max-width: 1200px){main section.options .disquettes{width:70%;top:980px;left:8%}}@media screen and (max-width: 800px){main section.options .disquettes{top:750px}}@media screen and (max-width: 650px){main section.options .disquettes{top:700px}}@media screen and (max-width: 550px){main section.options .disquettes{top:800px}}main section.options .disquettes .disquette{position:absolute;top:0;left:0;width:90%;z-index:5}main section.options .disquettes .disquette.no2{transform:rotate(0);z-index:4;animation:rotateDisquette2 forwards;animation-timeline:view()}main section.options .disquettes .disquette.no3{transform:rotate(0);z-index:3;animation:rotateDisquette3 forwards;animation-timeline:view()}@keyframes rotateDisquette2{0%{transform:rotate(0)}to{transform:rotate(6deg)}}@keyframes rotateDisquette3{0%{transform:rotate(0)}to{transform:rotate(12deg)}}main section.options p.notes{position:absolute;right:50%;bottom:62%;font:58px UvigateHandwriting;letter-spacing:6px;color:#000;transform:rotate(-3deg)}@media screen and (max-width: 1420px){main section.options p.notes{right:45%;bottom:62%}}@media screen and (max-width: 1200px){main section.options p.notes{right:20%;bottom:84%}}@media screen and (max-width: 1000px){main section.options p.notes{right:14%;bottom:84%}}@media screen and (max-width: 800px){main section.options p.notes{right:24px;bottom:84%}}@media screen and (max-width: 800px){main section.options p.notes{right:14px;font:48px UvigateHandwriting}}@media screen and (max-width: 500px){main section.options p.notes{display:none}}main section.illustration{display:flex;justify-content:flex-end;align-items:center;padding:170px}@media screen and (min-width: 2000px){main section.illustration{padding:280px 170px}}@media screen and (max-width: 1320px){main section.illustration{padding:170px 100px}}@media screen and (max-width: 1000px){main section.illustration{padding:120px}}@media screen and (max-width: 800px){main section.illustration{padding:120px 24px 120px 0}}@media screen and (max-width: 800px){main section.illustration{justify-content:center;padding:220px 0 64px}}@media screen and (max-width: 500px){main section.illustration{display:none}}main section.illustration img.fleche{width:260px;height:100%}main section.illustration img.fenetre{height:160px}main section.projects article.project{padding:100px 54px;overflow:clip}main section.projects article.project.no1{background-color:#eee8df}main section.projects article.project.no2{background-color:#fff}main section.projects article.project.no1 .text{display:flex;justify-content:space-between}main section.projects article.project.no2 .text{display:flex;justify-content:space-between;flex-direction:row-reverse}@media screen and (max-width: 1080px){main section.projects article.project.no1 .text{flex-direction:column;margin-bottom:34px}main section.projects article.project.no2 .text{flex-direction:column;margin-bottom:34px}}@media screen and (max-width: 475px){main section.projects article.project{padding:80px 24px}}main section.projects article.project.no1 .visuel{display:flex;justify-content:flex-start;width:100%;height:780px;border-radius:10px;animation:slideImgRight forwards;animation-timeline:view()}main section.projects article.project.no2 .visuel{display:flex;justify-content:flex-end;width:100%;height:780px;border-radius:10px}main section.projects article.project .visuel img{object-fit:cover;object-position:center;width:80%;height:100%;border-radius:10px}@media screen and (max-width: 475px){main section.projects article.project.no1 .visuel{height:520px}main section.projects article.project.no2 .visuel{height:520px}}main section.projects article.project.no1 .visuel img{animation:slideImgRight forwards;animation-timeline:view(90% 0)}@keyframes slideImgRight{0%{transform:translate(40%)}to{transform:translate(0)}}main section.projects article.project.no2 .visuel img{animation:slideImgLeft forwards;animation-timeline:view(90% 0)}@keyframes slideImgLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@media screen and (max-width: 910px){main section.projects article.project .visuel img{width:100%}}main section.services{display:flex}@media screen and (max-width: 1024px){main section.services{display:flex;flex-direction:column}}main section.services article.service{padding:58px 58px 248px;display:flex;flex-direction:column}@media screen and (max-width: 600px){main section.services article.service{padding:58px 34px 200px;flex-direction:column-reverse}}main section.services article.service.orange{background-color:#ec4f13}main section.services article.service.bleu{background-color:#89c0ff}main section.services article.service .heading{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-bottom:122px}@media screen and (max-width: 600px){main section.services article.service .heading{margin:24px 0;gap:14px}}main section.services article.service .heading h4{color:#000;font:30px NeueMontrealBOLD,sans-serif;margin:0}main section.services article.service .heading a{border:4px solid #000000;border-radius:21px;color:#000;font:30px NeueMontrealBOLD,sans-serif;padding:0 22px;position:relative;transition:.2s transform ease-in-out;will-change:transform;z-index:0;overflow:hidden}main section.services article.service .heading a:after{background-color:#89c0ff;border-radius:3rem;content:"";display:block;height:100%;width:100%;position:absolute;left:0;top:0;transform:translate(200%) rotate(-10deg);transform-origin:top left;transition:.2s transform ease-out;will-change:transform;z-index:-100}main section.services article.service.bleu .heading a:after{background-color:#ec4f13}main section.services article.service .heading a:hover{cursor:pointer}main section.services article.service .heading a:hover:after{transform:translate(0)}main section.services article.service div.content{padding:0;display:flex;flex-direction:column;height:100%;justify-content:space-between}main section.zoom-scroll{position:relative;height:800px;width:100%;view-timeline-name:--zoom-scroll;view-timeline-axis:block}@media screen and (min-width: 1800px){main section.zoom-scroll{height:1000px}}@media screen and (min-width: 2400px){main section.zoom-scroll{height:1400px}}@media screen and (max-width: 1500px){main section.zoom-scroll{height:600px}}@media screen and (max-width: 1200px){main section.zoom-scroll{height:400px}}@media screen and (max-width: 900px){main section.zoom-scroll{height:500px}}@media screen and (max-width: 700px){main section.zoom-scroll{height:400px}}@media screen and (max-width: 550px){main section.zoom-scroll{height:300px}}@media screen and (max-width: 475px){main section.zoom-scroll{height:180px}}main section.contact{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:row;padding:130px}@media screen and (max-width: 1000px){main section.contact{padding:64px}}@media screen and (max-width: 475px){main section.contact{padding:24px}}main section.contact .contact.content{padding:0;width:95%}@media screen and (max-width: 1000px){main section.contact .contact.content{width:100%}}main section.contact h2{text-align:left}main section.contact p{text-align:left}main section.contact div.flex{display:flex;flex-direction:row-reverse;gap:5%;margin-top:64px}main section.contact div.flex div.contact.visuel{flex:1}main section.contact div.flex div.contact.content{flex:1.5}@media screen and (max-width: 1400px){main section.contact div.flex div.contact.visuel{flex:1}main section.contact div.flex div.contact.content{flex:1}}@media screen and (max-width: 1080px){main section.contact div.flex{flex-direction:column;gap:5%;margin-top:64px}}main section.contact div.contact.visuel figure{position:relative;margin:0;border-radius:10px}main section.contact div.contact.visuel figure img{width:100%;height:100%;object-fit:cover;border-radius:10px}main section.contact div.contact.content p span{display:block;color:#000;font:50px UvigateHandwriting,sans-serif;text-transform:uppercase;margin-top:34px}@media screen and (max-width: 475px){main section.contact div.contact.content p span{font:30px UvigateHandwriting,sans-serif;margin-top:14px}}main section.content-page{padding:120px 64px}main section.link-back{padding:58px}@media screen and (max-width: 475px){main section.content-page{padding:80px 24px}main section.link-back{padding:24px}}div.text h3{color:#000;font:60px/60px NeueMontrealREGULAR,sans-serif}div.text>img{max-width:60%;margin:auto%}div.text>p,div.text ol,div.text ul{color:#000;font:30px/42px NeueMontrealREGULAR,sans-serif}div.text ol li,div.text ul li{margin-bottom:24px}div.text>p .bold{color:#000;font:30px/42px NeueMontrealBOLD,sans-serif}div.text>p a{border-bottom:1px solid #000;color:#000;font:30px/42px NeueMontrealREGULAR,sans-serif;transition:all .5s ease-in-out}div.text>p a:hover{border-bottom:1px solid transparent}@media screen and (max-width: 475px){div.text h3{font:25px/35px NeueMontrealREGULAR,sans-serif}div.text>p,div.text ol,div.text ul,div.text>p a{font:20px/32px NeueMontrealREGULAR,sans-serif}div.text>p .bold{font:20px/32px NeueMontrealBOLD,sans-serif}}button#reset-consent{background-color:#eee8df;border:4px solid #000000;border-radius:21px;color:#000;font:30px NeueMontrealBOLD,sans-serif;padding:0 22px;position:relative;transition:.2s transform ease-in-out;will-change:transform;z-index:0;overflow:hidden}@media screen and (max-width: 475px){button#reset-consent{font:20px NeueMontrealBOLD,sans-serif;padding:0 18px}}button#reset-consent:after{background-color:#89c0ff;border-radius:3rem;content:"";display:block;height:100%;width:100%;position:absolute;left:0;top:0;transform:translate(200%) rotate(-10deg);transform-origin:top left;transition:.2s transform ease-out;will-change:transform;z-index:-100}button#reset-consent:hover{cursor:pointer;box-shadow:none;outline:none}button#reset-consent:focus{outline:none}button#reset-consent:hover:after{transform:translate(0)}button#reset-consent:hover{border:4px solid #000000;color:#000;transform:scale(1.05);will-change:transform;cursor:pointer}.hideReseau{display:none}div.text p.version{font-size:20px}@media screen and (max-width: 475px){div.text p.version{font-size:16px}}.card{display:flex;flex-direction:column;align-items:center;width:24%;height:auto;border:4px solid #000000;border-radius:15px;position:absolute;color:#fff;transform:translateY(50px);opacity:0;animation:fadeUp 1s forwards,float 4s ease-in-out infinite}@media screen and (max-width: 1200px){.card{width:44%}}.card .card-nav{display:flex;justify-content:flex-start;align-items:center;background-color:#dddad8;border-bottom:4px solid #000000;border-radius:11px 11px 0 0;width:100%;height:38px}.card .card-nav svg{padding-left:22px}.card img{width:80%;height:100%;object-fit:cover}@media screen and (max-width: 1200px){.card img{width:50%;height:100%;object-fit:cover}}.card h3{color:#000;font:75px NeueMontrealREGULAR,sans-serif;margin:60px 30px 30px}@media screen and (max-width: 1610px){.card h3{font:65px NeueMontrealREGULAR,sans-serif}}@media screen and (max-width: 1420px){.card h3{font:60px NeueMontrealREGULAR,sans-serif;margin:60px 24px 24px}}@media screen and (max-width: 1420px){.card h3{font:45px NeueMontrealREGULAR,sans-serif;margin:40px 14px 14px}}@media screen and (max-width: 500px){.card h3{font:25px NeueMontrealREGULAR,sans-serif;margin:40px 14px 14px}}.card.color-BE8C54{background:#be8c54;animation-delay:.2s,.2s;top:14%;left:6%}@media screen and (max-width: 1200px){.card.color-BE8C54{top:-4%;left:6%}}.card.color-89C0FF{background:#89c0ff;animation-delay:.4s,.4s;top:38%;left:28%}@media screen and (max-width: 1200px){.card.color-89C0FF{top:16%;left:48%}}@media screen and (max-width: 500px){.card{width:60%}.card.color-BE8C54{top:-2%;left:2%}.card.color-89C0FF{top:34%;left:28%}}@keyframes fadeUp{to{transform:translateY(0);opacity:1}}@keyframes fadeIn{to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}main section.zoom-scroll .zoom-scroll-window{position:absolute;top:-180px;left:50%;transform:translate(-50%);width:50%;padding:0;border:4px solid #000000;border-radius:15px;background-color:#4db06e;width:60%}@media screen and (max-width: 900px){main section.zoom-scroll .zoom-scroll-window{width:80%}}@keyframes zoom-scroll{0%{transform:scale(.6)}50%{transform:scale(1)}to{transform:scale(.4)}}main section.zoom-scroll .window-nav{display:flex;justify-content:space-between;background-color:#dddad8;border-bottom:4px solid #000000;border-radius:15px 15px 0 0;padding:18px 22px}main section.zoom-scroll .window-nav span{color:#000;font:30px NeueMontrealBOLD,sans-serif}@media screen and (max-width: 700px){main section.zoom-scroll .window-nav span{font:18px NeueMontrealBOLD,sans-serif}}@media screen and (max-width: 500px){main section.zoom-scroll .window-nav span{display:none}main section.zoom-scroll .window-nav{padding:8px 22px}}main section.zoom-scroll .window-content{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#4db06e;border-radius:0 0 15px 15px;padding:0;height:100%;width:100%}main section.zoom-scroll .window-content img{width:80%;object-fit:contain}footer{background-image:url(/assets/HappyCell-tvJCwA4W.png);background-size:40%;background-repeat:no-repeat;background-position:right center;background-color:#bf8c54;padding:58px}@media screen and (max-width: 1170px){footer{background-image:url(/assets/IconsWHP-myoWTDoi.png);background-size:25%;background-position:right top}}@media screen and (max-width: 475px){footer{padding:58px 24px}}footer section.container .infos{display:flex;margin-top:84px}@media screen and (max-width: 885px){footer section.container .infos{flex-direction:column;align-items:flex-start}footer{background-size:30%;background-position:right center}}footer section.container .infos .coordonnees{margin:0 134px 64px 0}@media screen and (max-width: 475px){footer section.container .infos .coordonnees{margin:0}}footer section.container .infos .coordonnees p{color:#000;font:24px/35px NeueMontrealBOLD,sans-serif;margin:0 0 64px;overflow-wrap:anywhere}footer section.container .infos .coordonnees p a{border:1px transparent solid;color:#000;font:24px/35px NeueMontrealBOLD,sans-serif;transition:all .5s ease-in-out}footer section.container .infos .coordonnees p a:hover{border-bottom:1px solid #000}footer section.container .infos .coordonnees h4{color:#000;font:30px NeueMontrealREGULAR,sans-serif;margin:0 0 14px}footer section.container .infos .coordonnees div a{display:block;color:#000;font:30px UvigateHandwriting,sans-serif;letter-spacing:2px;margin:0 0 8px;width:fit-content;border-radius:21px;padding:0 22px;position:relative;transition:.2s transform ease-in-out;will-change:transform;z-index:0;overflow:hidden}footer section.container .infos .coordonnees div a:after{background-color:#89c0ff;border-radius:3rem;content:"";display:block;height:100%;width:100%;position:absolute;left:0;top:0;transform:translate(200%) rotate(-10deg);transform-origin:top left;transition:.2s transform ease-out;will-change:transform;z-index:-100}footer section.container .infos .coordonnees div a#facebook:after{background-color:#89c0ff}footer section.container .infos .coordonnees div a#instagram:after{background-color:#dcb9ff}footer section.container .infos .coordonnees div a:hover:after{transform:translate(0)}footer section.container .infos ul{list-style-type:none;margin:0}@media screen and (max-width: 885px){footer section.container .infos ul{margin:34px 0;padding:0}}footer section.container .infos ul li a{border:1px transparent solid;color:#000;font:24px/35px NeueMontrealBOLD,sans-serif;transition:all .5s ease-in-out}footer section.container .infos ul li a:hover{border-bottom:1px solid #000}footer section.copyright{display:flex;justify-content:space-between;align-items:center;flex-direction:row;color:#000;font:18px NeueMontrealREGULAR,sans-serif;margin-top:34px}@media screen and (max-width: 885px){footer section.copyright{flex-direction:column;align-items:center;text-align:center;gap:14px;line-height:22px}}footer section.copyright p{margin:0}footer section.copyright a{border-bottom:1px solid #000;color:#000;font:18px/28px NeueMontrealREGULAR,sans-serif;text-decoration:none}button#open-consent-button.show{position:fixed;bottom:0;right:64px;z-index:100;display:flex;justify-content:space-between;align-items:center;background-color:#dddad8;border:4px solid #000000;border-radius:13px 13px 0 0;height:42px;color:#000;font:20px NeueMontrealBOLD,sans-serif;transition:all .2s linear}button#open-consent-button.hidden{display:none}button#open-consent-button:hover{transform:scale(1.1)}@media (max-width: 475px){button#open-consent-button.show{right:50%;transform:translate(50%);width:max-content}}.CookieConsent{border-radius:15px 15px 0 0;color:#000}@media (max-width: 475px){.CookieConsent{width:100%!important;right:0!important}}.CookieConsent>div{margin:0!important;padding:0;flex:0!important}.CookieConsent .cookie-nav{display:flex;justify-content:space-between;align-items:center;background-color:#dddad8;border-bottom:4px solid #000000;border-radius:13px 13px 0 0}.CookieConsent .cookie-nav p{color:#000;font:20px NeueMontrealBOLD,sans-serif;margin:0 0 0 12px;padding:4px 0}button.consent-close-button{background-color:transparent;padding:0;border:none;margin-right:12px}button.consent-close-button:focus{border:none;box-shadow:none;outline:none}button.consent-close-button:hover{animation:hithere 1s ease infinite}.CookieConsent div.cookie-content{font:18px/26px NeueMontrealREGULAR,sans-serif;margin:15px;padding:0}.CookieConsent div.cookie-content a{border-bottom:1px solid transparent;color:#000;font:18px NeueMontrealBOLD,sans-serif;text-decoration:none;transition:all 1s ease-in-out}.CookieConsent div.cookie-content a:hover{border-bottom:1px solid #000}button.cookie-button{background-color:#be8c55;border:4px solid #000000;border-radius:21px;color:#000;font:30px NeueMontrealBOLD,sans-serif;padding:0 22px;position:relative;transition:.2s transform ease-in-out;will-change:transform;z-index:0;overflow:hidden}button.cookie-button:after{background-color:#89c0ff;border-radius:3rem;content:"";display:block;height:100%;width:100%;position:absolute;left:0;top:0;transform:translate(200%) rotate(-10deg);transform-origin:top left;transition:.2s transform ease-out;will-change:transform;z-index:-100}button.cookie-button.accept:after{background-color:#ffdc41}button.cookie-button.decline:after{background-color:#ec4f13}button.cookie-button:hover:after{transform:translate(0)}#formModal{position:fixed;display:flex;align-items:center;justify-content:center;margin:auto;width:100%;height:100%;z-index:9999;background:#0000004d}#formUvigate{position:relative;background:#89c0ff;border:4px solid #000000;border-radius:15px;width:90%;height:90%;overflow:scroll;transform:scale(0);opacity:0;visibility:hidden;transition:transform .2s ease-out,opacity .2s ease-out,visibility 0s linear .2s}.modal-open #formUvigate{position:relative;background:#89c0ff;border:4px solid #000000;border-radius:15px;width:90%;height:90%;overflow:scroll;transform:scale(1);opacity:1;visibility:visible;transition:transform .2s ease-out,opacity .2s ease-out;animation:popup-scale-in .4s ease-out forwards}@keyframes popup-scale-in{0%{transform:scale(0);opacity:0}50%{opacity:1}80%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}#formUvigate .formNav{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;background-color:#dddad8;border-bottom:4px solid #000000;border-radius:11px 11px 0 0;width:100%;height:58px}#formUvigate .formNav p.precision{color:#000;font:20px NeueMontrealBOLD,sans-serif;margin:0 0 0 22px}#formUvigate .formNav button{background:none;padding-left:22px}#formUvigate .formNav button:focus{border:none;box-shadow:none;outline:none}#formUvigate .formNav button:hover{animation:hithere 1s ease infinite;border:none;box-shadow:none;outline:none}#formUvigate form{font:30px NeueMontrealREGUALR,sans-serif;padding:34px 64px}@media screen and (max-width: 1200px){#formUvigate form{padding:24px 44px}}@media screen and (max-width: 475px){#formUvigate form{padding:24px}}#formUvigate form fieldset{border:none;display:flex;gap:34px;margin:0 0 24px;padding:0}@media screen and (max-width: 1200px){#formUvigate form fieldset{flex-direction:column}}#formUvigate form fieldset.boutons{margin:0;padding:0;justify-content:flex-end;flex-wrap:wrap}@media screen and (max-width: 1200px){#formUvigate form fieldset.boutons{display:flex;flex-direction:row}}#formUvigate form fieldset div{flex:1;display:flex;flex-direction:column}#formUvigate form fieldset div label{color:#000;font:24px/42px NeueMontrealBOLD,sans-serif}#formUvigate form fieldset div label a{border-bottom:1px solid #000;color:#000;font:24px/42px NeueMontrealBOLD,sans-serif;transition:all 1s ease-in-out}#formUvigate form fieldset div label a:hover{border-bottom:1px solid transparent}#formUvigate form fieldset div label span,.precision span{color:#000;font:45px/24px UvigateHandwriting,sans-serif}#formUvigate form fieldset div input,#formUvigate form fieldset div select,#formUvigate form fieldset textarea{background-color:#dddad8;border:4px solid #000000;border-radius:5px;box-shadow:4px 4px 4px #0000004d;color:#000;font:24px NeueMontrealREGUALR,sans-serif;padding:14px}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(/assets/chevronDown-j8CXN6rs.png);background-repeat:no-repeat;background-position:right 10px center;background-size:20px;padding-right:35px}select:hover{cursor:pointer}@media screen and (max-width: 475px){#formUvigate form fieldset div input,#formUvigate form fieldset div select,#formUvigate form fieldset textarea{font:18px NeueMontrealREGUALR,sans-serif;padding:8px}#formUvigate form fieldset div label,#formUvigate form fieldset div label a{font:20px/34px NeueMontrealBOLD,sans-serif}}#formUvigate form fieldset div input[type=checkbox]{appearance:none;background-color:#dddad8;border:4px solid #000000;border-radius:5px;width:40px;height:40px;cursor:pointer;display:grid;place-content:center}#formUvigate form fieldset div input[type=checkbox]:before{content:"";background-color:#dddad8;border:4px solid #000000;border-radius:5px;width:40px;height:40px;background-image:url(/assets/X-BpXj2rcx.png);background-repeat:no-repeat;background-size:cover;background-position:center;scale:0;opacity:0;transition:.2s ease}#formUvigate form fieldset div input[type=checkbox]:checked:before{scale:1;opacity:1}#formUvigate form fieldset div input:focus-visible{outline:2px solid #DCB9FF;outline-offset:2px}::placeholder{color:#333}#formUvigate form fieldset div p.error{background-color:#89c0ff;border-radius:15px;color:#000;font:20px NeueMontrealREGUALR,sans-serif;margin:8px 0}#formUvigate form fieldset .checkbox{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:24px}#formUvigate form fieldset button{background-color:#dddad8;border:4px solid #000000;border-radius:5px;color:#000;font:30px NeueMontrealBOLD,sans-serif;margin:14px 0;padding:14px 34px;transition:all .1s ease-in-out}#formUvigate form fieldset button:hover{box-shadow:4px 4px 4px #0000004d;outline:none}#formUvigate form button[type=reset]{background-color:transparent;border:none;box-shadow:none;padding:0}#formUvigate form button[type=reset]:focus{border:none;box-shadow:none;outline:none}#formUvigate form button[type=reset]:hover{animation:hithere 1s ease infinite;border:none;box-shadow:none;outline:none}.toast{position:fixed;top:10%;right:10%;border-radius:15px;color:#000;border:4px solid #000000;padding:14px 24px;z-index:99999}@media (max-width: 475px){.toast{right:0!important;padding:8px 14px}}.toast>div{margin:0!important;padding:0;flex:0!important}.toast .toast-content{display:flex;justify-content:space-between;align-items:center;gap:20px;height:42px}.toast.orange{background-color:#eb5014}.toast.green{background-color:#4baf6e}.toast .toast-content span{color:#000;font:20px NeueMontrealBOLD,sans-serif;margin:0 0 0 12px}button.toast-button{background-color:transparent;padding:0;border:none;margin-right:12px}button.toast-button:focus{border:none;box-shadow:none;outline:none}button.toast-button:hover{animation:hithere 1s ease infinite}
