@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light);.main-container,.main-container-portfolio{min-width:100%;position:relative;overflow:hidden}.go-realisation,.picto-creation-zone{text-align:center}.description-creation-zone .titre-creation-zone,a{font-weight:700;letter-spacing:2px;text-decoration:none}.btn,.button_container,.closeptfl,.nav-icon{cursor:pointer}.alephent-card h3,.btn{text-transform:uppercase}.row{max-width:1280px;margin:auto!important}.custom-space-44{height:44px}.custom-space-88{height:88px}.custom-space-20{height:20px}.automargin{float:none!important}html{height:100%}.head-title{padding-top:50px;padding-bottom:10px;border-bottom:1px solid #fff;margin-bottom:50px}.main-container{min-height:110%}.main-container-portfolio{min-height:50%;background-image:url(../images/7688.png);-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;text-align:center;background-position-y:-130px}#parallax,.main-container.titre-home{-webkit-background-size:cover;background-repeat:no-repeat}.main-container-portfolio h1{font-family:polya;font-size:100px;color:#323431}.main-container-portfolio .letter{position:relative;padding:5px}.main-container .arrow-down i,.main-container .arrow-down i:hover{font-size:30px;padding:20px 30px;transition:background-color 2s ease}.main-container.titre-home{display:flex;align-items:center;justify-content:center;flex-direction:column;background-image:url(../images/2273-back.png);background-size:cover}.main-container .arrow-down{margin-top:50px;position:fixed;top:50%;left:50%;z-index:2;transform:translate(-50%,100%)}.main-container .arrow-down i{border:1px solid #323431;border-radius:64px;color:#323431;background-color:#FFF}.main-container .arrow-down i:hover{border:1px solid #323431;border-radius:64px;color:#FFF;background-color:#323431}.main-container2{background-color:#323431;z-index:4;position:relative}.main-container3,.main-container3-bottom{background:fixed #cbcccc;z-index:4;position:relative}.main-container2 h2{color:#F2F2F2}.main-container3{padding-bottom:75px}.main-container3 *{color:#323431}.main-container3 .sub-title hr{border-color:#323431}.main-container3-bottom{margin-bottom:100px;height:150px}.main-container4{z-index:4;background-color:#FFF;position:relative}#parallax{background-image:url(../images/technology.jpg);background-size:cover;background-attachment:fixed;height:400px;position:relative;z-index:3}.triangle,.triangle-bottom{-webkit-background-size:cover}.triangle,.triangle-bottom,.triangle-transparent{z-index:4;width:100%;height:100px;position:absolute;background-repeat:no-repeat}.triangle{bottom:0;left:0;background-image:url(../images/triangle.png);background-size:cover}.triangle-bottom{top:0;background-image:url(../images/triangle-reverse.png);background-size:cover}.triangle-transparent{bottom:0;background-image:url(../images/triangle-gris.png);-webkit-background-size:cover;background-size:cover}.cubebtn a,.go-realisation a{border-radius:3px;background-color:#FFF;padding:15px 35px;font-size:18px;text-decoration:none;transition:all .5s ease}.cubebtn a:focus,.cubebtn a:hover,.go-realisation a:focus,.go-realisation a:hover{background-color:#769BDB;text-decoration:none;color:#FFF;transition:all .5s ease}.description-creation{margin-top:70px}.description-creation-zone p,.description-creation-zone ul{text-align:justify}.description-creation-zone .titre-creation-zone{padding:15px 35px;font-size:18px;color:#323431}.description-creation-zone .customhr{background-color:#323431;width:100px;height:3px}.description-creation-zone:nth-child(4),.description-creation-zone:nth-child(8){text-align:left}#div-pre-home,#footer,.cube,.overlay nav,.sub-title h2,h2{text-align:center}.description-creation-zone:nth-child(4) .customhr,.description-creation-zone:nth-child(8) .customhr{position:absolute;left:50px}.presentation-description{width:80%;margin:auto;z-index:2;color:#fff}.presentation-description p{font-size:17px}@font-face{font-family:plento;src:url(../fonts/PLENTO-Regular.ttf)}@font-face{font-family:polya;src:url(../fonts/POLYA.otf)}@import url(https://fonts.googleapis.com/css?family=Raleway);body{font-family:Raleway,sans-serif}@font-face{font-family:icomoon;src:url(../fonts/icomoon.eot);src:url(../fonts/icomoon.eot?#iefix) format('embedded-opentype'),url(../fonts/icomoon.woff) format('woff'),url(../fonts/icomoon.ttf) format('truetype'),url(../fonts/icomoon.svg#icomoon) format('svg');font-weight:400;font-style:normal}a{color:#f0f0f0;padding:0}a:hover{color:#fff;text-decoration:none}.container{height:100%}#about-section{position:absolute;top:0;display:none;z-index:3}h1{margin:0 0 0 10px;font-size:35px;letter-spacing:9px;display:inline-block;vertical-align:middle}.presentation{width:50%;margin:auto;z-index:2;color:#fff}.presentation p{font-size:17px}.presentation .link{margin-top:40px}.presentation a{font-size:17px;border:1px solid #769BDB;padding:15px 25px;display:block;margin:auto auto 15px}#footer,#presentation a{color:#fff}#footer{padding:0;z-index:2;background-color:rgba(0,0,0,.4)}.hr{width:75px;margin:auto auto 30px;background-color:#fff}#header{margin-bottom:35px;position:relative;z-index:2;height:25%}canvas{position:absolute;top:0;z-index:1}i.fa{color:#769BDB}.sub-title{display:inline-block;width:100%;vertical-align:top;margin-top:15px;margin-bottom:40px}.menu-about,.menu-cv{display:none}.sub-title h2{font-size:30px;margin-bottom:15px}.sub-title hr{width:100px;border-width:3px;margin:auto}#div-pre-home{position:fixed;top:50%;left:50%;transform:translate(-50%,-80%);padding:45px;color:#000;width:546px;z-index:3}.overlay a,.overlay a i,.replace{color:#323431}h1#pre-home{text-shadow:2px 2px #3460AA;font-family:plento;font-size:70px}#pre-home-image{background-image:url(../images/Logo-bardin-alexandre.png);background-repeat:no-repeat;background-position:center;z-index:3;position:relative;height:138px;width:546px;top:-45px;left:-70px}.menu-cv{position:absolute;right:0;margin-right:50px;z-index:4;margin-top:50px}.menu-about,.menu-return{position:absolute;margin-left:50px;z-index:4;margin-top:50px}.menu-about-hide,.menu-return-hide{display:none!important}.cube,.overlay ul{margin:0 auto;display:inline-block}.cube{height:100px;width:49%;-webkit-transition:-webkit-transform .33s;transition:transform .33s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.flippety,.flop{background:0 0;height:100px}.flippety{-webkit-transform:translateZ(48px);transform:translateZ(48px)}.flop{-webkit-transform:rotateX(-90deg) translateZ(-50px);transform:rotateX(-90deg) translateZ(-50px)}.flop a{background-color:#769BDB}.cube:hover{-webkit-transform:rotateX(89deg);transform:rotateX(89deg)}.overlay{position:fixed;background:#F2F2F2;top:0;left:0;width:100%;height:0%;opacity:0;visibility:hidden;z-index:9998;transition:opacity .35s,visibility .35s,height .35s;overflow:hidden}.overlay a,.overlay li,.overlay nav,.overlay ul{position:relative}.overlay.open{opacity:.94;visibility:visible;height:100%}.overlay nav{height:70%;top:50%;transform:translateY(-50%);font-size:50px;font-family:Vollkorn,serif;font-weight:400}.overlay ul{list-style:none;padding:0;height:100%}.overlay li{display:block;height:33%;height:calc(100% / 3);min-height:50px}.overlay a{display:block;text-decoration:none;font-family:Raleway,sans-serif;font-size:45px}.overlay a:focus,.overlay a:hover{text-decoration:none;cursor:pointer;color:#323431}.overlay a i{transition:all .5s}.overlay a i:hover{color:#769BDB}.button_container{position:fixed;background-color:#00f;top:5%;right:2%;height:20px;width:20px;z-index:100;transition:opacity .25s ease}.nav-icon{width:20px;height:12px;position:relative;margin:50px auto;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}.nav-icon span{display:block;position:absolute;height:3px;width:100%;background:#769BDB;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}.alone,figure{background-size:cover}.nav-icon span:nth-child(1){top:0;z-index:2}.nav-icon span:nth-child(2),.nav-icon span:nth-child(3){top:6px;z-index:2}.nav-icon span:nth-child(4){top:12px;z-index:2}.nav-icon.active span:nth-child(1),.nav-icon.active span:nth-child(4){top:18px;width:0;left:50%}.nav-icon.active span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.nav-icon.active span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.nav-icon span.round{background-color:#fff;height:45px;width:45px;position:absolute;top:-14px;left:-12px;border-radius:50%;z-index:1}.cl-effect-12 a::after,.cl-effect-12 a::before{position:absolute;top:50%;left:50%;width:100px;height:100px;border:2px solid rgba(0,0,0,.1);border-radius:50%;content:'';opacity:0;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transform:translateX(-50%) translateY(-50%) scale(.2);-moz-transform:translateX(-50%) translateY(-50%) scale(.2);transform:translateX(-50%) translateY(-50%) scale(.2)}.cl-effect-12 a::after{width:90px;height:90px;border-width:6px;-webkit-transform:translateX(-50%) translateY(-50%) scale(.8);-moz-transform:translateX(-50%) translateY(-50%) scale(.8);transform:translateX(-50%) translateY(-50%) scale(.8)}.cl-effect-12 a:focus::after,.cl-effect-12 a:focus::before,.cl-effect-12 a:hover::after,.cl-effect-12 a:hover::before{opacity:1;-webkit-transform:translateX(-50%) translateY(-50%) scale(1);-moz-transform:translateX(-50%) translateY(-50%) scale(1);transform:translateX(-50%) translateY(-50%) scale(1)}.alephent-card figcaption:after,.alephent-card figcaption:before,.alephent-card:after,.alephent-card:before{content:'';opacity:.5;top:0;right:0;bottom:0;left:0}.eclatword{margin-top:60px}.alephent-card{background-color:#fff;color:#fff;display:inline-block;font-family:'Source Sans Pro',sans-serif;font-size:16px;overflow:hidden;position:relative;text-align:left;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0)}.alephent-card *,.alephent-card :after,.alephent-card :before{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .45s ease;transition:all .45s ease}.alephent-card img{backface-visibility:hidden;max-width:100%;vertical-align:top}.alephent-card:before{position:absolute;background-color:#dea597;-webkit-transition:all .45s ease;transition:all .45s ease;-webkit-transform:skew(30deg) translateX(-80%);transform:skew(30deg) translateX(-80%)}.alephent-card:after{position:absolute;background-color:#a2bac7;-webkit-transition:all .45s ease;transition:all .45s ease;-webkit-transform:skew(-30deg) translateX(-70%);transform:skew(-30deg) translateX(-70%)}.alephent-card figcaption{position:absolute;top:0;left:0;right:0;z-index:1;bottom:0;padding:25px 40% 25px 20px}.alephent-card figcaption:after,.alephent-card figcaption:before{position:absolute;background-color:#54666f;box-shadow:0 0 20px rgba(0,0,0,.7);z-index:-1}.alephent-card figcaption:before{-webkit-transform:skew(30deg) translateX(-100%);transform:skew(30deg) translateX(-100%)}.alephent-card figcaption:after{-webkit-transform:skew(-30deg) translateX(-90%);transform:skew(-30deg) translateX(-90%)}.alephent-card h3,.alephent-card p{margin:0;opacity:0;letter-spacing:1px}.alephent-card h3{font-size:23px;color:#FFF;font-weight:700;line-height:1em}.alephent-card p{font-size:.6em}.alephent-card a{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}.alephent-card.hover h3,.alephent-card.hover p,.alephent-card:hover h3,.alephent-card:hover p{-webkit-transform:translateY(0);transform:translateY(0);opacity:.9;-webkit-transition-delay:.2s;transition-delay:.2s}.alephent-card.hover:before,.alephent-card:hover:before{-webkit-transform:skew(30deg) translateX(-20%);transform:skew(30deg) translateX(-20%);-webkit-transition-delay:50ms;transition-delay:50ms}.alephent-card.hover:after,.alephent-card:hover:after{-webkit-transform:skew(-30deg) translateX(-10%);transform:skew(-30deg) translateX(-10%)}.alephent-card.hover figcaption:before,.alephent-card:hover figcaption:before{-webkit-transform:skew(30deg) translateX(-40%);transform:skew(30deg) translateX(-40%);-webkit-transition-delay:.15s;transition-delay:.15s}.alephent-card.hover figcaption:after,.alephent-card:hover figcaption:after{-webkit-transform:skew(-30deg) translateX(-30%);transform:skew(-30deg) translateX(-30%);-webkit-transition-delay:.1s;transition-delay:.1s}figure{width:100%;height:100%;background-position:center top;-moz-box-shadow:6px 5px 1px px #323431;-webkit-box-shadow:6px 5px 1px 0 #323431;-o-box-shadow:6px 5px 1px 0 #323431;box-shadow:6px 5px 1px 0 #323431;filter:progid:DXImageTransform.Microsoft.Shadow(color=#323431, Direction=129, Strength=1)}.grid-item{padding:10px;height:300px;transition:all .5s}.grid-item--width2{width:832px}.ptfl-fullscreen{position:absolute;display:none;transition:all .5s}.ptfl-fullscreen.open{height:700px;width:100%;z-index:99;background-color:#f2f2f2;top:0;left:0}.img-long{display:block;width:75%;margin:auto}.bloc-img-long{position:relative}.img-desktop{position:absolute;top:0;left:0}.img-laptop{position:absolute;right:0;top:45%}.img-mobile{position:absolute;bottom:0;left:0}.background-closeptfl,.closeptfl{position:fixed!important;right:25px}.ptfl-bloc-desc>div{margin-left:150px}.closeptfl{margin:0 10px;top:100px;z-index:100}.background-closeptfl{background-color:#fff;height:45px;width:45px!important;top:89px;border-radius:50%;margin-right:-3px;z-index:3}.img-full-ptfl{margin-left:100px}.cubebtn{width:50%;float:left;padding:0 25px}.btn{display:block;font-size:18px;font-weight:400;position:relative;text-decoration:none;vertical-align:middle;width:100%;margin:10px}.btn-1:hover{font-weight:900;letter-spacing:1px}.alone{height:100%;width:100%;background-image:url(../images/2273-alone2.png);position:absolute;background-position:center;z-index:1;left:0;top:0;background-attachment:fixed}@media all and (min-width:720px){.col-lg-6{width:50%;float:left}}@media all and (max-width:1200px){.col-lg-4{width:50%;float:left}}@media all and (max-width:920px){.main-container-portfolio{background-position-y:0}}@media all and (max-width:720px){.picto-creation-zone{display:none}.presentation{width:90%}.description-creation-zone p,.description-creation-zone ul{text-align:initial}.main-container-portfolio h1{font-size:75px}.col-lg-4{width:100%;float:left}}@media all and (max-width:425px){.alone{display:none}h1#pre-home{font-size:48px}.main-container .arrow-down{margin-top:0}.socials-icons ul{margin-top:20px}.main-container-portfolio h1{font-size:50px}.background-closeptfl{position:fixed!important}.ptfl-bloc-desc>div{margin-left:0}.img-mobile{position:absolute;bottom:-375px;left:-10px;width:60%}.img-desktop,.img-long{position:absolute;left:0}.img-laptop{position:absolute;right:0;top:auto;bottom:-425px}.img-desktop{top:auto}.img-long{top:425px;margin:auto;right:0}.ptfl-fullscreen.open .custom-space-88{height:0}.img-full-ptfl{margin-left:0}}