.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}.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%)}}
.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}}.my-masonry-grid{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto}.my-masonry-grid_column{background-clip:padding-box;display:flex;flex-direction:column;align-items:center}.my-masonry-grid_column.offsetTop:nth-child(2){margin-top:139px}.my-masonry-grid_column.offsetTop:nth-child(3){margin-top:61px}
.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}}.cardNews{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100%;background-color:#f6f7f8;cursor:pointer;padding:15px;text-decoration:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cardNews .headerCardNews{padding:25px;background-color:#fff;width:100%}.cardNews .headerCardNews .container-date-share{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px}.cardNews .headerCardNews .container-date-share .headerCardNewsSharedButton{position:relative;cursor:pointer;color:#2c2a29}.cardNews .headerCardNews .headerCardNewsTitle{margin:0;font-family:Arial;font-size:18px;font-weight:bold;line-height:1.22;letter-spacing:.02px;color:#2c2a29}.cardNews .headerCardNews .sub{margin:0;font-family:Arial;font-weight:bold;color:#897879;font-size:12px;text-transform:uppercase;letter-spacing:1px}.cardNews .headerCardNews .sub.contributors{margin-top:8px;font-size:10px}.cardNews .headerCardNews .container-icons svg{margin-left:5px;color:var(--main-bg-color)}.cardNews .headerCardNews .container-icons svg.youtube{font-size:28px}.cardNews .headerCardNews .container-icons svg.linkedin{font-size:22px}.cardNews .headerCardNews .container-share{display:flex;align-items:flex-start;justify-content:center}.cardNews .headerCardNews .container-share .mask-share{overflow:hidden;margin-right:10px}.cardNews .headerCardNews .container-share .mask-share.hide .socialLinksContainer{transform:translateX(100%)}.cardNews .headerCardNews .container-share .socialLinksContainer{width:80px;display:flex;justify-content:space-between;transition:all .4s ease-in-out}.cardNews .headerCardNews .container-share svg{font-size:20px;margin-left:5px;color:var(--main-bg-color)}.cardNews .content-news{border:solid 1.5px #fff;padding:25px}.cardNews .content-news p{margin:0;width:100%;word-break:break-all}.cardNews .content-news .origin{margin-bottom:15px;fill:var(--main-bg-color)}.cardNews .origin{display:flex;align-items:center}.cardNews .origin svg{width:25px;height:25px;color:var(--main-bg-color)}.cardNews .origin a{margin:0 0 0 5px;padding:0;color:var(--main-bg-color)}.cardNews .container-image{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;max-height:360px;overflow:hidden;width:100%;padding-top:calc(100% / 1.8);background-color:#f2f2f2}.cardNews .container-image.linkedin img{top:0;object-fit:cover;object-position:center top;min-height:100%}.cardNews .container-image:not(.linkedin) img{top:50%;transform:translateY(-50%)}.cardNews .container-image img{position:absolute;display:block;width:100%}.cardNews .container-image .origin{border:solid 1.5px #fff;padding:25px;width:100%}.cardNews .container-image .origin svg{fill:var(--main-bg-color)}@keyframes animOutLikedin{from{opacity:1;transform:translateX(-40%)}to{opacity:0;transform:translateX(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}.news{min-width:calc((100%/28)*24)}.news .titleContainer{margin-bottom:15px}@media screen and (min-width: 900px){.news{min-width:calc((100%/28)*12)}}@media screen and (min-width: 1100px){.news{min-width:calc((100%/28)*26)}}@media screen and (min-width: 1200px){.news{min-width:calc((100%/28)*24)}}@media screen and (min-width: 1350px){.news{min-width:calc((100%/28)*20)}}@media screen and (min-width: 1450px){.news{min-width:calc((100%/28)*18)}}@media screen and (min-width: 900px){.news .my-masonry-grid .my-masonry-grid_column:first-child{align-items:flex-start}.news .my-masonry-grid .my-masonry-grid_column:last-child{align-items:flex-end}}
.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}.news{position:relative;z-index:2;margin:0 auto;max-width:calc((100%/28)*22)}@media screen and (min-width: 1224px){.news{max-width:calc((100%/28)*20)}}@media screen and (max-width: 920px){.news .titleContainer.right{margin-right:calc((100%/24) * 1)}}.news .titleContainer{margin-bottom:25px}.news .titleContainer h2{direction:rtl;text-indent:22px}@media screen and (min-width: 800px){.news .titleContainer{margin-bottom:0}}.news .titleContainer .blackLineAndNumberContainer{position:relative;top:45px}@media screen and (min-width: 420px){.news .titleContainer .blackLineAndNumberContainer{top:61px}.news .titleContainer h2{text-indent:27px}}@media screen and (min-width: 550px){.news .titleContainer .blackLineAndNumberContainer{top:85px}.news .titleContainer h2{text-indent:40px}}@media screen and (min-width: 767px){.news .titleContainer .blackLineAndNumberContainer{top:98px}.news .titleContainer h2{text-indent:45px}}.news .my-masonry-grid{margin:25px calc(-1*15px) 0 calc(-1*15px)}.news .cardNews{padding-top:0;padding-bottom:25px}.news .container-btn{text-align:center;padding:25px 0 45px 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}.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}
.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}.section1{position:relative;min-height:100vh;height:100%}.section1 .mask{overflow:hidden;transition:opacity .8s ease-in-out}.section1 .mask.hide{opacity:0}.section1 .logo{position:fixed;z-index:0;top:10%;left:33%;transform:translate(-50%, 0%) scale(1.3);transition:all 1s ease-in-out;width:100%}@media screen and (max-width: 920px){.section1 .logo{display:none}}@media screen and (min-width: 920px){.section1 .logo{top:0%}}.section1 .logo path{stroke-dasharray:2200;animation:drawLogo 2s 1;animation-timing-function:ease-in-out}@keyframes fadeOutLogo{from{opacity:1}to{opacity:0}}@keyframes drawLogo{from{stroke-dashoffset:2200}to{stroke-dasharray:2200;stroke-dashoffset:0}}.section1.video-open{top:0;align-items:flex-start}.section1.video-open .section-text{pointer-events:none}.section1.video-open .section-video{position:absolute;width:100%;height:100vh;max-width:100%;padding-top:0}.section1.video-open .section-video video{object-fit:contain}@media(min-aspect-ratio: 16/9){.section1.video-open .section-video video{height:auto !important}}@media(max-aspect-ratio: 16/9){.section1.video-open .section-video video{height:100% !important}}.section1 .container-button{z-index:3;transition:opacity .8s ease-in-out}.section1 .container-button .buttonRectangular.with-icon{white-space:nowrap}@media screen and (min-width: 1024px){.section1 .container-button .buttonRectangular.with-icon{min-width:300px}}.section1 .container-button .icon-play{position:relative}.section1 .container-button.mobile{display:block;margin-bottom:15px}@media screen and (min-width: 920px){.section1 .container-button.mobile{display:none}}.section1 .container-button.hide{opacity:0}.section1 .container-button .mask,.section1 .container-button .mask>span{display:inline-block}.section1 .section-video{position:relative;display:flex;align-items:flex-end;width:100%;height:80vh;transition:all .8s ease-in-out}.section1 .section-video:after{content:"";position:absolute;z-index:0;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%)}.section1 .section-video .mask{width:100%}.section1 .section-video .video-mask{position:absolute;top:0;right:0;width:100%;height:100%;overflow:hidden}.section1 .section-video .video-mask .container-video .pause,.section1 .section-video .video-mask .container-video .play{transform:translateY(-200%)}@media screen and (max-width: 920px){.section1 .section-video .video-mask .container-video .pause,.section1 .section-video .video-mask .container-video .play{display:none !important}}.section1 .section-video .video-mask .container-backward{display:none;transform:translateY(-200%)}@media screen and (max-width: 920px){.section1 .section-video .video-mask .container-backward{display:none}}.section1 .section-video .video-mask.showButton .container-backward{display:flex;top:20px;animation:showButton 1s 1;animation-delay:.8s;animation-fill-mode:forwards}.section1 .section-video .video-mask.showButton .container-video .pause,.section1 .section-video .video-mask.showButton .container-video .play{animation:showButton 1s 1;animation-delay:.8s;animation-fill-mode:forwards}@keyframes showButton{0%{transform:translateY(-200%)}100%{transform:translateY(0%)}}.section1 .section-video .container-backward{position:absolute;z-index:1010;top:20px;right:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.section1 .section-video .container-backward:hover p{text-decoration:underline}.section1 .section-video .container-backward p{font-weight:bold;letter-spacing:1.5px;text-transform:uppercase;margin:0 15px 0 0;color:#fff}.section1 .section-video .container-backward .arrow,.section1 .section-video .container-backward .arrow:after,.section1 .section-video .container-backward .arrow:before{background-color:#fff !important}.section1 .section-video .content-media{position:relative;width:100%;height:100%}.section1 .section-video .content-media>img{width:100%;height:100%;object-fit:cover;object-position:center}.section1 .section-video .content-media .sound-icon,.section1 .section-video .content-media .sound-bar{position:absolute;z-index:1002;bottom:20px;right:20px;cursor:pointer}.section1 .section-video .content-media .container-video{height:100%;width:100%}@media screen and (max-width: 920px){.section1 .section-video .content-media .container-video .play{display:none}}.section1 .section-video .content-media .container-video video{width:100%;height:100%;object-fit:cover;object-position:center}.section1 .section-video .mask-title{position:relative;z-index:2;margin-bottom:65px;padding-left:calc((100%/28)*2) !important}@media screen and (min-width: 767px){.section1 .section-video .mask-title{margin-bottom:15px}}@media screen and (min-width: 1300px){.section1 .section-video .mask-title{padding-left:calc((100%/28)*4) !important}}.section1 .section-video .mask-title .title h1{margin:0 0 25px 0;font-family:"PFBeauSansPro-Bold";font-size:30px;line-height:32px;color:#fff;text-shadow:0px 4px 21px rgba(0,0,0,.28);overflow-wrap:word-break;word-break:keep-all}@media screen and (min-width: 380px){.section1 .section-video .mask-title .title h1{font-size:9vw;line-height:10vw}}@media screen and (min-width: 480px){.section1 .section-video .mask-title .title h1{font-size:44px;line-height:calc(50px + 5px)}}@media screen and (min-width: 920px){.section1 .section-video .mask-title .title h1{font-size:70px;line-height:70px}}@media screen and (min-width: 1300px){.section1 .section-video .mask-title .title h1{font-size:90px;line-height:90px}}@media screen and (min-width: 1400px){.section1 .section-video .mask-title .title h1{font-size:110px;line-height:110px}}.section1 .section-video .mask-title .title h1>span{font-family:"PFBeauSansPro-Italic"}.section1 .section-text{position:relative;z-index:3;width:100%;margin:0 auto;padding:0 calc((100%/28)*2) 40px calc((100%/28)*2);box-sizing:border-box;max-width:calc((100%/28)*100%)}@media screen and (min-width: 767px){.section1 .section-text{max-width:calc((100%/28)*24);padding:0}}@media screen and (min-width: 920px){.section1 .section-text{max-width:calc((100%/28)*22)}}@media screen and (min-width: 1224px){.section1 .section-text{max-width:calc((100%/28)*20)}}.section1 .section-text .mask>p{font-size:12px;text-transform:uppercase;font-weight:bold}.section1 .section-text .container-text{position:relative;display:flex;align-items:flex-start;transition:opacity .8s ease-in-out}.section1 .section-text .container-text .container-button{position:absolute;right:0;display:none;transform:translate(0, -44%)}@media screen and (min-width: 920px){.section1 .section-text .container-text .container-button{display:block}}.section1 .section-text .container-text.hide{opacity:0}.section1 .section-text .container-text .container-scroll-indicator{margin-top:45px;margin-left:40px;height:60px;width:60px}.section1 .section-text .container-text .container-scroll-indicator .scroll-indicator{position:relative}@media screen and (max-width: 1100px){.section1 .section-text .container-text .container-scroll-indicator .scroll-indicator{display:none}}.section1 .section-text .container-text>.mask:first-child{max-width:700px;margin-top:40px}.section1 .section-text .container-text .text,.section1 .section-text .container-text .text p{font-size:17px;line-height:24px;margin-top: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}.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)}}
.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}.domains-activities{padding-top:70px;overflow:hidden;position:relative;z-index:2;margin:0 auto 0 auto;box-sizing:border-box;max-width:calc((100%/28)*100%)}@media screen and (min-width: 767px){.domains-activities{max-width:calc((100%/28)*24)}}@media screen and (min-width: 920px){.domains-activities{max-width:calc((100%/28)*22)}}@media screen and (min-width: 1224px){.domains-activities{max-width:calc((100%/28)*20)}}.domains-activities .tonic-marker{position:absolute;z-index:1010;top:695px;left:calc(50% - 35px);width:70px;height:270px;mix-blend-mode:multiply}.domains-activities .tonic-marker>rect{fill:var(--main-bg-color)}@media screen and (max-width: 920px){.domains-activities .tonic-marker{display:none}}.domains-activities .titleContainer{margin-bottom:15px;margin-left:calc((100%/20)*4)}@media screen and (min-width: 767px){.domains-activities .titleContainer{margin-bottom:40px;margin-left:calc((100%/20)*6)}}@media screen and (min-width: 920px){.domains-activities .titleContainer{margin-left:calc((100%/20)*6)}}.domains-activities .titleContainer .title{padding-left:calc((100%/13)*2)}.domains-activities .titleContainer .title-mask>*{text-indent:calc(-2*(100%/13))}.domains-activities .list-domains{padding:0;margin:0}.domains-activities .list-domains li{list-style:none}
.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}.card-domain{display:flex;justify-content:space-between;padding:25px 0}.card-domain.CIVITEO .card-content h4>span:before{display:none}.card-domain.CIVITEO .card-content a{pointer-events:none;cursor:inherit}.card-domain .card-icon-domain{display:flex;justify-content:center;align-items:center;background-color:var(--main-bg-color);width:30px;height:30px;min-width:30px;min-height:30px;border-radius:15px;overflow:hidden}.card-domain .card-icon-domain>img{width:100%}@media screen and (max-width: 767px){.card-domain{flex-wrap:wrap;flex-direction:column-reverse}.card-domain .card-content{width:100%;padding:15px calc((100%/28)*2)}.card-domain .card-image{max-width:100%}.card-domain .card-image img{max-width:100%}.card-domain.right .card-image{margin-left:auto}.card-domain.left .card-image{margin-right:calc((100%/28)*6)}}@media screen and (min-width: 767px){.card-domain{padding:40px 0}.card-domain.left{flex-direction:row}.card-domain.left .card-content{margin-right:calc((100%/20)*1)}.card-domain.right{flex-direction:row-reverse}.card-domain.right .card-content{margin-left:calc((100%/20)*1)}}@media screen and (min-width: 920px){.card-domain{padding:25px 0}.card-domain.left .card-content{padding-left:calc((100%/20)*1)}.card-domain.right .card-content{padding-right:calc((100%/20)*1)}}.card-domain.right .grid{bottom:-60px;left:70px}.card-domain.left .grid{bottom:-60px;right:70px}.card-domain .card-image{position:relative;max-height:100%}@media screen and (min-width: 767px){.card-domain .card-image{max-height:350px}}.card-domain .card-image.show img{transition:all .8s ease-out;transform:translateY(0%)}.card-domain .card-image:not(.show) img{transform:translateY(100%)}.card-domain .card-image img{width:100%}.card-domain .card-image .grid{position:absolute;height:100%;width:100%}.card-domain .mask{overflow:hidden}.card-domain .card-content{width:100%}@media screen and (min-width: 767px){.card-domain .card-content{width:calc((100%/20)*12)}}.card-domain .card-content a{text-decoration:none}.card-domain .card-content h4{position:relative;font-size:20px;line-height:20px;letter-spacing:.2px;margin:5px 0 10px 0 !important}@media screen and (min-width: 767px){.card-domain .card-content h4{font-size:24px;line-height:calc(24px + 5px)}}.card-domain .card-content h4 span{position:relative;color:#2c2a29;text-decoration:none}.card-domain .card-content h4 span:before{content:"";position:absolute;display:block;height:1px;width:100%;background-color:#2c2a29;bottom:-3px;transform-origin:left;transform:scale(0, 1);transition:all .5s ease-in-out}.card-domain .card-content h4 span:hover:before{transform:scale(1, 1)}.card-domain .card-content h4,.card-domain .card-content p{margin:0 0 5px 0}.card-domain .card-content a.title>span{display:inline-block;font-weight:bold;color:var(--main-bg-color);text-transform:uppercase;font-size:16px;line-height:24px;margin:5px 0 5px 0;text-decoration:none}.card-domain .card-content p{font-size:16px}.card-domain .card-content .list-subdomains{padding:0}.card-domain .card-content .list-subdomains li a{color:#2c2a29;font-size:14px;text-decoration:none}@media screen and (min-width: 767px){.card-domain .card-content .list-subdomains li a{font-size:16px}}.card-domain .card-content .list-subdomains li a:hover{text-decoration:underline}.card-domain .slide-vertical .word,.card-domain .slide-horizontal .word{display:inline-block;white-space:nowrap}.card-domain .slide-vertical .whitespace,.card-domain .slide-horizontal .whitespace{display:inline-block;width:6px}.card-domain .slide-vertical .char,.card-domain .slide-horizontal .char{position:relative;color:transparent;display:inline-block;overflow:hidden}.card-domain .slide-vertical .char:before,.card-domain .slide-vertical .char:after,.card-domain .slide-horizontal .char:before,.card-domain .slide-horizontal .char:after{content:attr(datachar);position:absolute;top:0;left:0;visibility:visible;color:#2c2a29;transition:transform .5s cubic-bezier(0.9, 0, 0.2, 1);transition-delay:calc( 0.1s + ( 0.02s * ( var(--char-index) ) ) )}.card-domain .slide-vertical .char:before,.card-domain .slide-horizontal .char:before{color:var(--main-bg-color);transition-delay:calc( 0.01s * ( var(--char-index) ) )}.card-domain .slide-vertical:hover .char:before,.card-domain .slide-horizontal:hover .char:before{transition-delay:calc( 0.1s + ( 0.02s * ( var(--char-index) ) ) )}.card-domain .slide-vertical:hover .char:after,.card-domain .slide-horizontal:hover .char:after{transition-delay:calc( 0.01s * ( var(--char-index) ) )}.card-domain .slide-vertical .char:before{transform:translateY(-100%)}.card-domain .slide-vertical:hover .char:before{transform:translateY(0%)}.card-domain .slide-vertical:hover .char:after{transform:translateY(100%)}.card-domain .slide-horizontal .char:before{transform:translateX(110%)}.card-domain .slide-horizontal:hover .char:before{transform:translateX(0%)}.card-domain .slide-horizontal:hover .char:after{transform:translateX(-110%)}