.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}}.header-projet{display:flex;align-items:center;justify-content:center;max-width:100%;margin:0 auto;flex-wrap:wrap}@media screen and (min-width: 920px){.header-projet{flex-wrap:inherit;max-width:calc((100%/28)*24)}}@media screen and (max-width: 400px){.header-projet .back-button{max-width:220px}}.header-projet:not(.no-picture){margin-left:0;margin-bottom:55px}@media screen and (min-width: 920px){.header-projet:not(.no-picture){margin-left:calc((100%/28)*4)}}@media screen and (min-width: 400px){.header-projet:not(.no-picture){margin-bottom:70px}}.header-projet.no-picture{width:100%;padding-top:15px;margin:0 auto 55px auto}.header-projet.no-picture .back-button{margin-top:0;margin-bottom:25px}.header-projet.no-picture .mobile-download-btn{top:-5px !important}@media screen and (min-width: 400px){.header-projet.no-picture .back-button{margin-top:15px}}@media screen and (min-width: 400px){.header-projet.no-picture{padding-top:0}.header-projet.no-picture .back-button{margin-top:25px;margin-bottom:25px}.header-projet.no-picture .mobile-download-btn{top:5px !important}}@media screen and (min-width: 1024px){.header-projet.no-picture{width:calc((100%/28)*24)}}@media screen and (min-width: 1224px){.header-projet.no-picture{width:calc((100%/28)*22)}}.header-projet .container-info,.header-projet .container-image{display:inline-block}.header-projet .container-info{position:relative}@media screen and (max-width: 920px){.header-projet .container-info{width:100%;padding:0 calc((100%/28)*2) !important}.header-projet .container-info .titleContainer{width:calc((100%/28)*26)}}.header-projet .container-info .title{font-size:40px;line-height:40px}.header-projet .container-info .titleContainer .blackLineAndNumberContainer{display:none}.header-projet .container-info .mobile-download-btn{position:absolute;top:-20px;right:calc((100%/28)*1)}.header-projet .container-info:not(.no-picture){width:100%;margin-right:0}@media screen and (min-width: 920px){.header-projet .container-info:not(.no-picture){width:calc((100%/24)*11);margin-right:calc(1*(100%/24))}}.header-projet .container-info.no-picture{display:flex;flex-wrap:wrap;width:calc((100%/20)*20);margin-right:0}.header-projet .container-info.no-picture .titleContainer{width:100%}.header-projet .container-images{width:100%;font-size:0;text-align:center;margin-bottom:40px;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 920px){.header-projet .container-images{width:calc((100%/24)*12);margin-bottom:0}}.header-projet .container-images a{text-decoration:none}.header-projet .container-images .dropdownFile{transform:translateY(-50%)}.header-projet .container-images img{width:100%}.header-projet label,.header-projet .secondary-title{font-family:"Arial";font-weight:bold;font-size:12px;text-transform:uppercase;margin:0;letter-spacing:1px}.header-projet .back-button{display:flex}@media screen and (min-width: 920px){.header-projet .back-button{display:none !important}}.header-projet .secondary-title{color:var(--main-bg-color);margin-bottom:5px}.header-projet .details-projet>ul,.header-projet .more-info{padding:0}.header-projet .details-projet>ul li,.header-projet .more-info li{list-style-type:none}.header-projet .details-projet>ul li p,.header-projet .details-projet>ul li label,.header-projet .more-info li p,.header-projet .more-info li label{line-height:24px;display:inline-block;margin:0}.header-projet .details-projet>ul li label,.header-projet .more-info li label{position:relative;width:100%;color:#2c2a29;vertical-align:top}@media screen and (min-width: 920px){.header-projet .details-projet>ul li label,.header-projet .more-info li label{width:calc((100%/10)*3)}}.header-projet .details-projet>ul li .contributor,.header-projet .details-projet>ul li .partner,.header-projet .more-info li .contributor,.header-projet .more-info li .partner{text-transform:uppercase}.header-projet .details-projet>ul li .contributor:not(:last-child),.header-projet .details-projet>ul li .partner:not(:last-child),.header-projet .more-info li .contributor:not(:last-child),.header-projet .more-info li .partner:not(:last-child){margin-right:15px}.header-projet .details-projet>ul li a.partner,.header-projet .details-projet>ul li .contributor,.header-projet .more-info li a.partner,.header-projet .more-info li .contributor{font-family:"PFBeauSansPro-Bold";color:var(--main-bg-color);text-decoration:none}.header-projet .details-projet>ul li a.partner:hover,.header-projet .more-info li a.partner:hover{text-decoration:underline}.header-projet .details-projet>ul li p:not(.title),.header-projet .more-info li p:not(.title){width:100%;margin-left:0;font-size:16px;margin-bottom:15px}@media screen and (min-width: 920px){.header-projet .details-projet>ul li p:not(.title),.header-projet .more-info li p:not(.title){margin-left:calc((100%/10)*1)}}@media screen and (min-width: 1024px){.header-projet .details-projet>ul li p:not(.title),.header-projet .more-info li p:not(.title){margin-left:calc((100%/10)*.5)}}@media screen and (min-width: 400px){.header-projet .details-projet>ul li p:not(.title),.header-projet .more-info li p:not(.title){width:calc((100%/10)*6)}}@media screen and (min-width: 1550px){.header-projet .details-projet>ul li p:not(.title),.header-projet .more-info li p:not(.title){margin-left:0}}.header-projet .container-info:not(.no-picture) .details-projet>ul{width:100%}@media screen and (min-width: 1024px){.header-projet .container-info:not(.no-picture) .details-projet>ul{width:calc((100%/16)*14)}}@media screen and (min-width: 1550px){.header-projet .container-info:not(.no-picture) .details-projet>ul{width:calc((100%/16)*12)}}.header-projet .container-info.no-picture .details-projet{display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:150px;margin-bottom:40px}@media screen and (min-width: 767px){.header-projet .container-info.no-picture .details-projet{width:calc((100%/24)*12)}}@media screen and (min-width: 920px){.header-projet .container-info.no-picture .details-projet{margin-bottom:0;width:calc((100%/24)*8)}}.header-projet .container-info.no-picture .details-projet label{width:calc((100%/7)*3)}.header-projet .container-info.no-picture .details-projet p{margin-left:calc((100%/7)*.5);width:calc((100%/7)*3.5)}.header-projet .container-info.no-picture .details-projet ul{margin:0}.header-projet .container-info.no-picture .details-projet .container-file-btn .dropdownFile{margin-top:15px}.header-projet .container-info.no-picture .details-projet .container-file-btn .dropdownFile .button{margin-bottom:5px}.header-projet .container-info.no-picture .details-projet .container-file-btn a{text-decoration:none}.header-projet .container-info.no-picture .more-info{width:100%;padding:0;margin:0}@media screen and (min-width: 920px){.header-projet .container-info.no-picture .more-info{width:calc((100%/24)*15);margin-left:calc((100%/24)*1)}}.header-projet .container-info.no-picture .more-info li{list-style-type:none}.header-projet .container-info.no-picture .more-info li:not(:last-child){padding-bottom:15px}.header-projet .container-info.no-picture .more-info li>p:not(.title){margin-left:0;width:100%}@media screen and (min-width: 400px){.header-projet .container-info.no-picture .more-info li>p:not(.title){width:calc((100%/20)*13.5);margin-left:calc((100%/20)*.5)}}.header-projet .container-info.no-picture .more-info .titleContainer{display:inline-block;text-align:left !important;margin:0;vertical-align:top;margin-bottom:15px;text-transform:uppercase}@media screen and (min-width: 400px){.header-projet .container-info.no-picture .more-info .titleContainer{display:inline-block;width:calc((100%/20)*6);text-align:right !important;margin:0}}.header-projet .container-info.no-picture .more-info .titleContainer .title{text-align:left !important;font-family:Arial;font-weight:bold;font-size:12px;line-height:22px}@media screen and (min-width: 400px){.header-projet .container-info.no-picture .more-info .titleContainer .title{text-align:right !important}}@media screen and (max-width: 400px){.header-projet .container-info.no-picture .more-info .titleContainer .blackLine{left:0;right:inherit;width:100%}}@media screen and (min-width: 920px){.header-projet .container-info.no-picture .more-info .titleContainer .blackLine{display:none}}.header-projet .dropdownFile{position:relative;z-index:3;width:308px}.header-projet .dropdownFile.mobile-download-btn{display:flex;justify-content:flex-end}.header-projet .dropdownFile.mobile-download-btn .container-download-button{display:flex;justify-content:flex-end}.header-projet .dropdownFile.mobile-download-btn .dropdownFile-list{width:auto;top:5px;right:70px;max-width:280px}@media screen and (max-width: 390px){.header-projet .dropdownFile.mobile-download-btn .dropdownFile-list{top:70px;right:0px}}.header-projet .dropdownFile.mobile-download-btn ul li{margin-bottom:0 !important}.header-projet .dropdownFile.mobile-download-btn ul li a{text-decoration:none}.header-projet .dropdownFile.mobile-download-btn ul li:first-child{border-radius:5px 5px 0 0}.header-projet .dropdownFile.mobile-download-btn ul li:last-child{border-radius:0 0 5px 5px}@media screen and (max-width: 390px){.header-projet .dropdownFile.mobile-download-btn{max-width:240px}}.header-projet .dropdownFile .button{display:flex;justify-content:center;align-items:center;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;width:fit-content;min-height:40px;box-sizing:border-box;cursor:pointer;background-color:var(--main-bg-color)}.header-projet .dropdownFile .button>span{white-space:nowrap}.header-projet .dropdownFile .button .dropdown-indicator{position:relative;top:-5px;display:inline-flex;margin-left:10px;width:16px;height:20px}.header-projet .dropdownFile .button .dropdown-indicator.reverse:after{top:6px;transform:rotate(225deg)}.header-projet .dropdownFile .button .dropdown-indicator:not(.reverse):after{top:4px;transform:rotate(45deg)}.header-projet .dropdownFile .button .dropdown-indicator:after{content:"";position:relative;width:6px;height:6px;border-right:solid 2px #fff;border-bottom:solid 2px #fff}.header-projet .dropdownFile .dropdownFile-list{position:absolute;z-index:100;width:100%}.header-projet .dropdownFile ul{list-style-type:none;padding:0;margin:5px 0 0 0;width:100%}.header-projet .dropdownFile ul li{background-color:#d8d8d8;cursor:pointer;font-family:Arial;font-size:12px;font-weight:bold;max-height:40px;line-height:24px;letter-spacing:1.5px;color:#2c2a29;text-transform:uppercase;cursor:pointer}.header-projet .dropdownFile ul li a{display:inline-block;height:40px;max-height:40px;padding:8px 20px;width:100%;color:#2c2a29;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-projet .dropdownFile ul li:hover{background-color:#897879}.header-projet .dropdownFile ul li:hover a{color:#fff}.header-projet .dropdownFile ul li:not(:last-child){margin-bottom: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}.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}.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}.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}}.circular-button{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:30px;border:solid 1.5px var(--main-bg-color);position:relative}.circular-button svg{position:relative;top:-1px;width:18px;transform:scale(1.5);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-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}.back-button{display:flex;align-items:center;margin-bottom:15px}.back-button .container-arrow{margin-right:5px}.back-button p{font-family:"Arial";font-weight:bold;font-size:14px;text-transform:uppercase;margin:0;letter-spacing:1px;color: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}.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}}.slider{position:relative;flex-wrap:wrap;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end}.slider.marginBottom{margin-bottom:40px}@media screen and (min-width: 767px){.slider.marginBottom{margin-bottom:55px}}.slider:not(.marginBottom){margin-bottom:15px}@media screen and (min-width: 767px){.slider:not(.marginBottom){margin-bottom:40px}}.slider .grid{position:absolute;width:calc((100%/16)*16);left:0;left:calc(2*(100%/16));height:280px;bottom:-30px}.slider .nav{display:flex;align-items:center;justify-content:center;padding:15px 0}.slider .nav>div:last-child{margin-left:15px}.slider .pictures{position:relative;width:100%;padding-bottom:56.4484126984%}.slider .pictures .picture-no-clipPath{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;transition:all .8s ease-in-out}.slider .pictures .picture-no-clipPath img{width:100%}.slider .pictures .picture-no-clipPath.fadeIn{animation-name:fadeInSlide;animation-delay:350ms;animation-duration:1.5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes fadeInSlide{from{clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)}to{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}}.slider .pictures .picture{position:absolute;top:0;left:0}.slider .pictures .picture>svg{position:absolute;z-index:2;width:100%;height:100%}.slider .pictures .picture img{width:100%}.slider .pictures .picture.fadeIn{-webkit-clip-path:url(#mask);clip-path:url(#mask)}
.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-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}.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 h2{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}}.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}}.similar-projects{margin-bottom:70px !important}.similar-projects .list-projects{flex-wrap:wrap;padding:0;margin:0 calc(-1*15px);display:flex;flex-direction:row;align-items:flex-start;justify-content:center}@media screen and (min-width: 767px){.similar-projects .list-projects{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start}}.similar-projects .list-projects li{width:calc((100%/24)*22);list-style:none}@media screen and (min-width: 767px){.similar-projects .list-projects li{width:calc((100%/24)*12)}}@media screen and (min-width: 920px){.similar-projects .list-projects li{width:calc((100%/24)*6)}}.similar-projects .list-projects .cardProjetContainer{width:100%;margin:0;padding:15px}.similar-projects .list-projects .cardProjetContainer:after{left:15px;right:15px}.similar-projects .container-btn-plus{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:25px}
.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}}.container-key-figures{margin:40px 0}@media screen and (min-width: 1024px){.container-key-figures{margin:140px 0}}.key-figures{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.key-figures .keyfigure{width:100%;margin:25px 0}@media screen and (min-width: 767px){.key-figures .keyfigure{margin:55px 0}}@media screen and (min-width: 920px){.key-figures .keyfigure{width:calc(100%/2)}}@media screen and (min-width: 1024px){.key-figures .keyfigure{width:calc(100%/3);margin:40px 0}}.key-figures .keyfigure .key-info .title{font-size:40px;letter-spacing:1.54px;color:var(--main-bg-color)}.key-figures .keyfigure .key-info p{font-family:"PFBeauSansPro-Bold";font-size:18px}.key-figures .keyfigure p{text-align:center;margin:0;line-height:inherit}.key-figures .keyfigure .container-icon{display:flex;flex-direction:row;align-items:center;justify-content:center}.key-figures .keyfigure .container-icon svg{display:inline-block;height:30px;font-size:40px;color:#2c2a29;margin-bottom:15px}.key-figures .keyfigure .number{font-size:40px;letter-spacing:1.54px;color:var(--main-bg-color)}.key-figures .keyfigure .number .unit{font-size:20px}@media screen and (min-width: 767px){.key-figures .keyfigure .number{font-size:60px}.key-figures .keyfigure .number .unit{font-size:30px}}.key-figures .keyfigure .title{font-family:"PFBeauSansPro-Bold"}.key-figures .keyfigure .text,.key-figures .keyfigure .title{font-size:18px}.key-figures .keyfigure .text{margin:0 auto;width:80%}