.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}}.headerMobile{width:100%;height:100%;position:fixed;z-index:1000;top:0px;left:0px;transform:translateX(-100%);background-color:#fff;transition:transform .3s ease-in-out;overflow-y:scroll}.headerMobileMenuLinks{display:flex;flex-direction:row;align-items:center;justify-content:center}.headerMobileMenuLinks p{font-family:Arial;font-size:12px;font-weight:bold;letter-spacing:.3px;color:#2c2a29;text-transform:capitalize;text-decoration:none;margin:0;margin-right:23px}.headerMobileLogoButton{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 30px;height:90px;width:100%;background:#f6f7f8;transition:background .3s ease-in-out;top:0;z-index:100299;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.headerMobileLogoButton>a{display:flex;align-items:center;max-width:140px;z-index:1;height:75px}.headerMobileLogoButton>a.large img{min-width:100%;height:65px}.headerMobileLogoButton>a img{min-width:100%;height:50px}.headerMobileLogoButton:not(.transparent){position:relative}.headerMobileLogoButton:not(.transparent) .container-lines{position:absolute;z-index:-1;height:100%;width:100%;bottom:0;left:0}.headerMobileLogoButton:not(.transparent) .container-lines .lines{position:absolute;height:100%;width:1px;background-color:#fff}.headerMobileLogoButton:not(.transparent) .container-lines .lines:nth-child(1){left:calc((100%/28)*2)}.headerMobileLogoButton:not(.transparent) .container-lines .lines:nth-child(2){left:calc((100%/28)*4)}.headerMobileLogoButton:not(.transparent) .container-lines .lines:nth-child(3){left:calc((100%/28)*6)}.headerMobileLogoButton:not(.transparent) .container-lines .lines:nth-child(4){left:calc((100%/28)*14)}.headerMobileLogoButton.transparent{background:transparent}@media screen and (min-width: 400px){.headerMobileLogoButton{padding:0 52px}}.headerMobileLogoButton img{height:64px;margin-top:5px;margin-bottom:12px}.headerMobileLogoButton button{margin:0;padding:0;border:none;background-color:transparent;outline-style:none}.headerMobileLogoButton button div{width:29px;height:1px;background-color:#2c2a29;transition:.4s}.headerMobileLogoButton button div:first-child{margin-bottom:9px}.headerMobileLogoButton button div:nth-child(2){margin-bottom:9px}.headerMobileNavAndLanguages{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;padding:0 30px 0 30px;padding-top:110px}.headerMobileNav{width:calc(100% - 60px)}.headerMobileNav a{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;font-family:Arial;font-size:21px;font-weight:bold;letter-spacing:.45px;color:#2c2a29;text-transform:capitalize;text-decoration:none;margin-bottom:28px}.headerMobileNav a .marker-link{position:relative;width:22px;height:22px;min-height:22px;min-width:22px;border-radius:11px;box-shadow:0 0 0 1px rgba(255,255,255,.2) inset;transform:translateX(10px)}.headerMobileNav a .marker-link:after{content:"";position:absolute;left:-1px;top:0px;width:22px;height:22px;min-height:22px;min-width:22px;border-radius:11px;border-left:solid 5px var(--main-bg-color);display:block}.headerMobileNav a.active{color:var(--main-bg-color) !important}.headerMobileNav a.active .marker-link{margin-left:-8px}.headerMobileNav a:last-child{margin-bottom:40px}.headerLanguages{white-space:nowrap;flex:1;z-index:1;text-align:right}.headerLanguages p{position:relative;display:inline-block;margin:0;font-family:arial;font-size:14px;letter-spacing:.3px;text-transform:capitalize;font-weight:bold;cursor:pointer}.headerLanguages p:not(.selected){color:#d8d8d8}.headerLanguages p.selected:after{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;background-color:#2c2a29}.headerLanguages p:not(:first-child){margin:0 0 0 5px}.headerMobileEntreprises{margin:25px 0 15px 0;width:100%}.headerMobileEntreprises h5{text-transform:uppercase;margin:0;text-align:right;max-width:210px;width:70%;border-bottom:solid 1.5px #2c2a29;margin-bottom:25px}.entrepriseLinks{width:100%;padding:0 30px 30px 30px}.entrepriseLinks a{position:relative;z-index:2;font-family:Arial;font-size:14px;font-weight:bold;letter-spacing:1px;color:#2c2a29;text-transform:uppercase;text-decoration:none;margin-bottom:15px}.entrepriseLinks a.active{color:var(--main-bg-color)}.entrepriseLinks a.disabled{color:#d8d8d8}.entrepriseLinks a.active{color:var(--main-bg-color) !important}.entrepriseLinks>a{display:block}.entrepriseLinks .sce{margin-bottom:15px}.HeaderMobileSocialsLink{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:73%;margin:0 auto;margin-bottom:47px}.HeaderMobileSocialsLink svg{pointer-events:none;font-size:28px}.HeaderMobileSocialsLink svg path{fill:var(--main-bg-color)}.headerContainerTopLevel{z-index:1002;position:fixed;width:100%;transform:translateY(-100%)}.headerContainerTopLevel .marker-link{position:relative;width:22px;height:22px;min-height:22px;min-width:22px;border-radius:11px;box-shadow:0 0 0 1px rgba(255,255,255,.2) inset;transform:translateX(10px)}.headerContainerTopLevel .marker-link:after{content:"";position:absolute;left:-1px;top:0px;width:22px;height:22px;min-height:22px;min-width:22px;border-radius:11px;border-left:solid 5px var(--main-bg-color);display:block}.headerContainerTopLevel.withAnim{transition:all .6s ease-in-out}.headerContainerTopLevel.show{transform:translateY(0%)}.headerContainerTopLevel.show.fadeIn{transition:all .6s ease-in-out}.headerWebContainer{display:none;transition:all .5s ease-in-out}@media screen and (min-width: 1260px){.headerWebContainer{display:block}}@media screen and (min-width: 1260px){.headerMobile{display:none}.headerMobileLogoButton{display:none}.headerWebContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.headerWeb{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#fff;height:92px;top:0;width:100%;transition:top .3s ease-in-out}.headerWeb .logo-keran{position:relative;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:116px;height:92px}.headerWeb .logo-keran img{width:65px;height:55px}.headerWebLogoAndMenuLinks{display:flex;flex-direction:row;align-items:center;justify-content:space-around;height:inherit;width:100%}.headerWebMenuLinks{position:absolute;z-index:2;left:50%;transform:translateX(-50%);display:flex;flex-direction:row;align-items:center;justify-content:center}.headerWebMenuLinks a{white-space:nowrap;position:relative;z-index:2;font-family:Arial;font-size:14px;font-weight:bold;letter-spacing:1px;color:#2c2a29;text-transform:uppercase;text-decoration:none}.headerWebMenuLinks a.active{color:var(--main-bg-color)}.headerWebMenuLinks a.disabled{color:#d8d8d8}.headerWebMenuLinks .link{margin-left:25px}.headerWebContactLink{position:relative;z-index:100;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;height:92px;white-space:nowrap;margin-right:122px;transition:transform .3s ease-in-out}.headerWebContactLink a{position:relative;z-index:2;font-family:Arial;font-size:14px;font-weight:bold;letter-spacing:.3px;color:#2c2a29;text-transform:none;text-decoration:none}.headerWebContactLink a.active{color:var(--main-bg-color)}.headerWebSubMenu{display:flex;flex-direction:row;align-items:center;justify-content:none;width:100%;height:75px;top:0;transition:top .3s ease-in-out,background .3s ease-in-out}.headerWebSubMenu:not(.transparent){background-color:#f6f7f8;border-bottom:solid 1px #fff}.headerWebSubMenu:not(.transparent) a:not(.home-link){position:relative;z-index:2;font-family:Arial;font-size:14px;font-weight:bold;letter-spacing:1px;color:#2c2a29;text-transform:capitalize;text-decoration:none}.headerWebSubMenu:not(.transparent) a:not(.home-link).active{color:var(--main-bg-color)}.headerWebSubMenu.transparent{border-bottom:solid 1px rgba(255,255,255,.2)}.headerWebSubMenu.transparent .container-lines{opacity:0}.headerWebSubMenu.transparent .headerLanguages p{color:#fff}.headerWebSubMenu.transparent .headerLanguages p:not(.selected){color:#d8d8d8}.headerWebSubMenu.transparent .headerLanguages p.selected:after{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;background-color:#2c2a29}.headerWebSubMenu.transparent a:not(.home-link){position:relative;z-index:2;font-family:Arial;font-size:14px;font-weight:bold;letter-spacing:1px;color:#fff;text-transform:capitalize;text-decoration:none}.headerWebSubMenu.transparent a:not(.home-link).active{color:var(--main-bg-color)}.headerWebSubMenu.transparent .marker-link:after{background-color:transparent}.headerWebSubMenu .background-gradient{position:absolute;height:75px;width:100%;bottom:0;opacity:0;z-index:-1;background:linear-gradient(180deg, rgba(44, 42, 41, 0.2) 0%, rgba(44, 42, 41, 0) 89%)}.headerWebSubMenu .background-gradient.active{opacity:1}.headerWebSubMenu .proximity-gradient{position:absolute;z-index:1;width:100%;top:0;height:95px;opacity:0;transition:all .3s ease-in-out;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.headerWebSubMenu .proximity-gradient:after{content:"";position:absolute;bottom:0;display:block;width:100%;height:3px;background-color:#fff}.headerWebSubMenu .proximity-gradient .area-trigger-proximity{position:absolute;height:3px;width:100%;bottom:0}.headerWebSubMenu .proximity-gradient.active{opacity:1}.headerWebSubMenu .container-lines{position:absolute;height:100%;width:100%;bottom:0}.headerWebSubMenu .container-lines .lines{position:absolute;height:100%;width:1px;background-color:#fff}.headerWebSubMenu .container-lines .lines:nth-child(1){left:calc((100%/28)*2)}.headerWebSubMenu .container-lines .lines:nth-child(2){left:calc((100%/28)*4)}.headerWebSubMenu .container-lines .lines:nth-child(3){left:calc((100%/28)*6)}.headerWebSubMenu .container-lines .lines:nth-child(4){left:calc((100%/28)*14)}.headerWebSubMenu .home-link{display:flex;justify-content:center;align-items:center;z-index:1;height:75px;max-width:140px;margin-left:40px}}@media screen and (min-width: 1260px)and (min-width: 1370px){.headerWebSubMenu .home-link{margin-left:calc((100%/28)*4);transform:translateX(-100%)}}@media screen and (min-width: 1260px){.headerWebSubMenu .home-link.large #logoSubMenu{width:100%;height:65px}}@media screen and (min-width: 1260px){.headerWebSubMenu .home-link #logoSubMenu{width:100%;height:50px}}@media screen and (min-width: 1260px){.headerWebSubMenu a:not(.home-link){position:relative;display:flex;justify-content:center;align-items:center;transition:color .6s ease-in-out;white-space:nowrap;position:relative;z-index:2;font-family:Arial;font-size:14px;font-weight:bold;letter-spacing:1px;color:#2c2a29;text-transform:capitalize;text-decoration:none;margin-right:24px;transition:.3s ease-in-out;cursor:pointer}.headerWebSubMenu a:not(.home-link).active{color:var(--main-bg-color)}}@media screen and (min-width: 1260px)and (min-width: 1370px){.headerWebSubMenu a:not(.home-link){margin-right:24px}}@media screen and (min-width: 1260px){.headerWebSubMenu a:not(.home-link) img{position:relative;left:12px;z-index:0}}@media screen and (min-width: 1260px){.headerWebSubMenu a:not(.home-link)>span{position:relative;z-index:1}}@media screen and (min-width: 1260px){.headerWebSubMenu .headerLanguages{margin-left:0px;margin-right:49px}}
.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}}.modale{transition:all .4s cubic-bezier(0.17, 0.67, 0.68, 0.77);position:fixed;z-index:1003;background-color:#897879;transform:scale(1) translate(0px, 0px);width:169px;height:169px;border-radius:169px;pointer-events:none;opacity:0}.modale.isOpen{z-index:1003;transform:scale(1) translate(-2000px, -2000px);height:4000px;width:4000px;border-radius:2000px;opacity:1}.modale-content{transition:all .4s cubic-bezier(0.17, 0.67, 0.68, 0.77);position:fixed;z-index:1003;width:100vw;transform:scale(0) translate(-2000px, -2000px);overflow:hidden;height:100%}.modale-content.isOpen{transform:translate(0px, 0px)}.modale-content.isOpen .background-circle{position:absolute;z-index:-1;width:70%;padding-top:70%;border-radius:50%;border:solid 1px #fff;right:-10%;bottom:-100%;opacity:.2}.modale-content.isOpen .container-lines{position:absolute;z-index:-1;height:100%;width:100%;bottom:0}.modale-content.isOpen .container-lines .lines{position:absolute;height:100%;width:1px;background-color:#fff;opacity:.2}.modale-content.isOpen .container-lines .lines:nth-child(1){left:calc((100%/28)*2)}.modale-content.isOpen .container-lines .lines:nth-child(2){left:calc((100%/28)*4)}.modale-content.isOpen .container-lines .lines:nth-child(3){left:calc((100%/28)*6)}.modale-content.isOpen .container-lines .lines:nth-child(4){left:calc((100%/28)*14)}.modale-content .btn-close{position:absolute;z-index:10;right:0;display:flex;align-items:center;text-transform:uppercase;background-color:transparent;font-size:14px;font-weight:bold;letter-spacing:1.5px;text-transform:uppercase;margin:0 15px 0 0;color:#fff;margin:0px;border:0px solid #897879;outline:none}.modale-content .btn-close img{margin-right:10px}.modale-content h1{color:#fff;font-size:48px;margin-top:0}.modale-content .agencies-content{overflow-y:auto;height:100%;width:100%}.modale-content .content{padding-top:70px}@media screen and (min-width: 920px){.modale-content .content{padding-top:25px}}.modale-content .content ul{padding:0;margin:0 0 25px 0}.modale-content .content ul li{position:relative;display:inline-block;text-transform:uppercase;font-size:16px;line-height:40px;letter-spacing:1.29px;font-weight:bold;color:#fff;opacity:.3;transition:all .4s ease-in-out;margin-right:15px;cursor:pointer}.modale-content .content ul li.active{opacity:1}.modale-content .content ul li.active:after{content:"";position:absolute;display:block;bottom:0;width:100%;height:2px;background-color:#fff}.modale-content .agencies-list{width:100%}.modale-content .agencies-list .label-company{position:relative;font-weight:bold;display:inline-block;text-transform:uppercase;width:100%;padding-bottom:15px;margin:15px 0;font-size:16px;color:#fff}.modale-content .agencies-list .label-company:after{content:"";position:absolute;display:block;bottom:0;width:100%;height:2px;background-color:#fff}.modale-content .agencies-list .container-agencies{display:grid;gap:0 55px;grid-auto-flow:row;grid-template-columns:repeat(1, 1fr)}@media screen and (min-width: 500px){.modale-content .agencies-list .container-agencies{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 767px){.modale-content .agencies-list .container-agencies{grid-template-columns:repeat(3, 1fr)}}@media screen and (min-width: 1024px){.modale-content .agencies-list .container-agencies{grid-template-columns:repeat(4, 1fr)}}@media screen and (min-width: 1224px){.modale-content .agencies-list .container-agencies{grid-template-columns:repeat(5, 1fr)}}.modale-content .agencies-list .agency{font-size:14px !important;color:#fff}.modale-content .agencies-list .agency .bold{font-weight:bold}.modale-content .agencies-list .agency .bold.name{font-size:16px}.modale-content .agencies-list .agency .manager{display:inline-block;background-color:#625253;padding:2px 5px;line-height:20px;margin-bottom:2px}.modale-content .agencies-list .agency .manager>img{position:relative;top:1px;margin-right:4px;width:14px}.modale-content .agencies-list .agency .mail-to{color:#fff;text-decoration:none;font-weight:normal}.modale-content .agencies-list .agency .mail-to:hover{text-decoration:underline}.modale-content .agencies-list .agency a{display:inline-block;font-weight:bold;color:#2c2a29;margin-top:5px}
.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}.modal-media{position:fixed;height:100%;width:100%;z-index:1009}.modal-media .mask-logo{position:fixed;z-index:1010;top:50%;left:50%;transform:translate(-50%, -50%);transform-origin:center;width:400px;overflow:hidden}.modal-media .mask-logo .container-logo{width:400px}.modal-media .mask-logo .container-logo path{stroke-width:7 !important;transition:stroke 1s linear,stroke-dasharray .5 linear}.modal-media .mask-logo .container-logo .logo path{stroke-dasharray:500 250;stroke-dashoffset:0;stroke:rgba(255,255,255,.4);animation:drawLogo 1.4s infinite;animation-timing-function:linear}@keyframes drawLogo{from{stroke-dashoffset:0}to{stroke-dashoffset:1500}}.modal-media .mask-logo .container-logo .logo{width:400px}.modal-media .overlay{height:100%;width:100%;z-index:1009;background-color:#2c2a29;opacity:.7;cursor:pointer}.modal-media .overlay .btn-close{position:absolute;width:45px;height:45px;top:5px;right:5px;display:flex;align-items:center;justify-content:center}.modal-media .overlay .btn-close:after,.modal-media .overlay .btn-close:before{position:absolute;content:"";display:block;height:2px;width:30px;border-radius:1px;background-color:#f2f2f2}.modal-media .overlay .btn-close:before{transform:rotate(45deg)}.modal-media .overlay .btn-close:after{transform:rotate(-45deg)}.modal-media .container-media{position:fixed;z-index:1011;top:50%;left:50%;transform:translate(-50%, -50%);max-width:1000px;width:80%}.modal-media .container-media .container-video{width:100%;height:100%}.modal-media .container-media .container-video .play,.modal-media .container-media .container-video .pause{top:inherit;left:50%;transform:translate(-50%, 0);bottom:20px}
.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-lines{position:fixed;z-index:0;width:100%;max-width:1920px;margin:0 auto;overflow:hidden}.container-lines>div{height:100%}.container-lines svg line{stroke:#fff;stroke-width:1}.container-lines svg circle{stroke:#fff;stroke-width:1;fill:none}.overlay-loading{position:fixed;z-index:1010;top:0;bottom:0;left:0;right:0;background-color:#fff;color:#fff;padding:20px;display:flex;align-items:center;justify-content:center}.overlay-loading:not(.show){display:none !important}.overlay-loading .MuiCircularProgress-circle{color:var(--main-bg-color) !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}.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}