/*!
  *
  * AUTHOR     : Dimitri GUERROUE
  * CONTACT    : contact@guerroue.fr
  * WEBSITE    : guerroue.fr
  * DATE_CREAT : 31/05/2018
  *
*//*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}a,legend{color:inherit}progress,sub,sup{vertical-align:baseline}.wrap,sub,sup{position:relative}h2::after,h5::after{content:'';vertical-align:middle}div.gridlines,section#apropos,section#header div.content,section#header nav.responsive-nav,section#header nav.responsive-nav .wrap-header-nav,section#header nav:not(.responsive-nav) ul,section#projects{-ms-grid-columns:(1fr) [12];grid-template-columns:repeat(12,1fr)}html{line-height:1.10;-webkit-text-size-adjust:100%}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}button:active,button:focus,footer button.scrollToTop:focus,section#apropos aside#my-skills ul li button:active,section#apropos aside#my-skills ul li button:focus,section#header nav.responsive-nav .btn-burger:active,section#header nav.responsive-nav .btn-burger:focus,section#projects .resp-filters select :active,section#projects .resp-filters select option:active,section#projects .resp-filters select option:focus,section#projects .resp-filters select:focus,video:focus{outline:0}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:'HK Grotesk';src:url(../fonts/HKGrotesk/HKGrotesk-BoldItalic.woff2) format("woff2"),url(../fonts/HKGrotesk/HKGrotesk-BoldItalic.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:'HK Grotesk';src:url(../fonts/HKGrotesk/HKGrotesk-Medium.woff2) format("woff2"),url(../fonts/HKGrotesk/HKGrotesk-Medium.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:'HK Grotesk';src:url(../fonts/HKGrotesk/HKGrotesk-Italic.woff2) format("woff2"),url(../fonts/HKGrotesk/HKGrotesk-Italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:'HK Grotesk';src:url(../fonts/HKGrotesk/HKGrotesk-Bold.woff2) format("woff2"),url(../fonts/HKGrotesk/HKGrotesk-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:'HK Grotesk';src:url(../fonts/HKGrotesk/HKGrotesk-LightItalic.woff2) format("woff2"),url(../fonts/HKGrotesk/HKGrotesk-LightItalic.woff) format("woff");font-weight:300;font-style:italic}@font-face{font-family:'HK Grotesk';src:url(../fonts/HKGrotesk/HKGrotesk-SemiBoldItalic.woff2) format("woff2"),url(../fonts/HKGrotesk/HKGrotesk-SemiBoldItalic.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:'HK Grotesk';src:url(../fonts/HKGrotesk/HKGrotesk-Light.woff2) format("woff2"),url(../fonts/HKGrotesk/HKGrotesk-Light.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:'HK Grotesk';src:url(../fonts/HKGrotesk/HKGrotesk-SemiBold.woff2) format("woff2"),url(../fonts/HKGrotesk/HKGrotesk-SemiBold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:'HK Grotesk';src:url(../fonts/HKGrotesk/HKGrotesk-Regular.woff2) format("woff2"),url(../fonts/HKGrotesk/HKGrotesk-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:'HK Grotesk';src:url(../fonts/HKGrotesk/HKGrotesk-MediumItalic.woff2) format("woff2"),url(../fonts/HKGrotesk/HKGrotesk-MediumItalic.woff)format("woff");font-weight:500;font-style:italic}

@font-face{font-family:'Nyte';src:url(../fonts/Nyte/NyteThin.woff2) format("woff2"),url(../fonts/Nyte/NyteThin.woff) format("woff");font-weight:200;font-style:normal}@font-face{font-family:'Nyte';src:url(../fonts/Nyte/NyteThinItalic.woff2) format("woff2"),url(../fonts/Nyte/NyteThinItalic.woff) format("woff");font-weight:200;font-style:italic}@font-face{font-family:'Nyte';src:url(../fonts/Nyte/NyteLight.woff2) format("woff2"),url(../fonts/Nyte/NyteLight.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:'Nyte';src:url(../fonts/Nyte/NyteLightItalic.woff2) format("woff2"),url(../fonts/Nyte/NyteLightItalic.woff) format("woff");font-weight:300;font-style:italic}@font-face{font-family:'Nyte';src:url(../fonts/Nyte/NyteBook.woff2) format("woff2"),url(../fonts/Nyte/NyteBook.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:'Nyte';src:url(../fonts/Nyte/NyteBookItalic.woff2) format("woff2"),url(../fonts/Nyte/NyteBookItalic.woff) format("woff");font-weight:500;font-style:italic}@font-face{font-family:'Nyte';src:url(../fonts/Nyte/NyteBold.woff2) format("woff2"),url(../fonts/Nyte/NyteBold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:'Nyte';src:url(../fonts/Nyte/NyteBoldItalic.woff2) format("woff2"),url(../fonts/Nyte/NyteBoldItalic.woff) format("woff");font-weight:700;font-style:italic}

@font-face{font-family:'Pluto';src:url(../fonts/Pluto/PlutoLight.woff2) format("woff2"),url(../fonts/Pluto/PlutoLight.woff) format("woff");font-weight:300;font-style:normal}

body{margin:0;font-family:"Nyte",sans-serif;overflow-x:hidden;color:#2D3740;background-color:#f5ede2}h3.miniTitle,h4.backTitle,h5,section#apropos a.link-cv,section#apropos aside#my-skills ul li p.subTitle,section#apropos blockquote,section#header{font-family:"Nyte",sans-serif}body.home section#header{height:100%}.wrap{max-width:1400px;margin: 0 auto}@media screen and (min-width:1400px){.wrap .wrapper-fullwidth{margin-left:calc(-100vw / 2 + 1400px / 2);margin-right:calc(-100vw / 2 + 1400px / 2)}}h1,h2{margin:0}.noSelect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div.gridlines{display:-ms-grid;display:grid;position:absolute;top:0;right:0;left:0;bottom:0;z-index:-1}h2,h3.miniTitle,section{position:relative}div.gridlines span{border-left:1px solid rgba(202,202,202,.5)}div.gridlines span:nth-child(1){border:none}div.gridlines span:nth-child(2){-ms-grid-column:3;grid-column:3}div.gridlines span:nth-child(3){-ms-grid-column:5;grid-column:5}div.gridlines span:nth-child(4){-ms-grid-column:7;grid-column:7}div.gridlines span:nth-child(5){-ms-grid-column:9;grid-column:9}div.gridlines span:nth-child(6){-ms-grid-column:11;grid-column:11}h1{font-size:16px;font-family: "PlutoLight",sans-serif;font-weight: 400;color:#cc8939}h2{z-index:1;color:#cd8a38;font-size:100px;font-weight: 300}@media screen and (max-width:960px){body.home section#header{height:auto;padding-bottom:90px}h2{font-size:90px}}@media screen and (max-width:480px){h2{font-size:48px}h2 br.glitch{display:block!important}}h2 br.glitch{display:none}h2::first-letter{text-transform:uppercase}h2::after{display:-ms-inline-flexbox;display:inline-flex;width:90px;height:5px;margin-left:30px;background-color:#cd8a38}@media screen and (max-width:480px){h2::after{width:50px;height:5px;margin-left:15px}}h3.miniTitle{margin:0;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-ms-flex-align:center;align-items:center;text-transform:uppercase;font-weight:400;font-size:16px}h3.miniTitle span.mini-wrap{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;transform:rotate(-90deg);font-family:"PlutoLight",sans-serif}h3.miniTitle strong{font-weight:400;color:#cd8a38;margin-left:5px}h3.miniTitle span.line{content:'';display:block;position:absolute;width:200px;height:1px;background-color:#b1b1b1}h4.backTitle{position:relative;z-index:-2;margin:-50px 0 0;transform:translateY(200px);-ms-grid-column:2;grid-column-start:2;-ms-grid-column-span:10;grid-column-end:span 10;font-size:200px;color:rgba(205,138,56,.1);white-space:nowrap}@media screen and (max-width:960px){h3.miniTitle span.line{width:100px}h4.backTitle{font-size:120px}}@media screen and (max-width:480px){h4.backTitle{font-size:80px}}h4.backTitle::first-letter{text-transform:uppercase}h5{font-size:58px;font-weight:400;color:#cd8a38}@media screen and (max-width:960px){h5{font-size:40px}}h5::after{display:-ms-inline-flexbox;display:inline-flex;width:70px;height:6px;margin-left:30px;background-color:#cd8a38}.graphic-element::after,.wrap-img::after{display:block;content:''}@media screen and (max-width:480px){h5{font-size:28px}h5::after{width:40px;height:3px;margin-left:15px}}.wrap-img{position:relative;z-index:0;transform:translateY(-40%)}.graphic-element,.wrap-img::after{position:absolute;top:-50px;right:10%}.wrap-img::after{top:5%;left:5%;width:90%;height:90%;border:3px solid #EEEBE5}@media screen and (max-width:480px){.wrap-img::after{border-width:2px}.graphic-element::after{opacity:.8}}.wrap-img img{width:100%;box-shadow:0 0 20px 10px rgba(85,85,85,.25)}ul{list-style:none}button{padding:0;border:none;background-color:transparent}button:hover{cursor:pointer}.graphic-element::after{position:absolute;width:100px;height:100px;background-size:cover}.graphic-element.rect::after{background-image:url(../img/svg/rect.svg)}.graphic-element.circle::after{background-image:url(../img/svg/circle.svg)}.graphic-element.dot-grid::after{width:380px;height:200px;transform:translateX(-50%);background-image:url(../img/svg/dot-trame.svg);background-size:25px;opacity:.4}.graphic-element.triangle::after{background-image:url(../img/svg/triangle.svg)}.graphic-element.cross::after{background-image:url(../img/svg/cross.svg)}.graphic-element.bigTriangle::after{background-image:url(../img/svg/big-triangle.svg)}.graphic-element.quotes::after{background-image:url(../img/svg/quotes.svg);opacity:.5}#header .graphic-element.rect{top:700px;left:20%}@media screen and (max-width:960px){.graphic-element.dot-grid::after{width:250px;height:140px;background-size:20px}#header .graphic-element.rect{left:7%}}@media screen and (max-width:480px){.graphic-element.dot-grid::after{width:170px;height:100px;background-size:16px}#header .graphic-element.rect{top:400px;left:10%}}@media screen and (max-width:360px){#header .graphic-element.rect{top:370px;left:10%}}#header .graphic-element.rect::after{width:120px;height:120px}#header .graphic-element.circle{top:180px;left:5%}@media screen and (max-width:960px){#header .graphic-element.circle{top:60px;left:10%}}@media screen and (max-width:480px){#header .graphic-element.rect::after{width:40px;height:40px}#header .graphic-element.circle{top:80px;right:25%}}#header .graphic-element.dot-grid{top:270px;left:67%}@media screen and (max-width:960px){#header .graphic-element.circle::after{width:100px;height:100px}#header .graphic-element.dot-grid{top:-30px}}@media screen and (max-width:480px){#header .graphic-element.circle::after{width:60px;height:60px}#header .graphic-element.dot-grid{top:100px;left:auto;right:40%}}#header .graphic-element.triangle{top:500px;right:12%}@media screen and (max-width:960px){#header .graphic-element.triangle{top:400px;right:15%}}@media screen and (max-width:480px){#header .graphic-element.triangle{top:320px;right:30%}}@media screen and (max-width:360px){#header .graphic-element.triangle{top:400px}}#header .graphic-element.triangle::after{width:150px;height:150px}#header .graphic-element.cross{top:800px;left:32%}@media screen and (max-width:960px){#header .graphic-element.cross{top:590px;left:11%}#header .graphic-element.rect2{display:none}}@media screen and (max-width:480px){#header .graphic-element.triangle::after{width:80px;height:80px}#header .graphic-element.cross{display:none}}#header .graphic-element.cross::after{width:100px;height:100px}#header .graphic-element.rect2{top:650px;left:70%}@media screen and (max-width:480px){#header .graphic-element.rect2{display:block;top:750px;left:70%}}#header .graphic-element.line{position:relative;z-index:-1;-ms-grid-column:9;grid-column:9;top:900px}@media screen and (max-width:960px){#header .graphic-element.line{top:700px;display:none}#apropos .graphic-element.circle{display:none}}@media screen and (max-width:480px){#header .graphic-element.line{top:580px;-ms-grid-column:7;grid-column:7;opacity:.5;display:none}}@media screen and (max-width:360px){#header .graphic-element.line{top:550px}}#header .graphic-element.line::after{width:3px;transform:translateX(-1px);height:200px;background-color:#cd8a38;top:-120px}#apropos .graphic-element.dot-grid::after,#projects .graphic-element.dot-grid::after{transform:rotate(90deg)}#apropos .graphic-element.circle{top:-100px;right:10%}#apropos .graphic-element.bigTriangle{top:500px;left:35%}@media screen and (max-width:480px){#header .graphic-element.line::after{height:100px}#apropos .graphic-element.bigTriangle{top:2600px;left:auto;right:35%}}@media screen and (max-width:300px){#apropos .graphic-element.bigTriangle{display:none}}#apropos .graphic-element.bigTriangle::after{width:140px;height:140px}#apropos .graphic-element.dot-grid{z-index:-1;top:500px;right:30%}@media screen and (max-width:480px){#apropos .graphic-element.bigTriangle::after{opacity:1;width:70px;height:75px}#apropos .graphic-element.dot-grid{top:900px}}#apropos .graphic-element.circle2{top:1950px;left:15%}#apropos .graphic-element.circle2::after{width:100px;height:100px}#apropos .graphic-element.dot-grid2{top:2500px}@media screen and (max-width:960px){#apropos .graphic-element.dot-grid{right:40%}#apropos .graphic-element.circle2{display:none}#apropos .graphic-element.dot-grid2{top:1500px;right:45%}}@media screen and (max-width:480px){#apropos .graphic-element.dot-grid2{top:1550px;right:auto;left:4%}#apropos .graphic-element.bigTriangle2{display:none}}#apropos .graphic-element.bigTriangle2{z-index:1;top:3150px;right:40%;left:auto}#apropos .graphic-element.bigTriangle2::after{width:250px;height:250px}@media screen and (max-width:960px){#apropos .graphic-element.bigTriangle2{top:2300px;right:30%}#apropos .graphic-element.bigTriangle2::after{width:90px;height:100px}}#apropos .graphic-element.quotes::after,#projects .graphic-element.quotes::after{width:400px;height:300px;display:none}#apropos .graphic-element.quotes{top:3000px;right:30%}#apropos .graphic-element.dot-grid3{top:3500px;left:65%}@media screen and (max-width:960px){#apropos .graphic-element.dot-grid3{top:2400px;left:5%}}@media screen and (max-width:480px){#apropos .graphic-element.quotes{display:none}#apropos .graphic-element.dot-grid3{top:2100px;left:auto;right:5%}}#apropos .graphic-element.dot-grid4{display:none}@media screen and (max-width:960px){#apropos .graphic-element.dot-grid4{display:block;top:2600px;right:30%}}#projects .graphic-element.quotes{display:none;z-index:-1}@media screen and (max-width:960px){#projects .graphic-element.quotes{display:block;top:580px;right:60%}}@media screen and (max-width:480px){#projects .graphic-element.quotes{top:500px;right:auto;left:15%}#projects .graphic-element.quotes::after{width:250px;height:150px}}#projects .graphic-element.dot-grid{top:1700px;right:27%}@media screen and (max-width:960px){#projects .graphic-element.dot-grid{top:1200px}#contact .graphic-element.rect{display:none}}#contact .graphic-element.rect{position:relative;z-index:-1;-ms-grid-column:3;grid-column-start:3;top:70px;left:-100%}#contact .graphic-element.rect::after{transform:translateX(-50%);width:100px;height:100px}.project-page .graphic-element.circle{top:-18px;left:75%;z-index:-1}@media screen and (max-width:480px){.project-page .graphic-element.circle{top:30px;left:5%}}.project-page .graphic-element.circle::after{width:90px;height:90px}.project-page .graphic-element.rect{top:550px;left:5%}.project-page .graphic-element.rect::after{width:70px;height:70px}section#header{padding:150px 60px 60px}section#header .wrap-nav{position:absolute;top:0;left:0;margin-top:60px;width:100%}section#header .wrap-nav.fixed{position:fixed;z-index:5;top:0;margin-top:0;background-color:#f8f0ec;box-shadow:0 -18px 40px 15px rgba(100,100,100,.2);transition:top .2s linear;animation:appear linear .1s}.project-page section.content a.external-link:hover span,footer button.scrollToTop:hover{animation:rotate 4s linear infinite}@keyframes appear{from{padding-top:0}to{padding-top:15px}}section#header .wrap-nav.navbar-hide{top:-130px}section#header nav:not(.responsive-nav){max-width:1400px;margin:0 auto}@media screen and (max-width:960px){section#header{padding:30px 0 0}section#header nav:not(.responsive-nav){display:none}}section#header nav:not(.responsive-nav) ul{display:-ms-grid;display:grid;padding:0}section#header nav:not(.responsive-nav) ul li{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;text-transform:uppercase}section#header nav:not(.responsive-nav) ul li:nth-child(1){-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:2;grid-column-end:span 2}section#header nav:not(.responsive-nav) ul li:nth-child(2){-ms-grid-column:7;grid-column-start:7;-ms-grid-column-span:2;grid-column-end:span 2}section#header nav:not(.responsive-nav) ul li:nth-child(3){-ms-grid-column:9;grid-column-start:9;-ms-grid-column-span:2;grid-column-end:span 2}section#header nav:not(.responsive-nav) ul li:nth-child(4){-ms-grid-column:11;grid-column-start:11;-ms-grid-column-span:2;grid-column-end:span 2}section#header nav:not(.responsive-nav) ul li:hover p::before{height:12px;top:9px}section#header nav:not(.responsive-nav) ul li p{position:relative;float:left;margin:0;font-family:"PlutoLight",sans-serif}section#header nav:not(.responsive-nav) ul li p::before{display:block;content:'';width:110%;height:0;position:absolute;top:21px;left:-5%;z-index:-1;background-color:#cd8a38;transition:height .3s,top .3s}section#header nav.responsive-nav{display:-ms-grid;display:grid;-ms-grid-rows:max-content;grid-template-rows:max-content;position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;max-height:55px;background-color:#EEEBE5;box-shadow:0 -18px 40px 15px rgba(100,100,100,.2);overflow:hidden;transition:max-height .4s}@media screen and (min-width:960px){section#header nav.responsive-nav{display:none}}@media screen and (max-width:960px){section#header nav.responsive-nav.open{max-height:100vh}}section#header nav.responsive-nav .wrap-header-nav{display:-ms-grid;display:grid;-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:12;grid-column-end:span 12;-ms-flex-align:center;align-items:center;padding:10px 0}section#header nav.responsive-nav .wrap-header-nav a.title{-ms-grid-column:2;grid-column-start:2;-ms-grid-column-span:7;grid-column-end:span 7}section#header nav.responsive-nav .wrap-header-nav div.btn-burger{-ms-grid-column:11;grid-column-start:11;-ms-grid-column-span:2;grid-column-end:span 2}section#header nav.responsive-nav.open a:not(.title){padding:30px 0;opacity:1}section#header nav.responsive-nav.open a:not(.title):first-of-type{padding-top:0}section#header nav.responsive-nav.open .btn-burger{transform:translateX(6px)}section#header nav.responsive-nav.open .btn-burger span{background-color:#2D3740}@media screen and (max-width:480px){section#header nav.responsive-nav{height:100%;max-height:50px}section#header nav.responsive-nav.open .btn-burger span:nth-of-type(1){transform:rotate(45deg) translateY(12.5px)!important}section#header nav.responsive-nav.open .btn-burger span:nth-of-type(2){transform:translateX(15px);opacity:0}section#header nav.responsive-nav.open .btn-burger span:nth-of-type(3){transform:rotate(-45deg) translateY(-12.5px)!important}}section#header nav.responsive-nav.open .btn-burger span:nth-of-type(1){transform:rotate(45deg) translateY(16px)}section#header nav.responsive-nav.open .btn-burger span:nth-of-type(2){transform:translateX(20px);opacity:0}section#header nav.responsive-nav.open .btn-burger span:nth-of-type(3){transform:rotate(-45deg) translateY(-16px)}section#header nav.responsive-nav .btn-burger{box-sizing:border-box;display:-ms-flexbox;display:flex;right:60px;width:43px;height:35px;padding:4px;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;transition:height .3s,top .3s,transform .3s;cursor:pointer}@media screen and (max-width:480px){section#header nav.responsive-nav .btn-burger{width:40px;height:30px}}section#header nav.responsive-nav .btn-burger span{display:block;width:100%;height:4px;background-color:#cd8a38;transition:transform .3s,background-color .3s,opacity .3s}section#header nav.responsive-nav a.title{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:5;grid-column-end:span 5;max-height:50px;text-transform:uppercase}section#header nav.responsive-nav a:not(.title){padding:0;opacity:0;transition:padding .2s,opacity .2s,padding-top .3s}section#header nav.responsive-nav a:hover p::before{height:24px;top:30px}section#header nav.responsive-nav a p{position:relative;float:left;margin:0;font-size:45px;font-weight:700}section#header nav.responsive-nav a p::before{display:block;content:'';width:110%;height:0;position:absolute;top:54px;left:-5%;z-index:-1;background-color:#cd8a38;transition:height .3s,top .3s}section#header nav.responsive-nav div.menu-wrap{display:-ms-flexbox;display:flex;-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:12;grid-column-end:span 12;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}section#header div.content{display:-ms-grid;display:grid}section#header div.bigTitle{-ms-grid-column:7;grid-column-start:3;-ms-grid-column-span:5;grid-column-end:span 8;-ms-grid-row:2;grid-row:2;margin-top:150px;font-weight:700}@media screen and (max-width:960px){section#header div.bigTitle{-ms-grid-column:5;grid-column-start:5;-ms-grid-column-span:6;grid-column-end:span 6;margin-top:60px}}@media screen and (max-width:480px){section#header div.bigTitle{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:8;grid-column-end:span 8;margin-top:0}}section#header div.bigTitle p{margin:70 -35 130px;font-size:40px;line-height:1.5em;text-align: center;font-weight:400;transform:translateX(-3px)}@media screen and (max-width:480px){section#header div.bigTitle p{font-size:25px;margin-top:80px;margin-bottom:10px;margin-left:0px}section#header div.bigTitle h2{font-size:70px}}section#header div.bigTitle h2{margin:0;transform:translateX(-10px);color:inherit}section#header div.bigTitle h2::after{display:none}@media screen and (max-width:360px){section#header div.bigTitle h2{font-size:70px}}@media screen and (max-height:900px){section#header div.bigTitle{margin-top:50px}}section#header div.minibio{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:2;grid-column-end:span 2;-ms-grid-row:3;grid-row-start:3;font-size:20px;line-height:1.30}@media screen and (max-width:960px){section#header div.minibio{-ms-grid-column-span:3;grid-column-end:span 3;margin-top:60px}}@media screen and (max-width:480px){section#header div.minibio{-ms-grid-column-span:6;grid-column-end:span 6}}section#header div.minibio strong{color:#cd8a38}section#header .header-link{-ms-grid-column:7;grid-column-start:7;-ms-grid-column-span:5;grid-column-end:span 5;-ms-grid-row:4;grid-row-start:4;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:50px;color:#cd8a38;font-size:35px;font-weight:300}@media screen and (max-width:960px){section#header .header-link{-ms-grid-column:7;grid-column-start:7;-ms-grid-column-span:5;grid-column-end:span 5;font-size:24px;font-weight:300;margin-top:10px}}@media screen and (max-width:480px){section#header .header-link{margin-top:80px;-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:8;grid-column-end:span 9;font-size:20px}}@media screen and (max-width:360px){section#header .header-link{-ms-grid-column:2;grid-column-start:2;-ms-grid-column-span:9;grid-column-end:span 9}}section#header .header-link span{margin-left:15px;transition:transform .3s}section#header .header-link::before{display:-ms-flexbox;display:flex;content:'';width:40px;height:4px;float:left;margin-right:10px;background-color:#cd8a38}section#header .header-link:hover span{transform:rotate(90deg)}section#apropos{display:-ms-grid;display:grid;margin:150px 0}section#apropos h2{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:6;grid-column-end:span 6}@media screen and (max-width:480px){section#header .header-link::before{width:30px;height:2px}section#apropos{margin-top:20px}section#apropos h2{-ms-grid-column-span:8;grid-column-end:span 8}}section#apropos .wrap-img{-ms-grid-column:7;grid-column-start:7;-ms-grid-column-span:4;grid-column-end:span 4}@media screen and (max-width:960px){section#apropos .wrap-img{-ms-grid-column-span:6;grid-column-end:span 6}}@media screen and (max-width:480px){section#apropos .wrap-img{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:10;grid-column-end:span 10;transform:none;margin-top:30px}}section#apropos .wrapper-full{position:relative;overflow:hidden;-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:12;grid-column-end:span 12;margin-top:100px}@media screen and (min-width:768px){section#apropos .wrapper-full{margin:250px 0}}section#apropos .wrapper-full img.fix_ratio{display:block;width:100%;height:auto}section#apropos .wrap-project-video{position:absolute;left:0;right:0;top:0;bottom:0;height:100%;cursor:pointer}section#apropos .wrap-project-video iframe,section#apropos .wrap-project-video video{width:100%;height:100%;position:absolute;top:0;left:0}section#apropos h3.miniTitle{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:2;grid-column-end:span 2;top:-50px}section#apropos h3.miniTitle .line{left:80%}@media screen and (max-width:960px){section#apropos h3.miniTitle{-ms-grid-column:2;grid-column-start:2;-ms-grid-column-span:4;grid-column-end:span 4;top:-200px}section#apropos h3.miniTitle .line .line{left:70%}}section#apropos p{-ms-grid-column:5;grid-column-start:5;-ms-grid-column-span:5;grid-column-end:span 5;margin:0;font-size:23px;font-weight:300;line-height:40px}@media screen and (max-width:960px){section#apropos p{margin-top:60px;-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:8;grid-column-end:span 8}}@media screen and (max-width:480px){section#apropos h3.miniTitle{display:none}section#apropos p{font-size:16px;line-height:32px}}section#apropos a.link-cv{position:relative;z-index:1;-ms-grid-column:7;grid-column-start:7;-ms-grid-column-span:4;grid-column-end:span 4;margin-top:150px;font-size:55px;font-weight:700;display:none}@media screen and (max-width:960px){section#apropos a.link-cv{-ms-grid-column:7;grid-column-start:7;-ms-grid-column-span:5;grid-column-end:span 5;font-size:48px}}section#apropos a.link-cv:hover span{transform:rotate(90deg)}section#apropos a.link-cv span{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;margin-left:15px;transition:transform .3s}section#apropos a.link-cv span::after,section#apropos a.link-cv span::before{display:block;content:'';position:absolute;width:100%;height:5px;background-color:#cd8a38;transition:width .4s,transform .4s,background-color .4s}section#apropos a.link-cv span::after{transform:rotate(-90deg)}section#apropos a.link-cv::before{content:'';display:block;width:100px;height:100px;position:absolute;z-index:-1;top:-50px;left:-15%;border:3px solid #cd8a38;border-radius:50%}@media screen and (max-width:480px){section#apropos a.link-cv{margin-top:60px;-ms-grid-column:5;grid-column-start:5;-ms-grid-column-span:6;grid-column-end:span 6;font-size:24px}section#apropos a.link-cv::before{width:50px;height:50px;top:-25px;opacity:.8}}section#apropos ul.socials-links{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:2;grid-column-end:span 2;padding:0 38%}@media screen and (max-width:960px){section#apropos ul.socials-links{padding:0 30%}}section#apropos ul.socials-links li{margin-bottom:20px;max-width:55px}@media screen and (max-width:480px){section#apropos ul.socials-links{position:relative;-ms-flex-direction:row;flex-direction:row;-ms-grid-column:5;grid-column-start:3;-ms-grid-column-span:6;grid-column-end:span 8;-ms-flex-pack:justify;justify-content:space-between;padding:0;left:-10px}section#apropos ul.socials-links li{padding:0 8px}}section#apropos ul.socials-links li a{display:block;position:relative;transition:transform .4s}section#apropos ul.socials-links li a:hover{transform:scale(.95)}section#apropos ul.socials-links li a:hover img:nth-child(1){opacity:1}section#apropos ul.socials-links li a:hover img:nth-child(2){opacity:0}section#apropos ul.socials-links li a img:nth-child(1){opacity:0;transition:opacity .4s}section#apropos ul.socials-links li a img:nth-child(2){position:absolute;top:0;left:0;transition:opacity .4s}section#apropos ul.socials-links li img{width:100%}section#apropos h4.backTitle{position:relative;top:100px}section#apropos aside#my-skills{margin-top:200px;-ms-grid-column:7;grid-column-start:7;-ms-grid-column-span:6;grid-column-end:span 6;padding:60px 50px 20px;background-color:#f5ede2;box-shadow:0 0 50px 10px rgba(85,85,85,.25)}@media screen and (max-width:960px){section#apropos h4.backTitle{top:220px}section#apropos aside#my-skills{margin-top:100px;-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:8;grid-column-end:span 8}section#apropos aside#my-skills ul li p{margin-top:0}}@media screen and (max-width:480px){section#apropos h4.backTitle{top:-550px}section#apropos aside#my-skills{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:12;grid-column-end:span 12;padding:30px 30px 20px}}section#apropos aside#my-skills h5{margin:0 0 60px}section#apropos aside#my-skills ul{margin:0;padding:0}section#apropos aside#my-skills ul li{margin:30px 0}section#apropos aside#my-skills ul li button{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0 30px 0 0;border:none;background-color:transparent}section#apropos aside#my-skills ul li button:hover{cursor:pointer}section#apropos aside#my-skills ul li button span{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:30px;height:30px}section#apropos aside#my-skills ul li button span::after,section#apropos aside#my-skills ul li button span::before{display:block;content:'';position:absolute;width:80%;height:3px;background-color:#cd8a38;transition:width .4s,transform .4s,background-color .4s}section#apropos aside#my-skills ul li button span::after{transform:rotate(-90deg)}section#apropos aside#my-skills ul li button.open span::before{width:0%;background-color:#EEEBE5}section#apropos aside#my-skills ul li button.open span::after{width:60%;transform:rotate(180deg);background-color:#000}section#apropos aside#my-skills ul li p.subTitle{display:inline-block;padding:0 10px;font-size:15px;font-family:"PlutoLight",sans-serif;text-transform:uppercase;background-color:#cd8a38;color:#f5ede2}section#apropos aside#my-skills ul li p.content{overflow:hidden;font-size:19px;transition:max-height linear .3s;max-height:230px;line-height:30px}section#apropos aside#my-skills ul li p.hidden-content{max-height:0}section#apropos p.bio{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:3;grid-column-end:span 4}@media screen and (max-width:960px){section#apropos p.bio{margin-top:0px;-ms-grid-column:5;grid-column-start:5;-ms-grid-column-span:6;grid-column-end:span 6;font-size:22px}}@media screen and (max-width:480px){section#apropos p.bio{margin-top:90px;-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:8;grid-column-end:span 8;font-size:16px}}section#apropos blockquote{-ms-grid-column:5;grid-column-start:5;-ms-grid-column-span:6;grid-column-end:span 6;margin:250px 0 0;padding-top:30px;border-top:3px solid #000;font-size:45px;font-weight:400;font-style:italic}@media screen and (max-width:960px){section#apropos blockquote{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:8;grid-column-end:span 8;margin-top:200px;font-weight:500;font-size:36px}}@media screen and (max-width:480px){section#apropos blockquote{margin-top:60px;font-weight:500;font-size:25px}}section#projects p.laptitephrase,section#projects ul.filters li button{font-family:"Nyte",sans-serif;font-weight:500}section#apropos blockquote div{float:right;display:-ms-flexbox;display:flex;margin-top:15px;-ms-flex-align:center;align-items:center;font-size:24px;color:#cd8a38}@media screen and (max-width:960px){section#apropos blockquote div{margin-top:50px}}section#apropos blockquote div::before{content:'';width:15px;height:2px;margin-right:15px;background-color:#cd8a38}section#projects{display:-ms-grid;display:grid}section#projects h2{top:200px;-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:8;grid-column-end:span 8;margin-left:-10px}@media screen and (max-width:480px){section#projects h2{top:0;margin-left:-2px;-ms-grid-column-span:9;grid-column-end:span 9}}section#projects .wrap-img{position:relative;top:0;-ms-grid-column:5;grid-column-start:5;-ms-grid-column-span:8;grid-column-end:span 8;transform:none}@media screen and (max-width:480px){section#projects .wrap-img{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:10;grid-column-end:span 10;margin-top:30px}section#projects h3.miniTitle{display:none}}section#projects h3.miniTitle{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:2;grid-column-end:span 2;top:100px}@media screen and (max-width:960px){section#projects h3.miniTitle{-ms-grid-column:8;grid-column-start:8;-ms-grid-column-span:4;grid-column-end:span 4;top:450px}}section#projects h3.miniTitle .line{left:60%}section#projects h4.backTitle{top:250px}section#projects p.laptitephrase{-ms-grid-column:9;grid-column-start:9;-ms-grid-column-span:3;grid-column-end:span 3;font-size:50px;font-style:italic;color:#cd8a38;line-height:70px}@media screen and (max-width:960px){section#projects h4.backTitle{top:300px}section#projects p.laptitephrase{margin-top:-30px;-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:8;grid-column-end:span 8;font-size:35px;font-weight:500}}@media screen and (max-width:480px){section#projects h4.backTitle{top:50px}section#projects p.laptitephrase{margin-top:30px;-ms-grid-column:5;grid-column-start:5;-ms-grid-column-span:6;grid-column-end:span 6;font-size:28px;line-height:40px}}section#projects ul.filters{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:4;grid-column-end:span 4;margin-top:-350px;padding:0}@media screen and (max-width:960px){section#projects ul.filters{margin-top:60px}}@media screen and (max-width:480px){section#projects ul.filters{display:none;margin-top:60px;-ms-grid-column-span:8;grid-column-end:span 8}}section#projects ul.filters li button{width:100%;padding:5px 0;text-align:left;font-size:45px;line-height:60px;border-bottom:1px solid rgba(255,0,0,.5);border-bottom:1px solid rgba(136,136,136,.5)}section#projects .resp-filters select,section#projects .resp-filters select option{font-size:20px;font-family:"HK Grotesk",sans-serif;font-weight:700}section#projects ul.filters li button.active p::before,section#projects ul.filters li button:hover p::before{height:20px;top:30px}section#projects ul.filters li button p{position:relative;float:left;margin:0}section#projects ul.filters li button p::before{display:block;content:'';width:106%;height:0;position:absolute;top:50px;left:-3%;z-index:-1;background-color:#cd8a38;transition:height .3s,top .3s}section#projects .resp-filters{display:none;position:relative;margin-top:60px;-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:8;grid-column-end:span 8}section#contact h2,section#projects div.grid-projects,section#projects div.wrapper-fullwidth{-ms-grid-column-span:12;grid-column-end:span 12}@media screen and (max-width:480px){section#projects .resp-filters{display:block}}section#projects .resp-filters::before{display:block;content:'';width:15px;height:15px;position:absolute;top:15px;right:4px;z-index:-1;border-right:4px solid #cd8a38;border-bottom:4px solid rgba(180,147,104,.4);background-color:#EEEBE5;transform:rotate(45deg)}section#projects .resp-filters select{width:100%;padding:15px 5px;border:none;border-bottom:2px solid #979797;background-color:transparent;font-family:"Nyte",sans-serif;-webkit-appearance:none;-moz-appearance:none section#projects .resp-filters select;appearance:none section#projects .resp-filters select}section#projects div.wrapper-fullwidth{position:relative;-ms-grid-column:1;grid-column-start:1}section#projects div.grid-projects{-ms-grid-column:1;grid-column-start:1;margin:0px auto 0;padding:0;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr}@media screen and (max-width:960px){section#projects div.grid-projects{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}}@media screen and (max-width:480px){section#projects div.grid-projects{-ms-grid-columns:1fr;grid-template-columns:1fr}}.project-page div.next-project,.project-page section.content,footer,section#contact{-ms-grid-columns:(1fr) [12];grid-template-columns:repeat(12,1fr)}section#projects div.grid-projects figure.project{position:relative;margin:0;transform:scale(1);transition:transform .4s}section#projects div.grid-projects figure.project:hover a::before,section#projects div.grid-projects figure.project:hover div.icon-plus,section#projects div.grid-projects figure.project:hover figcaption.project-infos{opacity:1}section#projects div.grid-projects figure.project.hidden{visibility:hidden;position:absolute;transform:scale(0);transition:transform 0s}

section#projects div.grid-projects figure.project a{
    display:block;
    position:relative;
    height:350px;
    max-height:400px;
    overflow:hidden;
    background-image:url(../img/svg/picture_placeholder.svg);
    background-size:130px;
    background-position:center;
    background-repeat:no-repeat}

section#projects div.grid-projects figure.project a::before{
    display:block;
    content:'';
    position:absolute;
    width:100%;height:100%;
    background-color:rgba(205,138,56,.5);
    opacity:0;transition:opacity .3s}

@media screen and (max-width:940px){section#projects div.grid-projects figure.project a{
    display: block;
    position: relative;
    height: 300px;
    max-height: 300px;
    overflow: hidden;
    background-image: url(../img/svg/picture_placeholder.svg);
    background-size: 130px;
    background-position: center;
    background-repeat: no-repeat;
}}

@media screen and (max-width:700px){section#projects div.grid-projects figure.project a{
    display: block;
    position: relative;
    height: 190px;
    max-height: 190px;
    overflow: hidden;
    background-image: url(../img/svg/picture_placeholder.svg);
    background-size: 130px;
    background-position: center;
    background-repeat: no-repeat;
}}

@media screen and (max-width:480px){section#projects div.grid-projects figure.project a{
    display: block;
    position: relative;
    height: 300px;
    max-height: 230px;
    overflow: hidden;
    background-image: url(../img/svg/picture_placeholder.svg);
    background-size: 130px;
    background-position: center;
    background-repeat: no-repeat;
}}



section#projects div.grid-projects figure.project figcaption.project-infos{position:absolute;top:0;left:0;margin:40px 30px;opacity:0;transition:opacity .3s}section#projects div.grid-projects figure.project figcaption.project-infos .project-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-family:"Nyte",sans-serif;font-weight:400;font-size:40px;color:#FFF}section#projects div.grid-projects figure.project figcaption.project-infos .project-title::before{display:block;content:'';width:30px;height:2px;margin-right:15px;background-color:#EEEBE5}section#projects div.grid-projects figure.project figcaption.project-infos .project-title p{margin:0}section#projects div.grid-projects figure.project figcaption.project-infos .project-cat{margin-top:15px;margin-left:calc(30px + 15px);font-family:"PlutoLight",sans-serif;text-transform:uppercase;font-size:15px;color:#FFF}.project-page div.next-project a,.project-page section.content a,.project-page section.content div.infos p,.project-page section.content h2,section#contact a.link-message,section#contact form#contact_form label,section#contact p{font-family:"Nyte",sans-serif}section#projects div.grid-projects figure.project figcaption.project-infos .project-cat p{margin:0}section#projects div.grid-projects figure.project div.icon-plus{position:absolute;right:0;bottom:0;margin:30px;line-height:55px;font-family:"Nyte",sans-serif;font-size:100px;color:#FFF;text-transform:uppercase;opacity:0;transition:opacity .3s}section#projects div.grid-projects figure.project img{width:100%}section#contact{display:-ms-grid;display:grid;padding:150px 0 150px}section#contact h2{-ms-grid-column:3;grid-column-start:3;margin-bottom:150px}@media screen and (max-width:960px){section#contact{padding-bottom:90px}section#contact h2{left:-5px}}@media screen and (max-width:480px){section#contact{padding-bottom:100px;margin-top:-70px}section#contact h2{margin-bottom:0}section#contact h2::after{width:40px}}section#contact div.links{-ms-grid-column:4;grid-column-start:4;-ms-grid-column-span:6;grid-column-end:span 6;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:960px){section#contact div.links{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:8;grid-column-end:span 8;-ms-flex-direction:column;flex-direction:column;padding:0 15px}}@media screen and (max-width:480px){section#contact div.links{margin-top:60px;padding:0}}section#contact ul.socials-links{position:relative;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-grid-column:4;grid-column-start:4;-ms-grid-column-span:2;grid-column-end:span 2;margin:0;padding:0;left:-17.5%}@media screen and (max-width:480px){section#contact ul.socials-links{margin-left:17%}}section#contact ul.socials-links li{margin:0 5px;max-width:55px}section#contact ul.socials-links li a{display:block;position:relative;transition:transform .4s}section#contact ul.socials-links li a:hover{transform:scale(.95)}section#contact ul.socials-links li a:hover img:nth-child(1){opacity:1}section#contact ul.socials-links li a:hover img:nth-child(2),section#contact ul.socials-links li img:nth-child(1){opacity:0}section#contact ul.socials-links li img{display:block;width:100%}section#contact ul.socials-links li img:nth-child(2){opacity:1;position:absolute;top:0;left:0}section#contact h4.backTitle{top:100px}@media screen and (max-width:480px){section#contact ul.socials-links li{margin:0 3% 0 0}section#contact h4.backTitle{top:-100px}}section#contact a.link-email{position:relative;display:-ms-flexbox;display:flex;-ms-grid-column:7;grid-column-start:7;-ms-grid-column-span:4;grid-column-end:span 4;-ms-flex-item-align:center;align-self:center;font-size:30px}@media screen and (max-width:960px){section#contact a.link-email{margin-top:90px;-ms-flex-item-align:end;align-self:flex-end}}@media screen and (max-width:480px){section#contact a.link-email{-ms-flex-item-align:auto;-ms-grid-row-align:auto;align-self:auto;margin-top:60px;font-size:20px}}section#contact p{-ms-grid-column:7;grid-column-start:7;-ms-grid-column-span:5;grid-column-end:span 5;margin:0;font-size:45px;font-weight:400;line-height: 1.5em}@media screen and (max-width:960px){section#contact p{-ms-grid-column:5;grid-column-start:5;-ms-grid-column-span:7;grid-column-end:span 7;margin-top:90px;font-size:40px}}@media screen and (max-width:480px){section#contact p{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:8;grid-column-end:span 8;margin-top:30px;font-size:25px}section#contact h3.miniTitle{display:none}}section#contact h3.miniTitle{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:2;grid-column-end:span 2;margin-top:0}@media screen and (max-width:960px){section#contact h3.miniTitle{margin-top:-300px}}section#contact h3.miniTitle .line{left:150px}section#contact a.link-message{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;z-index:1;-ms-grid-column:7;grid-column-start:7;-ms-grid-column-span:5;grid-column-end:span 5;margin-top:150px;font-size:40px;font-weight:700}@media screen and (max-width:960px){section#contact a.link-message{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:8;grid-column-end:span 8}}section#contact a.link-message span{display:-ms-flexbox;display:flex;position:relative;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-left:15px;width:40px;height:40px}section#contact a.link-message span::after,section#contact a.link-message span::before{display:block;content:'';position:absolute;width:80%;height:3px;background-color:#cd8a38;transition:width .4s,transform .4s,background-color .4s}section#contact a.link-message span::after{transform:rotate(-90deg)}section#contact a.link-message:hover span::before{width:0%;background-color:#EEEBE5}section#contact a.link-message:hover span::after{width:60%;transform:rotate(180deg);background-color:#000}section#contact a.link-message::before{content:'';display:block;width:100px;height:100px;position:absolute;z-index:-1;top:-30px;left:-15%;border:3px solid #cd8a38;border-radius:50%}@media screen and (max-width:480px){section#contact a.link-message{-ms-grid-column-span:9;grid-column-end:span 9;margin-top:90px;font-size:20px}section#contact a.link-message::before{width:60px;height:60px;opacity:.8}}@media screen and (max-width:360px){section#contact a.link-message::before{width:50px;height:50px;top:-30px}}section#contact form#contact_form{-ms-grid-column:4;grid-column-start:4;-ms-grid-column-span:6;grid-column-end:span 6;margin-top:150px;max-height:0;transition:max-height .4s,box-shadow .3s;overflow:hidden;background-color:#EEEBE5}section#contact form#contact_form.open{max-height:960px;box-shadow:0 0 50px 10px rgba(85,85,85,.25)}section#contact form#contact_form.sended{margin:60px 0}@media screen and (max-width:1200px){section#contact form#contact_form{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:8;grid-column-end:span 8}}@media screen and (max-width:720px){section#contact form#contact_form{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:12;grid-column-end:span 12}}section#contact form#contact_form .field{box-sizing:border-box;margin-bottom:30px;padding:0 60px;width:100%}@media screen and (max-width:480px){section#contact form#contact_form{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:12;grid-column-end:span 12}section#contact form#contact_form .field{margin-bottom:15px}}section#contact form#contact_form .field:first-of-type{margin-top:60px}section#contact form#contact_form label{display:block;margin-bottom:5px;font-size:20px;text-transform:uppercase}section#contact form#contact_form input,section#contact form#contact_form textarea{display:block;padding:10px 15px;border:2px solid #666;width:100%}section#contact form#contact_form input:focus,section#contact form#contact_form textarea:focus{outline:0;border-color:#cd8a38}section#contact form#contact_form div.form-info{padding:10px 0;color:#cd8a38;font-weight:700}section#contact form#contact_form input.btn-send{float:right;margin-right:60px;margin-bottom:60px;padding:10px 60px;color:#cd8a38;text-transform:uppercase;font-weight:700;border:3px solid #cd8a38;background-color:#EEEBE5;transition:transform .3s;width:200px;right:0}section#contact form#contact_form input.btn-send:hover{background-color:#cd8a38;color:#FFF;cursor:pointer;transform:scale(.98)}section#contact form#contact_form p{margin:30px 0;padding:0 10px}footer{display:-ms-grid;display:grid;width:100%;background-color:rgba(205,138,56,.1);padding:30px 0}@media screen and (max-width:360px){footer{padding:15px 0;-ms-flex-direction:column;flex-direction:column}}footer button.scrollToTop{position:fixed;right:30px;bottom:-90px;width:80px;height:80px;transition:animation .4s,bottom .2s}footer button.scrollToTop div.icon{width:100%;height:100%;background-image:url(../img/svg/haut-de-page.svg);background-repeat:no-repeat}footer p{-ms-grid-column:7;grid-column-start:7;grid-column-end:11;margin:0;font-size:16px;text-align:right}@media screen and (max-width:600px){footer p{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:10;grid-column-end:span 10;margin:10px 0;text-align:left}}footer div.credit{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:3;grid-column-end:span 3}@media screen and (max-width:600px){footer div.credit{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:10;grid-column-end:span 10;margin:10px 0}}footer div.credit a:hover span::after{width:100%}footer div.credit a span{display:inline-block;position:relative}footer div.credit a span::after{position:absolute;content:'';display:block;height:2px;width:0%;margin-top:2px;background-color:#cd8a38;transition:width .15s ease-in-out}.project-page section.content{display:-ms-grid;display:grid;padding-top:60px}.project-page section.content h2{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:7;grid-column-end:span 7;color:#2D3740;font-size:60px;font-weight:400}@media screen and (max-width:960px){.project-page section.content{padding-top:150px}.project-page section.content h2{font-size:70px;margin-bottom:30px}}@media screen and (max-width:480px){.project-page section.content h2{font-size:50px;margin-bottom:15px}}.project-page section.content h2::after{display:none}.project-page section.content p{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:8;grid-column-end:span 8;font-size:25px;line-height:40px;font-weight:300}.project-page section.content div.infos{-ms-grid-column:7;grid-column-start:7;-ms-grid-column-span:4;grid-column-end:span 4;margin:60px 0 150px}@media screen and (max-width:480px){.project-page section.content p{font-size:20px;font-weight: 300}.project-page section.content div.infos{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:10;grid-column-end:span 10;margin:15px 0 90px}}.project-page section.content div.infos p{margin:0;font-size:16px;font-family: "PlutoLight",sans-serif; text-transform:uppercase}.project-page section.content div.infos span{margin-right:15px;color:#cd8a38;font-weight:700}.project-page section.content a.external-link{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:8;grid-column-end:span 8;width:80px;height:80px;left:50%;border-radius:50%;transform:translateX(-50%);transition:transform .2s}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.project-page section.content a.external-link span{position:relative;top:-123px;left:226px;z-index:5;display:block;content:'';width:100%;height:100%;background-image:url(../img/svg/cliquez-ici-1.svg);background-size:cover;margin:0}.project-page section.content a{position:fixed;top:40%;font-size:17px}.project-page section.content a.bot{position:absolute;top:95%}.project-page section.content a.bot.link-previous{left:4%}.project-page section.content a.bot.link-next{right:4%}.project-page section.content a.top{top:70%}.project-page section.content a.link-next,.project-page section.content a.link-previous{text-transform:uppercase;font-size:18px;font-family: "PlutoLight",sans-serif}.project-page section.content a.link-previous{left:4%;transform:rotate(-90deg) translateY(-50%)}.project-page section.content a.link-next{right:4%;transform:rotate(90deg);font-family: "PlutoLight",sans-serif}@media screen and (max-width:1400px){.project-page section.content a.link-previous{left:2%}.project-page section.content a.link-next{right:2%}}@media screen and (max-width:960px){.project-page section.content a.link-previous{font-size:18px;left:-2%}.project-page section.content a.link-next{font-size:18px;right:-1%}}.project-page section.content a span{margin-left:10px;color:#cd8a38;font-family: "PlutoLight",sans-serif}.project-page section.content .wrap-project-img,.project-page section.content .wrap-project-video{-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:8;grid-column-end:span 8}@media screen and (max-width:480px){.project-page section.content a.link-next,.project-page section.content a.link-previous{display:none}.project-page section.content .wrap-project-img,.project-page section.content .wrap-project-video{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:12;grid-column-end:span 12}}.project-page section.content .wrap-project-img img,.project-page section.content .wrap-project-video img{width:100%}.project-page section.content .wrap-project-video{position:relative}.project-page section.content .wrap-project-video img.fix_ratio{display:block;width:100%;height:auto}.project-page section.content .wrap-project-video iframe{width:100%;height:100%;position:absolute;top:0;left:0}.project-page div.wrapper-fullwidth{position:relative;background-color:#2D3740}.project-page div.next-project{display:-ms-grid;display:grid;padding:80px 0;color:#EEEBE5}.project-page div.next-project a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-grid-column:3;grid-column-start:3;-ms-grid-column-span:9;grid-column-end:span 9;font-size:45px;font-weight:300}@media screen and (max-width:1400px){.project-page div.next-project a{font-size:50px}}@media screen and (max-width:960px){.project-page div.next-project{padding:50px 0}.project-page div.next-project a{font-size:36px}}@media screen and (max-width:480px){.project-page div.next-project{padding:30px 0}.project-page div.next-project a{font-size:26px}}@media screen and (max-width:300px){.project-page div.next-project a{font-size:21px}}.project-page div.next-project a span{width:40px;height:40px;margin-right:30px;background-image:url(../img/svg/dot-btn.svg)}@media screen and (max-width:1400px){.project-page div.next-project a span{width:50px;height:50px}}@media screen and (max-width:960px){.project-page div.next-project a span{width:40px;height:40px;margin-right:15px}}@media screen and (max-width:480px){.project-page div.next-project a span{width:30px;height:30px}}.nosteal{position:relative}.nosteal:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.01)}