.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}@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}}.paragraph.hide>div{transform:translate(-100%, 0)}.paragraph.fadeIn>*{animation-name:slideInLeft;animation-duration:.8s;animation-delay:.2s;animation-fill-mode:forwards;-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);opacity:1}.paragraph a{color:var(--main-bg-color)}.paragraph img{width:100%;object-fit:contain;height:inherit !important}
.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}.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}}.cercleReferences{width:160px;height:160px;border:solid 1.5px var(--main-bg-color);border-radius:130px;display:flex;align-items:center;justify-content:center;text-decoration:none}@media screen and (min-width: 1024px){.cercleReferences{width:190px;height:190px}}.cercleReferences p{font-family:Arial;font-size:12px;font-weight:bold;line-height:1.5;letter-spacing:.86px;text-align:center;color:var(--main-bg-color);text-transform:uppercase}
.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}}#section3 #contentTitleRef{max-width:calc((100%/28)*24)}@media screen and (max-width: 920px){#section3 #contentTitleRef{padding-top:90px}}@media screen and (min-width: 920px){#section3 #contentTitleRef{max-width:calc((100%/28)*16)}}.animationDivCardProjet-mask{overflow:hidden}.CardProjetContainerFull{display:flex;width:100%;overflow:hidden;position:relative}.CardProjetContainerFull .cardProjetContainer{width:calc((100%/22)*7)}@media screen and (min-width: 920px){.CardProjetContainerFull .cardProjetContainer{width:calc((100%/22)*5)}}@media screen and (min-width: 550px){.CardProjetContainerFull{width:calc((100%/28)*15)}}@media screen and (min-width: 1224px){.CardProjetContainerFull{width:calc((100%/28)*22)}}.CardProjetContainerFull.hide{animation:topRefsFadeOutRight .8s ease-in-out 1}.CardProjetContainerFull.animFadeIn{animation:topRefsFadeInRight .8s ease-in-out 1}.circleButtonContainer{width:calc((100%/28)*3);display:none;flex-direction:row;justify-content:center;padding-top:30px}@media screen and (min-width: 920px){.circleButtonContainer{display:flex}}@media screen and (min-width: 920px){.circleButtonContainer{width:calc((100%/28)*4)}}@media screen and (min-width: 1224px){.circleButtonContainer{width:calc((100%/28)*6)}}.topRefsContainer{position:relative;z-Index:2;display:flex;padding-left:calc((100%/28)*2);padding-bottom:35px;width:calc((100%/28)*60)}@media screen and (min-width: 767px){.topRefsContainer{margin-top:43px;padding-bottom:140px}}@media screen and (min-width: 360px){.topRefsContainer{width:calc((100%/28)*56);padding-left:calc((100%/28)*2)}}@media screen and (min-width: 1224px){.topRefsContainer{width:100%;margin-top:55px}}@media screen and (min-width: 920px){.topRefsContainer{margin-top:55px;padding-left:0}}@keyframes topRefsFadeInRight{from{transform:translateX(-100%)}to{transform:translateX(0%)}}@keyframes topRefsFadeOutRight{from{transform:translateX(0%)}to{transform:translateX(-100%)}}