*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}html{left:0;top:0;margin:0px;padding:0px;overflow-x:hidden;font-family:'Fira Sans',sans-serif;font-weight:300;height:100%;width:100%}body{margin:0px;padding:0}a{color:#21262B;text-decoration:none;transition:ease .6s;-webkit-transition:ease .6s;-moz-transition:ease .6s;-o-transition:ease .6s;-ms-transition:ease .6s}p{font-size:16px;line-height:25px;font-family:'Fira Sans',sans-serif;font-weight:300;color:#21262B;margin:0px}@media (max-width: 1200px){p{font-size:24px;line-height:40px}}h1{font-family:'Fira Sans',sans-serif;font-weight:600;font-size:80px;color:#151F4C;text-align:left;letter-spacing:1px;margin:0px}@media (max-width: 1200px){h1{font-size:80px}}h2{font-family:'Fira Sans',sans-serif;font-weight:500;font-size:50px;margin:0px;color:#151F4C}@media (max-width: 1200px){h2{font-size:60px}}h3{font-family:'Fira Sans',sans-serif;font-weight:500;font-size:25px;margin:0px;color:#151F4C}@media (max-width: 1200px){h3{font-size:30px}}h4{font-family:'Fira Sans',sans-serif;font-weight:400;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:0px;color:#151F4C}@media (max-width: 1200px){h4{font-size:17px}}.content{max-width:1024px;height:auto;margin:auto;position:relative;opacity:1}@media (max-width: 1700px){.content{max-width:1000px}}@media (max-width: 1200px){.content{max-width:800px}}@media (max-width: 600px){.content{max-width:340px;background-color:rgba(214,113,18,0.527)}}button:focus{outline:none;text-decoration:none}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:10000}#status{width:100vw;height:100vh;background-image:url("../images/logoFannyLoader.gif");background-repeat:no-repeat;background-size:20vw;background-position:center;display:block}.hide{display:none;opacity:0}.border{-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;border:solid 0 #151F4C}#top{top:0;z-index:1;position:fixed;left:0;right:0;height:15px;background-color:#151F4C}#bottom{z-index:1;bottom:0;position:fixed;left:0;right:0;height:15px;background-color:#151F4C}#left{z-index:1;left:0;position:fixed;top:0;bottom:0;width:15px;background-color:#151F4C}#right{z-index:1;right:0;position:fixed;top:0;bottom:0;width:15px;background-color:#151F4C}.borders-deploy{width:100% !important;height:100% !important;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.fill-blue{background-color:#151F4C;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.border-solid{border:solid 10px #151f4c;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.header{z-index:1;position:fixed;width:100%;height:50px;top:15px;display:block;padding:0 15px 5px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.logo-nav{margin:30px;width:70px;display:block}.menu-button{right:15px;top:15px;margin:30px;width:20px;height:20px;border-radius:10px;box-shadow:0 0 0 0 #151F4C;position:fixed;cursor:pointer;background:#151F4C;border:none;transition:all .25s ease}.menu-button:hover{box-shadow:0 0 0 5px #151F4C}.close-button{position:absolute;background-color:#151F4C;border:none;right:1em;top:1em;height:50px;width:50px;box-sizing:border-box;line-height:50px;display:inline-block}.close-button:after,.close-button:before{transform:rotate(-45deg);content:'';position:absolute;top:50%;left:50%;margin-top:-1px;margin-left:-7.5px;display:block;height:2px;width:15px;background-color:#fff;transition:all .25s ease-out}.close-button:after{transform:rotate(-135deg)}.close-button:hover:after,.close-button:hover:before{transform:rotate(0deg)}.menu-wrap{font-family:'Fira Sana',sans-serif;font-size:1.5em;z-index:1;width:0vw;height:0vh;margin:auto;background:#151F4C;padding:2.5em 1.5em 0;opacity:0}.menu,.menu-list{height:100%;overflow-x:auto}.menu-list{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}.menu-list a{display:block;padding:1.5em 0;-webkit-transform:translate3d(0, 500px, 0);transform:translate3d(0, 500px, 0);color:rgba(255,255,255,0.4);position:relative}.menu-list a:active span,.menu-list a:hover{color:#ffffff}.menu-list,.menu-list a{-webkit-transition:-webkit-transform 0s .4s;transition:transform 0s .4s;-webkit-transition-timing-function:cubic-bezier(.7, 0, .3, 1);transition-timing-function:cubic-bezier(.7, 0, .3, 1)}.menu a:nth-child(2){-webkit-transform:translate3d(0, 1000px, 0);transform:translate3d(0, 1000px, 0)}.menu-list a:nth-child(3){-webkit-transform:translate3d(0, 1500px, 0);transform:translate3d(0, 1500px, 0)}.menu-list a:nth-child(4){-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}.menu-list a:nth-child(5){-webkit-transform:translate3d(0, 2500px, 0);transform:translate3d(0, 2500px, 0)}.menu-list a:nth-child(6){-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0)}.menu-list a span:nth-last-child(1){margin-bottom:100px}.menu-list a span{margin-left:10px;font-weight:400;font-size:12px;letter-spacing:5px;text-transform:uppercase;z-index:2;position:absolute;margin-bottom:20px;padding:10px}.menu-list a span:before{content:'';display:block;width:0;height:2px;background:#ffffff;-webkit-transition:width .3s ease;transition:width .3s ease;position:absolute;top:50%;left:0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);z-index:-1}.menu-list a.active span{color:#ffffff !important}.menu-list a.active span:before{width:100%}.show-menu .menu-wrap{width:80vw;height:60vh;opacity:1;-webkit-transition:-webkit-opacity 0s .1s;transition:opacity 0s .1s}.show-menu .menu-list,.show-menu .menu-list a{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:-webkit-transform .8s;transition:transform .8s;-webkit-transition-timing-function:cubic-bezier(.7, 0, .3, 1);transition-timing-function:cubic-bezier(.7, 0, .3, 1)}.show-menu .menu-list a{-webkit-transition-duration:.9s;transition-duration:.9s}.show-menu .content::before{opacity:1;-webkit-transition:opacity .8s;transition:opacity .8s;-webkit-transition-timing-function:cubic-bezier(.7, 0, .3, 1);transition-timing-function:cubic-bezier(.7, 0, .3, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.title-left{opacity:1;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);position:fixed;top:50%;left:-50px;font-style:none;font-family:'Fira Sans',sans-serif;z-index:-10}@media (max-width: 1200px){.title-left{left:-70px;bottom:150px;top:inherit}}@media (max-width: 600px){.title-left{display:none}}.title-left span{color:#00B4A4;padding:5px}.title-left strong{font-family:'Fira Sans',sans-serif;font-weight:500}.welcome{top:300px;position:relative;width:100%;margin:auto;padding-bottom:200px}@media (max-width: 1200px){.welcome{top:250px}}.projet-wrapper{position:relative;height:800px;margin:auto;margin-top:200px;margin-bottom:150px}.projet-wrapper:hover{cursor:pointer}.projet-wrapper .img1{width:600px;height:600px;margin:auto;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%;top:140px;background-color:purple}.projet-wrapper .img1 img{width:100%;height:100%;object-fit:cover}.projet-wrapper .img2{width:375px;height:500px;position:absolute;top:0;right:0;z-index:-1;background-color:gold}.projet-wrapper .img2 img{width:100%;height:100%;object-fit:cover}.projet-wrapper .img3{background-color:pink;width:580px;height:220px;position:absolute;left:0;bottom:0;z-index:-2}.projet-wrapper .img3 img{width:100%;height:100%;object-fit:cover}.projet-title{position:relative;z-index:1;top:160px;left:0}.projet-title hr{width:20%;text-align:left;margin-left:0;color:#21262B;border-style:solid;border-width:.5px}.projet-title b{font-family:'Fira Sans',sans-serif;font-weight:300;font-size:1em}.stick{position:fixed;width:1024px;margin:auto;margin-top:200px;margin-bottom:150px;left:50%;transform:translateX(-50%)}@media (max-width: 1700px){.stick{max-width:800px}}@media (max-width: 1200px){.stick{width:800px}}@media (max-width: 600px){.stick{max-width:380px}}.allprojets-wrapper{position:relative;width:100%;height:auto;margin:auto;margin-top:400px;margin-bottom:200px}.masonry{margin-top:30px;display:grid;grid-gap:1em;grid-template-columns:repeat(auto-fill, minmax(400px, 1fr));grid-auto-rows:150px}@media (max-width: 1200px){.masonry{grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}}.col{border-radius:1px;background:#005}.col--2x{grid-row-end:span 2}.col--3x{grid-row-end:span 3}.col--4x{grid-row-end:span 4}.col:nth-child(2n+1){background:#e97}.col:nth-child(3n+1){background-color:#cd1}.col:nth-child(4n+1){background-color:#d1d}.col:nth-child(5n+1){background-color:#a11}@media (max-width: 1200px){.projet-foot{width:105% !important}}.footer{width:100%;height:auto;padding:80px 0px 80px 0px;background-color:#151F4C;margin:0px;text-align:center;display:flex;align-items:center;color:white;font-size:16px;line-height:30px;z-index:2;font-weight:300}@media (max-width: 1200px){.footer{padding:180px 0px 180px 0px;font-size:20px;font-weight:400;line-height:40px}}.footer strong{font-weight:600}@media (max-width: 1200px){.footer span{padding:180px 0px 180px 0px;font-size:14px}}.footer .centered{height:auto;width:auto;margin:auto;min-height:10em}.footer a{color:white;text-decoration:underline}.footer img{width:80px;height:auto;margin-bottom:20px}.projet-top{margin-top:300px;margin-bottom:60px}@media (max-width: 1200px){.projet-top{margin-top:300px}}.projet-top table{text-align:left}.projet-top table tr:nth-child(1){padding:0;height:7vh}.projet-top table tr:nth-child(1) th:nth-child(1){width:100px;font-size:16px;line-height:20px;font-weight:300;text-decoration:underline;vertical-align:bottom;padding-bottom:20px}@media (max-width: 1200px){.projet-top table tr:nth-child(1) th:nth-child(1){vertical-align:top;padding-top:30px;font-weight:400 !important;font-size:14px}}@media (max-width: 600px){.projet-top table tr:nth-child(1) th:nth-child(1){display:none}}.projet-top table tr:nth-child(1) th:nth-child(2){vertical-align:bottom}@media (max-width: 600px){.projet-top table tr:nth-child(2) td:nth-child(1){display:none}}.projet-img-main{width:105vw;height:50vh;margin:0px;background-color:#151F4C;margin-left:calc(-1 * ((100vw - 100%) / 2))}.projet-img-main img{width:100%;height:100%;object-fit:cover}.projet-infos{display:flex;width:100%;height:130px;margin-top:-40px;background:#F9F9FB}.projet-infos table{width:520px;margin:auto;text-align:left;vertical-align:top}@media (max-width: 1200px){.projet-infos table{width:600px;font-size:20px}}@media (max-width: 600px){.projet-infos table{width:300px}}.projet-infos table td{min-width:50px;padding-right:20px;vertical-align:top}@media (max-width: 1200px){.projet-infos table td{padding-right:50px}}@media (max-width: 600px){.projet-infos table td{padding-right:40px}}.projet-infos table td:nth-child(3){padding-right:0px}.projet-text{-webkit-columns:2;-moz-columns:2;columns:auto 3;column-count:2;grid-column-gap:60px;-webkit-column-gap:60px;-moz-column-gap:60px;column-gap:60px;max-width:580px;margin-top:30px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px}.projet-text p{margin:0px;text-align:left}@media (max-width: 1200px){.projet-text{column-count:1;width:600px;padding:0px}}.projet-img-full{display:block;margin:auto;width:100%;height:50vh;background-color:#151F4C;margin-top:5vh;margin-bottom:5vh}.projet-img-full img{width:100%;height:100%;object-fit:cover}.projet-img-double{display:block;margin:auto;width:100%;height:50vh;background-color:#151F4C;margin-top:5vh;margin-bottom:5vh}.projet-img-double .img-gauche{float:left;background-color:pink;width:48%;height:100%}.projet-img-double .img-gauche img{width:100%;height:100%;object-fit:cover}@media (max-width: 600px){.projet-img-double .img-gauche{width:100%;margin-bottom:30px}}.projet-img-double .img-droite{float:right;background-color:yellow;width:48%;height:100%}.projet-img-double .img-droite img{width:100%;height:100%;object-fit:cover}@media (max-width: 600px){.projet-img-double .img-droite{width:100%;margin-bottom:30px}}.bottom-nav{position:relative;height:200px;width:100%;background-color:#F9F9FB}@media (max-width: 1200px){.bottom-nav{width:105%}}@media (max-width: 600px){.bottom-nav{margin-top:280px;height:150px}}.bottom-nav .wrapper-bottom{position:absolute;width:800px;top:50%;left:50%;transform:translate(-50%, -50%)}@media (max-width: 1200px){.bottom-nav .wrapper-bottom{width:600px}}@media (max-width: 600px){.bottom-nav .wrapper-bottom{width:330px}}.bottom-nav .nav{width:300px;text-align:left;line-height:35px;color:#151F4C}.bottom-nav .nav:hover{cursor:pointer}@media (max-width: 1200px){.bottom-nav .nav{max-width:200px}}@media (max-width: 600px){.bottom-nav .nav{width:155px}}.bottom-nav .nav hr{border:.5px solid #151F4C;width:100%}.bottom-nav .previous{float:left;display:block}.bottom-nav .next{float:right;display:block}