.left-menu,body{background-color:#0f0f0f}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,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;font-family:futura_lightregular}.bold,.projet-lieu{font-family:futura_bold}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}@font-face{font-family:futura_lightregular;src:url(fonts/futura/Futura-webfont.eot);src:url(fonts/futura/Futura-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/futura/Futura-webfont.woff2) format('woff2'),url(fonts/futura/Futura-webfont.woff) format('woff'),url(fonts/futura/Futura-webfont.ttf) format('truetype'),url(fonts/futura/Futura-webfont.svg#futura_lightregular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:futura_bold;src:url('fonts/futura bold/Futura Bold-webfont.eot');src:url('fonts/futura bold/Futura Bold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/futura bold/Futura Bold-webfont.woff2') format('woff2'),url('fonts/futura bold/Futura Bold-webfont.woff') format('woff'),url('fonts/futura bold/Futura Bold-webfont.ttf') format('truetype'),url('fonts/futura bold/Futura Bold-webfont.svg#futura_md_btbold') format('svg');font-weight:400;font-style:normal}.global-container{position:relative}.high{font-size:28px}.left-menu{position:fixed;min-height:100%;color:#fff;text-align:center;z-index:15;overflow:hidden}.menu-titre{font-size:25px;height:30px}.black-layer-about,.menu-photo,.photo-wave{width:100px;height:100px;box-sizing:border-box}.menu-contact,.menu-cv{margin-top:30px}.black-layer-about,.menu-photo{margin:0 auto 40px;-webkit-border-radius:50px;-moz-border-radius:50px}.menu-photo{border-radius:650px;background:url(../images/photoGobelinsThumbnail.jpg) center center no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;cursor:pointer;position:relative}.black-layer-about{background-color:#000;position:absolute;opacity:0;transition:all .4s}.menu-photo:hover .black-layer-about{opacity:.8}.photo-wave{border:2px solid #fff;margin:0 auto;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;position:absolute;animation:sonarWave 2s ease-in-out infinite}.projet-date,.projet-technos{margin-left:20px}@keyframes sonarWave{0%{opacity:0}50%{opacity:.4}100%{transform:scale(1.1);opacity:0;border:5px solid #fff}}.left-menu ul li span{display:inline-block;cursor:pointer;font-size:20px;opacity:.6;transition:all .4s;padding:3px}.left-menu ul li span a{color:#fff;text-decoration:none}.left-menu ul li span:hover{opacity:.9}.list-projets{float:right;text-align:center;width:100%}.container-projet{width:100%}.projet-content{position:relative;width:100%;box-sizing:border-box;display:none;background-color:#d0d0d0;text-align:left;padding:20px;z-index:3;color:#0f0f0f}.projet-lieu{margin-bottom:10px}.projet{height:300px;overflow:hidden;width:100%;cursor:pointer}@media (max-width:850px) and (max-height:750px){.vodkaster{background:url(../images/background-vodkaster-little.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.cinemiles{background:url(../images/background-cinemiles-little.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.echo{background:url(../images/background-echo-little.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.pixel-vinyl{background:url(../images/background-pixel.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.mourn{background:url(../images/background-mourn-little.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.simon-pong{background:url(../images/background-simon-little.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.yes-i-speak-touriste{background:url(../images/background-yist-little.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.kodama{background:url(../images/background-kodama-little.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.paris-shop-design{background:url(../images/background-psd-little.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}}@media (min-width:850px),(min-height:750px){.vodkaster{background:url(../images/background-vodkaster.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.cinemiles{background:url(../images/background-cinemiles.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.echo{background:url(../images/background-echo.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.pixel-vinyl{background:url(../images/background-pixel.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.mourn{background:url(../images/background-mourn.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.simon-pong{background:url(../images/background-simon.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.yes-i-speak-touriste{background:url(../images/background-yist.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.kodama{background:url(../images/background-kodama.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.paris-shop-design{background:url(../images/background-psd.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}}.projet-cover{position:relative;width:100%;height:100%}.black-layer{width:100%;height:100%;transition:all .4s}.projet-cover:hover .black-layer{background-color:#0f0f0f;opacity:.7}.projet-arrow,.projet-titre{z-index:2;position:absolute;opacity:0}.projet-titre{color:#fff;font-size:35px;height:45px;top:115px;transition:all .4s}.projet-arrow{width:100%;height:40px;bottom:10px;background:url(../images/arrow-down.png) center center no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;transition-timing-function:linear;-webkit-animation:arrow-loop 1.5s infinite;-moz-animation:arrow-loop 1.5s infinite;-o-animation:arrow-loop 1.5s infinite;animation:arrow-loop 1.5s infinite}@-webkit-keyframes arrow-loop{0%,100%{bottom:10px}60%,85%{bottom:20px}}@-moz-keyframes arrow-loop{0%,100%{bottom:10px}60%,85%{bottom:20px}}@-o-keyframes arrow-loop{0%,100%{bottom:10px}60%,85%{bottom:20px}}@keyframes arrow-loop{0%,100%{bottom:10px}60%,85%{bottom:20px}}.projet-cover:hover .projet-titre{top:125px;opacity:.8}.projet-titre span{position:relative;text-decoration:none}.projet-titre span:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#fff;visibility:hidden;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);transition:all .4s}.projet-cover:hover span:before{visibility:visible;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}.projet-active{cursor:url(../images/close.png) 12 12,pointer!important}.projet-date{margin-bottom:20px}.projet-technos ul li{display:inline-block;padding:8px 10px 12px;background-color:#0f0f0f;color:#f0f0f0;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;margin-bottom:10px}.projet-description{line-height:25px;font-size:18px}.projet-description a{color:#0f0f0f}.about{position:fixed;top:-100%;width:90%;z-index:20;transition:all .8s;display:block;overflow:auto}.about-content{position:relative;width:100%;height:100%;background-color:#d0d0d0;display:table}.close-about{position:absolute;right:30px;top:30px;background:url(../images/close.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;width:30px;height:30px;z-index:20;cursor:pointer}.menu-closer,.menu-opener{position:fixed;top:30px;cursor:pointer}.menu-opener{left:20px;height:50px;width:120px;border:2px solid #d0d0d0;-moz-box-shadow:0 0 4px #656565;-o-box-shadow:0 0 4px #656565;-webkit-box-shadow:0 0 4px #656565;box-shadow:0 0 4px #656565;line-height:50px;text-align:center;font-size:30px;color:#fff;background-color:#0f0f0f;z-index:10}.menu-opener-text{opacity:.6;transition:all .4s}.menu-opener:active .menu-opener-text,.menu-opener:hover .menu-opener-text{opacity:1}.menu-closer{right:30px;background:url(../images/close.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;width:30px;height:30px;z-index:20;display:none}.gallery-sample{width:100%;text-align:center}.image-container{height:90px;width:150px;text-align:center;margin:10px;border:0;display:inline-block;line-height:0;vertical-align:top;cursor:pointer}.image-container img{max-width:150px;max-height:90px}.wrapper-flex{display:table-cell;vertical-align:middle}.left-about,.right-about{width:50%;min-width:250px;position:relative;box-sizing:border-box;display:inline-block;padding:20px;line-height:25px;font-size:18px;margin:0 auto;vertical-align:middle;overflow:auto}.right-about{text-align:left}.right-about a{color:#0f0f0f;text-decoration:none}.photo-container{width:250px;height:250px;background:url(../images/photoGobelins.jpg) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin:0 auto}.video-project,.video-project video{margin:20px auto 10px;width:100%;max-width:900px;position:relative;text-align:center}.video-cinemiles video,.video-echo,.video-echo video{max-height:480px;width:auto!important}.projet-lien a{font-size:20px;height:20px}.projet-lien img{height:18px;width:18px;margin-right:5px}