@import url(https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Oswald:wght@200..700&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit}sub{font-size:.8em}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.5}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}/*! purgecss start ignore */:root{--space:2.5vw;--text:1.6rem;--text2:1.3rem;--menu:1.8rem;--title1:6.0rem;--title1h:6.0rem;--title2:4.8rem;--title2h:5.6rem;--title3:3.6rem;--title3h:4.4rem;--title4:2.8rem;--title4h:3.2rem}@media screen and (min-width:1600px){:root{--space:4rem}}@media screen and (max-width:1280px){:root{--space:3.5vw;--text:1.5rem;--text2:1.3rem;--title1:4.4rem;--title1h:4.4rem;--title2:3.6rem;--title2h:4.4rem;--title3:2.4rem;--title3h:3.2rem;--title4:2.2rem;--title4h:3.0rem}}@media screen and (max-width:799px){:root{--space:5vw;--text:1.4rem;--text2:1.2rem;--title1:3rem;--title1h:3rem;--title2:2.4rem;--title2h:3.2rem;--title3:2.0rem;--title3h:2.4rem;--title4:2.0rem;--title4h:2.4rem}}html{overflow-y:scroll;overflow-x:hidden;font-family:Raleway,helvetica,arial;font-optical-sizing:auto;font-weight:400;font-size:10px;margin:0;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width:1600px){html{font-size:9px}}@media screen and (max-width:1280px){html{font-size:8px}}@media screen and (max-width:799px){html{font-size:7px}}body{background:#020202 url(../img/fond.gif) no-repeat center top;background-attachment:fixed;background-size:cover;color:#fff;padding:0;margin:0;height:100%}body.color-white{background-color:#f5f5f5;background-image:url(../img/fond-white.jpg);color:#000}#container{font-size:1.6rem;display:block;overflow:hidden;min-height:100vh}/*! purgecss end ignore *//*! purgecss start ignore */canvas{display:block}.background{background:0 0;position:absolute;left:0;top:0;overflow:hidden;opacity:1}.header{position:fixed;z-index:100;top:0;right:0;width:10rem;height:100vh;font-size:1.4rem;padding-top:70px;box-sizing:border-box;border-left:1px solid rgba(136,136,136,.3);display:flex;flex-direction:column;justify-content:start;align-items:center;mix-blend-mode:difference}.header .menu{position:relative;white-space:nowrap;align-self:flex-start;transform:rotate(90deg) translate(-50px,0);transform-origin:bottom left}.header .menu ul{display:flex;gap:2rem;height:10rem;align-items:center}.header .menu ul li a{display:block;color:#888;text-transform:uppercase;text-decoration:none;letter-spacing:.2em;padding:5px;transition:color .2s ease-in-out}.header .menu ul li a:after{content:"";display:block;width:0;height:1px;margin:auto;background:#fff;transition:width .2s ease-in-out}.header .menu ul li a.active,.header .menu ul li a:hover{color:#fff}.header .menu ul li a.active:after,.header .menu ul li a:hover:after{width:100%}@media screen and (max-width:500px){.header{width:8rem;padding-top:40px}.header .logo svg{width:40px;height:auto}.header .menu{transform:rotate(90deg) translate(-30px,0)}.header .menu ul{height:8rem}}@media screen and (max-height:500px){.header{padding-top:20px}.header .menu ul{gap:10px}}@media screen and (max-height:400px){.header .logo svg{width:40px;height:auto}}/*! purgecss end ignore *//*! purgecss start ignore */.footer{position:relative;z-index:2}/*! purgecss end ignore *//*! purgecss start ignore *//*! purgecss end ignore *//*! purgecss start ignore */.cols{position:relative;background-repeat:no-repeat;background-position:center center;background-attachment:fixed;background-size:cover;padding-left:100px;padding-right:100px;font-size:2rem}.cols:before{content:"";display:block;height:100%;width:1px;position:absolute;left:99px;top:0;background:rgba(136,136,136,.3)}@media screen and (max-width:1600px){.cols{padding-left:90px;padding-right:90px}.cols:before{left:89px}}@media screen and (max-width:1280px){.cols{padding-left:80px;padding-right:80px}.cols:before{left:79px}}@media screen and (max-width:799px){.cols{padding-left:70px;padding-right:70px}.cols:before{left:69px}}@media screen and (max-width:500px){.cols{padding-left:0;padding-right:8rem}.cols:before{display:none}}.color-black .cols.white{background-color:#f5f5f5;background-image:url(../img/fond-white.jpg);color:#000}.color-white .cols.black{background-color:#020202;background-image:url(../img/fond.gif);color:#fff}.cols.full .col{min-height:100vh;display:flex;flex-direction:column;justify-content:center}.cols .col{position:relative;z-index:2;padding:7rem calc(2vw + 10px);box-sizing:border-box}.t1{font-family:Oswald,sans-serif;font-size:8vw;line-height:8vw;font-weight:900;text-transform:uppercase;position:relative;left:-.05em}.accesrapide .t1{left:0}@media screen and (max-width:660px){.t1{font-size:6rem;line-height:6rem}}.t2{font-size:7rem;font-weight:700;line-height:7rem;margin-bottom:3rem;margin-top:9rem}.t2:first-child{margin-top:0}.floatLeft+.t2{margin-top:0}.t2 em{font-family:Newsreader,serif;font-weight:400;font-style:normal}@media screen and (max-width:1600px){.t2{font-size:6rem;line-height:6rem}}@media screen and (max-width:1280px){.t2{font-size:5rem;line-height:5rem}}@media screen and (max-width:799px){.t2{font-size:4rem;line-height:4rem}}.t3{font-size:4rem;font-weight:400;line-height:4rem;font-family:Newsreader,serif;margin-bottom:2rem}.t3+.t2{margin-top:0}@media screen and (max-width:1600px){.t3{font-size:3.5rem;line-height:3.5rem}}@media screen and (max-width:1280px){.t3{font-size:3rem;line-height:3rem}}@media screen and (max-width:799px){.t3{font-size:2.7rem;line-height:2.7rem}}.t1 a,.t2 a,.t3 a{color:inherit;text-decoration:none}p{margin:2rem 0}.buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem;margin-bottom:2rem}.buttons .btn{color:inherit;display:block;padding:1rem 2rem;border:1px solid currentColor;border-radius:30px;text-transform:uppercase;text-decoration:none;transition:.3s cubic-bezier(.62,.16,.14,.99);transition-property:background-color,color}.buttons .btn:hover{background-color:currentColor}.buttons .btn:hover span{color:#fff;mix-blend-mode:difference}.page-home .col{margin-left:35vw;border-left:1px solid rgba(136,136,136,.3)}@media screen and (max-width:660px){.page-home .col{margin-left:0;border-left:0 none}}.page-home .floatLeft{position:absolute;top:0;left:-35vw;width:35vw;height:100%;display:flex;flex-direction:column;justify-content:center;padding:7rem calc(2vw + 10px);box-sizing:border-box}@media screen and (max-width:660px){.page-home .floatLeft{position:static;left:0;width:auto;height:auto;padding:7rem 0}}@media screen and (max-width:660px){.page-home .accesrapide{display:none}}.page-home .accesrapide li{padding:.5vw 0;position:relative;overflow:hidden}.page-home .accesrapide a{display:block;position:relative;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:#fff;color:transparent;text-decoration:none}@media screen and (min-width:1400px){.page-home .accesrapide a{-webkit-text-stroke-width:1px}}@media screen and (min-width:2000px){.page-home .accesrapide a{-webkit-text-stroke-width:1.5px}}@media screen and (min-width:2500px){.page-home .accesrapide a{-webkit-text-stroke-width:2px}}.page-home .accesrapide a span{display:block;transform:translateY(0);transition:transform .3s ease-in-out}.page-home .accesrapide a:hover:before{transform:translateY(0)}.page-home .accesrapide a:hover span{transform:translateY(120%)}.page-home .accesrapide a:before{content:attr(data-title);display:block;position:absolute;top:0;left:0;color:#fff;transform:translateY(-120%);transition:transform .3s ease-in-out}.page-home .sliderTextes{position:relative;padding:calc(10rem + 10vw) 0;background:#073959;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:calc(-37vw - 10px - 10rem);margin-right:calc(-2vw - 10px - 10rem)}@media screen and (max-width:660px){.page-home .sliderTextes{margin-left:calc(-2vw - 10px - 10rem)}}@media screen and (max-width:500px){.page-home .sliderTextes{margin-left:calc(-2vw - 10px);margin-right:calc(-2vw - 10px - 8rem)}}.page-home .sliderTextes .line{position:relative;font-size:calc(3vw + 2rem);white-space:nowrap;z-index:2;mix-blend-mode:difference}.page-home .sliderTextes .video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.page-home .sliderTextes .video video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:100%;min-width:100%;min-height:100%}.page-home .aboutme{justify-content:flex-start}.page-home .aboutme .t1{text-indent:0}.page-home .aboutme .share{margin:4.5rem 0 3rem 0;display:flex;gap:2rem}.page-home .aboutme .share svg{display:block;height:3rem;width:auto}.page-home .aboutme label{display:block;font-size:.7em;line-height:.7em;letter-spacing:.1em;text-transform:uppercase}.page-home .aboutme .sociallink{font-weight:600}.page-home .aboutme a{display:inline-block;position:relative;color:inherit;text-decoration:none}.page-home .aboutme a:after{content:"";display:block;margin:auto;width:0%;height:1px;background:#000;transition:width .3s ease-in-out}.page-home .aboutme a:hover:after{width:100%}.projets{display:flex;flex-direction:column;gap:6rem}.projetsHead{width:60%}.projetsHead:before{content:"";display:block;position:absolute;top:0;left:calc(59.5% + 2vw + 10px);width:1px;height:100%;background:rgba(136,136,136,.3)}.projets:before{content:"";display:block;position:absolute;top:0;left:calc(59.5% + 2vw + 10px);width:1px;height:100%;background:rgba(136,136,136,.3)}.projets .projet{position:relative;display:flex;gap:calc(4vw + 20px)}.projets .projet .img{width:60%;overflow:hidden;position:relative;background:#000}.projets .projet .img img{display:block;width:100%;height:auto;transition:.5s ease-in-out;transition-property:transform opacity}.projets .projet .img:before{content:"Voir le projet";display:flex;position:absolute;z-index:4;left:0;top:0;width:100%;height:100%;justify-content:center;align-items:center;font-family:Newsreader,serif;font-size:4vw;font-weight:400;transform:translateX(100%);transition:transform .5s ease-in-out}.projets .projet .infos{width:1px;flex-grow:1;align-self:center}.projets .projet .infos h3{margin-bottom:0}.projets .projet .infos h3 a{display:block}.projets .projet .infos h3 a:after{content:"";display:block;position:absolute;z-index:5;left:0;top:0;width:100%;height:100%}.projets .projet .infos .t4{color:#888}.projets .projet .infos .more a{display:inline-block;color:#888;text-decoration:none}.projets .projet .infos .more a:after{content:"";display:block;margin:auto;width:0%;height:1px;background:#888;transition:width .5s ease-in-out}.projets .projet:hover .img:before{transform:translateX(0)}.projets .projet:hover .img img{transform:scale(1.05);opacity:.4}.projets .projet:hover .infos .more a:after{width:100%}@media screen and (max-width:1100px){.projetsHead{width:auto}.projetsHead:before{display:none}.projets:before{display:none}.projets .projet{flex-direction:column;gap:3rem}.projets .projet .img{width:100%}.projets .projet .infos{width:auto}}.headProjet{user-select:none}.headProjet .img{position:relative;z-index:2;display:block;width:70%;border-right:1px solid rgba(136,136,136,.3)}.headProjet .img img{display:block;width:100%;height:auto}.headProjet .col-12{width:70%;border-right:1px solid rgba(136,136,136,.3)}.headProjet .t4{display:inline-block;border-top:1px solid rgba(136,136,136,.5);margin-bottom:40px;margin-top:8px;padding-top:3px}.headProjet p a{display:inline-block;color:#888;text-decoration:none;transition:color .3s ease-in-out}.headProjet p a:after{content:"";display:block;margin:auto;width:0%;height:1px;background:#000;transition:width .3s ease-in-out}.headProjet p a:hover{color:#000}.headProjet p a:hover:after{width:100%}@media screen and (max-width:660px){.headProjet .img{width:100%;border-right:0 none}.headProjet .col-12{width:100%;border-right:0 none}}.galleryProjet{box-sizing:content-box!important;width:calc(70% - 1px);border-right:1px solid rgba(136,136,136,.3);padding-right:0!important;padding-left:100px!important;margin-left:-100px!important;overflow:hidden;user-select:none;position:relative;z-index:3}.galleryProjet-header{position:absolute;z-index:2;left:70%;width:20%;bottom:7rem}.galleryProjet-header:before{content:"";display:block;position:absolute;right:0;bottom:2vw;z-index:0;width:30vw;height:30vw;opacity:.03;background:url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 596 600" style="enable-background:new 0 0 596 600;" xml:space="preserve"><path d="M205.8,215.8c12.6,0,65,112.3,79.9,135.3v0.1H308c14.9-22.6,69.7-135.3,82.4-135.3c4.7,0,5.8,7.3,15.3,48.3l32.7-98.7c-9.4-42.3-9.8-54-11.5-63.5c-6-31.2,2.2-31.1,31.2-48.2c0-17.9,0-44.7,0-44.7s-14.9-17-63.3,26.9C347.9-6.6,324.1,5.6,324.1,5.6s0,28.6,0,47.2c17.1,4.5,66.3,40.8,42.6,88.2c-28.2,56.4-67.9,121.9-69.5,124.5c-1.6-2.6-39.5-68.2-67.6-124.5c-23.6-47.4,25.5-83.8,42.6-88.2c0-18.6,0-47.2,0-47.2s-23.8-12.2-70.7,30.2C153-8.1,138.1,8.9,138.1,8.9s0,26.9,0,44.7c29,17.1,37.2,17,31.2,48.2c-5.9,31.3-68.5,309-82.6,373.1c-14.1,64-57.3,66.3-57.3,66.3v49.3c0,0,34.2,14,84.1-37.4c24.2-25.3,26.8-66.3,31.2-83.4C149.2,452.5,193.2,215.8,205.8,215.8z"/><path d="M509.2,475c-4.6-20.7-18.5-88.2-29.6-137.9l-35.5,98.7c4.3,21.4,6,30,7,33.9c4.4,17.2,13.9,61.5,31.2,83.4c49.9,51.4,84.1,37.4,84.1,37.4v-49.3C566.5,541.2,523.4,539,509.2,475z"/><path d="M62.1,114.6l49.9,145.9c7.6-33.9,15-67.1,21.2-95.5c-14.8-47.5-24.1-75.6-34.6-105.3C80.9,9.3,21.8-4.7,4,14.7c0,16.5,0,47.7,0,47.7C34.2,51.9,52,78.1,62.1,114.6z"/><path d="M491.8,50.6c-9.6,29.6-37.2,130-37.7,127.5c-18.3,60-79,258.3-92.4,276.3c-11.8,15.9-47.7-73.7-53.9-81.7c-1.7,0.1-20.2,0-22,0c-5.6,4-44,97.8-54.7,81.7c-11.4-17.3-26.2-78.2-39.3-119.6c-7.3,34.1-17.5,86.7-22.1,109.2l29.3,82.4c-8.8,9.9-19.9,17.7-34.2,21.3c-0.2,14.4-0.7,41.2-0.7,41.2s15.8,18.6,66.6-28.3c40.6,45.8,53.6,34,53.6,34s0.8-22.7,0.8-47.1c-41.4-21.8-2-66.4,12-88c14.6,19,55.2,66.1,10.6,88c0,24.4,0.8,47.1,0.8,47.1s12.9,11.8,53.6-34c50.9,46.8,66.6,28.3,66.6,28.3s-0.5-26.8-0.7-41.2c-13.6-3.3-24.3-10.6-32.8-19.7c30.1-90.1,83.6-250.5,83.5-251.3l65-195.1c4-12.1,18.2-32.4,48.4-14.3c0,0,0-29.6,0-47.7C579.9-0.5,510.6-6.9,491.8,50.6z"/></svg>');background-position:right center;background-size:contain;background-repeat:no-repeat}.galleryProjet-header h2{position:relative;z-index:1}.galleryProjet-header h2:last-child{margin-bottom:0}.galleryProjet-header .commands{display:flex;gap:1rem;position:relative;z-index:1}.galleryProjet-header .commands .command{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;border:1px solid currentColor;cursor:pointer;transition:.3s ease}.galleryProjet-header .commands .command:hover{background:#000}.galleryProjet-header .commands .command:hover svg{stroke:#fff}.black .galleryProjet-header .commands .command:hover{background:#fff}.black .galleryProjet-header .commands .command:hover svg{stroke:#000}.galleryProjet-header .commands .command.disabled{pointer-events:none;opacity:.3}.galleryProjet-header .commands .command svg{width:30%;stroke:#000;transition:.3s ease}.black .galleryProjet-header .commands .command svg{stroke:#fff}.galleryProjet-header .commands .command.left svg{margin-right:5%}.galleryProjet-header .commands .command.right svg{margin-left:5%}@media screen and (max-width:660px){.galleryProjet-header{position:relative;left:0;bottom:-5rem;padding:0 2rem;display:flex;justify-content:space-between;width:100%;box-sizing:border-box;z-index:3}}.galleryProjet .elems{display:flex;gap:.5rem;height:100%;flex-direction:row-reverse;transition:transform .3s ease}.galleryProjet .elem{display:block;width:auto;height:100%}.galleryProjet .elem img{display:block;width:auto;height:100%}.galleryProjet .elem.video{width:100%;height:auto}@media screen and (max-width:1600px){.galleryProjet{padding-left:90px!important;margin-left:-90px!important}}@media screen and (max-width:1280px){.galleryProjet{padding-left:80px!important;margin-left:-80px!important}}@media screen and (max-width:799px){.galleryProjet{padding-left:70px!important;margin-left:-70px!important}}@media screen and (max-width:660px){.galleryProjet{width:100%;border-right:0 none}}@media screen and (max-width:500px){.galleryProjet{padding-left:20px!important;margin-left:-20px!important}}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:999;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;padding:40px;box-sizing:border-box;transition:opacity .3s ease}.lightbox.active{opacity:1;pointer-events:auto}.lightbox .close{position:absolute;top:10px;right:10px;color:#fff;cursor:pointer}.lightbox .close svg{width:30px;height:30px;fill:#fff}.footer::before{display:none}.footer-in{display:flex;gap:30px;padding:30px 30px 60px 0;border-top:1px solid rgba(136,136,136,.3)}@media screen and (max-width:900px){.footer-in{flex-direction:column}}@media screen and (max-width:500px){.footer-in{padding-left:30px}}.footer .logo{flex-grow:1}.footer .logo svg{fill:#000;float:left;margin-right:10px;width:40px;height:40px}.color-black .footer .logo svg{fill:#fff}.footer .logo strong{display:block;font-size:30px;font-weight:600;line-height:26px}.footer .logo span{display:block;font-size:13px;font-weight:400;line-height:16px}@media screen and (max-width:420px){.footer .logo svg{margin-right:6px;width:30px;height:30px}.footer .logo strong{font-size:24px;line-height:20px}.footer .logo span{font-size:11px;line-height:13px}}.footer a{color:inherit;text-decoration:none}.footer .links{display:flex;gap:15px}.footer .links .title{text-transform:uppercase;letter-spacing:.2em;font-size:13px;padding-top:3px;color:#888}.footer .links ul{margin:0;padding:0;list-style:none}.footer .links ul li{margin:0;padding:0;list-style:none;font-weight:600}/*! purgecss end ignore */