main.shop-open, main.search-open  {
width: 70vw;
}
@media (max-width:1000px) {
    main.shop-open, main.search-open  {
    width: 100%;
    }
    #toggleView.shop-open, #toggleView.search-open {
    right: 100vw;

    }
}

@media (min-width:1000px) {
    #toggleView {
        opacity: 90%;
        animation: pulseEffect 6s infinite alternate ease-in-out;
      }
        @keyframes pulseEffect {
            0% { transform: scale(1); box-shadow: 0 0 12px rgba(255, 255, 255, 0.4), inset 0 0 8px rgba(255, 255, 255, 0.3); }
            50% { transform: scale(1.08); box-shadow: 0 0 15px rgba(255, 255, 255, 0.5), inset 0 0 10px rgba(255, 255, 255, 0.4); }
            100% { transform: scale(1); box-shadow: 0 0 12px rgba(255, 255, 255, 0.4), inset 0 0 8px rgba(255, 255, 255, 0.3); }
        }
    }

.toggle-view-container {
        position: absolute;
        top: 7vh;
        height: calc(100% - 7vh);
        width: 100%;
        transition: 0.3s ease-in-out;
    }
@media (max-width:1000px) {
    .toggle-view-container {
        top: var(--hh);
        height: calc(100% - var(--hh));
    }
}
    #toggleView {
        position: fixed;
        font-family: 'GT America';
        font-style: normal;
        font-weight: 700;
        height: clamp(60px, 10vh, 120px);
        width: clamp(90px, 10vw, 120px);
        right: 20px;
        bottom: 20px;
        font-size: clamp(16px, 1.6vw, 23px);
        display: flex;
        justify-content: center; /* Centre horizontalement */
        align-items: center;
        color: #ffffff; /* Texte blanc pour contraste */
        z-index: 5;
        padding: 0;
        cursor: pointer;
        border-radius: 10vw;
        text-align: center;
        transition: 0.3s ease-in-out;

        /* 🎨 Dégradé gris subtil */
        background: linear-gradient(135deg, #333, #555); 

        /* 🖤 Bordure + Glow subtil */
        border: 2px solid rgba(255, 255, 255, 0.3);
        box-shadow: 
            0 0 8px rgba(255, 255, 255, 0.3),  /* Glow externe léger */
            inset 0 0 6px rgba(255, 255, 255, 0.2); /* Glow interne doux */
    }

    @media (hover: hover) { #toggleView:hover {
        opacity: 80%;
    } }

    #toggleView.shop-open, #toggleView.search-open {
        right: calc(20px + 30vw);
        transition: 0.1s ease-in-out;
    }

h1 {
    padding: 10px 0px; /* Remove default margins */
    margin: 0;
}

.block, .homeblock {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 0; /* Ajuste avec la marge si nécessaire */
    margin-left: 0;
    background-clip: content-box;
    box-shadow: 
        0 0 20px rgba(0, 0, 0, 1),  /* Glow externe plus intense */
        inset 0 0 0px rgb(255, 74, 74); /* Glow interne plus fort */
    }
.block-content {
    position: relative;
    width: 100%;
    height: 100%;
}
.block-background, .block-background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.block-text-title {
    position: relative;
    padding: 15px;
    font-weight: 600;
    z-index: 1;
    margin: 0;
    box-sizing: border-box;
}
.block-text-introduction {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    font-weight: 400;
    font-family: 'Rhymes';
    font-style: normal;
    z-index: 1;
    margin: 0;
}

.block-date {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    font-size: 20px;
    font-weight: 500;
}

.block p, .homeblock p {
    margin: 0;
}

.block a, .homeblock a {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: transparent; /* Pas d’arrière-plan */
}

