.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}}.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}
.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)}
.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-card-preview{display:flex;position:relative;z-index:2;box-sizing:border-box;max-width:calc((100%/28)*24)}.container-card-preview .paragraph{margin-bottom:25px}.container-card-preview .paragraph p:last-child{margin-bottom:0}.container-card-preview.right{margin:0 auto 0 auto}@media screen and (max-width: 920px){.container-card-preview.right .textAndTitleCardRectangularContainer .titleContainer{margin-right:calc((100%/24) * 1)}}.container-card-preview.right.indent-title h2{direction:rtl;text-indent:calc((100%/28) * 2)}@media screen and (min-width: 920px){.container-card-preview.right{margin:0 auto 0 0}}@media screen and (min-width: 1024px){.container-card-preview.right{margin:0 auto 0 auto}}.container-card-preview.left{margin:0 auto 0 auto}@media screen and (max-width: 920px){.container-card-preview.left .textAndTitleCardRectangularContainer .titleContainer{margin-left:calc((100%/24) * 1)}}.container-card-preview.left.indent-title h2{padding-left:calc((100%/28) * 2);text-indent:calc((100%/28) * -2)}@media screen and (min-width: 920px){.container-card-preview.left{margin:0 0 0 auto}}@media screen and (min-width: 1024px){.container-card-preview.left{margin:0 auto 0 auto}}@media screen and (min-width: 550px){.container-card-preview{max-width:calc((100%/28)*24)}}@media screen and (min-width: 1224px){.container-card-preview{max-width:calc((100%/28)*20)}}.content-fullwidth{display:flex;justify-content:flex-end;max-width:calc((100%/28)*24);margin:0 auto}.content-fullwidth .paragraph{margin-bottom:25px}.content-fullwidth .paragraph p:last-child{margin-bottom:0}@media screen and (min-width: 920px){.content-fullwidth{max-width:100%;margin:inherit}}.content-fullwidth.left{justify-content:flex-end}@media screen and (max-width: 920px){.content-fullwidth.left .textAndTitleCardRectangularContainer .titleContainer{margin-left:calc((100%/24) * 1)}}.content-fullwidth.left.indent-title h2{padding-left:calc((100%/28) * 2);text-indent:calc((100%/28) * -2)}.content-fullwidth.right{justify-content:flex-start}@media screen and (max-width: 920px){.content-fullwidth.right .textAndTitleCardRectangularContainer .titleContainer{margin-right:calc((100%/24) * 1)}}.content-fullwidth.right.indent-title h2{direction:rtl;padding-right:calc((100%/28) * -2);text-indent:calc((100%/28) * 2)}.content-fullwidth .cardRectangularFullContainer{width:100%;margin-left:inherit;margin-right:inherit}.content-fullwidth .cardRectangularFullContainer .textAndTitleCardRectangularContainer{width:100%}.content-fullwidth .cardRectangularFullContainer .imageCardRectangularContainer{width:100%}@media screen and (min-width: 920px){.content-fullwidth .cardRectangularFullContainer{width:calc((100%/28)*26)}.content-fullwidth .cardRectangularFullContainer .textAndTitleCardRectangularContainer{width:calc((100%/26)*14)}.content-fullwidth .cardRectangularFullContainer .imageCardRectangularContainer{width:calc((100%/26)*10)}}@media screen and (min-width: 1024px){.content-fullwidth .cardRectangularFullContainer{width:calc((100%/28)*24) !important}}@media screen and (min-width: 1100px){.content-fullwidth .cardRectangularFullContainer{width:calc((100%/28)*20)}.content-fullwidth .cardRectangularFullContainer .textAndTitleCardRectangularContainer{width:calc((100%/20)*9)}.content-fullwidth .cardRectangularFullContainer .imageCardRectangularContainer{width:calc((100%/20)*9)}}.cardRectangularFullContainer{display:flex;flex-wrap:wrap;justify-content:space-between;margin:30px auto 25px;position:relative}@media screen and (min-width: 767px){.cardRectangularFullContainer{margin:55px auto 25px}}.cardRectangularFullContainer a{text-decoration:none}.cardRectangularFullContainer .on-tablet{display:block;width:100%}@media screen and (min-width: 920px){.cardRectangularFullContainer .on-tablet{display:none}}.cardRectangularFullContainer .on-desktop{display:none}@media screen and (min-width: 920px){.cardRectangularFullContainer .on-desktop{display:inline}}@media screen and (max-width: 920px){.cardRectangularFullContainer .buttonRectangular{margin:25px auto 0 auto}}.cardRectangularFullContainer .grid{position:absolute;height:200px;width:100%;bottom:0;right:112px;z-index:0;transform:translateY(50px)}.textAndTitleCardRectangularContainer{z-index:1;width:100%}@media screen and (min-width: 920px){.textAndTitleCardRectangularContainer{width:calc((100%/26)*14)}}@media screen and (min-width: 1024px){.textAndTitleCardRectangularContainer{width:calc((100%/18)*10)}}.imageCardRectangularContainer{position:relative;width:100%;position:relative;overflow:hidden}@media screen and (min-width: 920px){.imageCardRectangularContainer{width:calc((100%/26)*10);margin-bottom:0}.imageCardRectangularContainer img{position:relative;top:0}}@media screen and (min-width: 1024px){.imageCardRectangularContainer{width:calc((100%/18)*6);margin-bottom:0}.imageCardRectangularContainer img{position:relative;top:0}}.imageCardRectangularContainer img{width:100%;z-index:1}