.frontpage-content{background:var(--white-color);margin-top:85vh;position:relative;z-index:5}.page-header-home{background:var(--black-color);left:0;position:fixed !important;top:0;min-width:100%;z-index:-1}.page-header-home .wp-block-cover__background{z-index:0}.page-header-home.is-sticky{visibility:hidden}.page-header-home .page-header-home-container{display:flex;padding-top:17.8rem;padding-bottom:22.8rem;position:relative;z-index:3}.page-header-home .bloc-left{padding-right:10rem}.page-header-home h1{color:var(--white-color);font-family:'Tiposka',sans-serif;font-size:5.4rem;font-size:max(3.2rem, min(6vw, 6.4rem));text-transform:uppercase;margin-bottom:.5rem}@media all and (max-width:1199.98px){.page-header-home h1{font-size:4.8rem}}.swiper{width:100%;height:100%}.swiper-home .swiper-slide{color:var(--white-color);font-family:'Tiposka',sans-serif;font-size:7rem;font-weight:600;line-height:1;padding-left:6rem;text-transform:uppercase;hyphens:auto}.page-header-home .bloc-right{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:-10rem;padding-left:10rem}.page-header-home p{font-family:'Space Grotesk',sans-serif;color:var(--white-color);font-size:2.4rem;letter-spacing:.24px;line-height:140%;max-width:420px;font-weight:700;margin:0}.decoration-header-home{position:absolute;right:50%;top:-148px}.decoration-header-home:before{background:var(--white-color);content:"";height:148px;margin-right:107px;position:absolute;right:50%;top:0;width:50vw}.deco-pointille{padding-top:2rem;padding-bottom:8rem}.deco-pointille>.wp-block-group{position:relative;padding-left:350px}.deco-pointille .wp-block-group .wp-block-image{position:absolute;top:0;left:0;width:250px}.deco-pointille .wp-block-image img{width:100%}.deco-pointille .desc{max-width:660px}.deco-pointille h2{color:var(--accent-color);font-family:'Proto Mono',sans-serif;font-size:6.2rem;line-height:120%;margin-bottom:6.4rem;margin-left:14rem!important;text-transform:uppercase}.deco-pointille p{color:var(--text-color);font-family:'Space Grotesk',sans-serif;font-size:2.6rem;line-height:140%}.deco-pointille p:first-of-type{margin-bottom:5.6rem}.bloc-entrees{padding:0}.listing-pages h2{color:var(--black-color);font-family:'Tiposka',sans-serif;font-size:17rem;line-height:100%;margin-bottom:6.4rem;text-transform:uppercase}.listing-pages a{align-items:center;color:#000;cursor:pointer;display:flex;font-family:'Proto Mono',sans-serif;font-size:2rem;margin-top:4rem;text-decoration:none}.listing-pages a:after{content:"";width:25px;height:38px;background-image:url(//eco.saint-etienne-metropole.fr/wp-content/themes/ecosem/css/../img/fleche-noire.svg);background-repeat:no-repeat;background-size:contain;background-position:center;margin-left:1.6rem;transition:all .2s ease}.listing-pages a:hover:after{transform:translate(10px)}.listing-pages .bloc-entrees .wp-block-group:not(:last-child){padding-right:6rem}.listing-pages .bloc-entrees .wp-block-group:not(:last-child):after{background:var(--black-color);content:"";height:100%;position:absolute;right:0;top:0;transform:rotate(10deg);width:1px}.listing-pages .bloc-entrees .wp-block-group{margin-bottom:4rem;margin-right:6rem;position:relative;text-transform:uppercase}.listing-pages h3{color:var(--accent-color);font-family:'Tiposka',sans-serif;font-size:4.8rem;line-height:4.4rem;white-space:nowrap}.listing-pages{position:relative}.listing-pages:before{content:url('/wp-content/uploads/2024/12/img-bloc-2.7f829c.png');position:absolute;top:75px;left:145px;z-index:-1}.bloc-mosaique{border-radius:8px;padding-top:10rem!important;position:relative}.bloc-mosaique .blocs{align-items:flex-end;display:flex;margin-bottom:3.5rem}.blocs .bloc:first-child{margin-right:3.5rem}.bloc-mosaique .blocs:last-child{align-items:flex-start;margin-bottom:0;margin-left:9rem;margin-right:9rem!important}.bloc-mosaique:before{background:var(--accent-color);border-radius:0 16px 16px 0;content:"";height:calc(100% - 4.8rem);position:absolute;right:0;top:0;width:100vw;z-index:-1;margin-right:6.5rem}.bloc-mosaique h2{color:#000;font-family:'Proto Mono',sans-serif;font-size:6.2rem;line-height:120%;margin-bottom:6.4rem;text-transform:uppercase}.bloc-image{border-radius:16px;overflow:hidden;position:relative}.bloc-image h3{color:var(--white-color);font-family:'Proto Mono',sans-serif;font-size:3rem;line-height:120%;z-index:3}.bloc-image .content{left:0;max-height:100%;overflow:hidden;padding:4rem;position:absolute;top:0;z-index:2}.bloc-mosaique .blocs .bloc .portrait .bloc-image{padding-top:84.4%}.bloc-image .content p{color:var(--white-color);font-family:'Space Grotesk',sans-serif;font-size:2rem;line-height:140%;margin-top:6.4rem;opacity:0;transition:all .2s ease;visibility:hidden}.bloc-image .content{left:0;max-height:100%;overflow:hidden;padding:4rem;position:absolute;top:0;z-index:2}.bloc-image:hover .content p{overflow:auto}.bloc-image:hover .content p{margin-top:3.2rem;opacity:1;visibility:visible}.landscape .bloc-image{padding-top:56.25%}.portrait .bloc-image{padding-top:120%}.mise-en-avant-images h2{color:var(--black-color);font-family:'Proto Mono',sans-serif;font-size:5.6rem;line-height:120%;margin:0 auto 6.4rem;max-width:1040px;text-transform:uppercase}.chiffres-cles{gap:3rem}.chiffres-cles .chiffre-cle .image:before{border:1px solid var(--accent-color);border-bottom:0;border-radius:16px 16px 0 0;content:"";height:32px;left:0;position:absolute;top:0;width:100%}.chiffres-cles .chiffre-cle .image:after{border:1px solid var(--accent-color);border-radius:0 0 16px 16px;border-top:0;bottom:0;content:"";height:32px;left:0;position:absolute;width:100%}.chiffres-cles{counter-reset:numerotation}.chiffres-cles .chiffre-cle>.wp-block-group.image>.wp-block-group{counter-increment:numerotation;padding:15px 30px}.chiffres-cles .chiffre-cle>.wp-block-group.image>.wp-block-group p{font-size:80%;line-height:1.2;margin-bottom:10px}.chiffres-cles .chiffre-cle>.wp-block-group.image>.wp-block-group:before{content:counter(numerotation,decimal-leading-zero);color:var(--accent-color);display:block;font-family:'Proto Mono',sans-serif;font-size:1.6rem;left:2.4rem;line-height:120%;position:absolute;text-transform:uppercase;top:2.4rem}.chiffres-cles .chiffre-cle .content .number{color:var(--black-color);display:block;font-family:'Proto Mono',sans-serif;font-size:4rem;line-height:120%;text-align:center;text-transform:uppercase}.chiffres-cles .chiffre-cle .content p{color:rgba(0,0,0,.72);color:var(--72,rgba(0,0,0,.72));font-family:'Space Grotesk',sans-serif;font-size:1.6rem;line-height:140%;margin-bottom:0;margin-top:.8rem;text-align:center}.prefooter{margin-top:150px}.prefooter:before{content:"";position:absolute;bottom:100%;left:calc(50% - 87px);height:120px;width:100%;background:url(//eco.saint-etienne-metropole.fr/wp-content/themes/ecosem/css/../img/decoration-noire.svg) scroll no-repeat bottom left/contain}.prefooter:after{content:"";position:absolute;bottom:100%;left:0;height:120px;width:calc(50% - 86px);background:#000}.prefooter h2{color:var(--white-color);font-family:'Proto Mono',sans-serif;font-size:6.2rem;line-height:120%;text-align:center;text-transform:uppercase}.prefooter .rebonds{gap:1.6rem}.prefooter .rebonds a{align-items:center;background:var(--accent-color);border-radius:8px;color:var(--white-color);display:flex;font-family:'Proto Mono',sans-serif;font-size:2rem;justify-content:space-between;padding:4rem;text-decoration:none}.prefooter .rebonds a:hover:after{transform:translate(10px)}.prefooter .rebonds a:after{content:"";width:32px;height:50px;background-image:url('/wp-content/themes/ecosem/img/fleche-blanc.svg');background-repeat:no-repeat;background-size:contain;background-position:center;margin-left:.8rem;transition:all .2s ease}.prefooter-decoration{display:flex;justify-content:center;overflow:hidden;position:relative}.prefooter-decoration:before{background:var(--black-color);content:"";height:120px;margin-right:86px;position:absolute;right:50%;bottom:0;width:50vw}.prefooter-decoration .wp-block-image img{height:120px}@media all and (max-width:1399px){.listing-pages h2{font-size:750%}}@media all and (max-width:1199px){.page-header-home h1{font-size:4.8rem}.page-header-home .swiper-home .swiper-slide{font-size:5.2rem}.bloc-mosaique h2{font-size:360%;padding-right:100px}.mise-en-avant-images h2{font-size:300%}.chiffres-cles .chiffre-cle .content .number{font-size:200%}.prefooter .rebonds a{font-size:1.6rem}}@media all and (max-width:991px){.page-header-home h1,.page-header-home .swiper-home .swiper-slide{font-size:4rem}.page-header-home .page-header-home-container{display:block}.page-header-home .swiper-home .swiper-slide{padding-left:0}.page-header-home .bloc-right{align-items:flex-start;justify-content:flex-start;margin-bottom:0;margin-top:3.2rem;padding-left:0;width:100%}.decoration-header-home:before{height:70px;margin-right:50px}.decoration-header-home{top:-70px}.deco-pointille>.wp-block-group{padding-left:0;padding-right:25%}.deco-pointille .wp-block-group .wp-block-image{left:calc(50% + 250px)}.deco-pointille h2{margin-left:0!important;margin-bottom:4rem!important}.listing-pages h2{font-size:460%}.listing-pages .bloc-entrees .wp-block-group:not(:last-child){padding-right:0}.listing-pages .bloc-entrees .wp-block-group{font-size:3.4rem;line-height:3.4rem;margin-right:0;padding-right:0;width:100%}.listing-pages .bloc-entrees .wp-block-group:not(:last-child):after{display:none}.listing-pages a{margin-top:1rem}.bloc-mosaique h2{font-size:230%}.bloc-image .content{padding:3rem}.bloc-image h3{font-size:150%}.bloc-image .content p{font-size:100%}.chiffres-cles .chiffre-cle .content .number{font-size:150%}.prefooter .rebonds a{font-size:1.4rem;padding:2rem}}@media all and (max-height:850px){.page-header-home h1{font-size:5rem}.decoration-header-home{top:-100px}.decoration-header-home:before{height:100px;margin-right:70px}.decoration-header-home .wp-block-image img{height:100px}.frontpage-content{margin-top:93vh}}@media all and (max-height:650px){.frontpage-content{margin-top:95vh}.page-header-home .page-header-home-container{padding-top:13rem}.page-header-home h1,.page-header-home .swiper-home .swiper-slide{font-size:3.5rem}.page-header-home .bloc-right{align-items:flex-start;justify-content:flex-start;margin-bottom:0;margin-top:3.2rem;padding-left:0;width:100%}.decoration-header-home img{height:70px!important}.decoration-header-home:before{height:70px;margin-right:50px}.decoration-header-home{top:-70px}}@media all and (max-width:781px){.blocs .bloc:first-child{margin:0}.bloc-mosaique .blocs{margin:0}.bloc-mosaique .blocs:last-child{margin-right:0 !important}.bloc-mosaique .blocs .bloc-image{min-height:auto;max-height:400px;padding:0}.bloc-image:hover:after{height:150px;background:linear-gradient(0deg,hsla(0,0%,100%,0) 0,#000)}.bloc-mosaique .blocs .bloc-image img{position:relative;top:auto;left:auto}.bloc-mosaique .blocs .bloc-image .wp-block-cover__inner-container{position:absolute;top:0;left:0;height:100%}.bloc-mosaique .blocs .bloc-image+p{color:var(--black-color);margin:15px 0 60px;padding-right:100px;line-height:1.2}.bloc-mosaique .blocs .bloc.landscape .bloc-image,.bloc-mosaique .blocs:last-child .bloc.portrait .bloc-image{padding:0}.bloc-image .content{height:100%}.prefooter .rebonds a{font-size:2rem;padding:4rem}}@media all and (max-width:767px){.page-header-home .page-header-home-container{padding:12rem 0}.listing-pages{padding:0!important;background-position:85px 170px}.listing-pages:before{left:70px}.listing-pages h2{font-size:400%}.listing-pages h3{font-size:3.2rem;line-height:2.8rem}.deco-pointille>.wp-block-group{padding-right:20%}.deco-pointille .wp-block-group .wp-block-image{left:calc(40% + 250px)}.deco-pointille p{font-size:120%}.mise-en-avant-images h2{font-size:250%}}@media (min-width:575px) and (max-width:991px){.deco-pointille h2{font-size:4.8rem;line-height:120%}}@media all and (max-width:575px){.page-header-home{position:relative !important}.frontpage-content{margin-top:0}.page-header-home .bloc-right p{font-size:1.6rem}.page-header-home{position:absolute}.listing-pages h2{font-size:280%}.listing-pages .bloc-entrees .wp-block-group{font-size:100%}.listing-pages h3{font-size:150%}.deco-pointille{padding:0}.deco-pointille>.wp-block-group{padding-right:15%}.deco-pointille .wp-block-group .wp-block-image{left:82%;height:100%}.deco-pointille .wp-block-image img{height:100%}.deco-pointille h2{padding-top:30px;font-size:2.6rem}.deco-pointille p{font-size:100%}.deco-pointille p:first-of-type{margin-bottom:3.2rem!important}.bloc-mosaique:before{margin:30px}.bloc-mosaique h2{padding-right:15px;font-size:170%}.bloc-image h3{font-size:130%}.bloc-mosaique .blocs .bloc-image+p{padding-right:50px}.prefooter h2{font-size:3rem}.prefooter .rebonds a{font-size:1.6rem;padding:2rem}.mise-en-avant-images h2{font-size:170%}}@media all and (max-width:500px){.page-header-home .bloc-left{padding:0}.page-header-home h1{font-size:4rem}.page-header-home .swiper-home .swiper-slide{font-size:4rem}.bloc-mosaique .blocs .bloc-image{max-height:200px}.deco-pointille .wp-block-group .wp-block-image{left:86%}}