.icon-scroll{position:absolute !important;bottom:5px;left:50%;width:32px;height:100px;transform:translateX(-50%);z-index:99999}.icon-scroll.interactive{cursor:pointer}.icon-arrows::after,.icon-arrows::before{content:""}.icon-arrows{position:relative;display:flex;height:80px;flex-direction:column;justify-content:space-between;align-items:center}.icon-arrows span,.icon-arrows::after,.icon-arrows::before{position:absolute;display:inline-block;width:10px;height:10px;box-sizing:border-box;border-right:2px solid rgba(255,255,255,.8);border-bottom:2px solid rgba(255,255,255,.8);transform:rotate(45deg);animation:mouse-scroll 1s infinite;animation-direction:alternate}.icon-arrows::before{margin-top:0px;animation-delay:.1s}.icon-scroll span{top:12px;animation-delay:.2s}.icon-arrows::after{top:24px;animation-delay:.3s}.icon-scroll .mouse{height:52px;width:32px;border:2px solid rgba(255,255,255,.8);border-radius:2em}.icon-scroll .wheel{position:relative;display:block;width:10px;height:10px;margin:14px auto 0;background:rgba(255,255,255,.8);animation:mouse-wheel 1.2s ease infinite;border-radius:50%}@keyframes mouse-wheel{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(16px)}}@keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity: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}.header-fullpage{position:relative;top:0;height:100vh;width:100%;overflow:hidden}.header-fullpage>div{position:relative;overflow:hidden}.header-fullpage .titleContainer{position:absolute;z-index:1;bottom:calc(5% + 140px);left:calc((100%/28)*2);width:calc((100%/28)*24)}@media screen and (min-width: 767px){.header-fullpage .titleContainer{left:calc((100%/28)*4);width:calc((100%/28)*20)}}@media screen and (min-width: 1224px){.header-fullpage .titleContainer{bottom:calc(5% + 200px)}}.header-fullpage .titleContainer .title-mask .title{text-indent:calc(-1*(100%/20));margin-left:calc(1*(100%/20))}.header-fullpage .titleContainer h1{-webkit-hyphens:none;-moz-hyphens:none;hyphens:none}@media screen and (max-width: 767px){.header-fullpage .titleContainer h1{font-size:36px;line-height:42px}}.header-fullpage .titleContainer .blackLineAndNumberContainer{display:none}.header-fullpage .restart-video{display:flex;align-items:center;justify-content:center;background-color:rgba(44,42,41,.5);border-radius:100%;width:60px;height:60px;position:absolute;z-index:3;bottom:200px;right:20px;cursor:pointer}@media screen and (min-width: 920px){.header-fullpage .restart-video{bottom:20px;right:165px}}.header-fullpage .restart-video img{position:relative;max-height:30px;transform:scale(0.7)}@media screen and (min-width: 767px){.header-fullpage .restart-video{width:70px;height:70px}.header-fullpage .restart-video img{position:relative;max-height:30px;transform:scale(0.8)}}@media screen and (min-width: 920px){.header-fullpage .restart-video{width:90px;height:90px}.header-fullpage .restart-video img{position:relative;max-height:30px;transform:scale(1)}}.header-fullpage .sound-icon,.header-fullpage .sound-bar{position:absolute;z-index:3;bottom:20px;right:20px;cursor:pointer}.header-fullpage>img{object-fit:cover;width:100%;height:100%}.header-fullpage video{position:absolute;z-index:-1;min-width:100%;min-height:100%;left:50%;top:50%;transform:translate(-50%, -50%)}@media(min-aspect-ratio: 16/9){.header-fullpage video{width:100%;height:auto}}@media(max-aspect-ratio: 16/9){.header-fullpage video{width:auto;height:100%}}.header-fullpage .container-video{position:absolute;z-index:-1;width:100%;height:100%;left:0;top:0;overflow:hidden}.header-fullpage .container-video .youtube-video{position:absolute;z-index:-1;min-width:100%;min-height:100%;left:50%;top:50%;transform:translate(-50%, -50%);aspect-ratio:16/9;width:100%;height:100%}@media(min-aspect-ratio: 16/9){.header-fullpage .container-video .youtube-video{width:100%;height:auto;min-height:100%}}@media(max-aspect-ratio: 16/9){.header-fullpage .container-video .youtube-video{width:auto;height:100%;min-width:100%}}.header-fullpage .logo{position:absolute;height:100%;width:100%;top:0;left:0;bottom:0;opacity:.2}.header-fullpage .container-lines{position:absolute;height:100%;width:100%;bottom:0}.header-fullpage .container-lines .lines{position:absolute;height:100%;width:1px;background-color:#fff;background-blend-mode:multiply;opacity:.2}.header-fullpage .container-lines .lines:nth-child(1){left:calc((100%/28)*2)}.header-fullpage .container-lines .lines:nth-child(2){left:calc((100%/28)*4)}.header-fullpage .container-lines .lines:nth-child(3){left:calc((100%/28)*6)}.header-fullpage .container-lines .lines:nth-child(4){left:calc((100%/28)*14)}
.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}