#index-hero{background:var(--dark);display:grid;overflow:hidden;padding:0;position:relative}#index-hero [data-swiper-type-value=large]{height:min(650px,80dvh);overflow:hidden;width:100%}#index-hero [data-swiper-type-value=large] .swiper-slide,#index-hero [data-swiper-type-value=large]>.hero{height:100%;padding:0}#index-hero [data-swiper-type-value=large] .hero .swiper-slide:not(.swiper-slide-active){pointer-events:none}#index-hero .swiper-slide>img{bottom:0;height:65%;position:fixed;right:0;width:min(700px,100vw);z-index:2}#index-hero .swiper-slide .picture-container{filter:brightness(60%);height:100%;z-index:1}#index-hero .swiper-slide .picture-container img{object-fit:cover}#index-hero .swiper-slide .info{bottom:min(30vw,20dvh);position:absolute;right:min(25dvh,7vw);--text-color:var(--light);color:var(--text-color);display:grid;gap:1rem;max-width:min(34rem,90vw);text-wrap:balance;z-index:3}#index-hero .swiper-slide .info h2{font-size:var(--font-xl)}#index-hero .swiper-slide .info h2 b{text-shadow:0 0 1.5rem var(--dark)}#index-hero .hero-pagination{bottom:0;position:absolute;width:100%}#index-hero .hero-pagination .swiper-wrapper{align-items:end;display:flex}#index-hero .hero-pagination .hero-btn{align-items:center;background:var(--accent-color);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);box-shadow:0 -.25em 1em rgba(0,0,0,.5);color:var(--text-color);display:flex;flex:1;font-variation-settings:"wght" 350;height:5.5em;overflow:hidden;position:relative;text-align:start;text-wrap:balance;transition:all .5s ease;z-index:5}#index-hero .hero-pagination .hero-btn:focus,#index-hero .hero-pagination .hero-btn:hover{cursor:pointer}#index-hero .hero-pagination .hero-btn>p{padding-left:3em}#index-hero .hero-pagination .hero-btn svg{height:clamp(1.75em,4vw,3.5em);left:1.5em;opacity:.2;position:absolute;stroke:none;z-index:-1}#index-hero .hero-pagination .hero-btn:nth-child(2){z-index:4}#index-hero .hero-pagination .hero-btn:nth-child(3){z-index:3}#index-hero .hero-pagination .hero-btn:nth-child(4){z-index:2}#index-hero .hero-pagination .hero-btn:nth-child(5){z-index:1}#index-hero .hero-pagination .hero-btn:has(~.selected),#index-hero .hero-pagination .hero-btn:is(.selected)~*{filter:brightness(60%);flex:0.75;font-size:.75em;z-index:6}#index-hero .hero-pagination .hero-btn:has(+*+*+.selected),#index-hero .hero-pagination .hero-btn:is(.selected)+*+*+*{filter:brightness(70%);flex:0.85;font-size:.85em;z-index:7}#index-hero .hero-pagination .hero-btn:has(+*+.selected),#index-hero .hero-pagination .hero-btn:is(.selected)+*+*{filter:brightness(80%);flex:0.95;font-size:.95rem;z-index:8}#index-hero .hero-pagination .hero-btn:has(+.selected),#index-hero .hero-pagination .hero-btn:is(.selected)+*{filter:brightness(90%);flex:1.05;font-size:1.05em;z-index:9}#index-hero .hero-pagination .hero-btn.selected{flex:1.2;font-size:1.2em;z-index:10}#index-hero .hero-pagination .hero-btn:focus:not(.selected),#index-hero .hero-pagination .hero-btn:hover:not(.selected){flex:1.1;font-size:1.1em}@media screen and (max-width:768px){#index-hero .hero-pagination .hero-btn{height:3.5em;justify-content:center}#index-hero .hero-pagination .hero-btn p{display:none}#index-hero .hero-pagination .hero-btn svg{fill:var(--light);justify-self:center;opacity:.8;position:static}}#presentation{padding-block:3rem}#presentation .container{display:flex;flex-flow:column nowrap;gap:1rem}#presentation .pointgrid{height:min(120%,80vh);left:20%;position:absolute;top:-10%;--bg-color:var(--dark)}@media screen and (max-width:768px){#presentation .pointgrid{opacity:.5}}#presentation .presentation-block{align-items:center;column-gap:5rem;display:flex;flex-flow:row wrap;justify-content:center;row-gap:2rem}#presentation .presentation-block .presentation-picture{aspect-ratio:4/3;flex-basis:500px;z-index:3}#presentation .presentation-block .presentation-picture picture{background:var(--lighter);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}#presentation .presentation-block .presentation-picture *{object-fit:cover}#presentation .presentation-block .presentation-texts{display:flex;flex-basis:470px;flex-flow:column nowrap;gap:1rem}#realisations{--accent-hue:var(--greenerteal)}#realisations .container{display:flex;flex-flow:column nowrap;gap:.5rem}#partenaires{--accent-hue:var(--greenteal)}#partenaires .container{display:flex;flex-flow:column nowrap;gap:.5rem;text-align:center}#actualites{--accent-hue:var(--greentealer)}#actualites .actualites-grid{column-gap:1rem;row-gap:1rem}#actualites .actualites-grid>*{margin-bottom:0}#actualites .btn{align-self:end}