.icon-scroll{position:absolute !important;bottom:5px;left:50%;width:32px;height:100px;transform:translateX(-50%);z-index:99999}.icon-scroll.interactive{cursor:pointer}.icon-arrows::after,.icon-arrows::before{content:""}.icon-arrows{position:relative;display:flex;height:80px;flex-direction:column;justify-content:space-between;align-items:center}.icon-arrows span,.icon-arrows::after,.icon-arrows::before{position:absolute;display:inline-block;width:10px;height:10px;box-sizing:border-box;border-right:2px solid rgba(255,255,255,.8);border-bottom:2px solid rgba(255,255,255,.8);transform:rotate(45deg);animation:mouse-scroll 1s infinite;animation-direction:alternate}.icon-arrows::before{margin-top:0px;animation-delay:.1s}.icon-scroll span{top:12px;animation-delay:.2s}.icon-arrows::after{top:24px;animation-delay:.3s}.icon-scroll .mouse{height:52px;width:32px;border:2px solid rgba(255,255,255,.8);border-radius:2em}.icon-scroll .wheel{position:relative;display:block;width:10px;height:10px;margin:14px auto 0;background:rgba(255,255,255,.8);animation:mouse-wheel 1.2s ease infinite;border-radius:50%}@keyframes mouse-wheel{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(16px)}}@keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}
.sce *{--main-bg-color: #EB690B}.creocean *{--main-bg-color: #3A6DB0}.naomis *{--main-bg-color: #CB333B}.groupehuit *{--main-bg-color: #0BB0AB}.s3d *{--main-bg-color: #52AA4E}.ateliersup *{--main-bg-color: #EB690B}.civiteo *{--main-bg-color: #104D82}.header-fullpage{position:relative;top:0;height:100vh;width:100%;overflow:hidden}.header-fullpage>div{position:relative;overflow:hidden}.header-fullpage .titleContainer{position:absolute;z-index:1;bottom:calc(5% + 140px);left:calc((100%/28)*2);width:calc((100%/28)*24)}@media screen and (min-width: 767px){.header-fullpage .titleContainer{left:calc((100%/28)*4);width:calc((100%/28)*20)}}@media screen and (min-width: 1224px){.header-fullpage .titleContainer{bottom:calc(5% + 200px)}}.header-fullpage .titleContainer .title-mask .title{text-indent:calc(-1*(100%/20));margin-left:calc(1*(100%/20))}.header-fullpage .titleContainer h1{-webkit-hyphens:none;-moz-hyphens:none;hyphens:none}@media screen and (max-width: 767px){.header-fullpage .titleContainer h1{font-size:36px;line-height:42px}}.header-fullpage .titleContainer .blackLineAndNumberContainer{display:none}.header-fullpage .restart-video{display:flex;align-items:center;justify-content:center;background-color:rgba(44,42,41,.5);border-radius:100%;width:60px;height:60px;position:absolute;z-index:3;bottom:200px;right:20px;cursor:pointer}@media screen and (min-width: 920px){.header-fullpage .restart-video{bottom:20px;right:165px}}.header-fullpage .restart-video img{position:relative;max-height:30px;transform:scale(0.7)}@media screen and (min-width: 767px){.header-fullpage .restart-video{width:70px;height:70px}.header-fullpage .restart-video img{position:relative;max-height:30px;transform:scale(0.8)}}@media screen and (min-width: 920px){.header-fullpage .restart-video{width:90px;height:90px}.header-fullpage .restart-video img{position:relative;max-height:30px;transform:scale(1)}}.header-fullpage .sound-icon,.header-fullpage .sound-bar{position:absolute;z-index:3;bottom:20px;right:20px;cursor:pointer}.header-fullpage>img{object-fit:cover;width:100%;height:100%}.header-fullpage video{position:absolute;z-index:-1;min-width:100%;min-height:100%;left:50%;top:50%;transform:translate(-50%, -50%)}@media(min-aspect-ratio: 16/9){.header-fullpage video{width:100%;height:auto}}@media(max-aspect-ratio: 16/9){.header-fullpage video{width:auto;height:100%}}.header-fullpage .container-video{position:absolute;z-index:-1;width:100%;height:100%;left:0;top:0;overflow:hidden}.header-fullpage .container-video .youtube-video{position:absolute;z-index:-1;min-width:100%;min-height:100%;left:50%;top:50%;transform:translate(-50%, -50%);aspect-ratio:16/9;width:100%;height:100%}@media(min-aspect-ratio: 16/9){.header-fullpage .container-video .youtube-video{width:100%;height:auto;min-height:100%}}@media(max-aspect-ratio: 16/9){.header-fullpage .container-video .youtube-video{width:auto;height:100%;min-width:100%}}.header-fullpage .logo{position:absolute;height:100%;width:100%;top:0;left:0;bottom:0;opacity:.2}.header-fullpage .container-lines{position:absolute;height:100%;width:100%;bottom:0}.header-fullpage .container-lines .lines{position:absolute;height:100%;width:1px;background-color:#fff;background-blend-mode:multiply;opacity:.2}.header-fullpage .container-lines .lines:nth-child(1){left:calc((100%/28)*2)}.header-fullpage .container-lines .lines:nth-child(2){left:calc((100%/28)*4)}.header-fullpage .container-lines .lines:nth-child(3){left:calc((100%/28)*6)}.header-fullpage .container-lines .lines:nth-child(4){left:calc((100%/28)*14)}
.sce *{--main-bg-color: #EB690B}.creocean *{--main-bg-color: #3A6DB0}.naomis *{--main-bg-color: #CB333B}.groupehuit *{--main-bg-color: #0BB0AB}.s3d *{--main-bg-color: #52AA4E}.ateliersup *{--main-bg-color: #EB690B}.civiteo *{--main-bg-color: #104D82}.container-pictures{position:relative;width:100%;margin:30px auto 50px auto}@media screen and (min-width: 767px){.container-pictures{margin:60px auto}}@media screen and (min-width: 920px){.container-pictures{margin:90px auto}}@media screen and (max-width: 920px){.container-pictures{max-width:100% !important}}.container-pictures img{position:relative;z-index:2;display:block}.container-pictures .grid{position:absolute;z-index:0;height:80%;width:20%;top:40%;left:0;z-index:0;transform:translate(-50%, -50%)}@media screen and (min-width: 767px){.container-pictures .grid{left:50%;top:50%}}.container-pictures.one-pic{display:flex;align-items:center;justify-content:center}.container-pictures.one-pic .grid{margin-top:100px;margin-left:-200px}.container-pictures.two-pics img{width:90%}.container-pictures.two-pics .container-image:nth-child(3) img{margin-left:auto;margin-top:-5%}@media screen and (min-width: 767px){.container-pictures.two-pics img{width:52%}.container-pictures.two-pics .container-image:nth-child(3) img{margin-left:auto;margin-top:-20%}}.container-pictures.collection-pics img{width:90%}@media screen and (min-width: 767px){.container-pictures.collection-pics img{width:52%}}.container-pictures.collection-pics .container-image{display:flex}.container-pictures.collection-pics .container-image:not(:nth-child(2)):not(:last-child){margin:-10% auto}.container-pictures.collection-pics .container-image:nth-child(odd){justify-content:flex-end}.container-pictures.collection-pics .container-image:nth-child(even){justify-content:flex-start}
.sce *{--main-bg-color: #EB690B}.creocean *{--main-bg-color: #3A6DB0}.naomis *{--main-bg-color: #CB333B}.groupehuit *{--main-bg-color: #0BB0AB}.s3d *{--main-bg-color: #52AA4E}.ateliersup *{--main-bg-color: #EB690B}.civiteo *{--main-bg-color: #104D82}.sce *{--main-bg-color: #EB690B}.creocean *{--main-bg-color: #3A6DB0}.naomis *{--main-bg-color: #CB333B}.groupehuit *{--main-bg-color: #0BB0AB}.s3d *{--main-bg-color: #52AA4E}.ateliersup *{--main-bg-color: #EB690B}.civiteo *{--main-bg-color: #104D82}@keyframes slideInLeft{from{-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);opacity:1}to{-webkit-transform:translate(0px, 0);transform:translate(0px, 0);opacity:1}}@keyframes slideOutLeft{from{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}to{-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);opacity:0}}.cardProjetContainer{position:relative;display:flex;flex-direction:column;cursor:pointer;margin-right:calc((100%/22)*1)}.cardProjetContainer:after{content:"";position:absolute;display:block;bottom:0;left:0;right:0;height:2px;background-color:#2c2a29}.cardProjetContainer.animIn{animation:cardProjetOpenUp .8s 1}.cardProjetContainer.hide{animation:cardProjetClose .8s 1 forwards}.cardProjetContainer .cardProjetImgContainer{position:relative;width:100%;overflow:hidden}.cardProjetContainer .cardProjetImgContainer .image-default{position:relative;width:100%;padding-top:100%;background-color:#d8d8d8}.cardProjetContainer .cardProjetImgContainer .image-default>img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:50%;object-fit:contain;opacity:.3}.cardProjetContainer .cardProjetImgContainer img{top:0;height:100%;width:100%;object-fit:cover}.cardProjetContainer p,.cardProjetContainer .contributors{margin:0 0 15px 0}.cardProjetContainer h2{font-family:Arial;font-size:20px;font-weight:bold;line-height:1.1;letter-spacing:.02px;color:#2c2a29;margin-top:15px;margin-bottom:5px}.cardProjetContainer p{font-family:arial;font-size:12px;font-weight:bold;letter-spacing:.86px;color:#2c2a29;text-transform:uppercase}.cardProjetContainer .contributors{margin:5px 0}.cardProjetContainer .contributors span{display:inline-block;font-family:arial;font-weight:bold;font-size:12px;color:#8a8a8a;text-decoration:none;text-transform:uppercase}.cardProjetContainer .contributors span:not(:last-child){margin-right:15px}@keyframes cardProjetOpenUp{from{transform:translateY(-99%)}to{transform:translateY(0%)}}@keyframes cardProjetClose{from{transform:translateY(0%)}to{transform:translateY(-99%)}}
.sce *{--main-bg-color: #EB690B}.creocean *{--main-bg-color: #3A6DB0}.naomis *{--main-bg-color: #CB333B}.groupehuit *{--main-bg-color: #0BB0AB}.s3d *{--main-bg-color: #52AA4E}.ateliersup *{--main-bg-color: #EB690B}.civiteo *{--main-bg-color: #104D82}.sce *{--main-bg-color: #EB690B}.creocean *{--main-bg-color: #3A6DB0}.naomis *{--main-bg-color: #CB333B}.groupehuit *{--main-bg-color: #0BB0AB}.s3d *{--main-bg-color: #52AA4E}.ateliersup *{--main-bg-color: #EB690B}.civiteo *{--main-bg-color: #104D82}@keyframes slideInLeft{from{-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);opacity:1}to{-webkit-transform:translate(0px, 0);transform:translate(0px, 0);opacity:1}}@keyframes slideOutLeft{from{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}to{-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);opacity:0}}.cercles{display:inline-block;width:49px;height:49px;border-radius:30px;border:solid 1.5px var(--main-bg-color);position:relative;cursor:pointer;transition:all .4s ease-in-out}.cercles:hover{background-color:var(--main-bg-color)}.cercles:hover .barrePlus{background-color:#fff}.cercles:hover .barrePlus.verticale{transform:rotate(270deg)}.cercles:hover .barrePlus.horizantale{transform:rotate(180deg)}.cercles .barrePlus{position:relative;left:16px;width:14px;height:1.5px;background-color:var(--main-bg-color);transition:all .4s ease-in-out}.cercles .barrePlus.verticale{transform:rotate(90deg);top:20.5px}.cercles .barrePlus.horizantale{transform:rotate(0deg);height:2px;top:22px}
.sce *{--main-bg-color: #EB690B}.creocean *{--main-bg-color: #3A6DB0}.naomis *{--main-bg-color: #CB333B}.groupehuit *{--main-bg-color: #0BB0AB}.s3d *{--main-bg-color: #52AA4E}.ateliersup *{--main-bg-color: #EB690B}.civiteo *{--main-bg-color: #104D82}.sce *{--main-bg-color: #EB690B}.creocean *{--main-bg-color: #3A6DB0}.naomis *{--main-bg-color: #CB333B}.groupehuit *{--main-bg-color: #0BB0AB}.s3d *{--main-bg-color: #52AA4E}.ateliersup *{--main-bg-color: #EB690B}.civiteo *{--main-bg-color: #104D82}@keyframes slideInLeft{from{-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);opacity:1}to{-webkit-transform:translate(0px, 0);transform:translate(0px, 0);opacity:1}}@keyframes slideOutLeft{from{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}to{-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);opacity:0}}.similar-projects{margin-bottom:70px !important}.similar-projects .list-projects{flex-wrap:wrap;padding:0;margin:0 calc(-1*15px);display:flex;flex-direction:row;align-items:flex-start;justify-content:center}@media screen and (min-width: 767px){.similar-projects .list-projects{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start}}.similar-projects .list-projects li{width:calc((100%/24)*22);list-style:none}@media screen and (min-width: 767px){.similar-projects .list-projects li{width:calc((100%/24)*12)}}@media screen and (min-width: 920px){.similar-projects .list-projects li{width:calc((100%/24)*6)}}.similar-projects .list-projects .cardProjetContainer{width:100%;margin:0;padding:15px}.similar-projects .list-projects .cardProjetContainer:after{left:15px;right:15px}.similar-projects .container-btn-plus{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:25px}
.sce *{--main-bg-color: #EB690B}.creocean *{--main-bg-color: #3A6DB0}.naomis *{--main-bg-color: #CB333B}.groupehuit *{--main-bg-color: #0BB0AB}.s3d *{--main-bg-color: #52AA4E}.ateliersup *{--main-bg-color: #EB690B}.civiteo *{--main-bg-color: #104D82}.download-file{position:relative;display:block;width:100%;padding:0 15px 0 15px;text-decoration:none}@media screen and (min-width: 360px){.download-file:not(.video){width:50%}}@media screen and (min-width: 500px){.download-file:not(.video){width:33.33%}}@media screen and (min-width: 920px){.download-file:not(.video){width:20%}}@media screen and (min-width: 1024px){.download-file:not(.video){width:16.6%}}.download-file.video{margin-bottom:25px;max-width:180px}.download-file.video:after{content:"";position:absolute;bottom:0;left:15px;right:15px;display:block;height:1px;background-color:#2c2a29}@media screen and (min-width: 500px){.download-file.video{width:50%}}@media screen and (min-width: 920px){.download-file.video{width:33.33%}}@media screen and (min-width: 1024px){.download-file.video{width:25%}}.download-file.video .file-name{font-size:16px;color:#2c2a29;text-align:left}.download-file .container-video{background-color:#d8d8d8;font-size:0;background-repeat:no-repeat;background-position:center;background-size:20%}.download-file .file-thumbnail img{display:block;margin:0 auto;width:100%;max-width:180px}@media screen and (min-width: 500px){.download-file .file-thumbnail img{max-width:inherit}}.download-file:not(.video) .file-name{text-transform:uppercase;text-align:center;color:#8a8a8a}.download-file .file-name{font-family:Arial;font-weight:bold;font-size:12px;margin:15px 0 15px 0}