a,a:hover{text-decoration:none}header .wrap h1,header .wrap h2{display:inline-block;top:4px}#mentions,.wrap{box-sizing:border-box}@font-face{font-family:robotobold;src:url(font/Roboto-Bold-webfont.eot);src:url(font/Roboto-Bold-webfont.eot?#iefix) format('embedded-opentype'),url(font/Roboto-Bold-webfont.woff) format('woff'),url(font/Roboto-Bold-webfont.ttf) format('truetype'),url(font/Roboto-Bold-webfont.svg#robotobold) format('svg');font-weight:400;font-style:normal}@font-face{font-family:robotolight;src:url(font/Roboto-Light-webfont.eot);src:url(font/Roboto-Light-webfont.eot?#iefix) format('embedded-opentype'),url(font/Roboto-Light-webfont.woff) format('woff'),url(font/Roboto-Light-webfont.ttf) format('truetype'),url(font/Roboto-Light-webfont.svg#robotolight) format('svg');font-weight:400;font-style:normal}@font-face{font-family:robotoregular;src:url(font/Roboto-Regular-webfont.eot);src:url(font/Roboto-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(font/Roboto-Regular-webfont.woff) format('woff'),url(font/Roboto-Regular-webfont.ttf) format('truetype'),url(font/Roboto-Regular-webfont.svg#robotoregular) format('svg');font-weight:400;font-style:normal}body,html{font-family:robotoregular,Roboto;font-weight:400;font-size:100%;max-width:100%}.mobile{overflow-x:hidden}.wrap{max-width:1150px;width:100%;margin:0 auto;padding-left:20px;padding-right:20px}.mobile-nav{display:none}::selection{background-color:#7dc2bd;color:#f0f0f0}a{color:#fff}a:hover{color:#7dc2bd}a.back-to-top{color:#f4f4f4;width:50px;height:50px;position:fixed;z-index:999;right:20px;bottom:20px;background:#7dc2bd;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center}a.back-to-top:hover{color:#7dc2bd;background:#f4f4f4}a.back-to-top i{line-height:46px}header{position:fixed;width:100%;background-color:rgba(53,63,70,.9);z-index:1000}#home,#mentions,header .wrap h1,header .wrap h2{position:relative}header .wrap{height:100%}header .wrap h1 a img,header .wrap h2 a img{height:40px}header .wrap nav{float:right;line-height:50px}header .wrap nav ul li{display:inline-block;margin-left:40px}header .wrap nav ul li a{padding:5px 10px;color:#f0f0f0;text-transform:uppercase;font-family:robotobold,Roboto;font-weight:700;font-size:14px}#home .titre h1,#home .titre h2,#mentions .titre h2{font-family:robotolight,Roboto;font-weight:300}header .wrap nav ul li a:active,header .wrap nav ul li a:hover{border:2px solid #7dc2bd;color:#7dc2bd;margin:-2px}header .wrap nav ul li.current a{color:#7dc2bd}header .wrap .nav-menu{display:none}#home{background:url(../img/header.jpg) center center;height:700px}#home .titre{padding-top:200px;text-align:center}#home .titre h1{margin-bottom:20px}#home .titre h1,#home .titre h2{background-color:rgba(53,63,70,.9);display:inline-block;padding:15px 20px;text-transform:uppercase;font-size:30px;letter-spacing:1px;color:#f0f0f0}#mentions{background:url(../img/header.jpg) center center;height:100%;min-height:750px;padding-top:10%}#mentions .erreur,#mentions .titre{width:50%;background-color:rgba(53,63,70,.9)}#mentions .titre{padding:4%;text-align:center;color:#f0f0f0;margin:0 auto}#mentions .titre h1{margin-bottom:40px;font-size:30px}#mentions .titre h1 span{border-bottom:2px solid #7dc2bd}#mentions .titre h2{margin-top:30px;margin-bottom:10px;font-size:22px}#mentions .erreur article h3 span,#mentions .titre p>span:first-child{font-family:robotobold,Roboto;font-weight:700}#mentions .titre h1,#mentions .titre h2{text-transform:uppercase;letter-spacing:1px;color:#7dc2bd}#mentions .titre p>span:first-child{color:#7dc2bd}#mentions .erreur{padding:4% 7%;color:#f0f0f0;margin:0 auto}#mentions .erreur article{display:inline-block;vertical-align:top;margin-left:15%;width:70%;text-align:left}#mentions .erreur h2{display:inline-block;vertical-align:top}#mentions .erreur article h3{font-size:25px;line-height:40px;margin-bottom:15%}#mentions .erreur article h3 span{display:block;font-size:50px;text-transform:uppercase;margin-bottom:5%}#mentions .erreur article .retour{padding:10px 15px;border:2px solid #fff;text-transform:uppercase;font-size:14px;-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:1s;transition-duration:1s}#about .wrap article a.bouton,#mentions .erreur article .retour{text-align:center;color:#fff;text-decoration:none;box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden}#mentions .erreur article .retour:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#7dc2bd;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}#mentions .erreur article .retour:active,#mentions .erreur article .retour:focus,#mentions .erreur article .retour:hover{color:#fff}#mentions .erreur article .retour:active:before,#mentions .erreur article .retour:focus:before,#mentions .erreur article .retour:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}#about{background-color:#7dc2bd;padding:80px 0 160px;color:#fff;position:relative;z-index:1}#about:before{position:absolute;content:'';-webkit-transform:rotate(-3deg);transform:rotate(-3deg);-webkit-transform-origin:3% 0;transform-origin:3% 0;top:0;left:-25%;z-index:-1;width:150%;height:75%;background:inherit}#about .wrap{overflow:visible}#about .wrap h2{font-size:30px;font-family:robotolight,Roboto;font-weight:300;letter-spacing:1px;text-transform:uppercase;margin-bottom:30px;display:inline-block}#about .wrap h2 span{border-bottom:2px solid #fff}#about .wrap div{float:right;vertical-align:top;text-align:center;margin:20px}#about .wrap div ul li{display:inline-block;width:50px;height:50px;border-radius:50%;border:2px solid #fff;text-align:center;margin-right:30px;position:relative}#about .wrap div img,#about .wrap div ul li{-webkit-border-radius:50%;-moz-border-radius:50%}#about .wrap div ul li:first-child{top:-25px}#about .wrap div ul li:last-child{margin-right:0;top:-25px}#about .wrap div ul li i{line-height:50px}#about .wrap div img{border-radius:50%;width:200px;border:5px solid #fff;margin-bottom:10px}#about .wrap article{width:65%;vertical-align:top}#about .wrap article h3{font-family:robotobold,Roboto;font-weight:700;letter-spacing:1px;font-size:20px}#about .wrap article h3+p,#skills .wrap h2{font-family:robotolight,Roboto;font-weight:300}#about .wrap article h3+p{font-style:italic;margin-bottom:20px;text-indent:0}#about .wrap article p{margin-bottom:10px;text-indent:5%}#about .wrap article p:nth-child(4){margin-bottom:40px}#about .wrap article a.bouton{padding:10px 15px;border:2px solid #fff;text-transform:uppercase;font-size:14px;-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:1s;transition-duration:1s}#portfolio .wrap h2,#skills .wrap h2{letter-spacing:1px;text-transform:uppercase;display:inline-block;font-size:30px}#about .wrap article a.bouton:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:rgba(53,63,70,.9);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}#about .wrap article a.bouton:active,#about .wrap article a.bouton:focus,#about .wrap article a.bouton:hover{color:#fff}#about .wrap article a.bouton:active:before,#about .wrap article a.bouton:focus:before,#about .wrap article a.bouton:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}#skills{padding:80px 0;background-color:#f9f9f9;color:rgba(53,63,70,1);position:relative;z-index:1}#skills:before{position:absolute;transform:rotate(-3deg);-webkit-transform-origin:3% 0;transform-origin:3% 0;top:0;left:-25%;z-index:-1;width:150%;height:75%;background:inherit}#portfolio:before,#skills:before{content:'';-webkit-transform:rotate(-3deg)}#skills .wrap{margin-bottom:100px}#skills .wrap h2{margin-bottom:50px}#skills .wrap ul li h3,#skills .wrap ul li p strong{font-family:robotobold,Roboto;font-weight:700}#skills .wrap h2 span{border-bottom:2px solid rgba(53,63,70,1)}#skills .wrap ul li{display:inline-block;width:30%;margin-right:4%;vertical-align:top}#skills .wrap ul li:last-child{margin-right:0}#skills .wrap ul li h3,#skills .wrap ul li i{display:inline-block;vertical-align:middle;margin-bottom:10px}#skills .wrap ul li h3{margin-left:10%}#skills .wrap ul li p{text-indent:15%}#portfolio{background-color:#515f67;padding:80px 0;color:#fff;position:relative;z-index:1}#portfolio:before{position:absolute;transform:rotate(-3deg);-webkit-transform-origin:3% 0;transform-origin:3% 0;top:0;left:-25%;z-index:-1;width:150%;height:75%;background:inherit}#portfolio .wrap h2{font-family:robotolight,Roboto;font-weight:300;margin-bottom:50px}#portfolio .wrap h2 span{border-bottom:2px solid #fff}#portfolio .wrap #filter{float:right;margin-bottom:50px}#portfolio .wrap #filter li{display:inline-block}#portfolio .wrap #filter li button{padding:10px 15px;margin-left:30px;color:#fff;background-color:transparent;border:2px solid transparent;text-transform:uppercase;cursor:pointer;font-family:robotobold,Roboto;font-weight:700}#contact .wrap article h2,#contact .wrap h2,#portfolio .wrap #grid .mix figcaption h3,#portfolio .wrap #grid .mix figcaption p{font-weight:300;font-family:robotolight,Roboto}#portfolio .wrap #filter li button:hover{border:2px solid #7dc2bd;color:#7dc2bd}#portfolio .wrap #filter li button.active{color:#7dc2bd}#portfolio .wrap #filter li button:focus{outline:0}#portfolio .wrap #grid{clear:both}#portfolio .wrap #grid .mix{display:none;width:23%;text-align:center;margin-bottom:10px;overflow:hidden;margin-right:1.5%;position:relative;cursor:pointer}#contact .wrap article,#contact .wrap article ul li,#contact .wrap form{display:inline-block;vertical-align:top}#portfolio .wrap #grid .mix img{width:100%}#portfolio .wrap #grid .mix:hover figcaption{opacity:1}#portfolio .wrap #grid .mix figcaption{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(53,63,73,.9);box-sizing:border-box;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}#portfolio .wrap #grid .mix figcaption h3{font-size:20px;letter-spacing:1px;text-transform:uppercase;margin-bottom:5%;margin-top:25%}#portfolio .wrap #grid .mix figcaption p{margin:0 auto 10%;font-style:italic;width:75%}#portfolio iframe video{background:#000}#contact{background:url(../img/contact.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:80px 0;color:#f4f4f4}#contact .wrap{overflow:hidden}#contact .wrap h2{font-size:30px;letter-spacing:1px;text-transform:uppercase;margin-bottom:50px}#contact .wrap h2 span{border-bottom:2px solid #fff}#contact .wrap article{width:45%}#contact .wrap article h2{letter-spacing:1px;font-size:20px;margin-bottom:20px;text-transform:none}#contact .wrap article ul{margin-top:40px}#contact .wrap article ul li{margin-right:20px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:5px solid #f4f4f4;width:50px;height:50px;text-align:center}#contact .wrap article ul li:hover{border:5px solid #7dc2bd}#contact .wrap form input,#contact .wrap form textarea{border:2px solid #fff;background-color:rgba(255,255,255,.2);outline:0;box-sizing:border-box}#contact .wrap article ul li a i{line-height:60px;position:relative;top:-5px}#contact .wrap article ul li:hover a{color:#7dc2bd}#contact .wrap article ul li .socicon{font-family:socicon;font-size:32px;line-height:50px}#contact .wrap form{width:45%;margin-right:5%;float:left}#contact .wrap form input{width:100%;padding:20px;margin-bottom:40px;display:block;color:#f4f4f4}#contact .wrap form textarea{width:100%;height:180px;padding:30px;margin-bottom:30px;resize:none;color:#f4f4f4;font-family:robotolight,Roboto;font-weight:300}#contact .wrap form input[type=submit]{background-color:#7dc2bd;width:100%;padding:15px 0;color:#f4f4f4;text-transform:uppercase;text-align:center;font-family:robotobold,Roboto;font-weight:700;font-size:20px;border:none;cursor:pointer;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}#contact .wrap form input[type=submit]:hover{background-color:#f4f4f4;color:#7dc2bd}#contact .wrap form ::-webkit-input-placeholder{color:#f4f4f4;font-family:robotolight,Roboto;font-weight:300;opacity:.8;text-transform:uppercase}#contact .wrap form :-moz-placeholder{color:#f4f4f4;font-family:robotolight,Roboto;font-weight:300;opacity:.8;text-transform:uppercase}#contact .wrap form ::-moz-placeholder{color:#f4f4f4;font-family:robotolight,Roboto;font-weight:300;opacity:.8;text-transform:uppercase}#contact .wrap form ::-o-placeholder{color:#f4f4f4;font-family:robotolight,Roboto;font-weight:300;opacity:.8;text-transform:uppercase}#contact .wrap form :-ms-input-placeholder{color:#f4f4f4;font-family:robotolight,Roboto;font-weight:300;opacity:.8;text-transform:uppercase}#contact .wrap form :focus::-webkit-input-placeholder{-webkit-transition:opacity .8s ease;opacity:0}#contact .wrap form :focus:-moz-placeholder{-moz-transition:opacity .8s ease;opacity:0}#contact .wrap form :focus::-moz-input-placeholder{transition:opacity .8s ease;opacity:0}#contact .wrap form :focus::-o-input-placeholder{transition:opacity .8s ease;opacity:0}#contact .wrap form :focus::-ms-input-placeholder{transition:opacity .8s ease;opacity:0}footer{background-color:#353f47;padding:20px 0;font-size:12px}footer .wrap nav{padding:0}footer .wrap nav ul li{display:inline-block;margin-right:30px}footer .wrap nav ul li:last-child{margin-right:0}footer .wrap nav ul li a{color:#515f67}footer .wrap nav ul li a:hover{color:#6e7d86}