.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}}.titleContainer.fadeInRight .title-mask h1,.titleContainer.fadeInRight .title-mask h2,.titleContainer.fadeInRight .title-mask h3,.titleContainer.fadeInRight .title-mask h4{animation:titleFadeInRight .8s 1}.titleContainer.fadeInRight .blackLine{transform-origin:right;animation:lineFadeInRight .8s 1}.titleContainer.fadeInRight .number-mask p{animation-delay:1s;animation-name:numberFadeInRight;animation-duration:.8s;animation-iteration-count:1;transform:translateX(-100%);animation-fill-mode:forwards}@keyframes titleFadeInRight{from{transform:translateX(100%)}to{transform:translateX(0%)}}@keyframes numberFadeInRight{from{transform:translateX(100%)}to{transform:translateX(0%)}}@keyframes lineFadeInRight{from{transform:scaleX(0)}to{transform:scaleX(1)}}.titleContainer.fadeInLeft .title-mask{overflow:hidden}.titleContainer.fadeInLeft .title-mask h1,.titleContainer.fadeInLeft .title-mask h2,.titleContainer.fadeInLeft .title-mask h3,.titleContainer.fadeInLeft .title-mask h4{animation:titleFadeInLeft .8s 1}.titleContainer.fadeInLeft .blackLine{transform-origin:left;animation:lineFadeInLeft .8s 1}.titleContainer.fadeInLeft .number-mask p{animation-delay:1s;animation-name:numberFadeInLeft;animation-duration:.8s;animation-iteration-count:1;transform:translateX(-100%);animation-fill-mode:forwards}@keyframes titleFadeInLeft{from{transform:translateX(-100%)}to{transform:translateX(0%)}}@keyframes numberFadeInLeft{from{transform:translateX(-100%)}to{transform:translateX(0%)}}@keyframes lineFadeInLeft{from{transform:scaleX(0)}to{transform:scaleX(1)}}.titleContainer{position:relative;margin-bottom:15px}@media screen and (min-width: 767px){.titleContainer{margin-bottom:25px}}.titleContainer h1,.titleContainer h2,.titleContainer h3,.titleContainer h4{margin:0}@media screen and (max-width: 767px){.titleContainer h1,.titleContainer h2,.titleContainer h3,.titleContainer h4{overflow-wrap:break-word;hyphens:auto}}.titleContainer .title.tonic{color:var(--main-bg-color) !important}.titleContainer h2,.titleContainer h3{letter-spacing:1.07px}.titleContainer.hide .title-mask h1,.titleContainer.hide .title-mask h2,.titleContainer.hide .title-mask h3,.titleContainer.hide .title-mask h4{transform:translateX(-100%)}.titleContainer.hide .number-mask p{transform:translateX(-100%)}.titleContainer.hide .blackLine{transform:scaleX(0)}.titleContainer .title-mask{padding-bottom:15px;margin-bottom:-15px;overflow:hidden}.titleContainer .title-mask h1,.titleContainer .title-mask h2,.titleContainer .title-mask h3,.titleContainer .title-mask h4{transform:translateX(0%)}.blackLineAndNumberContainer{position:relative;display:flex;flex-direction:column;justify-content:flex-end;position:absolute}.blackLineAndNumberContainer.black .blackLine{background-color:#2c2a29}.blackLineAndNumberContainer.level-1{height:32px}@media screen and (min-width: 420px){.blackLineAndNumberContainer.level-1{height:36px}}@media screen and (min-width: 550px){.blackLineAndNumberContainer.level-1{height:41px}}@media screen and (min-width: 920px){.blackLineAndNumberContainer.level-1{height:56px}}.blackLineAndNumberContainer.level-2{top:-8px}@media screen and (min-width: 420px){.blackLineAndNumberContainer.level-2{top:0}}@media screen and (min-width: 550px){.blackLineAndNumberContainer.level-2{top:10px}}@media screen and (min-width: 767px){.blackLineAndNumberContainer.level-2{top:16px}}.blackLineAndNumberContainer.level-3{top:-10px}@media screen and (min-width: 550px){.blackLineAndNumberContainer.level-3{top:-5px}}@media screen and (min-width: 767px){.blackLineAndNumberContainer.level-3{top:1px}}@media screen and (min-width: 920px){.blackLineAndNumberContainer.level-3{top:6px}}.blackLineAndNumberContainer.level-4{height:26px;top:-9px}@media screen and (min-width: 767px){.blackLineAndNumberContainer.level-4{top:-6px}}@media screen and (min-width: 920px){.blackLineAndNumberContainer.level-4{top:0}}.blackLineAndNumberContainer .number-mask{overflow:hidden}.blackLineAndNumberContainer .number-mask p{font-family:"PFBeauSansPro-Light" !important;margin:0 0 0 0;font-weight:300;letter-spacing:.03px;font-size:14px}@media screen and (min-width: 767px){.blackLineAndNumberContainer .number-mask p{font-size:16px}}@media screen and (min-width: 550px){.blackLineAndNumberContainer .number-mask p{font-size:20px}}@media screen and (min-width: 920px){.blackLineAndNumberContainer .number-mask p{font-size:25px}}.blackLine{height:1px;width:1000px;transform:scaleX(1)}.titleContainer .underline-title{position:relative}.titleContainer .underline-title .title{font-family:"PFBeauSansPro-Bold";font-size:14px;margin:0}.titleContainer .underline-title .blackLine{position:absolute;right:0}
.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}.buttonRectangular{display:table;width:fit-content;padding:8px 20px;font-family:Arial;font-size:12px;font-weight:bold;line-height:24px;letter-spacing:1.5px;text-align:center;color:#fff;text-transform:uppercase;min-height:40px;cursor:pointer;background-color:var(--main-bg-color)}.buttonRectangular.with-icon{padding:8px 14px 8px 20px}.buttonRectangular.with-icon svg:first-child{margin-right:5px}.buttonRectangular:not(.with-icon){padding:8px 20px}.buttonRectangular img{vertical-align:middle;margin-left:5px;max-height:24px}
.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-arrow{display:flex;align-items:center;justify-content:center}.container-arrow.down{width:20px;height:40px}.container-arrow.down>div{transform:rotate(0)}.container-arrow.up{width:20px;height:40px}.container-arrow.up>div{transform:rotate(180deg)}.container-arrow.backward{width:40px;height:20px}.container-arrow.backward>div{transform:rotate(90deg)}.container-arrow.forward{width:40px;height:20px}.container-arrow.forward>div{transform:rotate(-90deg)}.arrow{position:relative;width:2px;height:40px;background-color:var(--main-bg-color)}.arrow.small{transform:scale(0.7)}.arrow:after,.arrow:before{content:"";position:absolute;bottom:0;display:block;width:2px;height:10px;background-color:var(--main-bg-color);transform-origin:bottom center}.arrow:after{transform:rotate(45deg)}.arrow:before{transform:rotate(-45deg)}
.grid{position:relative;z-index:-1}.grid .container-clippath{position:absolute;top:0}.grid .clip-svg{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;background-repeat:repeat;background-image:url(/_next/static/media/grid1.d21c16b882b5d8305e789e8a59b06362.svg)}
.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-video{position:relative}.container-video .youtube-video{width:100%;height:100%}.container-video .play,.container-video .pause{position:absolute;z-index:10;display:flex;justify-content:center;align-items:center;width:50px;height:50px;background-size:contain;background-repeat:no-repeat;background-position:center;padding:10px;background-size:25px 25px;border-radius:25px;left:20px;top:20px;cursor:pointer}.container-video .play:before,.container-video .play:after,.container-video .pause:before,.container-video .pause:after{content:"";position:absolute;display:block;width:50px;height:50px;border-radius:25px}.container-video .pause:after{z-index:0;opacity:.7;background-color:var(--main-bg-color)}.container-video .pause:before{z-index:1;background-position:center;background-image:url(/_next/static/media/icon-pause.830424bfce6c53eca78dde2cea38a8ac.svg);background-repeat:no-repeat}.container-video .play:after{z-index:0;opacity:.7;background-color:var(--main-bg-color)}.container-video .play:before{z-index:1;background-position:16px 12px;background-image:url(/_next/static/media/icon-play.3b99d28bd783f62c0e08ce7f3436fe86.svg);background-repeat:no-repeat;background-size:22px}.container-video video{width:100%}
.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 h1{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}