/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}img,legend{max-width:100%}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}abbr[title],p a,p a:hover{text-decoration:underline}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=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{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;white-space:normal}textarea{overflow:auto}.section-4,body,html{overflow-x:hidden}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}address,blockquote,body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,ol,p,select,ul{margin:0;padding:0}h1,h2,h3{margin-top:3rem}ol,ul{list-style:none}ul{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}abbr,img{border:0}.c-main-color-darkest{color:#1a1200}.c-main-color-darker{color:#664900}.c-main-color-dark{color:#b37f00}.c-main-color-light{color:#ffcc4d}.c-main-color-lighter{color:#ffe299}.c-main-color-lightest{color:#fff0cc}.c-secondary-color-dark,.c-secondary-color-darker,.c-secondary-color-darkest{color:#000}.c-main-color{color:#ffb600}.c-secondary-color-light{color:#2d3956}.c-secondary-color-lighter{color:#485b88}.c-secondary-color-lightest{color:#6b80b1}.c-gray-darkest{color:#3e3e3e}.c-gray-darker{color:#7e7e7e}.c-gray-dark{color:#8f8f8f}.c-gray{color:#a3a3a3}.c-gray-light{color:#b9b9b9}.c-gray-lighter{color:#d7d7d7}.c-gray-lightest{color:#eee}.c-green{color:#5cb85c}.c-blue{color:#5bc0de}.c-red{color:#d9534f}.c-yellow{color:#f0ad4e}.c-black{color:#000}.c-white,h2,p{color:#fff}.bg-main-color-darkest{background-color:#1a1200}.bg-main-color-darker{background-color:#664900}.bg-main-color-dark{background-color:#b37f00}.bg-main-color{background-color:#ffb600}.bg-main-color-light{background-color:#ffcc4d}.bg-main-color-lighter{background-color:#ffe299}.bg-main-color-lightest{background-color:#fff0cc}.bg-secondary-color-dark,.bg-secondary-color-darker,.bg-secondary-color-darkest{background-color:#000}.bg-secondary-color{background-color:#131824}.bg-secondary-color-light{background-color:#2d3956}.bg-secondary-color-lighter{background-color:#485b88}.bg-secondary-color-lightest{background-color:#6b80b1}.bg-gray-darkest{background-color:#3e3e3e}.bg-gray-darker{background-color:#7e7e7e}.bg-gray-dark{background-color:#8f8f8f}.bg-gray{background-color:#a3a3a3}.bg-gray-light{background-color:#b9b9b9}.bg-gray-lighter{background-color:#d7d7d7}.bg-gray-lightest{background-color:#eee}.bg-green{background-color:#5cb85c}.bg-blue{background-color:#5bc0de}.bg-red{background-color:#d9534f}.bg-yellow{background-color:#f0ad4e}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-gradient-main-color{background:#ffb600;background:-moz-linear-gradient(left,#ffb600 0,#131824 100%);background:-webkit-linear-gradient(left,#ffb600 0,#131824 100%);background:linear-gradient(to right,#ffb600 0,#131824 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='$secondary-color', endColorstr='$main-color', GradientType=1 )}.box-projet,.box-skill,.page-fullscreen{background-position:center center}.color-example{padding:10px;color:#fff;margin-bottom:1.5rem}body,html{font-size:62.5%}body,button,input,select,textarea{font-family:"Open Sans",sans-serif;color:#aeaeae;line-height:1.5;font-size:1.8rem;font-weight:300}h1,h2,h3,h4,h5,h6{font-weight:400;position:relative;line-height:1.2}.link-awwwards{position:fixed;right:0;top:15%;z-index:3}.link-awwwards img{width:120px}@media (max-width:1440px){.link-awwwards img{width:90px}}p{font-weight:400;margin-bottom:3rem}p:last-child{margin-bottom:0}.box-projet,h1,h2,h3{margin-bottom:1rem}p a:hover{color:#b37f00}.btn,.btn:hover,a{text-decoration:none}a{color:#ffb600}h1{font-size:6rem;color:#3e3e3e;font-weight:700}@media (max-width:1024px){.link-awwwards{top:20%}.link-awwwards img{width:70px}h1{font-size:5rem}}@media (max-width:767px){h1{font-size:3rem}}h2{font-size:5rem;font-weight:900;letter-spacing:1px;mix-blend-mode:difference}h2+p{color:#ffb600}@media (max-width:767px){h2{font-size:3rem}h2+p{font-size:1.6rem!important}}h3{font-size:3.5rem;font-weight:700;color:#3e3e3e}.text-important{font-size:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.box-skill,.grid-partners .column,.link-fixed{text-align:center}.box-projet{position:relative;overflow:hidden;z-index:1;background-size:cover}.box-projet:last-child{margin-bottom:0}.box-projet a{display:block;height:100%}.box-projet .box-projet__image{-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.box-projet .box-projet__hover,.box-projet:hover .box-projet__image{-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s}.box-projet .box-projet__image img{display:none}.box-projet .box-projet__content{position:absolute;bottom:0;left:0;right:0;padding:3rem}.box-skill,.btn{position:relative}.box-projet .box-projet__content p{color:#fff;font-size:2.4rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:0}.box-projet .box-projet__content small{font-size:1.6rem;font-weight:500}.box-projet .box-projet__content.is-negatif p,.box-projet .box-projet__content.is-negatif small{color:#000}@media (max-width:767px){.box-projet .box-projet__content p{color:#fff;font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:0}.box-projet .box-projet__content small{font-size:1.5rem;font-weight:500}}.box-projet .box-projet__hover p,.box-skill{font-weight:900;color:#ffb600;font-size:3rem}.box-projet .box-projet__hover{background-color:#131824;height:100%;z-index:1;position:relative;border:0 solid #ffb600;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=$opacity-ie);filter:alpha(opacity=0);transition-duration:.3s}.box-projet .box-projet__hover p{letter-spacing:2px}.box-projet:hover .box-projet__image{transition-duration:.3s;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.box-projet:hover .box-projet__hover{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=$opacity-ie);filter:alpha(opacity=100);border:20px solid #ffb600;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}.box-projet.size-1{height:610px}@media (max-width:767px){.box-projet.size-1{height:400px}}.box-projet.size-2{height:300px}@media (max-width:767px){.box-projet.size-2{height:400px}}.box-projet.size-3{height:300px}@media (max-width:767px){.box-projet.size-3{height:250px}}.box-skill{background-size:contain;background-repeat:no-repeat;background-image:url(../images/border-box.png);margin-bottom:3rem;height:230px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.box-skill.is-yellow{background-image:url(../images/border-box-selected.png);color:#000}@media (max-width:767px){.box-skill{margin-bottom:0;font-size:2.4rem}}@media (max-width:480px){.box-skill{height:160px;font-size:2rem}}@media (max-width:375px){.box-skill{height:160px;font-size:2rem}}@media (max-width:320px){.box-skill{height:116px;font-size:1.7rem}}.btn{display:inline-block;padding:1rem 3.5rem;color:#fff;cursor:pointer;font-weight:600;font-size:1.5rem;border:1px solid transparent;background-origin:border-box;border-radius:5px;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}.grid-flex,.page-fullscreen{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex}.btn:hover{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}.btn.bg-main-color{color:#000}.btn.bg-main-color:focus,.btn.bg-main-color:hover{background-color:#996d00}.btn.big{font-size:1.8rem;padding:1.5rem 4rem}@media (max-width:375px){.btn.big{font-size:1.5rem}}.page-fullscreen{display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;align-items:center;height:100vh}.page-fullscreen h1,.page-fullscreen p{color:#fff;letter-spacing:1px;mix-blend-mode:difference}.page-fullscreen h1{font-weight:900}.page-fullscreen .page-fulllscreen__infos{position:absolute;bottom:3rem;right:0;left:0;max-width:1300px;margin:auto;padding:0 3rem}.page-fullscreen .page-fulllscreen__infos a{color:#fff;mix-blend-mode:difference}.page-fullscreen .page-fulllscreen__infos p{color:#fff;text-transform:uppercase;font-weight:700;letter-spacing:1px;margin-bottom:.5rem}.page-fullscreen .page-fulllscreen__infos ul li{display:inline-block;margin-right:2.5rem}.page-fullscreen .page-fulllscreen__infos ul li:last-child{margin-right:0}.page-fullscreen .page-fulllscreen__infos ul li a{color:#fff}@media (max-width:1024px){.page-fullscreen .page-fulllscreen__infos .grid-flex .column{max-width:50%;flex:0 0 50%}}@media (max-width:767px){.page-fullscreen .page-fulllscreen__infos .grid-flex .column:last-child,.page-fullscreen .page-fulllscreen__infos p{display:none}.page-fullscreen .page-fulllscreen__infos{bottom:6rem}.page-fullscreen .page-fulllscreen__infos ul li{margin-right:3rem}.page-fullscreen .page-fulllscreen__infos .grid-flex .column{max-width:100%;flex:0 0 100%;font-size:2.5rem}}.grid-flex{display:flex;flex-wrap:wrap;margin:0 -1.5rem}.grid-flex [class^=column]{flex-basis:0;flex-grow:1;max-width:100%;padding:1.5rem}.grid-flex+.grid-flex{margin-top:1.5rem}.grid-flex.v-align-top{align-items:flex-start}.grid-flex.v-align-middle{align-items:center}.grid-flex.v-align-bottom{align-items:flex-end}.grid-flex .w-20{max-width:20%;flex:0 0 20%}.grid-flex .w-25{max-width:25%;flex:0 0 25%}.grid-flex .w-50{max-width:50%;flex:0 0 50%}@media (max-width:1200px){.grid-skills .column{flex:0 0 25%;max-width:25%}}@media (max-width:900px){.grid-skills .column{flex:0 0 33.3333%;max-width:33.3333%}}@media (max-width:640px){.grid-skills .column{flex:0 0 50%;max-width:50%}}.grid-projets{margin:0 -.5rem}.grid-projets [class^=column]{padding:.5rem}.grid-partners img{width:130px;margin:auto}@media (max-width:767px){.grid-projets .column{max-width:100%;flex:0 0 100%}.grid-partners .column{flex:0 0 50%;max-width:50%}.grid-about .column,.grid-buddycss .column{flex:0 0 100%;max-width:100%}.grid-buddycss .column:first-child{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}}.page-header{position:absolute;left:0;right:0;top:0;z-index:2;padding-top:4rem}.page-header img{width:70px}.page-header .page-wrapper{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center}.page-header .link-lang{position:absolute;right:3rem;font-weight:700;mix-blend-mode:difference;z-index:1;color:#fff}.page-header .link-lang:hover{text-decoration:underline}.page-header .page-nav{background-color:#ffb600;position:fixed;left:0;right:0;bottom:0;display:none;border-top:1px solid #000}.page-header .page-nav ul{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.page-header .page-nav ul li{flex:1;text-align:center}.page-header .page-nav ul li a{color:#000;padding:1rem;display:block;font-size:1.3rem}.page-header .page-nav ul li a.is-selected{background-color:#131824;color:#ffb600}.page-header .page-nav ul li a i{display:block;font-size:2rem}@media (max-width:767px){.page-header .page-nav{display:block}.page-header{text-align:center}}@media (max-width:375px){.page-header{padding-top:2rem}.page-header img{width:50px}.page-header .link-lang{font-size:1.5rem}.page-header .page-nav ul li a{font-size:1.1rem}}@media (max-width:320px){.page-header{padding-top:2rem}.page-header img{width:50px}.page-header .link-lang{font-size:1.5rem}.page-header .page-nav ul li a{padding:1rem .5rem;font-size:1rem}.page-header .page-nav ul li a i{font-size:1.8rem}}.page-wrapper{margin:auto;padding:0 3rem;max-width:1300px;width:100%}.page-wrapper.page-wrapper--full-width{max-width:100%}body,html{background-color:#141824;scroll-behavior:smooth}.link-fixed{background-color:#ffb600;position:fixed;left:0;right:0;bottom:0;z-index:3;color:#131824;padding:2rem;font-weight:700;text-transform:uppercase;display:none;box-shadow:0 0 10px -2px rgba(0,0,0,.3)}.page-fullscreen{background-size:cover;position:relative;z-index:1}.page-fullscreen .page-wrapper{max-width:1300px}.page-fullscreen svg{stroke-dasharray:4822;stroke-dashoffset:-4822;animation:dash 2s linear forwards;position:absolute;width:100%;height:1400px}.page-fullscreen svg path{stroke-width:140}@keyframes dash{from{stroke-dashoffset:-4822}to{stroke-dashoffset:0}}@media (max-width:1440px){.page-fullscreen svg path{stroke-width:120}}@media (max-width:1024px){.page-fullscreen svg path{stroke-width:110}}@media (max-width:767px){.link-fixed{display:block}.page-fullscreen{text-align:center}.page-fullscreen svg{height:800px;top:-10%}.page-fullscreen svg path{stroke-width:80}}.section-1{position:relative}.section-1 svg{stroke-dasharray:3866;stroke-dashoffset:-3866;animation:dash2 2s 2s linear forwards;position:absolute;top:18%;left:0;width:100%;height:1400px}.section-1 svg path{stroke-width:140}@keyframes dash2{from{stroke-dashoffset:-3866}to{stroke-dashoffset:0}}@media (max-width:1440px){.section-1 svg path{stroke-width:120}}@media (max-width:1024px){.section-1 svg path{stroke-width:110}}.section-1,.section-2,.section-3,.section-4{padding:5rem 0}@media (max-width:767px){.section-1{text-align:center}.section-1 svg path{stroke-width:80}.section-1,.section-2,.section-3,.section-4{text-align:center}}.section-4 .trait-3{stroke-dasharray:4863;stroke-dashoffset:-4863;animation:dash3 2s 4s linear forwards;position:absolute;width:100%;height:1600px}.section-4 .trait-3 path{stroke-width:140}.section-4:last-child{margin-bottom:5rem}.section-4 p{mix-blend-mode:difference;line-height:2}@keyframes dash3{from{stroke-dashoffset:4863}to{stroke-dashoffset:0}}@media (max-width:1440px){.section-4 .trait-3 path{stroke-width:120}}@media (max-width:1024px){.section-4 .trait-3 path{stroke-width:110}}@media (max-width:375px){.page-fullscreen h1{font-size:2.6rem;margin-top:0}.section-4 p{font-size:1.5rem}}.wrapper-picture{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.wrapper-picture img{position:absolute;top:-9999px;right:-9999px;bottom:-9999px;left:-9999px;margin:auto;min-width:100%;min-height:100%;max-width:inherit}@media (max-width:767px){.section-4 .trait-3{display:none}.section-4 .trait-3 path{stroke-width:80}.wrapper-picture img{position:static}}.tilter,.tilter__figure{position:relative}.smooth .tilter__caption,.smooth .tilter__deco--lines,.smooth .tilter__deco--overlay,.smooth .tilter__deco--shine div,.smooth .tilter__figure{transition:transform .2s ease-out}.tilter{display:block;flex:none;color:#fff;max-width:600px;overflow:hidden;perspective:1000px}.tilter *{pointer-events:none}.tilter:focus,.tilter:hover{color:#fff;outline:0}.tilter--1 .tilter__figure::before{box-shadow:0 30px 20px rgba(0,0,0,.5)}.tilter__figure,.tilter__image{display:block;width:100%;height:100%;margin:0}.tilter__figure>*{transform:translateZ(0)}.tilter__figure::before{content:'';position:absolute;top:5%;left:5%;width:90%;height:90%;box-shadow:0 30px 20px rgba(35,32,39,.5)}.tilter__deco{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%}.tilter__deco--overlay{background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,#ffb600 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,#ffb600 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#ffb600 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffb600', GradientType=0 )}.tilter__deco--shine div{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:linear-gradient(45deg,rgba(0,0,0,.5) 0,rgba(255,255,255,.25) 50%,transparent 100%)}.tilter__deco--lines{fill:none;stroke:#fff;stroke-width:1.5px}.tilter__caption{position:absolute;bottom:0;width:100%;padding:4em}.tilter__title{font-family:'Open Sans',serif;text-transform:uppercase;font-weight:900;font-size:3rem;line-height:1;margin:0}.tilter__description{font-size:2rem;margin:1rem 0 0;letter-spacing:.15em}.tilter--4 .tilter__deco--overlay{background:#fff628;background:-moz-linear-gradient(45deg,#ffb600 0,#131824 100%);background:-webkit-linear-gradient(45deg,#ffb600 0,#131824 100%);background:linear-gradient(45deg,#ffb600 0,#131824 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb600', endColorstr='#131824', GradientType=1 );opacity:.5;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=$opacity-ie);filter:alpha(opacity=50)}@media screen and (min-width:30em){.tilter--4 .tilter__deco--lines{transform:scale3d(.8,.8,1);transition:transform .4s;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=$opacity-ie);filter:alpha(opacity=0);-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}.tilter--4:hover .tilter__deco--lines{transform:scale3d(1,1,1);opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=$opacity-ie);filter:alpha(opacity=100);-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}.tilter--4 .tilter__description,.tilter--4 .tilter__title{transform:translate3d(0,80px,0);opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=$opacity-ie);filter:alpha(opacity=0);transition:transform .4s,opacity .4s}.tilter--4:hover .tilter__description{transition-delay:.1s}.tilter--4:hover .tilter__description,.tilter--4:hover .tilter__title{transform:translate3d(0,0,0);opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=$opacity-ie);filter:alpha(opacity=100)}}@media (max-width:360px){figcaption{display:none}}