@import url(//fonts.googleapis.com/css?family=Inconsolata);/*! normalize.css v1.0.2 | MIT License | git.io/normalize */@import url(bootstrap/bootstrap.min.css);article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}iframe{max-width:100%}.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}*,*:before,*:after{box-sizing:border-box}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}h2{font-size:1.5em;margin:0.83em 0;line-height:1em}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:0.83em;margin:1.67em 0}h6{font-size:0.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */html{color:#222;font-size:1em;line-height:1.4}html,body{font-family:"Arial MT Std", Arial, Helvetica, sans-serif}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}.hidden{display:none !important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}::-moz-selection{background:#d2eab3}::selection{background:#d2eab3}::-moz-selection{background:#d2eab3}html,body,.site-content{width:100%;height:100%;font-size:18px;font-weight:300}p{line-height:30px}.green,a{color:#8cc83c}.bg-green{background-color:#8cc83c}a{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}a:hover{text-decoration:underline;color:#000000}.clear-theme{color:#000000;background-color:#ffffff}.site-container{min-height:100%;position:relative;overflow-x:hidden;z-index:10}.main-header{font-size:18px;display:table;width:100%;margin-bottom:40px;padding:40px 50px}.main-header.dark{border-bottom:1px solid #e6e6e6}.main-header .site-title{display:table-cell;margin:0;vertical-align:middle}.main-header .menu{display:table-cell;vertical-align:middle}.main-header .menu ul{display:table;margin:0;padding:0;list-style:none;float:right}.main-header .menu ul li{display:table-cell;vertical-align:middle;padding-left:25px}.main-header .menu ul li:first-of-type{padding-left:0}.main-header .menu ul li a{text-decoration:none}.main-header .menu ul li a:hover{color:#8cc83c}.main-header.white .menu a{color:#ffffff}.main-header.dark .menu a{color:#000000}h2{font-family:"Inconsolata";font-size:40px;font-weight:300;color:#8cc83c}h3{font-size:24px;font-weight:300}div p:last-of-type{margin-bottom:0}.home .center,.site-container .center{text-align:center}.home .center h2,.site-container .center h2{font-size:60px;color:#ffffff}.center{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%}.wrap{margin:0 auto;width:1280px}.btn{padding:15px 35px;text-align:center;text-decoration:none;border-radius:5px;font-size:20px;margin:0 20px;font-weight:300;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;display:inline-block}.btn:first-of-type{margin-left:0}.btn:last-of-type{margin-right:0}.btn.clear{color:#ffffff;border:1px solid #ffffff}.btn.clear:hover{color:#ffffff;background-color:#000000;border:1px solid #000000}.btn.clear-dark{color:#000000;border:1px solid #000000}.btn.clear-dark:hover{color:#ffffff;background-color:#000000;border:1px solid #000000}.btn.green{color:#ffffff;background-color:#8cc83c;border:1px solid #8cc83c}.btn.green:hover{color:#ffffff;border:1px solid #000000;background-color:#000000}.btn.white{color:#8cc83c;background-color:#ffffff;border:1px solid #ffffff}.btn.white:hover{color:#ffffff;border:1px solid #000000;background-color:#000000}.btn:hover{text-decoration:none}.align-center{text-align:center}.amt{margin-top:30px}.rml{margin-left:0}.rm{margin:0}.rp{padding:0}h3{margin-top:0}h2{margin-bottom:1.5em}.skills h3{font-family:"Inconsolata";font-size:30px;color:#8cc83c;display:inline-block;width:35%;margin:0;line-height:25px}.skills .skill{margin-bottom:18px}.skills .skill:last-of-type{margin-bottom:0}.skills .pourc{display:inline-block;height:20px;background-color:#e6e6e6;width:64%;border-radius:4px}.skills .pourc .pourc-inner{background-color:#8cc83c;position:relative;height:100%;display:inline-block;border-radius:4px}.skills.animate .pourc .pourc-inner.html{-webkit-animation:htmlcss 1.5s ease-in-out forwards;animation:htmlcss 1.5s ease-in-out forwards}.skills.animate .pourc .pourc-inner.css{-webkit-animation:css 1.5s ease-in-out forwards;animation:css 1.5s ease-in-out forwards}.skills.animate .pourc .pourc-inner.php{-webkit-animation:php 1.5s ease-in-out forwards;animation:php 1.5s ease-in-out forwards}.skills.animate .pourc .pourc-inner.mysql-sql{-webkit-animation:mysql-sql 1.5s ease-in-out forwards;animation:mysql-sql 1.5s ease-in-out forwards}.skills.animate .pourc .pourc-inner.javascript{-webkit-animation:javascript 1.5s ease-in-out forwards;animation:javascript 1.5s ease-in-out forwards}.skills.animate .pourc .pourc-inner.java{-webkit-animation:java 1.5s ease-in-out forwards;animation:java 1.5s ease-in-out forwards}.skills.animate .pourc .pourc-inner.c-cplusplus{-webkit-animation:c-cplusplus 1.5s ease-in-out forwards;animation:c-cplusplus 1.5s ease-in-out forwards}.skills.animate .pourc .pourc-inner.node{-webkit-animation:node 1.5s ease-in-out forwards;animation:node 1.5s ease-in-out forwards}.skills.animate .pourc .pourc-inner.photoshop{-webkit-animation:photoshop 1.5s ease-in-out forwards;animation:photoshop 1.5s ease-in-out forwards}.skills.animate .pourc .pourc-inner.illustrator{-webkit-animation:illustrator 1.5s ease-in-out forwards;animation:illustrator 1.5s ease-in-out forwards}.skills.animate .pourc .pourc-inner.python{-webkit-animation:python 1.5s ease-in-out forwards;animation:python 1.5s ease-in-out forwards}.skills.animate .pourc .pourc-inner.ruby{-webkit-animation:ruby 1.5s ease-in-out forwards;animation:ruby 1.5s ease-in-out forwards}@-webkit-keyframes htmlcss{0%{width:0px}100%{width:98%}}@keyframes htmlcss{0%{width:0px}100%{width:98%}}@-webkit-keyframes css{0%{width:0px}100%{width:98%}}@keyframes css{0%{width:0px}100%{width:98%}}@-webkit-keyframes php{0%{width:0px}100%{width:98%}}@keyframes php{0%{width:0px}100%{width:98%}}@-webkit-keyframes mysql-sql{0%{width:0px}100%{width:90%}}@keyframes mysql-sql{0%{width:0px}100%{width:90%}}@-webkit-keyframes javascript{0%{width:0px}100%{width:98%}}@keyframes javascript{0%{width:0px}100%{width:98%}}@-webkit-keyframes java{0%{width:0px}100%{width:80%}}@keyframes java{0%{width:0px}100%{width:80%}}@-webkit-keyframes c-cplusplus{0%{width:0px}100%{width:50%}}@keyframes c-cplusplus{0%{width:0px}100%{width:50%}}@-webkit-keyframes node{0%{width:0px}100%{width:65%}}@keyframes node{0%{width:0px}100%{width:65%}}@-webkit-keyframes photoshop{0%{width:0px}100%{width:75%}}@keyframes photoshop{0%{width:0px}100%{width:75%}}@-webkit-keyframes illustrator{0%{width:0px}100%{width:70%}}@keyframes illustrator{0%{width:0px}100%{width:70%}}@-webkit-keyframes python{0%{width:0px}100%{width:40%}}@keyframes python{0%{width:0px}100%{width:40%}}@-webkit-keyframes ruby{0%{width:0px}100%{width:35%}}@keyframes ruby{0%{width:0px}100%{width:35%}}form label{display:inline-block;width:25%}form .req{color:#8cc83c;font-weight:bold}form div{margin-bottom:20px}form input,form textarea{width:74%;background-color:#e6e6e6;border:0;border-radius:5px;padding:10px}form textarea{min-height:120px}form button.btn.btn{margin-left:26%;display:block}form button.btn.btn:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:no-drop;opacity:50%}form .thepot{display:none}form .message{opacity:0}#bgvid{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:url(/images/realisations.jpg) no-repeat;background-size:cover}.video{position:absolute !important;z-index:-1}#mes-realisations{background-color:#e6e6e6}#mes-realisations img{height:auto;width:100%;display:inline-block}#mes-realisations .center{width:auto;text-align:center;width:55%}#mes-realisations .center .btn{margin:0;display:block;margin-bottom:30px}#mes-realisations .col-md-3{position:relative}#mes-realisations .content{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;text-align:center;color:#ffffff}#mes-realisations .content .sphere{font-size:60px;position:relative;width:40%;height:0;padding:20% 0;margin:1em auto;border-radius:50%;border:3px solid #8cc83c}#mes-realisations .content .sphere .sphere-content{position:absolute;top:0;left:-10px;width:100%;height:100%;text-align:center}#mes-realisations .content .sphere .sphere-content:before{content:'';vertical-align:middle;display:inline-block;width:0;height:100%}#mes-realisations .content .sphere .sphere-content span{vertical-align:middle;display:inline-block}#mes-realisations .infos{position:absolute;top:0;color:#ffffff;height:100%;width:100%;overflow:hidden;background-color:none;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}#mes-realisations .infos .infos-content{opacity:0;max-width:600px;width:100%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);position:absolute;top:50%;left:50%;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}#mes-realisations .infos:hover,#mes-realisations .infos.hover{background-color:#000000}#mes-realisations .infos:hover .infos-content,#mes-realisations .infos.hover .infos-content{opacity:1}#mes-realisations .col-md-3 .infos .infos-content{padding:0 30px}.grid{background:#EEE;max-width:100%}.grid:after{content:'';display:block;clear:both}.grid-sizer,.grid-item{width:25%}.grid-item{max-height:480px;float:left;background:#D26;border:2px solid #333;border-color:rgba(0,0,0,0.5);border-radius:5px}.grid-item--width2{width:50%}.grid-item--width3{width:60%}@media (max-width: 1280px){.wrap{width:100%}#mes-realisations .center{width:90%}#mes-realisations .content .sphere{margin-bottom:0;margin-top:0.5em;width:60%;padding:30% 0}#mes-realisations .content h3{font-size:20px}#mes-realisations .infos .infos-content{position:relative;padding:0 50px}#mes-realisations .infos .infos-content h3{font-size:20px}#mes-realisations .infos .infos-content p{display:none}#mes-realisations .infos .infos-content a.btn{margin-top:0}}@media (max-width: 1024px){#logo{width:85%}.container{margin-right:0;margin-left:0;padding-left:30px;padding-right:30px;padding-bottom:30px}.center .container{margin-right:auto;margin-left:auto}.main-header{margin-bottom:10px}.skills h3{width:37%}.skills .pourc{width:60%}h2{margin:0.5em;margin-bottom:1em}form input,form textarea{width:100%}form button.btn.btn{margin-left:0}}@media (max-width: 995px){.site-container.site-container .center.center.center h2{font-size:40px}.main-header.white{margin-bottom:30px}.main-header .menu ul li{padding-left:20px;font-size:16px}.skills{margin-top:30px}#mes-realisations .infos .infos-content{position:absolute;padding:0 0}#mes-realisations .infos .infos-content h3{font-size:24px}#mes-realisations .infos .infos-content p{display:block}#mes-realisations .infos .infos-content a.btn{margin-top:30px}}@media (max-width: 992px){#mes-realisations .center .btn:last-of-type{margin-bottom:0}.col-md-3{width:50%;float:left}.col-md-6{width:100%}}@media (max-width: 768px){#logo{width:100%}.center{margin-top:0;position:relative;top:0;left:0;-webkit-transform:none;-ms-transform:none;transform:none;margin:0 auto;padding:0px 0}.main-header .site-title{display:block;width:70%;margin:0 auto;margin-bottom:15px}.main-header{margin-bottom:0}nav.menu{width:80%}nav.menu ul{margin:0 auto;float:none}.main-header .menu{display:block}}@media (max-width: 650px){#mes-realisations .infos .infos-content{position:ralative;padding:0 50px}#mes-realisations .infos .infos-content h3{font-size:20px}#mes-realisations .infos .infos-content p{display:none}#mes-realisations .infos .infos-content a.btn{margin-top:0px}}@media (max-width: 560px){.main-header{display:block}.main-header .menu ul{display:block;width:100%;text-align:center}}