button,input{overflow:visible}canvas{display:inline-block}#contact-test-label{display:none}input.error,input.valid,textarea.error,textarea.valid{box-shadow:0 0 5px 1px #ff5b5a}h1,h2,h3,p{text-rendering:optimizeLegibility}#burger,#logo-txt{position:absolute;top:30px}#logo-txt svg,#wrap-menu,img{max-width:100%}#b1,#menu{top:0}#menu,.burger{left:0;width:100%}#menu-wrap-in,.burger{position:relative}#btn-next,#burger,#formulaire button,.lien,a,body.js-ok-body #logo-txt{cursor:pointer}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box}article,nav,section{display:block}h1{font-size:2em}a:active,a:hover{outline-width:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{}button{text-transform:none}[type=submit],button{-webkit-appearance:button}[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}textarea{overflow:auto;height:auto;min-height:50px}[type=checkbox]{box-sizing:border-box;padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}a,strong{line-height:inherit}#burger{line-height:0}#about span,h1,h2,h3,strong{font-weight:700}#btn-next{position:absolute;right:50%;bottom:20px;width:50px;height:50px;margin-bottom:-10px;transition:opacity 1s,margin-bottom 1s;opacity:.6}#btn-next:after{font-size:.8rem;position:absolute;top:100%;left:-100%;display:inline-block;width:300%;content:'';text-align:center;color:#919191}#btn-next.more-visible:after{content:'scrollez pour avancer'}#btn-next:hover{opacity:1}#btn-next.js-btn-inactive{opacity:.1}#btn_next_arrow{fill:none;stroke:#919191;stroke-linecap:round}#circle-all{fill:none;stroke:#919191;stroke-width:1}#circle-progress{fill:none;stroke-width:2}#btn-next.more-visible{margin-bottom:0;opacity:1}#contact-submit,#srv-res{display:block}.success-form{color:#7c1}.error-form,input.error+span,textarea.error+span{color:#ff5b5a}.error-form{padding:10px;border:1px solid #ff5b5a}input[type=email],input[type=text],textarea{display:inline-block;box-sizing:border-box;width:100%;margin:0;padding:3px 26px 3px 3px;transition:box-shadow 1s ease;border:1px solid #d3d3d3;border-radius:5px;-webkit-appearance:none}input.valid+span,textarea.valid+span{display:none}input:focus:invalid,textarea:focus:invalid{outline:0;box-shadow:0 0 5px 1px #ff5b5a}input:focus:valid,textarea:focus:valid{outline:0;box-shadow:0 0 5px 1px #7c1}input.required,textarea.required{box-shadow:0 0 5px 1px #ff5b5a}input:required:valid,textarea:required:valid{box-shadow:0 0 5px 1px #7c1}#formulaire input[type=email],#formulaire input[type=text],#formulaire textarea{margin-top:10px;margin-bottom:10px;padding:10px 26px 10px 10px}#formulaire label span{margin-left:10px;padding:2px}*,::after,::before{box-sizing:inherit}.container,.diap-description{box-sizing:border-box}ul{list-style:none}img{display:inline-block;height:auto;vertical-align:middle;-ms-interpolation-mode:bicubic}button{line-height:1;padding:0;border:0;border-radius:0;background:0 0;-webkit-appearance:none;-moz-appearance:none}.is-hidden{display:none!important}.is-rev{unicode-bidi:bidi-override;direction:rtl}div,form,h1,h2,h3,li,p,ul{margin:0;padding:0}p{font-size:inherit;line-height:1.6;margin-bottom:1rem}h1,h2,h3{font-family:'Noto Sans';font-style:normal;line-height:1;margin-top:0;margin-bottom:1em;color:inherit}a{background-color:transparent;-webkit-text-decoration-skip:objects}a img{border:0}[type=email],[type=text],textarea{font-family:inherit;font-size:1rem;box-sizing:border-box;width:100%;margin:0 0 1rem;padding:.5rem;transition:box-shadow .5s,border-color .25s ease-in-out;color:#0a0a0a;border-radius:0;background-color:#fefefe;box-shadow:inset 0 1px 2px rgba(10,10,10,.1);-webkit-appearance:none;-moz-appearance:none}body,h2{font-family:Dosis-Regular}[type=email]:focus,[type=text]:focus,textarea:focus{transition:box-shadow .5s,border-color .25s ease-in-out;border:1px solid #8a8a8a;outline:0;background-color:#fefefe;box-shadow:0 0 5px #cacaca}@font-face{font-family:Dosis-Bold;font-weight:400;font-style:normal;src:url(../font/Dosis-Bold.eot);src:url(../font/Dosis-Bold.eot?#iefix) format('embedded-opentype'),url(../font/Dosis-Bold.woff2) format('woff2'),url(../font/Dosis-Bold.woff) format('woff'),url(../font/Dosis-Bold.ttf) format('truetype'),url(../font/Dosis-Bold.svg#Dosis) format('svg')}@font-face{font-family:Dosis-Light;font-weight:400;font-style:normal;src:url(../font/Dosis-Light.eot);src:url(../font/Dosis-Light.eot?#iefix) format('embedded-opentype'),url(../font/Dosis-Light.woff2) format('woff2'),url(../font/Dosis-Light.woff) format('woff'),url(../font/Dosis-Light.ttf) format('truetype'),url(../font/Dosis-Light.svg#Dosis) format('svg')}@font-face{font-family:Dosis-Regular;font-weight:400;font-style:normal;src:url(../font/Dosis-Regular.eot);src:url(../font/Dosis-Regular.eot?#iefix) format('embedded-opentype'),url(../font/Dosis-Regular.woff2) format('woff2'),url(../font/Dosis-Regular.woff) format('woff'),url(../font/Dosis-Regular.ttf) format('truetype'),url(../font/Dosis-Regular.svg#Dosis) format('svg')}@font-face{font-family:SpaceMono-Regular;font-weight:400;font-style:normal;src:url(../font/SpaceMono-Regular.eot);src:url(../font/SpaceMono-Regular.eot?#iefix) format('embedded-opentype'),url(../font/SpaceMono-Regular.woff2) format('woff2'),url(../font/SpaceMono-Regular.woff) format('woff'),url(../font/SpaceMono-Regular.ttf) format('truetype'),url('../font/SpaceMono-Regular.svg#Space Mono') format('svg')}body{-moz-osx-font-smoothing:grayscale;font-size:16px;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased}#master-container,body,html{position:relative;top:0;overflow:hidden;width:100%;height:100%;margin:0}article{width:100%;height:100%}.code-end,.content,h3{font-family:SpaceMono-Regular}#my-svg{width:100%}#logo-txt{z-index:2;left:30px;display:block;width:100px;height:100px}#logo-txt svg{max-height:90%}a,a:active,a:link,a:visited{transition:color .3s;text-decoration:none}.lien:hover,a:hover{text-decoration:underline}#menu-social a:hover,#sous-menu ul li a{text-decoration:none}#burger{z-index:5;right:52px;width:40px;height:30px;padding:5px}.burger{display:block;height:1px;background-color:#232323}#menu,#wrap-menu{position:absolute;height:100%}#b2{top:12px}#b3{top:24px}#btn-menu{display:none}#wrap-menu{z-index:2;left:100%;width:400px}#menu{z-index:0;transition:left 1s;text-align:center;border-left:1px solid #d3d3d3;background:#fff}#menu-wrap-in{overflow-y:auto;height:80%;height:calc(100% - 80px);margin-top:80px;padding:0 20px}#menu ul,#sous-menu ul{padding:0;list-style:none}#menu ul li{display:block;text-align:center}#menu ul li a{line-height:40px;padding:10px}#mini-logo{margin-top:50px}#mini-logo img{padding-left:50px}#about{margin-top:10px}#about div{margin:20px 0}#about #menu-social{margin:10px auto 50px}#menu-social a{line-height:30px;padding:0 10px}#menu-social a:hover img{animation-name:ico;animation-duration:.4s}@keyframes ico{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}80%{transform:scale(.9)}}#sous-menu{position:absolute;z-index:2;top:70px;right:140px}#sous-menu ul li{display:inline-block;padding:0 5px}#sous-menu ul li a{color:#ff6c00}.menu-tick{position:absolute;bottom:-6px;width:5px;height:3px;background-color:#ff6c00;rigth:5px}h2::after{bottom:0;content:''}#a-mentions-legales{display:inline-block;margin:20px 0 40px}#master-container{background:url(../images/b3full.jpg)}.title-wrapper{background:url(../images/b3fulltrans.png)}#master-sec{position:absolute;left:50%;overflow-y:scroll;width:50%;height:100%}.wrap-content,.wrap-sec{position:relative}.wrap-content{overflow-x:hidden;overflow-y:auto;max-height:100%;padding:120px 30% 80px 0}#svg-container{position:absolute;width:100%;height:100%;max-height:100%}#svg-container #my-svg{transition:fill-opacity 1s,stroke-opacity 1s;fill-opacity:0}#svg-container.js-finished #my-svg{fill-opacity:1;stroke-opacity:0}.liste-skills-header{font-family:Dosis-Regular;font-size:1rem;font-weight:700}.projet-title,.work{font-family:Dosis-Bold}.liste-skills{display:inline-block;padding-left:20px}#projets .wrap-content{width:100%;padding-right:250px;padding-left:250px}.projet-title{font-size:1.5em}#sous-menu-2 span.js-diap-active{text-decoration:none}.diaporama{min-height:300px}.diap-img{position:absolute;z-index:1;top:0;left:0;width:250px;text-align:center}.diap-element{position:relative;min-height:250px;margin-bottom:150px}h2,h3{font-weight:inherit;margin:0}.diap-description{position:relative;width:100%;padding-left:270px}.diap-description::after,.js-ok,.title-wrapper,h2,h2::after{position:absolute}.diap-description::after{top:0;left:260px;width:1px;height:100%;content:'';background-color:#b8b8b8}.work{color:#16c7cc}.tag{font-variant:small-caps;color:#919191}.st0{transition:fill 3s,stroke 3s;stroke:#ff3a41;fill:#ff3a41}.st1{stroke:#d3d3d3;fill:#d3d3d3}.st2{stroke:#afafaf;fill:#afafaf}.st3{stroke:#636363;fill:#636363}.st4{stroke:#282828;fill:#282828}.st5{stroke:#212121;fill:#212121}.st6,.st7{stroke:#111;fill:#111}.js-color1{transition:stroke,color,fill 2s;color:#ff3a41;stroke:#ff3a41;fill:#ff3a41}.js-color1b::after,.js-color1bstrict{transition:background-color 2s;background-color:#ff3a41}.js-color2,a.js-color2{transition:stroke,color,fill 2s;color:#ff6c00;stroke:#ff6c00;fill:#ff6c00}.js-color2b::after,.js-color2bstrict{transition:background-color 2s;background-color:#ff6c00}.js-color4{transition:stroke,color,fill 2s;color:#7c1;stroke:#7c1;fill:#7c1}.js-color4b::after,.js-color4bstrict{transition:background-color 2s;background-color:#7c1}.js-color3,a.js-color3{transition:stroke,color,fill 2s;color:#16c7cc;stroke:#16c7cc;fill:#16c7cc}.js-color3b::after,.js-color3bstrict{transition:background-color 2s;background-color:#16c7cc}#slogan,#slogan div{position:relative}#accueil .wrap-content{padding-right:10%}#slogan{font-family:Dosis-Light;font-size:3em;display:inline-block;overflow-y:hidden}#slogan-mini{font-family:SpaceMono-Regular;font-size:.4em;text-align:center}#projets .title-wrapper{right:10px;max-width:400px}.title-wrapper{z-index:1;top:0;right:0;width:100%;height:120px}h2{font-size:1.5rem;line-height:25px;top:0;right:140px;padding-top:30px;padding-bottom:8px;text-align:right;color:#252525}.code-end,h3{font-size:1.875em}h2::after{left:0;width:100%;height:1px}.js-ok,.js-ok-sec{height:100%}h3::after{content:'){'}.code-end{display:block}.center-container::before,.centered{display:inline-block;vertical-align:middle}.title::before{content:'.'}.title::after{content:'(';color:#000}.sub-title{font-family:Dosis-Bold;font-size:.866em}.sub-title::before{content:'_'}#mentions-legales h2::after,#mentions-legales h3::after,.center-container::before{content:''}.content{font-size:.9em;overflow-x:visible;overflow-y:auto;padding:50px 10px 50px 40px;vertical-align:middle}.center-container{text-align:center}.center-container::before{height:100%;margin-right:-.25em}.centered{width:100%;text-align:left}.js-hidden,.js-ok{display:none}.js-ok{top:0;width:100%}.js-ok-body{overflow:hidden!important}#mentions-legales-wrap{max-width:1000px;margin:0 auto;padding:50px 100px;background:#fff}#btn-mentions-legales-close{position:absolute;top:15px;right:5px;width:30px;height:30px;cursor:pointer;background:url(../images/close.svg) center no-repeat}#mentions-legales.js-pop{line-height:1.5rem;position:fixed;z-index:1000;top:0;left:0;display:block;overflow:auto;width:100%;height:100%;padding:50px;text-align:justify;background-color:rgba(0,0,0,.8)}#mentions-legales ul li{padding-left:15px}#mentions-legales ul li::before{content:'- '}#mentions-legales h2{font-family:SpaceMono-Regular;font-size:2rem;line-height:1;position:relative;top:auto;right:auto;margin:50px 0;padding:0;text-align:left;text-transform:inherit}#mentions-legales a{color:#ff6c00}#mentions-legales h3{font-size:1rem;font-weight:600;margin:20px 0;text-align:left}@media only screen and (max-width:1200px){.wrap-content{padding-right:20px}#accueil .wrap-content{max-width:450px}#slogan{font-size:3em}#burger,#logo-txt{top:15px}#burger{right:20px}#logo-txt{left:20px}.title-wrapper{height:85px}h2{right:110px;padding-top:15px}#sous-menu{top:55px;right:110px}.diap-img{position:relative;box-sizing:border-box;width:100%;margin-bottom:20px;padding:0 30px}.diap-description{padding-left:0}.diap-description:after{display:none}#projets .wrap-content{width:100%;padding-right:200px;padding-left:150px}}@media only screen and (max-width:992px){#svg-container{width:50%}#logo-txt,#slogan{font-size:1.5em}.wrap-content{padding-right:10px}#accueil .wrap-content{max-width:90%}#projets .wrap-content{width:100%;padding-right:190px;padding-left:120px}}@media only screen and (max-width:768px){#accueil .wrap-content,.wrap-content{max-width:100%}.title-wrapper{position:relative;height:3em}h2{font-weight:700;right:auto;left:0}h3{font-size:1.5em}#header-menu{position:absolute;z-index:5;top:0;width:100%;height:50px;background-color:#fff;box-shadow:0 2px 2px 0 silver;-o-box-shadow:0 2px 2px 0 silver;filter:progid:DXImageTransform.Microsoft.Shadow(color=silver, Direction=180, Strength=2)}#master-sec,.js-ok{position:relative;width:100%}#svg-container{top:50px;width:100%;max-height:100%;padding-bottom:50px}#master-container{overflow:auto!important}#master-sec{left:0;overflow:visible!important;padding:10px}#logo-txt,#projets .title-wrapper{left:10px}.js-ok{display:block}#btn-next,#sous-menu{display:none}.js-ok-sec{height:auto}#logo-txt,#slogan{font-size:1.3em}#slogan-mini{font-size:.7em}#logo-txt{position:fixed;z-index:1000;top:3px;height:50px;padding-left:12px}#accueil,.accueil{height:100%}#slogan{position:absolute;right:0;bottom:80px;width:60%;padding:0}#burger{top:5px;right:15px}.wrap-content{padding-top:20px;padding-right:10px}#projets .wrap-content{padding-right:30px;padding-left:30px}#accueil{padding-top:0}.content{overflow-y:auto;max-height:initial}#wrap-menu{width:100%}#projets.wrap-sec,.wrap-sec{padding-top:50px}.wrap-sec .wrap-sec{padding-top:0}#services .title-wrapper{margin-bottom:50px}#mentions-legales.js-pop{padding:50px 5px}#mentions-legales-wrap{padding:10px 20px 50px}}@media only screen and (max-width:480px){.content{padding-left:10px}#projets .wrap-content{padding:30px 10px}}input:-webkit-autofill,textarea:-webkit-autofill{background-color:rgba(255,255,255,0)}#formulaire input[type=email],#formulaire input[type=text],#formulaire textarea{font-family:Dosis-Regular;height:3rem;margin:20px 0;border:0;border-bottom:1px solid #7c1;border-left:1px solid #7c1;border-radius:0;background-color:rgba(255,255,255,0);box-shadow:none;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}#formulaire [type=email]::-webkit-input-placeholder,#formulaire [type=text]::-webkit-input-placeholder,#formulaire textarea::-webkit-input-placeholder{opacity:1!important;color:#8c8c8c}#formulaire [type=email]:-moz-placeholder,#formulaire [type=text]:-moz-placeholder,#formulaire textarea:-moz-placeholder{opacity:1;color:#8c8c8c}#formulaire [type=email]::-moz-placeholder,#formulaire [type=text]::-moz-placeholder,#formulaire textarea::-moz-placeholder{opacity:1;color:#8c8c8c}#formulaire [type=email]:-ms-input-placeholder,#formulaire [type=text]:-ms-input-placeholder,#formulaire textarea:-ms-input-placeholder{color:#8c8c8c}#contact-form{margin-top:20px}#formulaire button{font-family:Dosis-Regular;font-size:1.5rem;line-height:60px;padding:5px 5px 10px 60px;color:#fff;border:none;background:url(../images/avion.svg) 2px center no-repeat;background-size:50px}#formulaire button:hover{color:#7c1}#srv-res{margin:50px 0}#projets .title-wrapper{background:0 0}