.services .headServices:before{display:block}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}.projets .headProjets:before{display:block}@keyframes appear{0%{margin-top:45px;opacity:0}50%{margin-bottom:45px}100%{margin-top:0;margin-bottom:0;opacity:1}}@-webkit-keyframes appear{0%{margin-top:45px;opacity:0}50%{margin-bottom:45px}100%{margin-top:0;margin-bottom:0;opacity:1}}.projetsArticle .projetsLink,.projetsArticle .projetsLink span,.projetsArticle .projetsLink span .infoProjet{display:block}.projetsArticle .projetsLink span .infoProjet li{display:inline-block}.projetsArticle .projetsLink span .infoProjet li:after{display:block}.projetsArticle .projetsLink span .infoProjet li:last-child:after{display:none}@keyframes sections{0%{margin-top:45px;opacity:0}50%{margin-bottom:45px}100%{margin-top:0;margin-bottom:0;opacity:1}}@-webkit-keyframes sections{0%{margin-top:45px;opacity:0}50%{margin-bottom:45px}100%{margin-top:0;margin-bottom:0;opacity:1}}.headerProjet:after,.about .headAbout:before,.contact .headContact:before{display:block}*{background:0 0;font-family:'Roboto',Helvetica,Verdana,Arial sans-serif;margin:0;padding:0;border:0}html,body{height:100%;background-color:#51b6db}body,body *{font-family:'Roboto',Helvetica,Verdana,Arial sans-serif}.row-full{max-width:100%}.content{min-height:100%}.content .container{height:100%;min-height:100%}#header{position:fixed;top:10px;right:20px;left:20px;padding:15px 10px;z-index:9999}#header #logo{position:absolute;left:0;top:5px}#header #logo img{height:40px}#header #nav{position:absolute;right:0}#header #nav ul{text-align:center}#header #nav ul li{padding:0 .3rem}#header #nav ul li a{color:#efefef}.intro{background-position:top center;background-attachment:fixed;padding:6rem 0;height:100%}.intro .title-page{text-transform:capitalize;text-align:center}.about .headAbout,.about .headAbout:before{position:relative;min-height:250px}.about .headAbout:before{content:'';display:block;top:0;left:0;width:100%;bottom:0;background:rgba(255,255,255,.5);z-index:45}.about .headAbout h1{position:absolute;top:50%;padding:1.5rem 0;text-align:center;z-index:50;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.about .me{padding:6rem 0 0}.me img,.me p,.skills{position:relative}.skills .skill:last-child{float:inherit}.noanimate .me img{top:50px;opacity:0}.noanimate .me p{left:50px;opacity:0}.noanimate .skills{top:50px;opacity:0}.me img{top:0}.me img,.me p{opacity:1;transition:all .4s}.me p{left:0}.skills{top:0;opacity:1;transition:all .4s .4s ease}.contact .headContact{position:relative;min-height:250px;margin-bottom:6rem}.contact .headContact:before{content:'';display:block;position:relative;top:0;left:0;width:100%;min-height:250px;bottom:0;background:rgba(255,255,255,.5);z-index:45}.contact .headContact h1{position:absolute;top:50%;padding:1.5rem 0;text-align:center;z-index:50;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.home{overflow:hidden;background:url(http://globe-views.com/dcim/dreams/image/image-03.jpg);background-position:center center;background-attachment:fixed}.titleHome,.titleHome h1,.titleHome h2,.titleHome h3{position:relative}.noanimate .intro{transition:all .8s ease;opacity:0}.noanimate .intro .titleHome{opacity:0;top:50px}.noanimate .intro .titleHome h1,.noanimate .intro .titleHome h2,.noanimate .intro .titleHome h3{top:30px;opacity:0}.intro{transition:all .8s ease;opacity:1;overflow:hidden}.intro img{position:absolute;top:50%;left:50%;overflow:hidden;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.intro .titleHome{position:relative;transition:all .8s .2s ease;top:0;opacity:1}.intro .titleHome h1,.intro .titleHome h2,.intro .titleHome h3{top:0;opacity:1}.intro .titleHome h1{transition:all .8s .8s ease}.intro .titleHome h2{transition:all .8s 1s ease}.intro .titleHome h3{transition:all .8s .6s ease}.sections{-webkit-animation:sections .8s 4s ease-in both;animation:sections .8s 4s ease-in both}@keyframes sections{0%{margin-top:45px;opacity:0}50%{margin-bottom:45px}100%{margin-top:0;margin-bottom:0;opacity:1}}@-webkit-keyframes sections{0%{margin-top:45px;opacity:0}50%{margin-bottom:45px}100%{margin-top:0;margin-bottom:0;opacity:1}}.headerProjet:after{content:'';display:block;position:relative;top:0;left:0;width:100%;min-height:250px;bottom:0;background:rgba(255,255,255,.5);z-index:45}.headerProjet h1{z-index:50}.projets .headProjets,.projets .headProjets:before{position:relative;min-height:250px}.projets .headProjets:before{content:'';display:block;top:0;left:0;width:100%;bottom:0;background:rgba(255,255,255,.5);z-index:45}.projets .headProjets h1{position:absolute;top:50%;padding:1.5rem 0;text-align:center;z-index:50;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.projetsArticle.ng-enter{transition:opacity .6s 10s ease;opacity:0}.projetsArticle.ng-enter-active{opacity:1}.projetsArticle.ng-leave{transition:opacity .6s 10s ease;opacity:1}.projetsArticle.ng-leave-active{opacity:0}.projetsArticle{background:#51a9db;padding-right:0;padding-left:0}.projetsArticle.appear{-webkit-animation:appear .8s .6s ease-in-out both;animation:appear .8s .6s ease-in-out both}@keyframes appear{0%{margin-top:45px;opacity:0}50%{margin-bottom:45px}100%{margin-top:0;margin-bottom:0;opacity:1}}@-webkit-keyframes appear{0%{margin-top:45px;opacity:0}50%{margin-bottom:45px}100%{margin-top:0;margin-bottom:0;opacity:1}}.projetsArticle{overflow:hidden}.projetsArticle .projetsLink{max-height:250px;min-height:250px;display:block;overflow:hidden}.projetsArticle .projetsLink img{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:30;overflow:hidden}.projetsArticle .projetsLink span{transition:all .6s ease;background:#fff;min-height:300px;display:block;position:relative;z-index:35}.projetsArticle .projetsLink span .infoProjet{transition:all .6s ease;position:relative;display:block;padding-top:20%;-webkit-transform:translateY(-35%);-ms-transform:translateY(-35%);transform:translateY(-35%)}.projetsArticle .projetsLink span .infoProjet h2{text-align:center;position:relative;z-index:35}.projetsArticle .projetsLink span .infoProjet ul{text-align:center}.projetsArticle .projetsLink span .infoProjet li{transition:all .6s ease;display:inline-block;-webkit-transform:translateY(-45px);-ms-transform:translateY(-45px);transform:translateY(-45px);text-align:center;position:relative;z-index:35;opacity:0;text-transform:capitalize;padding:0 10px;color:#555}.projetsArticle .projetsLink span .infoProjet li:after{content:'';display:block;position:absolute;right:-3px;top:50%;width:6px;height:2px;background-color:#555}.projetsArticle .projetsLink span .infoProjet li:last-child:after{display:none}.projetsArticle .projetsLink:hover span{background:rgba(255,255,255,.75)}.projetsArticle .projetsLink:hover span .infoProjet{-webkit-transform:translateY(-40%);-ms-transform:translateY(-40%);transform:translateY(-40%)}.projetsArticle .projetsLink:hover span .infoProjet li{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.services .headServices{position:relative;min-height:250px;margin-bottom:6rem}.services .headServices:before{content:'';display:block;position:relative;top:0;left:0;width:100%;min-height:250px;bottom:0;background:rgba(255,255,255,.5);z-index:45}.services .headServices h1{position:absolute;top:50%;padding:1.5rem 0;text-align:center;z-index:50;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.fade.ng-enter,.fade.ng-move{-webkit-animation:fadeIn 1s;animation:fadeIn 1s}.fade.ng-leave{-webkit-animation:fadeOut 1s;animation:fadeOut 1s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}.serviceView{padding-bottom:50px}.serviceView,.serviceView h2,.serviceView p{position:relative}.noanimate .serviceView{opacity:0;top:50px}.noanimate .serviceView img{opacity:0;-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.noanimate .serviceView h2{opacity:0;top:20px}.noanimate .serviceView p{top:10px;opacity:0}.serviceView{transition:all .6s .8s ease-in;opacity:1;top:0}.serviceView img{transition:all .6s 1s ease-in;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.serviceView h2{transition:all .3s 1.2s ease-in;opacity:1;top:0}.serviceView p{transition:all .3s 1.4s ease-in;top:0;opacity:1}#loader{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#51b6db;z-index:10000;transition:all .6s .4s ease}#loader span{position:relative;display:block;top:50%;left:50%;opacity:1;-webkit-transform:translateX(-50%)translateY(-50%);-ms-transform:translateX(-50%)translateY(-50%);transform:translateX(-50%)translateY(-50%);transition:all .6s ease}.loaded #loader{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.loaded #loader span{top:25%;opacity:0}.loaded .content{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}a.button{position:relative;bottom:0;width:100%;margin:0;outline:none;padding:40px 0;color:#efefef;font-weight:bolder;font-family:Helvetica,Verdana,Arial,sans-serif;background-color:#008CBA}nav ul li{display:inline;padding:0 5px}#footer{background:#333;padding:20px 0}#footer ul{text-align:center}#footer ul li{display:inline;margin:0 30px}#footer hr{border:1px solid #656565}#footer p{color:#656565;margin-bottom:0}.columns.nopadding{padding-left:0;padding-right:0}.container,.headerProjet{overflow:hidden}.headerProjet{position:relative;background:#51a9db;max-height:450px;min-height:12rem}.headerProjet img{opacity:.4;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%)}.headerProjet h1{position:absolute;font-size:6rem;font-weight:100;text-transform:uppercase;line-height:6rem;top:50%;left:50%;-webkit-transform:translateX(-50%)translateY(-50%);-ms-transform:translateX(-50%)translateY(-50%);transform:translateX(-50%)translateY(-50%);border-top:4px solid #000;border-bottom:4px solid #000}.imageAndText{position:relative}.imageAndText img{padding-right:0;padding-left:0}.imageAndText p{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;right:0;padding:0 80px}.sections:nth-child(2) .imageAndText img{float:right}.sections:nth-child(2) .imageAndText p{float:left;left:0}#error{padding:3rem 0}.menu{position:fixed;z-index:9999;margin:50px 0 0}.menu nav{opacity:0}.menu input#slide:checked~nav{opacity:1}.menu label{position:fixed;font-size:30px;cursor:pointer;z-index:9999}.menu input#slide{display:none}.menu input#slide:checked~label.open i{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.menu label i,.menu nav,.menu nav ul li a span{transition:all .2s ease-in-out}.menu label,.menu nav ul li a i{width:60px}.menu label,.menu nav ul li a i,.menu nav ul li a span{line-height:60px;text-align:center;height:60px}.menu nav ul{list-style:none;overflow:hidden}.menu nav ul li a i{font-style:20px}.menu nav ul li a span{font-family:'Roboto',Helvetica,Verdana,Arial,sans-serif;font-size:16px;text-transform:uppercase;width:0}.menu nav ul li a:hover span{width:100px;padding:0 10px}.menu.horizontal nav ul li,.menu.horizontal nav ul li a span{float:left}.menu.horizontal nav{margin-left:-50px}.menu.left.horizontal input#slide:checked~nav{margin-left:60px}.menu.right.horizontal nav{margin-right:-50px}.menu.right.horizontal input#slide:checked~nav{margin-right:60px}.menu.blue label,.menu.blue nav ul li a ul li i{background-color:#3498db;color:#2980b9}.menu.blue nav ul li a span{background:#2980b9;color:#3498db}.menu.blue nav ul li a span:hover{color:#fff}ul li ul{margin-left:0}ul li ul li{padding:0}.menu ul{margin-left:0}.menu ul li{padding:0}.dino-box{position:fixed;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:460px;height:460px}.dino-box>a{position:absolute;text-decoration:none;background:#900;height:15px;width:15px;border-radius:50%;margin:70px;display:inline}.dino-box a div{width:0;height:0;position:absolute;top:50%;left:50%;overflow:hidden;background-position:center center;margin:0;z-index:100;transition:all .2s ease-out}.dino-box a span{font-size:14px;color:#fff;background:#900;padding:10px 30px;border-radius:10px;margin-top:-20px;margin-left:0;display:inline-block;opacity:0;transition:all .4s ease}.dino-box a:hover div{width:90px;height:90px;background-size:120px;margin:-45px 0 0 -45px;border-radius:50px;border:3px solid #900}.dino-box a:hover span{margin-left:40px;opacity:1;transition:all .4s ease}.lien1{top:0;left:202px}.lien2{top:76px;left:360px}.lien3{top:247px;left:400px}#arrow-wrapper{width:700px;height:700px;margin-top:250px}#arrow-tube{background:0 0;width:600px;height:33px;border-bottom:34px solid #000;margin-top:33px}#arrow-pointe{border-top:50px solid transparent;border-left:100px solid #000;border-bottom:50px solid transparent}#arrow-tube,#arrow-pointe,#arrow-wrapper{float:left}#circleImg{float:left;background-image:url(http://clementgrellier.fr/img/thumbs/crestyl.jpg);width:600px;height:600px;border-radius:300px;margin-left:35px}.imageWrap{border:20px solid #fff;border-bottom:80px solid #fff;box-shadow:6px 6px 12px #333;width:750px;margin:260px auto;overflow:hidden;cursor:pointer}.imageWrap img{transition:all .2s ease}.imageWrap img:hover{-webkit-transform:matrix(1.05,0,0,1.05,0,0);-ms-transform:matrix(1.05,0,0,1.05,0,0);transform:matrix(1.05,0,0,1.05,0,0)}