@font-face{font-family:Primary Font;src:url(/design/fonts/Luxia-Display.eot);src:local("Luxia Display"),local("Luxia-Display"),url(/design/fonts/Luxia-Display.eot?#iefix) format("embedded-opentype"),url(/design/fonts/Luxia-Display.woff2) format("woff2"),url(/design/fonts/Luxia-Display.woff) format("woff"),url(/design/fonts/Luxia-Display.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Paragraph Font;src:url(/design/fonts/Gotham-Light.eot);src:local("Gotham Light"),local("Gotham-Light"),url(/design/fonts/Gotham-Light.eot?#iefix) format("embedded-opentype"),url(/design/fonts/Gotham-Light.woff2) format("woff2"),url(/design/fonts/Gotham-Light.woff) format("woff"),url(/design/fonts/Gotham-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Paragraph Font;src:url(/design/fonts/Gotham-Bold.eot);src:local("Gotham Bold"),local("Gotham-Bold"),url(/design/fonts/Gotham-Bold.eot?#iefix) format("embedded-opentype"),url(/design/fonts/Gotham-Bold.woff2) format("woff2"),url(/design/fonts/Gotham-Bold.woff) format("woff"),url(/design/fonts/Gotham-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Paragraph Font;src:url(/design/fonts/gothambook.eot);src:url(/design/fonts/gothambook.eot?#iefix) format("embedded-opentype"),url(/design/fonts/gothambook.woff2) format("woff2"),url(/design/fonts/gothambook.woff) format("woff"),url(/design/fonts/gothambook.ttf) format("truetype");font-weight:400;font-style:normal}:root{--white: #fff;--lightgrey: #f5f5f5;--darkgrey: #6C6C6C;--anthracite: #1a1a1a;--red: #C70074;--turquoise: #00D4B9;--bordeaux: rgba(158,0,93,1);--purpleGradient: linear-gradient(45deg, rgba(102,45,145,1) 0%, rgba(158,0,93,1) 100%);--blueGradient: linear-gradient(82deg, rgba(0,113,213,1) 0%, rgba(0,207,187,1) 100%);--greenGradient: linear-gradient(66deg, rgba(195,250,60,1) 0%, rgba(52,238,108,1) 81%, rgba(17,234,120,1) 100%)}body{font-family:Paragraph Font;box-sizing:border-box;background-color:var(--anthracite);color:var(--white)}.App{display:flex;min-height:100vh;flex-direction:column}.content{padding-left:5vw;padding-right:5vw}.underlined:after{content:"";display:block;width:70px;height:3px;background:var(--purpleGradient);position:relative;margin:15px 0}h2{text-transform:uppercase;margin-top:1em}p{line-height:1.5em}button{background-color:transparent;box-shadow:unset;border:none;color:var(--white)}button:hover{color:var(--anthracite)}a{text-decoration:none;color:var(--white);transition:.3s ease-in-out color}.confidentialite h1{margin-top:1em}.body.content.about{display:block}.rs-container{display:flex}.icone-rs{background-color:transparent;width:40px;height:40px;padding:5px;border-radius:40px;transition:.3s ease-in-out background-color;display:block;margin-right:10px}.icone-rs:hover{background-color:var(--red);transition:.3s ease-in-out background-color}.icone-rs img{width:30px;height:30px;margin:0;padding:5px}.about .cartel .project-image{max-width:290px;width:100%;margin-bottom:1em;border-radius:16px}.cartel{width:100%}.about p{max-width:800px}.about .project-content{display:flex;flex-wrap:wrap;justify-content:space-between}.about .project-content>div{width:100%}#rcc-confirm-button{color:var(--white)!important;text-decoration:none!important;width:fit-content!important;padding:.5em 1em!important;display:block!important;border-radius:50px!important;background-color:transparent!important;border:2px solid var(--turquoise)!important;transition:.3s ease-in-out all}#rcc-confirm-button:hover{color:var(--anthracite)!important;background-color:var(--turquoise)!important;border:2px solid var(--turquoise)!important;transition:.3s ease-in-out all}@media screen and (min-width:768px){.about .project-content>div{width:48%}}@media screen and (min-width:1440px){.content{padding-left:10vw;padding-right:10vw}}header{height:60px;width:100%;display:flex;justify-content:space-between;background-color:var(--anthracite);box-sizing:border-box}header .logo-container{display:flex;justify-content:flex-start}header .link-logo{padding:10px;display:block}header .logo-container>div{display:flex;justify-content:flex-end;flex-direction:column}.logo-img{display:block;max-height:40px;width:50px}.logo-title{font-family:Primary Font;color:var(--white);text-transform:uppercase;margin:0 0 1px;width:185px}.logo-subtitle{font-family:Paragraph Font;color:var(--white);text-transform:uppercase;margin:0;font-size:13px;width:max-content}@media screen and (max-width:375px){header.content{padding-left:3vw;padding-right:3vw}}nav{display:flex;align-items:center}.nav-links{display:flex;justify-content:flex-start;text-transform:uppercase}.nav-links a{display:block;text-transform:uppercase;text-decoration:none;color:#fff;border-bottom:2px solid transparent;transition:.5s ease;transform:translate(0);margin-left:1em;text-align:center}.nav-links a:hover{color:var(--turquoise)}.nav-links.toggle{transform:translate(0)}.burger{display:none;background-color:transparent;box-shadow:none;border:none}.burger div{width:25px;height:3px;background:var(--white);margin:5px;transition:all .5s ease}@media only screen and (max-width:760px){nav{justify-content:space-between}header .nav-links{position:fixed;right:0;top:60px;min-height:calc(100vh - 60px);background:#333;display:flex;flex-direction:column;align-items:center;width:50%;margin:0;padding:2em;transform:translate(100%);transition:All .5s ease-in;width:50vw;z-index:99}header .nav-links a{margin:1em}.burger{display:block}}.nav-active{transform:translate(0)}@keyframes navLinkFade{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.toggle .line1{transform:rotate(-45deg) translate(-5px,6px)}.toggle .line2{opacity:0}.toggle .line3{transform:rotate(45deg) translate(-5px,-6px)}footer{background-color:var(--anthracite);padding:1em;flex:1}footer .logo-container{margin:auto;width:fit-content}footer .logo-container *{margin:auto;width:fit-content}footer .logo-container img{margin-bottom:.5em}footer nav,footer .nav-links{width:100%}footer .nav-links{justify-content:center;flex-wrap:wrap;padding:0;margin-top:2em}footer .nav-links a{margin:0 1em}footer .mentions{color:var(--white);margin:2em 0 0;text-align:center;font-size:.7em}.nav-links li{list-style-type:none}.bokeh{height:100vh;width:100vw;background-color:#124;position:fixed;inset:0;filter:blur(50px);transform:translateZ(0);backface-visibility:hidden;z-index:-1}.bokeh circle{animation:rotate 6s linear infinite;fill:#124;fill:#9e005d;opacity:.43;transform-origin:50%}.bokeh circle:nth-child(2n){fill:#614;transform-origin:20% 110%;animation-delay:-3s;animation-duration:16s;opacity:.2}.bokeh circle:nth-child(3n){opacity:.65;fill:#662d91;transform-origin:70% 30%;animation-delay:-1.5s;animation-duration:32s}.bokeh circle:nth-child(4n){fill:#c63;transform-origin:110% 70%;animation-delay:-2s;animation-duration:16s}.bokeh circle:nth-child(5n){fill:#266;transform-origin:30% 40%}.bokeh circle:nth-child(6n){fill:#124;transform-origin:-10% 80%;animation-delay:-30s}.bokeh circle:nth-child(7n){fill:#614;transform-origin:70% -10%}.bokeh circle:nth-child(8n){fill:#c63;transform-origin:-30% 50%;animation-delay:-10s}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.entete{padding-top:1.2em}h1{font-family:Primary Font;text-transform:uppercase;font-weight:400;margin:0}.entete p{font-size:1.2em;margin-bottom:1.2em}.entete h2{font-size:1em;margin-top:2em;font-weight:400;text-transform:uppercase}.entete .btn.link{border-color:var(--bordeaux);margin-left:0;border:2px solid var(--bordeaux);border-radius:50px;padding:.5em 1em;display:block;width:fit-content;margin-top:.5em}.entete .btn.link:hover{background-color:var(--bordeaux);color:var(--white);border-color:transparent;margin-left:0;transition:.3s ease-in-out background-color,.3s ease-in-out color,.3s ease-in-out border-color}.entete .btn.link:after{content:url(../../img/link.svg);display:inline-block;width:12px;height:12px;margin-left:6px;vertical-align:baseline}.entete p{max-width:400px}@media screen and (min-width:769px){.entete .presentation{color:#1a1a1a}}.project-content .btn.tags{font-size:1em;margin:0 1em 1em 0;border-width:2px;padding:.5em 1em;border:2px solid white;border-radius:50px;list-style-type:none}.project-content .btn.tags:hover a{color:var(--anthracite)}.contactform input,.contactform textarea,.contactform label{width:100%;box-sizing:border-box;display:block}.contactform input,.contactform input:-internal-autofill-selected,.contactform textarea{margin-bottom:1.5em;padding:1em;border-radius:16px;border:none;background-color:#1a1a1a99!important;color:var(--white)!important;font-size:1em;font-family:Paragraph Font}.contactform label{margin-bottom:.5em}.contactform textarea{height:200px}.contactform .btn{margin:1.5em 0;font-size:1em;border:2px solid var(--turquoise);border-radius:50px;padding:.5em 1em;transition:.3s ease-in-out all}.contactform .btn:hover{color:var(--anthracite);background-color:var(--turquoise);transition:.3s ease-in-out all}@media screen and (min-width:768px){.contactform form{display:flex;justify-content:space-between;flex-wrap:wrap}.contactform form>div{width:100%}.contactform form>.col-50{width:48%}}.image_entete{margin:2em auto;position:relative;overflow:hidden;width:100%;height:400px;border-radius:16px}.image_entete img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%}.entete .text .presentation{color:#fff}@media screen and (min-width:769px){.entete{position:relative}.entete .text{position:absolute;z-index:2;bottom:2em;margin-left:2em}}.dropdown .dropdown-btn{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:10px;background:#000000b3;border:1px solid rgba(255,255,255,.6);border-radius:5px;color:var(--white);font-weight:500;margin:0}.dropdown-content{position:absolute;width:calc(100% - 10vw);box-shadow:0 0 10px 5px #00000012;background-color:#000000e6;border-radius:0 0 16px 16px;padding:0;margin:0}.dropdown-content .item{padding:10px;cursor:pointer;text-transform:capitalize;list-style-type:none}.chevron:before{content:url(../../img/chevron.svg);display:inline-block;width:15px;height:20px}.cartouche .crop-image img{z-index:1}.cartouche .crop-image .background-image{width:150%;height:150%;filter:blur(1em);z-index:0}.mosaique{display:flex;justify-content:space-between;flex-wrap:wrap}.mosaique:after{content:"";flex:auto}.cartouche-container{width:100%;list-style-type:none;margin-bottom:2em;overflow:hidden}.cartouche-container .cartouche{position:relative;height:250px;overflow:hidden;display:block;color:var(--white)}.cartouche-container .cartouche>div{position:absolute}.cartouche-container .text{width:100%;box-sizing:border-box;transition:.3s ease-in-out top}.cartouche-container .text h2{font-weight:400;margin-bottom:5px;text-transform:uppercase;font-size:1.2em}.cartouche-container .text p{margin:0}.cartouche-container:hover .text *{color:var(--turquoise)}.cartouche-container .text p:after{content:"";width:70px;height:2px;display:block;margin:10px 0 20px;background-color:var(--turquoise)}.crop-image{position:relative;overflow:hidden;width:100%;height:250px;z-index:1;border-radius:16px}.crop-image img{object-fit:contain;position:absolute;min-width:100%;width:auto;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.crop-image .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;transition:.3s ease-in-out top;z-index:2}.cartouche-container:hover .crop-image .overlay,.cartouche-container:focus .crop-image .overlay,.cartouche-container:active .crop-image .overlay{opacity:.8;transition:.3s ease-in-out all}.cartouche-container .btn{z-index:2;top:50%;transform:translateY(-50%);opacity:0;color:var(--white);text-decoration:none;width:fit-content;padding:.5em 1em;position:relative;display:block;border-radius:50px;background-color:transparent;border:2px solid var(--turquoise);transition:.3s ease-in-out all;margin:auto}.cartouche-container:hover .btn{opacity:1;transition:.3s ease-in-out all}.tags-list{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:0;margin-top:.5em}.btn.tags{border-color:var(--white);font-size:.7em;margin:.2em;border-width:1px;padding:.3em .7em}.btn.tags:hover,.btn.tags:focus,.btn.tags:active{background-color:var(--white)}.dropdown{z-index:10000;width:calc(100% - 10vw);max-width:400px;position:relative;margin-bottom:2em}.dropdown,.dropdown *{z-index:10}.dropdown .dropdown-btn{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:10px;background:#000000b3;border:1px solid rgba(255,255,255,.6);border-radius:5px;color:var(--white);font-weight:500}.dropdown-content{position:absolute;width:calc(100% - 10vw);box-shadow:0 0 10px 5px #00000012;background-color:#000000e6;border-radius:0 0 16px 16px}.dropdown-content .item{padding:10px;cursor:pointer;text-transform:capitalize}.dropdown-content .item:hover{background:var(--turquoise);color:var(--anthracite)}.chevron:before{content:url(../../img/chevron.svg);display:inline-block;width:15px;height:20px}.chevron.up:before{transform:rotate(0);transform-origin:center;transition:.3s ease-in-out transform}.chevron.down:before{transform:rotate(180deg);transform-origin:50% 50%;transition:.3s ease-in-out transform}.cartouche .crop-image img{z-index:1;max-width:350px;max-height:250px;object-fit:cover}.cartouche .crop-image .background-image{width:100%;height:100%;background-color:#00000080}@media screen and (min-width:431px){.mosaique:after{content:"";flex:0 0 48%}.cartouche-container{width:48%}}@media screen and (min-width:768px){.cartouche-container{width:30%}.mosaique:after{content:"";flex:0 0 30%}}.body{display:flex;flex-wrap:wrap;justify-content:space-between}.body p{margin-top:2em;margin-bottom:2em}.body:after{content:"";flex:0 0 100%}.image-container{display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:sans-serif}.grid-container{columns:3 200px;column-gap:2em;width:100%;margin:0 auto}.project-image{border-radius:16px;margin:0 0 2em;display:block}.image-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:20;display:flex;justify-content:center;align-items:center;background-color:#000000bf}.picture-overlay{width:100vw;height:100vh;display:none;background-color:#000000bf;z-index:19;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.image-fullscreen .picture-overlay{display:block}.image-fullscreen .project-image{width:90vw;height:90vh;display:flex;justify-content:center;align-items:center;z-index:20}.image-fullscreen .project-image img{max-width:100%;max-height:100%;object-fit:contain;border-radius:16px}.project-image img{width:100%}.ReactModal__Content{inset:unset!important;border:none!important;background:none!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)}.ReactModal__Content img{max-width:90vw;max-height:90vh;border-radius:16px;overflow:hidden}.ReactModal__Overlay{background-color:#000000bf!important}.ReactModal__Overlay button{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0}.btn{margin:1.5em 0;font-size:1em;border:2px solid var(--turquoise);border-radius:50px;padding:.5em 1em;transition:.3s ease-in-out all}.btn:hover{color:var(--anthracite);background-color:var(--turquoise);transition:.3s ease-in-out all}.btn.project{display:block;width:fit-content;margin:3em auto}img.react-photo-album--photo{aspect-ratio:unset!important;border-radius:16px}.video{margin:1em 0 2em}.video video{border-radius:16px;background-color:#000}@media screen and (min-width:431px){.images-container .project-image{width:48%}.body:after{content:"";flex:0 0 48%}.images-container .project-image{margin:1%}}@media screen and (min-width:768px){.images-container .project-image{width:31%}.body:after{content:"";flex:0 0 31%}.project-content p{width:48%}}@media screen and (orientation:landscape){.image-fullscreen .project-image img{height:100%;width:auto}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}