.block-image, .block-image img, .block-image picture   {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
.block-contributors {
    position: absolute;
    text-transform: uppercase;
    font-size: clamp(16px, 4vw, 22px);
    display: flex;
    flex-direction: column;
    opacity: 1;
    bottom: 0;
    left: 0;
}

.container {
    position: relative;
    width: 100%;
    height: 100%;
}

.window-container-left.up {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 55%;
}
.window-container-left.down {
    height: 45%;
    width: 100%;
    top: 55%;
}
.homeblock.block-2a, .homeblock.block-2b {
    position: relative;
    display: flex;
    width: 50%;
    height: 100%;
}

    .container.container-2 {
        display: flex;
        width: 100%;
        align-items: stretch;
        flex-direction: row;
    }

        @media (min-width: 1000px) {

            .main.expanded-view .map-svg.small-screen-svg {
                display: none;
            }
            .main.expanded-view .map-svg.large-screen-svg {
                display: block;
                height: 3800px;
                width: 6000px;
                transform: translate(-2300px, -1300px);
            }
            .map-svg.large-screen-svg {
                display: block;
                height: 3800px;
                width: 6000px;
                transform: translate(-2300px, -1300px);
                z-index: 0;
            }

            .toggle-view-container {
                position: absolute;
                height: 93vh;
                height: 93dvh;
                width: 100%;
           }
            .main.expanded-view .map-content {
                display: flex;
                align-items: stretch;
            }
            .homeblock {
                height: 100%;
                width: 100%;
            }
            .homeblock .block-text-introduction {
                font-size: 17px;
            }
            .block {
                height: 93vh;
                height: 93dvh;
                width: 100%;
            }
            .block .block-text-introduction {
                font-size: 20px;
            }
            .title-small {
                display: none;
            }
            .homeblock .block-text-title {
                font-size: 25px;
            }
            .block .block-text-title {
                font-size: 35px;
            }

            .title-large {
                display: inline;
            }
            .window-container {
                position: relative;
                height: auto;
                width: 100%;
                background-color: #EEE;
            }
            .window-container-homepage, .window-container-secondpage {
                overflow: hidden;
                position: relative;
                display: flex;
                height: 93vh;
                height: 93dvh;
                width: 100%;
            }
            .window-container-left {
                position: absolute;
                height: 100%;
                width: 70%;
                top: 0;
                left: 0;
            }

            .window-container-right {
                position: absolute;
                height: 100%;
                width: 30%;
                top: 0px;
                right: 0px;
            }
            .container.article {
                position: relative;
                display: flex;
                align-items: stretch;
                justify-content: space-between;
                height: 100%;
                width: 100%;
            }

            .block-spotlight {
                position: relative;
                height: 100%;
                width: 100%;
                top: 0;
                left: 0;
            }
            .hidden-desktop {
                display: none;
            }

            .homeblock.block-1 {
                height: 52%;
                border-radius: 0px 0px 0px 0px;
                }
                .homeblock.block-1 .block-image img {
                    display: block;
                    position: relative;
                }

                .block-text-oval {
                    position: absolute;
                    top: -10%;
                    left: 40%;
                    transform: translateX(-50%); /* Recentre horizontalement */
                    background-color: rgba(0, 0, 0, 0.2); /* Fond semi-transparent */
                    width: 90%;
                    height: 80%;
                    border-radius: 0%; /* Forme ovale */
                    display: flex; /* Flexbox pour centrer le contenu */
                    justify-content: center; /* Centre horizontalement */
                    align-items: center; /* Centre verticalement */
                    z-index: 10;
                    overflow: visible; /* Empêche le texte de dépasser les bords */
                    box-shadow: 0px 4px 10px rgba(0, 0, 0, 1); /* Ombre portée */
                }

                .homeblock.block-1 .block-text-title {
                    position: absolute;
                    display: block; /* Supprime le flexbox ici pour éviter de perturber le parent */
                    text-align: center; /* Centre le texte horizontalement */
                    top: 20%;
                    width: 100%;
                    font-size: 25px;
                    font-weight: 600;
                    z-index: 10;
                    margin: 0; /* Supprime tout décalage vertical inutile */
                    padding: 15px; /* Supprime les espaces inutiles autour du texte */
                    color: inherit; /* Utilise la couleur héritée du parent */
                    white-space: normal; /* Permet le retour à la ligne si nécessaire */
                    word-wrap: break-word; /* Gère les mots longs */
                    overflow-wrap: break-word; /* Compatibilité moderne */
                }
                .homeblock.block-1 .block-text-introduction {
                    display: flex; /* Active Flexbox */
                    align-items: flex-end; /* Aligne le texte en bas */
                    justify-content: center; /* Optionnel : Centre horizontalement le texte */
                    text-align: right;
                    width: 90%; 
                    height: 130px;
                    position: absolute; /* Assure le placement dans le conteneur parent */
                    left: 0;
                    bottom: 0;
                }

            .block-magazine {
                position: relative;
                overflow: visible;
                display: flex; /* Active Flexbox */
                flex-direction: column; /* Aligne les enfants verticalement */
                justify-content: flex-end; /* Commence par le haut */
                align-items: center; /* Centre horizontalement */
                height: 48%; /* Assure que le conteneur occupe toute sa hauteur */
                width: 100%; /* Largeur totale */
                }
                @media (hover: hover) { .block-magazine:hover .block-text-title {
                    color: #444;
                } }

                .magazine-image {
                    height: 60%; /* Prend 45% de la hauteur du conteneur */
                    width: 100%; /* Largeur relative au conteneur parent */
                    overflow: hidden; /* Coupe tout débordement */
                    display: flex; /* Centrer l'image dans son conteneur */
                    justify-content: center; /* Centre horizontalement */
                    align-items: center; /* Centre verticalement */
                }

                .magazine-image img {
                    width: 100%; /* Remplit le conteneur */
                    height: 100%; /* Remplit le conteneur */
                    object-fit: contain; /* Ajuste l'image pour rester dans le conteneur */
                }

                .block-magazine .block-content {
                    height: 35%; /* Prend les derniers 40% */
                    width: 100%; /* Largeur totale */
                    display: flex; /* Ajoute Flexbox si besoin d'alignement interne */
                    justify-content: center; /* Centre horizontalement le contenu */
                    align-items: center; /* Centre verticalement le contenu */
                }
                .block-magazine .block-text-title {
                    font-size: clamp(20px, 2.3vw, 35px);
                    font-weight: 700;
                    text-align: center;
                    color: #000;
                    margin-bottom: 20px;
                    word-spacing: 70px;
                    text-decoration: underline;
                    text-decoration-thickness: 6px; /* Contrôle l’épaisseur */
                    text-underline-offset: 1px; /* Décale le soulignement par rapport au texte */
                    animation: movingmagazinetitle 5s ease-in-out infinite;
                }
                @keyframes movingmagazinetitle {
                    0%, 30%, 39%, 100% {
                        transform: rotate(0deg);
                    }
                    31%, 33%, 35%, 37% {
                        transform: rotate(1deg);
                    }
                    32%, 34%, 36%, 38% {
                        transform: rotate(-1deg);
                    }
                }

            .homeblock.block-2a {
                border-radius: 0px 0px 0px 0px;
                color: black !important;
                }

                .homeblock.block-2a .block-image {
                    display: none;
                }
                .homeblock.block-2a .block-contributors {
                    bottom: 0;
                    left: 0;
                    color: black !important;
                }
                .homeblock.block-2a .block-text-title {
                    color: black !important;
                    line-height: 50px;
                    top: 30px;
                }
                .homeblock.block-2a .block-background {
                    width: 50%;
                    height: 60%;
                    top: 30%;
                    left: 25%;
                    filter: blur(50px);
                    animation: vary-random-background-block-2a 10s infinite ease-in-out
                }
                .homeblock.block-2a .block-background-image {
                    display: none;
                }
                /* Style général des mots */
                .block-2a .block-text-title .word {
                display: inline-block; /* Transforme chaque mot en bloc pour appliquer des marges */
                text-align: right; /* Aligne chaque mot à droite */
                --calculated-random: calc(var(--random) + var(--random-offset));
                margin-left: calc(10px + (60px * var(--calculated-random))); /* Décalage pseudo-aléatoire à gauche */
                margin-right: calc(10px + (60px * var(--calculated-random))); /* Décalage pseudo-aléatoire à droite */
                }

                .block-2a .block-text-title .word:nth-child(1) {
                --random: 3.5; /* Valeur de base */
                animation: vary-random-title-block-2a 12s infinite ease-in-out; /* Variation */
                }
                .block-2a .block-text-title .word:nth-child(2) {
                --random: 1.8; /* Valeur de base */
                animation: vary-random-title-block-2a 15s infinite ease-in-out; /* Variation */
                }
                .block-2a .block-text-title .word:nth-child(3) {
                --random: 3.8; /* Valeur de base */
                animation: vary-random-title-block-2a 18s infinite ease-in-out; /* Variation */
                }
                .block-2a .block-text-title .word:nth-child(4) {
                --random: 1.4; /* Valeur de base */
                animation: vary-random-title-block-2a 21s infinite ease-in-out; /* Variation */
                }
                .block-2a .block-text-title .word:nth-child(5) {
                --random: 1.4; /* Valeur de base */
                animation: vary-random-title-block-2a 24s infinite ease-in-out; /* Variation */
                }

                @keyframes vary-random-title-block-2a {
                0%, 100% {
                    --random-offset: -0.5; /* Décalage minimum */
                }
                50% {
                    --random-offset: 0.5; /* Décalage maximum */
                }

                }
                @keyframes vary-random-background-block-2a {
                0%, 100% {
                    width: 50%; height: 60%; top: 30%; left: 25%; filter: blur(70px);
                }
                20%, 60% {
                    width: 40%; height: 70%; top: 20%; left: 30%; filter: blur(50px);
                }
                40%, 80% {
                    width: 70%; height: 40%; top: 25%; left: 20%; filter: blur(100px);
                }
                }

            .homeblock.block-2b {
                border-radius: 0px 0px 0px 0px;
                }
                .block-2b .block-text-title {
                    position: absolute;
                    right: 0;
                    bottom: 0;
                    width: 75%;
                    text-align: right;
                }
                .block-2b .block-contributors {
                    top: 0;
                    left: 0;
                    padding: 15px;
                }
                .block-2b .block-background {
                    display: none;
                }

            .homeblock.block-2c {
                border-radius: 0px 0px 0px 0px;
                border: 0px solid black;
                box-sizing: border-box;
                width: 100%;
                }
                .block-2c .block-image, .block-2c .block-background-image {
                    width: 54.7%;
                    height: 100%;
                    left: 0%;
                    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3), inset 0 0 0px rgb(255, 74, 74);
                    z-index: 2;
                }
                .block-2c .block-content {
                    width: 46%;
                    left: 54.5%;
                }
                .block-2c .block-background {
                    width: 100%;
                    height: 70%;
                    top: 30%;
                    left: 0%;
                    border-radius: 200px 200px 0px 0px;
                }
                .block-2c .svg-box-block-2c {
                    position: absolute;
                    top: 0;
                    left: 0%;
                    width: 100%;
                    height: 100%;
                    z-index: -1; 
                }
                .block-2c .block-text-title {
                    width: 65%;
                    height: 20%;
                    top: 0%;
                    left: 0%;   
                }
                .block-2c .block-text-introduction {
                    width: 70%;
                    height: 50%;
                    padding: 15px;
                    bottom: 0;
                    display: flex;
                    align-items: flex-end;
                    justify-content: center;  
                }

            .window-container-secondpage {
                display: flex;
                flex-direction: column;
            }

            .block.block-3 {
                    height: 100%;
                    border-radius: 0px 120px 0px 0px;
                }
                .svg-box-fading { display: none;}

                .block-3 .block-text-title, .block-3 .block-text-introduction  {
                    z-index: 2;
                }
                .block-3 .block-text-title {
                    position: absolute;
                    width: 30%;
                    top: 30%;
                    right: 10%;
                }
                .block-3 .block-contributors {
                    width: 100%;
                    text-align: center;
                    padding: 10px;
                }
                .block-3 .block-text-introduction {
                    width: 35%;
                    text-align: right;
                    top: 15%;
                    left: 5%;
                }
                .block-3 .block-background {
                    display: none;
                }
                .block-3 .block-image img {
                    width: 99%;
                    border-radius: 0px 0px 120px 0px;
                }
                .block.block-3.index-5 {
                    z-index: 1;
                }
                .block.block-3.index-2 {
                    z-index: 0;
                }

            .block .block-contributors {
                padding: 15px;
            }
        .block-4.index-4.no-spotlight {
             display: none;
        }
        .block.block-4 {
                    height: 93vh;
                    height: 93dvh;
                }
                .block-4 .block-image, .block-4 .block-background-image {
                    position: absolute;
                    right: 0;
                    left: auto;
                    width: 53%;
                }

                .block-4 .svg-box-2 {
                    position: absolute;
                    width: 47%;
                    left: 0px;
                    top: 0px;
                    height: 100%;
                    z-index: -1;
                }
                .svg-box-2 img {
                    width: 100%;
                    height: 100%;
                    position: relative;
                }
                .block-4 .block-text-title, .block-4 .block-text-introduction  {
                    z-index: 2;
                }
                .block-4 .block-text-title {
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 50%;
                    left: auto;
                    text-align: right;
                }
                .block-4 .block-content {
                    display: flex;
                    justify-content: flex-end;
                    flex-direction: column;
                    align-items: flex-start;
                }
                .block-4 .block-text-introduction {
                    position: relative;
                    width: calc(40% - 30px);
                    font-size: 15px;
                    left: 0;
                    right: auto;
                }
                .block-4 .block-contributors {
                    position: relative;
                    left: 0;
                }
                .block-4 .block-background {
                    width: 47%;
                    height: 80%;
                    left: 0;
                    right: auto;
                    top: 20%;
                    border-radius: 300px 300px 0px 0px;
                }
            .block-5.block, .block-50.block {
                height: 93vh;
                height: 93dvh;
                }

                .block-5 .block-background, .block-50 .block-background {
                    display: none;
                }
                .block-5 .block-text-title, .block-50 .block-text-title {
                    position: absolute;
                    width: 80%;
                    top: 0;
                    text-align: right;
                }
                .block-5 .block-contributors, .block-5 .block-text-introduction, .block-50 .block-contributors, .block-50 .block-text-introduction {
                    position: relative;
                    width: 60%;
                }
                .block-5 .block-content, .block-50 .block-content {
                    position: relative;
                    display: flex;
                    justify-content: flex-end;
                    flex-direction: column;
                    text-align: right;
                    align-items: flex-end;
                }
                .block-5 .block-content {
                    text-align: right;
                    align-items: flex-end;
                }
                .block-5 .block-text-title {
                    text-align: left;
                    left: 0;
                    right: auto;
                }
                .block-50 .block-content {
                    text-align: left;
                    align-items: flex-start;
                }
                .block-50 .block-text-title {
                    text-align: right;
                    right: 0;
                    left: auto;
                }
        .container.container-2 {
            height: 93vh;
            height: 93dvh;
        }
        .block-6 {
             border-radius: 0px 150px 0px 0px;
            }
            .block-6 .block-text-title {
                position: absolute;
                top: 30%;
                left: 50%;
                width: 70%;
                transform: translate(-50%, -50%);
                text-align: center;
            }
            .block-6 .block-text-introduction {
                bottom: 120px;
                width: 70%;
            }

        .block-7 {
            position: relative;
            }
            .block-7 .block-image, .block-7 .block-background-image {
                display: none;
            }
            .block-7 .block-contributors {
                bottom: 0;
                left: auto;
                right: 0;
                text-align: right;
            }
            .block-7 .block-contributors, .block-7 .block-text-title {
                color: black !important;
            }
            .block-7 .block-text-introduction {
                bottom: 50%;
                right: 0;
                left: auto;
                transform: translate(0, 50%);
                text-align: right;
                text-decoration: underline;
            }
            .block-7 .block-background {
                width: 70%;
                height: 70%;
                top: 15%;
                left: 15%;
                filter: blur(100px);
            }

    }

        @media (max-width: 1000px) {

            .main.expanded-view .map-svg.small-screen-svg {
                display: block;
                height: 5500px;
                width: 3500px;
                transform: translate(-1550px, -2320px);
            }
            .map-svg.small-screen-svg {
                display: block;
                height: 5500px;
                width: 3500px;
                transform: translate(-1550px, -2320px);
                z-index: 0;
            }
            .main.expanded-view .map-svg.large-screen-svg {
                display: none;
            }

            .block.block-3.index-5 {
                display: none;
            }
            .window-container {
                position: relative;
                height: auto;
                width: 100%;
            }
            .window-container-homepage, .window-container-secondpage {
                position: relative;
                height: 100%;
                width: 100%;
            }
            .block, .homeblock {
                position: relative;
                width: 100%;
                height: 300px;
            }
            .title-small {
                display: inline;
            }

            .title-large {
                display: none;
            }
            .block-text-title {
                font-size: 22px;
            }
            .hidden-mobile {
                display: none;
            }
            .homeblock.block-spotlight {
                height: 400px;
                position: relative;
            }
            .window-container-left {
                position: relative;
                display: flex;
                width: 100%;
            }
            .window-container-left.has-spotlight {
                height: 300px; /* Hauteur si le spotlight est présent */
            }
            .window-container-left.no-spotlight {
                height: 270px; /* Hauteur si le spotlight est présent */
            }
            .window-container-left.up {
                position: relative;
                display: flex;
                align-items: stretch;
                width: 100%;
                height: 100%;
            }
            .window-container-left.down {
                display: none;
            }
            .window-container-right {
                position: relative;
                height: 620px;
            }
            .block-magazine {
                position: relative;
                overflow: visible;
                display: flex; /* Active Flexbox */
                flex-direction: column; /* Aligne les enfants verticalement */
                justify-content: flex-end; /* Commence par le haut */
                align-items: center; /* Centre horizontalement */
                height: 320px; /* Assure que le conteneur occupe toute sa hauteur */
                width: 100%; /* Largeur totale */
                }

                .magazine-image {
                    height: 62%; /* Prend 45% de la hauteur du conteneur */
                    width: 100%; /* Largeur relative au conteneur parent */
                    overflow: hidden; /* Coupe tout débordement */
                    display: flex; /* Centrer l'image dans son conteneur */
                    justify-content: center; /* Centre horizontalement */
                    align-items: center; /* Centre verticalement */
                }

                .magazine-image img {
                    width: 100%; /* Remplit le conteneur */
                    height: 100%; /* Remplit le conteneur */
                    object-fit: contain; /* Ajuste l'image pour rester dans le conteneur */
                }

                .block-magazine .block-content {
                    height: 30%; /* Prend les derniers 40% */
                    width: 100%; /* Largeur totale */
                    display: flex; /* Ajoute Flexbox si besoin d'alignement interne */
                    justify-content: center; /* Centre horizontalement le contenu */
                    align-items: center; /* Centre verticalement le contenu */
                }
                .block-magazine .block-text-title {
                    font-size: clamp(22px, 5.5vw, 28px);
                    font-weight: 700;
                    text-align: center;
                    color: #000;
                    margin-bottom: 10px;
                    text-decoration: underline;
                    text-decoration-thickness: 4px; /* Contrôle l’épaisseur */
                    text-underline-offset: 1px; /* Décale le soulignement par rapport au texte */
                    animation: movingmagazinetitle 5s ease-in-out infinite;
                }
                @keyframes movingmagazinetitle {
                    0%, 30%, 39%, 100% {
                        transform: rotate(0deg);
                    }
                    31%, 33%, 35%, 37% {
                        transform: rotate(1deg);
                    }
                    32%, 34%, 36%, 38% {
                        transform: rotate(-1deg);
                    }
                }

                .trianglecourbe {
                        position: absolute;
                        bottom: 0; /* Place le triangle au bas de l'élément parent */
                        right: 0; /* Place le triangle à droite de l'élément parent */
                        width: 90px; /* Ajuste la taille du SVG selon tes besoins */
                        height: 90px; /* Conserve les proportions */
                        pointer-events: none; /* Empêche les clics de bloquer sous le SVG */
                        z-index: 2;
                        opacity: 0.6; /* Masque bien visible */
                    }
                .trianglecourbe img {
                    width: 100%; /* Fait en sorte que l'image remplisse son conteneur */
                    height: 100%;
                    display: block; /* Supprime les marges invisibles autour de l'image */
                }

            .homeblock.block-1 {
                border-radius: 0px 90px 0px 0px;
                }

                .homeblock.block-1 .block-image img {
                        display: block;
                        position: relative;
                    }
                .homeblock.block-1 .block-text-title {
                    padding: 15px 30px 15px 15px;
                    top: 0px; left: 0px;
                    width: 340px;
                }
                .homeblock.block-1 .block-text-introduction {
                    padding: 15px 30px 15px 15px;
                    display: flex; /* Active Flexbox */
                    align-items: flex-end;
                    justify-content: center; /* Optionnel : Centre horizontalement le texte */
                    width: 88%; 
                    height: 170px;
                    position: absolute; /* Assure le placement dans le conteneur parent */
                    left: 0;
                    bottom: 0;
                }
            .homeblock.block-2a {
                border-radius: 100px 100px 0px 0px;
                border-bottom: 1px solid black;
                box-sizing: border-box;
                }
                .block-2a .block-text-title {
                    text-align: center;
                    top: 40px;
                    left: 0;
                }
                .block-2a .block-contributors {
                    bottom: 0;
                    left: 0;
                    text-align: left;
                    padding: 4px;
                    opacity: 1;
                    border-left: 0px !important;
                }
                .block-2a .block-background {
                    display: none;
                }

            .homeblock.block-2b {
                overflow: visible;
                border-bottom: 1px solid black;
                box-sizing: border-box;
                }
                .homeblock.block-2b .block-image {
                    display: none;
                }
                .block-2b .block-background {
                    filter: blur(80px);
                    top: 20px;
                    left: 20px;
                }
                .block-2b .block-text-title {
                    display: flex;
                    flex-direction: column; /* Place chaque mot sur une nouvelle ligne */
                    line-height: 35px;
                }
                .block-2b .block-background-image {
                    display: none;
                }

                .block-2b .block-text-title .word {
                    display: inline-block; /* Transforme chaque mot en bloc pour appliquer des marges */
                    text-align: right; /* Aligne chaque mot à gauche */
                    margin-left: calc(10px + (20px * var(--random))); /* Applique un décalage pseudo-aléatoire à gauche */
                    margin-right: calc(10px + (20px * var(--random))); /* Applique un décalage pseudo-aléatoire à droite */
                }

                /* Applique des valeurs différentes avec nth-child */
                .block-2b .block-text-title .word:nth-child(1) { --random: 1.5; }
                .block-2b .block-text-title .word:nth-child(2) { --random: 0.8; }
                .block-2b .block-text-title .word:nth-child(3) { --random: 1.8; }
                .block-2b .block-text-title .word:nth-child(4) { --random: 0.4; }

                .block-2b .block-contributors {
                    bottom: 0;
                    right: 0;
                    text-align: right;
                    padding: 4px;
                }

            .window-container-secondpage {
                display: flex;
                flex-direction: column;
                height: 600px;
            }

            .container.article {
                position: relative;
                width: 100%;
                height: 370px;
            }
            .block.block-3 {
                    height: 100%;
                    overflow: visible;
                }

                .block-3 .svg-box-fading {
                    position: absolute;
                    width: 48.7%;
                    left: 0;
                    top: -90px;
                    height: 100%;
                    z-index: 1;
                }
                .block-3 .block-text-title, .block-3 .block-text-introduction  {
                    z-index: 2;
                }
                .block-3 .block-text-title {
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 50%;
                }
                .block-3 .block-text-introduction {
                    width: calc(48.7% - 30px);
                    font-size: 15px;
                    text-align: right;
                }
                .block-3 .block-contributors {
                    display: none;
                }
                .block-3 .block-background {
                    width: 48.7%;
                    height: 80%;
                    top: 20%;
                    border-radius: 100px 100px 0px 0px;
                }
                .block-3 .block-image, .block-3 .block-background-image {
                    position: absolute;
                    right: 0;
                    left: auto;
                    width: 51.3%;

                }

            .block .block-contributors {
                padding: 15px;
            }
            .block.block-4 {
                    height: 300px;
                }
                .block-4 .block-image, .block-4 .block-background-image {
                    position: absolute;
                    left: 0;
                    right: auto;
                    width: 51.3%;
                }

                .block-4 .svg-box-2 {
                    position: absolute;
                    width: 48.7%;
                    right: 0px;
                    top: 0px;
                    height: 100%;
                    z-index: -1;
                }
                .svg-box-2 img {
                    width: 100%;
                    height: 100%;
                    position: relative;
                }
                .block-4 .block-text-title, .block-4 .block-text-introduction  {
                    z-index: 2;
                }
                .block-4 .block-text-title {
                    position: absolute;
                    width: 50%;
                    top: 0;
                    left: 0;
                }
                .block-4 .block-text-introduction {
                    width: calc(48.7% - 30px);
                    font-size: 15px;
                    right: 0;
                    left: auto;
                }
                .block-4 .block-contributors {
                    display: none;
                }
                .block-4 .block-background {
                    width: 48.7%;
                    height: 80%;
                    right: 0;
                    left: auto;
                    top: 20%;
                    border-radius: 100px 100px 0px 0px;
                }

            .block-5.block, .block-50.block {
                height: 400px;
                }

                .block-5 .block-background, .block-50 .block-background {
                    display: none;
                }
                .block-5 .block-text-title, .block-50 .block-text-title {
                    position: absolute;
                    width: 100%;
                    top: 0;
                    text-align: right;
                }
                .block-5 .block-contributors, .block-5 .block-text-introduction, .block-50 .block-contributors, .block-50 .block-text-introduction {
                    position: relative;
                    width: 85%;
                }
                .block-5 .block-content, .block-50 .block-content {
                    position: relative;
                    display: flex;
                    justify-content: flex-end;
                    flex-direction: column;
                    text-align: right;
                    align-items: flex-end;
                }
                .block-5 .block-content {
                    text-align: right;
                    align-items: flex-end;
                }
                .block-5 .block-text-title {
                    text-align: left;
                }
                .block-50 .block-content {
                    text-align: left;
                    align-items: flex-start;
                }
                .block-50 .block-text-title {
                    text-align: right;
                }

            .block-6 {
             border-radius: 0px 90px 0px 0px;
            }
            .block-6 .block-text-title, .block-6 .block-background-image {
                position: absolute;
                display: flex;
                justify-content: center;
                align-items: center;
                top: 0%;
                left: 20%;
                width: 80%;
                height: 80%;
                text-align: center;
            }
                .block-6 .block-background-image {
                padding: 0;
            }
            .block-6 .block-text-introduction {
                display: none;
            }
        .block-7 {
            position: relative;
            }
            .block-7 .block-image, .block-7 .block-background-image {
                display: none;
            }
            .block-7 .block-text-title {
                position: absolute;
                display: flex;
                justify-content: center;
                align-items: center;
                top: 0%;
                left: 20%;
                width: 80%;
                height: 80%;
                text-align: right
            }
            .block-7 .block-contributors {
                bottom: 0;
                left: auto;
                right: 0;
                text-align: right;
            }
            .block-7 .block-text-introduction {
                opacity: 0;
            }
            .block-7 .block-background {
                width: 60%;
                height: 60%;
                top: 20%;
                left: 20%;
                filter: blur(30px);
            }

        }