.burger{z-index:10000!important;cursor:pointer;width:50px;height:50px;position:fixed;top:13px;right:15px}.burger:hover .line1{cursor:pointer;width:10px}.burger:hover .line2{cursor:pointer;width:10px}.burger:hover .line3{cursor:pointer;width:10px}.line1{cursor:pointer;-webkit-transition:width 1s;transition:width 1s;z-index:1000000;width:50px;border:2px solid #91d7f2;position:fixed;top:20px;right:20px}.line2{cursor:pointer;-webkit-transition:width 1s;transition:width 1s;z-index:1000000;width:30px;border:2px solid #021f59;position:fixed;top:30px;right:20px}.line3{cursor:pointer;-webkit-transition:width 1s;transition:width 1s;z-index:1000000;width:50px;border:2px solid #91d7f2;position:fixed;top:40px;right:20px}.overlay{height:100%;width:0;position:fixed;z-index:1000000;left:0;top:0;background-color:rgba(2,31,89,0.9);overflow-x:hidden;transition:0.5s}.overlay-content{position:relative;top:15%;width:100%;text-align:center;margin-top:30px}.overlay a{font-family:'Red Hat Display',sans-serif!important;padding:8px;text-decoration:none;font-size:2.5em!important;color:white;display:block;transition:0.3s}.overlay a:hover,.overlay a:focus{color:#91d7f2}.overlay .closebtn{position:absolute;top:0px;right:20px;font-size:60px;font-weight:normal}@media screen and (max-height:480px){.overlay a{font-size:1.5em!important}.overlay .closebtn{font-size:30px;top:15px;right:35px}}@media screen and (max-width:768px){.line1{-webkit-transition:none;transition:none}.line2{-webkit-transition:none;transition:none}.line3{-webkit-transition:none;transition:none}.burger:hover .line1{cursor:pointer;width:50px}.burger:hover .line2{cursor:pointer;width:30px}.burger:hover .line3{cursor:pointer;width:50px}}h1,h2,h3,h4,h5,h6{font-family:'Red Hat Display',sans-serif!important}a{font-family:'Red Hat Display',sans-serif!important}span{font-family:'Red Hat Display',sans-serif!important}p{font-family:'Red Hat Display',sans-serif!important}#home{background:url(../img/graphiste.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:100%;min-height:100%;height:100%;width:100%}.wrap-hero-content{width:100%;height:100%;position:absolute;text-align:center;top:0;left:0}.hero-content{position:absolute;text-align:center;min-width:300px;left:50%;top:50%;padding:65px;outline-offset:8px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.contenue{position:absolute;width:100%;height:100%;left:0px;bottom:0px;z-index:-2}.fleche-content{z-index:0;position:absolute;text-align:center;left:50%;bottom:100px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.scrollbrand{z-index:0;color:white;cursor:pointer}.fleche-content2{z-index:0;position:absolute;text-align:center;left:50%;bottom:-50px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.scrollline{z-index:0;cursor:pointer;height:100px;width:1px;border:1px solid white}.js-scrollTo{color:white;text-decoration:none}.js-scrollTo:hover{color:white;text-decoration:none}.js-scrollTo:focus{color:white;text-decoration:none}#brandboard{background:url(../img/brandboard.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:100%;min-height:100%;height:100%;width:100%;display:block;background-attachment:fixed;background-position:center center;background-repeat:no-repeat}@media screen and (max-width:768px){#brandboard{background:url(../img/brandboard-smart.jpg) no-repeat center center}}@media only screen and (min-device-width:320px) and (max-device-width:736px){#brandboard{background-attachment:scroll}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){#brandboard{background-attachment:scroll}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){#brandboard{background-attachment:scroll}}.titreBb{display:table;position:absolute;height:100%;width:100%}.titreBb h1{display:table-cell;vertical-align:middle;color:white;font-weight:bold;padding-left:50px;font-size:3.5em}.titreBb span{font-size:0.4em;font-weight:normal}.titreBb a{font-size:0.4em;border:2px solid white;padding:10px;color:white;text-decoration:none;font-weight:normal}#photomontage{background:url(../img/photomontage.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:100%;min-height:100%;height:100%;width:100%;display:block;background-attachment:fixed;background-position:center center;background-repeat:no-repeat}@media only screen and (min-device-width:320px) and (max-device-width:736px){#photomontage{background-attachment:scroll}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){#photomontage{background-attachment:scroll}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){#photomontage{background-attachment:scroll}}.titrePh{display:table;position:absolute;height:100%;width:100%}.titrePh h1{display:table-cell;vertical-align:middle;color:white;font-weight:bold;padding-left:50px;font-size:3.5em}.titrePh span{font-size:0.4em;font-weight:normal}.titrePh a{font-size:0.4em;border:2px solid white;padding:10px;color:white;text-decoration:none;font-weight:normal}#print{background:url(../img/print.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:100%;min-height:100%;height:100%;width:100%;display:block;background-attachment:fixed;background-position:center center;background-repeat:no-repeat}@media only screen and (min-device-width:320px) and (max-device-width:736px){#print{background-attachment:scroll}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){#print{background-attachment:scroll}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){#print{background-attachment:scroll}}.titrePr{display:table;position:absolute;height:100%;width:100%}.titrePr h1{display:table-cell;vertical-align:middle;color:white;font-weight:bold;padding-left:50px;font-size:3.5em}.titrePr span{font-size:0.4em;font-weight:normal}.titrePr a{font-size:0.4em;border:2px solid white;padding:10px;color:white;text-decoration:none;font-weight:normal}#web{background:url(../img/web.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:100%;min-height:100%;height:100%;width:100%;display:block;background-attachment:fixed;background-position:center center;background-repeat:no-repeat}@media screen and (max-width:768px){#web{background:url(../img/web-smart.jpg) no-repeat center center}}@media only screen and (min-device-width:320px) and (max-device-width:736px){#web{background-attachment:scroll}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){#web{background-attachment:scroll}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){#web{background-attachment:scroll}}.titreWeb{display:table;position:absolute;height:100%;width:100%}.titreWeb h1{display:table-cell;vertical-align:middle;color:white;font-weight:bold;padding-left:50px;font-size:3.5em}.titreWeb span{font-size:0.4em;font-weight:normal}.titreWeb a{font-size:0.4em;border:2px solid white;padding:10px;color:white;text-decoration:none;font-weight:normal}.footer{padding-top:40px}.text-center h4{font-weight:bold}.list-inline .fa{color:#021f59;cursor:pointer}.list-inline .fa:hover{color:#91d7f2;-webkit-transition:color 1s;transition:color 1s}.btn-dark{-webkit-transition:background-color 1s;transition:background-color 1s;float:right;border:2px solid #021f59;padding:10px;margin:10px;border-radius:0;background-color:white}.btn-dark .fa-long-arrow-up{-webkit-transition:color 1s;transition:color 1s;color:#021f59}.btn-dark:hover{background-color:#021f59}.btn-dark:hover .fa-long-arrow-up{color:white}#apropos{background:url(../img/graphiste_apropos.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:100%;min-height:100%;height:100%;width:100%}.brandAbout{width:200px;padding:20px!important}.presentation{margin-left:50px}.presentation h1{font-size:3em;margin-bottom:0px;font-weight:bold;margin-top:15%;color:white}.presentation p{margin:0px;font-size:2em;color:white}.titre{font-weight:bold;text-align:center;color:#021f59}.num{font-family:'Playfair Display',serif!important;font-style:italic;text-align:center;margin:0px;font-size:6em;color:#91d7f2}.resume{padding-top:80px;color:#021f59}.resume article{color:#021f59}.resume h4{margin:0px}.resume a{color:#91d7f2;border:2px solid #91d7f2;padding:10px;text-decoration:none}.experience{padding-top:80px;color:#021f59}.experience h4{margin:0px}.experience a{color:#91d7f2;border:2px solid #91d7f2;padding:10px;text-decoration:none}.formation{padding-top:80px;color:#021f59}.formation h4{margin:0px}.formation a{color:#91d7f2;border:2px solid #91d7f2;padding:10px;text-decoration:none}.callout{margin-top:100px;display:table;width:100%;height:400px;color:#fff;background:url(../img/communication-visuelle.jpg);-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;background-attachment:fixed;background-position:center center;background-repeat:no-repeat}@media only screen and (min-device-width:320px) and (max-device-width:736px){.callout{background-attachment:scroll}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.callout{background-attachment:scroll}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.callout{background-attachment:scroll}}.text-vertical-center{display:table-cell;text-align:center;vertical-align:middle}.text-vertical-center h1{margin:0;padding:0;font-size:1.5em;font-weight:700;font-family:'Playfair Display',serif!important}@media screen and (max-width:768px){.callout{background-attachment:scroll!important}}#portfolio01{background:url(../img/portfolio.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:100%;min-height:100%;height:100%;width:100%}.brandport{width:200px;padding:20px!important}#galerie{margin-top:100px;margin-bottom:100px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding-left:0px;padding-right:0px}.brandservices{width:200px;padding:20px!important}#services{background:url(../img/services.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:100%;min-height:100vh;height:100vh;width:100%}.services01{display:table;width:50%;background-color:#89cbd8;background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-height:80vh;height:80vh}@media screen and (max-width:768px){.services01{width:100%;min-height:50vh;height:50vh}}.services02{display:table;width:50%;background-color:#8dc488;background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-height:80vh;height:80vh}@media screen and (max-width:768px){.services02{width:100%;min-height:50vh;height:50vh}}.services03{display:table;width:50%;background-color:#d68a8a;background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-height:80vh;height:80vh}@media screen and (max-width:768px){.services03{width:100%;min-height:50vh;height:50vh}}.services04{display:table;width:50%;background-color:#b488bd;background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-height:80vh;height:80vh}@media screen and (max-width:768px){.services04{width:100%;min-height:50vh;height:50vh}}.pictodigital{color:white;display:table-cell;text-align:center;-webkit-text-align:center;vertical-align:middle}.pictodigital img{width:30%;display:table-cell}.pictoprint{color:white;display:table-cell;text-align:center;vertical-align:middle}.pictoprint img{width:20%;display:table-cell}.pictoidentite{color:white;display:table-cell;text-align:center;vertical-align:middle}.pictoidentite img{width:20%;display:table-cell}.pictophotomontage{color:white;display:table-cell;text-align:center;vertical-align:middle}.pictophotomontage img{width:20%;display:table-cell}.contact01{display:table;width:50%;background-color:#89cbd8;background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-height:100vh;height:100vh}@media screen and (max-width:768px){.contact01{width:100%;min-height:50vh;height:50vh}}.contact02{display:table;width:50%;background:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(../img/graphiste-romain.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-height:100vh;height:100vh}@media screen and (max-width:768px){.contact02{width:100%;min-height:50vh;height:50vh}}.titrePourquoi{color:white;display:table-cell;text-align:center;vertical-align:middle}.logo{color:white;display:table-cell;text-align:center;vertical-align:middle}.logo img{width:50%;display:table-cell;text-align:center!important}.coord{color:white;display:table-cell;text-align:center;vertical-align:middle}.coord h5{font-size:large;font-variant:small-caps;font-weight:lighter;letter-spacing:2px}.coord a{color:white;text-decoration:none}.coord .fa{color:white;cursor:pointer!important}.mentionsContact{text-align:center}.cl-effect-1 a::before,.cl-effect-1 a::after{display:inline-block;opacity:0;-webkit-transition:-webkit-transform 0.3s,opacity 0.2s;-moz-transition:-moz-transform 0.3s,opacity 0.2s;transition:transform 0.3s,opacity 0.2s}.cl-effect-1 a::before{margin-right:10px;content:'[';-webkit-transform:translateX(20px);-moz-transform:translateX(20px);transform:translateX(20px)}.cl-effect-1 a::after{margin-left:10px;content:']';-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);transform:translateX(-20px)}.cl-effect-1 a:hover::before,.cl-effect-1 a:hover::after,.cl-effect-1 a:focus::before,.cl-effect-1 a:focus::after{opacity:1;-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px)}@media screen and (max-width:768px){.brandAbout{width:150px;padding:20px!important}.brandport{width:150px;padding:20px!important}.brandservices{width:150px;padding:20px!important}.fleche-content{z-index:10000000;position:absolute;text-align:center;left:50%;bottom:50px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.scrollbrand{color:white;cursor:pointer}.fleche-content2{z-index:10000000;position:absolute;text-align:center;left:50%;bottom:-25px;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.scrollline{cursor:pointer;height:50px;width:1px;border:1px solid white}.titreBb h1{display:table-cell;vertical-align:middle;color:white;font-weight:bold;padding-left:20px;font-size:2.5em;text-align:center}.titreBb span{font-size:0.4em;font-weight:normal}.titreBb a{font-size:0.4em;border:2px solid white;padding:5px;color:white;text-decoration:none;font-weight:normal}.titrePh h1{display:table-cell;vertical-align:middle;color:white;font-weight:bold;padding-left:20px;font-size:2.5em;text-align:center}.titrePh span{font-size:0.4em;font-weight:normal}.titrePh a{font-size:0.4em;border:2px solid white;padding:5px;color:white;text-decoration:none;font-weight:normal}.titrePr h1{display:table-cell;vertical-align:middle;color:white;font-weight:bold;padding-left:20px;font-size:2.5em;text-align:center}.titrePr span{font-size:0.4em;font-weight:normal}.titrePr a{font-size:0.4em;border:2px solid white;padding:5px;color:white;text-decoration:none;font-weight:normal}.titreWeb h1{display:table-cell;vertical-align:middle;color:white;font-weight:bold;padding-left:20px;font-size:2.5em;text-align:center}.titreWeb span{font-size:0.4em;font-weight:normal}.titreWeb a{font-size:0.4em;border:2px solid white;padding:5px;color:white;text-decoration:none;font-weight:normal}#resume article{padding:20px}.experience{padding:20px}.formation{padding:20px}.experience h4{padding-bottom:30px}.formation h4{padding-bottom:30px}@media screen and (max-width:768px){.logo img{padding:10px}.pictodigital img{padding-top:20px}.pictoprint img{padding-top:20px}.pictoidentite img{padding-top:20px}.pictophotomontage img{padding-top:20px}}