.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}.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}.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}}.footerContainer{display:none}.footerContainerMobile{position:relative;z-index:3;display:block;width:100%;background-color:#f6f7f8;border-top:solid 1px #fff;position:relative;padding:34px 23px 49px 23px;margin-top:65px}.footerContainerMobile .footerLinkMentions{display:inline-block;font-family:Arial;font-size:14px;line-height:1.79;text-decoration:none;font-weight:bold;color:#2c2a29;letter-spacing:.3px;text-transform:none;cursor:pointer;margin:33px 0 0 0}.footerContainerMobile .footerMenuLinksMobile{width:100%;flex-wrap:wrap}.footerContainerMobile .footerMenuLinksMobile .footerLink{cursor:pointer}.footerContainerMobile .footerMenuLinksMobile.pages.group-keran{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.footerContainerMobile .footerMenuLinksMobile.pages:not(.group-keran){display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.footerContainerMobile .footerMenuLinksMobile.pages:not(.group-keran) .footerLink{width:100%;min-width:100%}@media screen and (min-width: 320px){.footerContainerMobile .footerMenuLinksMobile.pages:not(.group-keran) .footerLink{width:50%;min-width:50%}}@media screen and (min-width: 480px){.footerContainerMobile .footerMenuLinksMobile.pages:not(.group-keran) .footerLink{width:30%;min-width:30%}}@media screen and (min-width: 600px){.footerContainerMobile .footerMenuLinksMobile.pages:not(.group-keran) .footerLink{width:25%;min-width:25%}}.footerContainerMobile .footerMenuLinksMobile.pages .footerLink{font-family:Arial;font-weight:bold;font-size:14px;display:inline-block;text-decoration:none;color:#2c2a29;padding-bottom:25px;box-sizing:border-box;min-height:41px}.footerContainerMobile .footerMenuLinksMobile.pages .footerLink.contact{color:var(--main-bg-color)}.footerContainerMobile .footerMenuLinksMobile.companies{width:calc(100% + (2*15px));margin:0 calc(-1*15px);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.footerContainerMobile .footerMenuLinksMobile.companies .sce{padding:0 15px 15px 15px}.footerContainerMobile .footerMenuLinksMobile.companies .sce .filiale{padding:0}.footerContainerMobile .footerMenuLinksMobile.companies>.footerLink{padding:0 15px 15px 15px}.footerContainerMobile .footerMenuLinksMobile.companies .footerLink{font-family:Arial;font-size:14px;line-height:1.79;text-decoration:none;font-weight:bold;color:#2c2a29;letter-spacing:1px;text-transform:uppercase}.footerContainerMobile .footerMenuLinksMobile.companies .footerLink.active{color:var(--main-bg-color)}.footerContainerMobile .footerMenuLinksMobile.social-networks{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.footerContainerMobile .footerMenuLinksMobile .conditions{text-transform:none}.footerContainerMobile .footerMenuLinksMobile .footerContactLink{font-family:Arial;font-size:14px;line-height:1.79;text-decoration:none;font-weight:bold;color:var(--main-bg-color);letter-spacing:.3px;text-transform:none;padding-bottom:25px;cursor:pointer}.footerContainerMobile .footerMenuLinksMobile:nth-child(2){margin-top:17px}.footerContainerMobile .footerMenuLinksMobile:nth-child(3){margin-top:41px}.footerContainerMobile .arrowContainer{position:absolute;z-index:100;display:flex;align-items:center;justify-content:center;top:-10px;transform:rotate(180deg) translate(0, 100%);border:solid 1px var(--main-bg-color);width:48px;height:48px;border-radius:24px}.footerContainerMobile .socialsLinksMobile{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.footerContainerMobile .socialsLinksMobile a{margin-left:25px}.footerContainerMobile .socialsLinksMobile svg{width:21px;height:auto}.footerContainerMobile .socialsLinksMobile svg path{fill:var(--main-bg-color)}.footerContainerMobile .socialsLinksMobile svg:last-child{width:26px}.footerContainerMobile p{font-family:Arial;font-size:12px;line-height:1.34;letter-spacing:.05px;color:#2c2a29;margin:0}@media screen and (min-width: 1150px){.footerContainerMobile{display:none}.footerContainer{display:block;width:100%;background-color:#f6f7f8;border-top:solid 1px #fff;position:relative}.footerContainer hr{border:none;border-top:1.5px solid #fff;margin:0 73px}.footerContainer .col{display:inline-block;vertical-align:top}.footerContainer .col:last-child{text-align:right}.footerContainer .footerSection1{display:flex;width:100%;justify-content:space-between;align-items:center;padding:70px 25px 64px 25px}}@media screen and (min-width: 1150px)and (min-width: 1100px){.footerContainer .footerSection1{padding:70px 35px 64px 35px}}@media screen and (min-width: 1150px)and (min-width: 1200px){.footerContainer .footerSection1{padding:70px 55px 64px 55px}}@media screen and (min-width: 1150px){.footerContainer .footerSection1:not(.theme-group) .col:last-child{width:100%}.footerContainer .footerSection1:not(.theme-group) .col:last-child .col{height:72px;line-height:72px}.footerContainer .footerSection1:not(.theme-group) .col:last-child .col:first-child{display:inline-flex;align-items:center}}@media screen and (min-width: 1150px){.footerContainer .footerSection1 .footerMenuLinks.companies{text-align:center}.footerContainer .footerSection1 .footerMenuLinks.companies .footerLink{display:inline-block;font-family:Arial;font-size:14px;line-height:1.79;text-decoration:none;font-weight:bold;color:#2c2a29;letter-spacing:1px;text-transform:uppercase;padding:15px 15px;cursor:pointer}.footerContainer .footerSection1 .footerMenuLinks.companies .footerLink.active{color:var(--main-bg-color)}.footerContainer .footerSection1 .footerMenuLinks.companies .footerLink:last-child{padding-right:0}.footerContainer .footerSection1 .footerMenuLinks.companies .footerLink.filiale{padding:15px 0px}.footerContainer .footerSection1 .footerMenuLinks.companies .sce{padding-right:15px}.footerContainer .footerSection1 .footerMenuLinks.companies .sce a:first-child{padding:15px 0px}}@media screen and (min-width: 1150px){.footerContainer .footerSection1 .footerMenuLinks.pages{text-align:center;display:flex;flex-wrap:wrap;justify-content:flex-end}}@media screen and (min-width: 1150px)and (max-width: 1024px){.footerContainer .footerSection1 .footerMenuLinks.pages .footerLink{width:16%;text-align:right}}@media screen and (min-width: 1150px){.footerContainer .footerSection1 .footerMenuLinks.pages .footerLink{font-family:Arial;font-weight:bold;font-size:14px;display:inline-block;white-space:nowrap;text-decoration:none;color:#2c2a29;padding:0 15px;cursor:pointer}.footerContainer .footerSection1 .footerMenuLinks.pages .footerLink:not(:last-child){margin-bottom:25px}}@media screen and (min-width: 1150px)and (max-width: 920px){.footerContainer .footerSection1 .footerMenuLinks.pages .footerLink{margin-bottom:0}}@media screen and (min-width: 1150px){.footerContainer .footerSection1 .footerMenuLinks.pages .footerLink.contact{color:var(--main-bg-color)}}@media screen and (min-width: 1150px){.footerContainer .footerSection1 #logoKeranFooter{height:auto;width:110px}}@media screen and (min-width: 1150px){.footerContainer .footerSection1 .footerContactLink{font-family:Arial;font-size:14px;line-height:1.79;text-decoration:none;font-weight:bold;color:var(--main-bg-color);letter-spacing:.3px;text-transform:none;cursor:pointer}}@media screen and (min-width: 1150px){.footerContainer .footerSection2{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:39px 35px 48px 35px}}@media screen and (min-width: 1150px)and (min-width: 1100px){.footerContainer .footerSection2{padding:39px 55px 48px 55px}}@media screen and (min-width: 1150px){.footerContainer .footerSection2 p{font-family:Arial;font-size:12px;line-height:1.75;letter-spacing:.05px;color:#2c2a29;margin:0}}@media screen and (min-width: 1150px){.footerContainer .footerSection2 .footerLinksSection2{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.footerContainer .footerSection2 .footerLinksSection2 .footerLink{font-family:Arial;font-size:14px;line-height:1.79;text-decoration:none;font-weight:bold;color:#2c2a29;letter-spacing:.3px;text-transform:none;padding:0 15px;cursor:pointer}}@media screen and (min-width: 1150px){.footerContainer .footerSection2 .col:nth-child(2){position:absolute;left:50%;transform:translateX(-50%)}}@media screen and (min-width: 1150px){.footerContainer .footerSection2 .col:last-child{display:flex;justify-content:flex-end}}@media screen and (min-width: 1150px){.footerContainer .footerSection2 .footerSocialLinksContainer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer}.footerContainer .footerSection2 .footerSocialLinksContainer a{margin-left:15px}.footerContainer .footerSection2 .footerSocialLinksContainer svg{font-size:22px}.footerContainer .footerSection2 .footerSocialLinksContainer svg path{fill:var(--main-bg-color)}}
.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}@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}.scroll-indicator{position:absolute;height:30px;cursor:pointer;animation:slidedown 1.5s infinite}.scroll-indicator.up{animation-direction:reverse}@keyframes slidedown{from{bottom:0px;opacity:1}to{bottom:-15px;opacity: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}.sound-icon{display:flex;align-items:center;justify-content:center;background-color:rgba(44,42,41,.5);border-radius:100%;width:60px;height:60px}.sound-icon img{position:relative;max-height:30px;transform:scale(0.7)}@media screen and (min-width: 767px){.sound-icon{width:70px;height:70px}.sound-icon img{position:relative;max-height:30px;transform:scale(0.8)}}@media screen and (min-width: 920px){.sound-icon{width:90px;height:90px}.sound-icon img{position:relative;max-height:30px;transform:scale(1)}}.sound-bar{display:flex}.sound-bar>div{display:inline-block;width:1px;background-color:#fff;min-height:15px;margin:4px;transform-origin:center bottom;animation-iteration-count:infinite;animation-duration:1s;animation-timing-function:linear}.sound-bar:not(.animate)>div{animation-play-state:paused}.sound-bar>div:nth-child(1){animation-name:bar1}.sound-bar>div:nth-child(2){animation-name:bar2}.sound-bar>div:nth-child(3){animation-name:bar3}.sound-bar>div:nth-child(4){animation-name:bar1}.sound-bar>div:nth-child(5){animation-name:bar5}@keyframes bar1{0%{transform:scaleY(1)}33%{transform:scaleY(2)}66%{transform:scaleY(1.5)}100%{transform:scaleY(1)}}@keyframes bar2{0%{transform:scaleY(1)}33%{transform:scaleY(1.5)}70%{transform:scaleY(2)}100%{transform:scaleY(1)}}@keyframes bar3{0%{transform:scaleY(0.7)}33%{transform:scaleY(1.5)}60%{transform:scaleY(2)}100%{transform:scaleY(0.7)}}@keyframes bar4{0%{transform:scaleY(1.5)}33%{transform:scaleY(2)}66%{transform:scaleY(1)}100%{transform:scaleY(1.5)}}@keyframes bar5{0%{transform:scaleY(1.5)}33%{transform:scaleY(2)}66%{transform:scaleY(1)}100%{transform:scaleY(1.5)}}