.map-svg {
                display: block;
                position: absolute;
                opacity: 0;
                top: 0;
                left: 0;
                }
                .map-svg img {
                    object-fit: contain;
                    opacity: 0;
                }
                .main.expanded-view .map-svg {
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    opacity: 1;
                }
                .main.expanded-view .map-svg img {
                    opacity: 1;
                }
            /* Transition pour redimensionner et repositionner les blocs */

        .main.expanded-view .window-container {
            cursor: grab; /* Indique que le conteneur est "déplaçable" */
            position: relative;
            overflow: hidden; /* Masque le contenu qui sort des limites du conteneur */
            width: 100vw;
            height: 93vh;
            height: 93dvh;
            border: 0px solid #000; /* Facultatif : cadre visuel */
            top: 0;
            left: 0;
            background-color: transparent;
        }
        .main.expanded-view .window-container-homepage {
            cursor: grab; /* Indique que le conteneur est "déplaçable" */
            position: relative;
            width: 100%;
            height: 100%;
            border: 0px solid #000;
            top: 0;
            left: 0;
        }

        .main.expanded-view .map-content {
            position: relative;
            width: 100%; /* Dimension plus grande que le conteneur pour montrer l'effet de carte */
            height: 100%; /* Ajustez selon vos besoins */
            transform-origin: 50% 50%;
            top: 0;
            left: 0;
            }

        .main.expanded-view .window-container:active {
            cursor: grabbing; /* Modifie le curseur lors du glissement */
        }
        .main.expanded-view .container {
            position: absolute;
            top: 0;
            left: 0;
            pointer-events: none;
        } 

        .main.expanded-view .footer {
            display: none;
        }

        .main.expanded-view .block {
            position: absolute;
            height: 100px;
            width: 100px;
        }
        .main.expanded-view .block-background, .main.expanded-view .block-background-image {
            opacity: 0;
        }
        .main.expanded-view .homeblock {
            position: relative;
            height: 100px;
            width: 100px;
        }

        .main.expanded-view .block-date {
            position: absolute;
            opacity: 1;
            color: black !important;
        }
        .main.expanded-view .block-magazine .block-text-title {
            font-size: 3px;
            opacity: 0;
        }

        .main.expanded-view .window-container .block {
         transform-origin: 0 0;
        }
        .main.expanded-view .coordinates-display {
            display: block;
            position: absolute;
            top: 10px;
            left: 10px;
            font-size: 14px;
            color: #333;
            background: rgba(255, 255, 255, 0.8);
            padding: 5px;
            border-radius: 3px;
            z-index: 10;
        }
        .coordinates-display {
            display: none;
        }
        .no-scroll {
            overflow: hidden;
        }

        .main.expanded-view .block, .main.expanded-view .homeblock {overflow: visible; box-shadow: none; pointer-events: all;}

        .main.expanded-view .block-image, .main.expanded-view .block-image img {position: absolute; top: 0px; left: 0; height: 100%; width: 100%; z-index: -1;/* Image reste en arrière-plan */}
        .main.expanded-view a, .main.expanded-view .block-content {z-index: 1;}
        .main.expanded-view .block, .main.expanded-view .block-image, .main.expanded-view .block-image img {border-radius: 0px;}
        .main.expanded-view .block-text-introduction, .main.expanded-view .block-text-title, .main.expanded-view .block-contributors {color: #000 !important;}
        .main.expanded-view .svg-box-2 {display: none;}

            @media (min-width: 1000px) {
                .main.expanded-view .map-content {
                    display: flex;
                    align-items: stretch;
                }
                .main.expanded-view .window-container-homepage, .main.expanded-view .window-container-secondpage {
                    overflow: visible;
                    position: absolute;
                }

                .map-content {
                    top: 0;
                    left: 0;
                }

                .main.expanded-view .window-container-right, .main.expanded-view .window-container-left {
                    height: 100%;
                    width: 100%;
                    right: 0px;
                    top: 0px;
                    opacity: 1;
                }

                .main.expanded-view .homeblock.block-magazine {top: 90px; left: 1103px; height: 320px; width: 200px; z-index: 1;}
                .main.expanded-view .homeblock.block-1 {top: 190px; left: 815px; height: 300px; width: 250px; border-radius: 0px; overflow: hidden;}
                    .main.expanded-view .homeblock.block-1 .block-image {transform: scale(0.88) translate(-5%, 7%); border-radius: 0px;} .main.expanded-view .homeblock.block-1 .block-text-oval {background-color: rgba(0, 0, 0, 0); border-radius: 0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); width: 70%; left: 65%; top: -15%;}
                    .main.expanded-view .homeblock.block-1 .block-text-title {font-size: 15px; top: 10px; left: 90px; width: 160px;}
                    .main.expanded-view .homeblock.block-1 .block-text-introduction {opacity: 0;}

                .main.expanded-view .homeblock.block-2a {top: 120px; left: 200px; height: 150px; width: 350px;}
                    .main.expanded-view .homeblock.block-2a .block-contributors {border: 0px; font-size: 12px; bottom: 140px; left: -25px;}
                    .main.expanded-view .homeblock.block-2a .block-text-title {line-height: 12px; top: -10px; left: 40px; font-size: 12px;}
                    .main.expanded-view .homeblock.block-2a .block-date {left: 270px;top: 105px; font-size: 12px;}
                .main.expanded-view .homeblock.block-2b {top: 300px; left: -115px; height: 160px; width: 320px; overflow: hidden; border-radius: 0px;}
                    .main.expanded-view .homeblock.block-2b .block-contributors {opacity: 0;}
                    .main.expanded-view .homeblock.block-2b .block-text-title {left: 220px; bottom: 22px; width: 100px; text-align: left; font-size: 12px; color: white !important; border: 0px;}
                    .main.expanded-view .homeblock.block-2b .block-image {left: -55px;top: 3px;transform: scale(0.85);}
                    .main.expanded-view .homeblock.block-2b .block-date {left: 235px; top: 42px; font-size: 12px; color: white !important;}

                .main.expanded-view .homeblock.block-2c {top: 540px; left: 220px; height: 250px; width: 340px; overflow: hidden; border-radius: 0px;}
                    .main.expanded-view .homeblock.block-2c .block-content {width: 100%; height: 100%; left: 0; top: 0;}
                    .main.expanded-view .homeblock.block-2c .svg-box-block-2c {opacity: 0;}
                    .main.expanded-view .homeblock.block-2c .block-image {transform: scale(0.52); top: 19.5%; left: 14%; box-shadow: none;}
                    .main.expanded-view .homeblock.block-2c .block-text-title { width: 25%; height: 40%;top: 30%;left: 0%; font-size: 13px; text-align: right; color: black !important;}
                    .main.expanded-view .homeblock.block-2c .block-text-introduction {width: 60%;height: 25%;left: 35%;bottom: 55%; font-size: 10px; color: black !important;}
                    .main.expanded-view .homeblock.block-2c .block-date {width: 30%;height: 20% ;left: 18%;top: 90%; font-size: 15px;}
                .main.expanded-view .block-spotlight {top: 90px; left: 73px; height: 750px; width: 550px;}
                    .main.expanded-view .spotlight-image-article, .main.expanded-view .spotlight-background-image {border-radius: 0px;}
                    .main.expanded-view .block-spotlight .block-contributors {top: 50%;}
                    .main.expanded-view .block-spotlight .spotlight-background-fade {opacity: 1; background: radial-gradient(circle, white, rgba(200, 200, 200, 1)); top: 0px; left: 0px; height: 750px; width: 540px;}

                .main.expanded-view .container.article .block.block-3 .index-1, .main.expanded-view .container.article .block.block-3 .index-4 {top: -90px; left: 1590px; height: 220px; width: 370px;}
                    .main.expanded-view .block.block-3 .index-1 .block-image, .main.expanded-view .block.block-3 .index-4 .block-image {top: 27px; left: 125px; transform: scale(0.75);}
                    .main.expanded-view .block.block-3 .index-1 .block-text-introduction, .main.expanded-view .block.block-3 .index-4 .block-text-introduction {top: 90px; left: 0; width: 190px; height: 0; font-size: 8px; text-align: left;}
                    .main.expanded-view .block.block-3 .index-1 .block-text-title, .main.expanded-view .block.block-3 .index-4 .block-text-title {top: 31px; left: 0; width: 160px; height: 0; font-size: 10px;}
                    .main.expanded-view .block.block-3 .index-1 .block-contributors, .main.expanded-view .block.block-3 .index-4 .block-contributors {top: 170px; left: 110px; width: 100px; height: 0; font-size: 10px;}

                    .main.expanded-view .block-4.index-4 {top: 1450px; left: 750px; height: 400px; width: 410px; color: white !important;}
                    .main.expanded-view .block-4.index-4 .block-image {top: 63px; left: -60px; height: 240px; transform: scale(0.45);}
                    .main.expanded-view .block-4.index-4 .block-text-title {top: -10px; left: 30px; height: 0px; width: 200px; text-align: center; color: white !important; font-size: 12px;}
                    .main.expanded-view .block-4.index-4 .block-text-introduction {top: -80px; left: 340px; height: 130px; width: 50px; color: white !important; font-size: 6px;}
                    .main.expanded-view .block-4.index-4 .block-contributors {top: -50px; left: 140px; height: 0px; width: 150px; font-size: 12px;}
                .main.expanded-view .block-5.index-5 {top: 1073px; left: -793px; height: 280px; width: 365px;}
                    .main.expanded-view .block-5.index-5 .block-image {top: 0px; left: 0px; transform: scale(0.95); height: 200px;}
                    .main.expanded-view .block-5.index-5 .block-text-title {top: 180px; left: 0px; height: 130px; width: 190px; font-size: 18px;}
                    .main.expanded-view .block-5.index-5 .block-text-introduction {display: none;}
                    .main.expanded-view .block-5.index-5 .block-contributors {bottom: -80px; left: -10px; height: 100px; width: 100px; font-size: 15px;}
                .main.expanded-view .block-6.index-6 {top: 250px; left: 1500px; height: 500px; width: 450px;}
                    .main.expanded-view .block-6.index-6 .block-image {top: -78px; left: 100px; transform: scale(0.55);}
                    .main.expanded-view .block-6.index-6 .block-text-title {top: 70px; left: 100px; height: 100px; width: 200px; font-size: 20px; text-align: right;}
                    .main.expanded-view .block-6.index-6 .block-text-introduction {top: 150px; left: 0px; height: 0px; width: 160px; font-size: 12px;}
                    .main.expanded-view .block-6.index-6 .block-contributors {top: 320px; left: 180px; height: 0px; width: 300px; font-size: 15px;}
                .main.expanded-view .block-6.index-2 {top: 1200px; left: 200px; height: 600px; width: 400px;}
                    .main.expanded-view .block-6.index-2 .block-image {top: -40px; left: 50px; height: 500px; transform: scale(0.4);}
                    .main.expanded-view .block-6.index-2 .block-text-title {top: 450px; left: 90px; height: 0px; width: 200px; font-size: 14px;}
                    .main.expanded-view .block-6.index-2 .block-text-introduction {display: none;}
                    .main.expanded-view .block-6.index-2 .block-contributors { top: 500px; left: 40px; height: 100px; width: 200px; font-size: 10px; color: white !important;}
                .main.expanded-view .block-7.index-3 {top: -600px; left: 200px; height: 170px; width: 120px;}
                    .main.expanded-view .block-7.index-3 .block-image {top: 0px; left: 0px; transform: scale(1);}
                    .main.expanded-view .block-7.index-3 .block-text-title {top: 0px; left: 0px; height: 0px; width: 100px; font-size: 12px;}
                    .main.expanded-view .block-7.index-3 .block-text-introduction {display: none;}
                    .main.expanded-view .block-7.index-3 .block-contributors {top: 90px; left: -10px; height: 50px; width: 90px; font-size: 8px;}
                .main.expanded-view .block-7.index-7 {top: -650px; left: 360px; height: 70px; width: 130px;}
                    .main.expanded-view .block-7.index-7 .block-image {top: 0px; left: 0px; transform: scale(1);}
                    .main.expanded-view .block-7.index-7 .block-text-title {top: 0px; left: 0px; height: 0px; width: 100px; font-size: 8px;}
                    .main.expanded-view .block-7.index-7 .block-text-introduction {display: none;}
                    .main.expanded-view .block-7.index-7 .block-contributors {top: 30px; left: -10px; height: 0px; width: 100px; font-size: 6px;}
                .main.expanded-view .block-50.index-8 {top: -340px; left: -1440px; height: 290px; width: 370px;}
                    .main.expanded-view .block-50.index-8 .block-image {top: -25px; left: 55px; transform: scale(0.7); height: 220px;}
                    .main.expanded-view .block-50.index-8 .block-text-title {top: 180px; left: 120px; height: 0px; width: 200px; font-size: 12px;}
                    .main.expanded-view .block-50.index-8 .block-text-introduction {top: -200px; left: -200px; height: 0px; width: 200px; font-size: 10px;}
                    .main.expanded-view .block-50.index-8 .block-contributors {top: 0px; left: 0px; height: 0px; width: 200px; font-size: 12px;}
                .main.expanded-view .block-4.index-9 {top: -80px; left: -450px; height: 220px; width: 150px;}
                    .main.expanded-view .block-4.index-9 .block-image {top: -30px; left: -29px; transform: scale(0.61);}
                    .main.expanded-view .block-4.index-9 .block-text-title {top: 150px; left: 20px; height: 80px; width: 100px; font-size: 8px; rotate: -5deg;}
                    .main.expanded-view .block-4.index-9 .block-text-introduction {display: none;}
                    .main.expanded-view .block-4.index-9 .block-contributors {display: none;}

                    .main.expanded-view .block-4.index-14 {top: 1450px; left: 750px; height: 400px; width: 410px; color: white !important;}
                    .main.expanded-view .block-4.index-16 {top: 1450px; left: 750px; height: 400px; width: 410px;}
                    .main.expanded-view .block-5.index-10 {top: 1138px; left: 2847px; height: 218px; width: 452px;}
                        .main.expanded-view .block-5.index-10 .block-image {top: 0px; left: 0px; width: 286px;}
                        .main.expanded-view .block-5.index-10 .block-text-title {top: -7px; left: 280px; height: 0px; width: 160px; font-size: 10px;}
                        .main.expanded-view .block-5.index-10 .block-text-introduction {font-size: 8px; top: 70px; left: 14px; text-align: left; width: 155px; height: 100px;}
                        .main.expanded-view .block-5.index-10 .block-contributors {top: -100px; left: 57px; width: 200px; font-size: 10px; text-align: left;}
                    .main.expanded-view .block-5.index-19 {top: 1073px; left: -793px; height: 280px; width: 365px;}
                    .main.expanded-view .block-50.index-13 {top: -340px; left: -1440px; height: 290px; width: 370px;}
                    .main.expanded-view .block-50.index-15 {top: -340px; left: -1440px; height: 290px; width: 370px;}
                    .main.expanded-view .block-50.index-20 {top: -340px; left: -1440px; height: 290px; width: 370px;}
                    .main.expanded-view .block-6.index-11 {top: -280px; left: 2670px; height: 160px; width: 320px;}
                        .main.expanded-view .block-6.index-11 .block-image {top: -15px; left: 15px; transform: scale(0.75); height: 150px; width: 180px;}
                        .main.expanded-view .block-6.index-11 .block-text-title {top: 90px; left: 50px; height: 0px; width: 100px; font-size: 10px;}
                        .main.expanded-view .block-6.index-11 .block-text-introduction {opacity: 0;}
                        .main.expanded-view .block-6.index-11 .block-contributors {top: 0px; left: 200px; height: 0px; width: 80px; font-size: 10px;}
                    .main.expanded-view .block-6.index-17 {top: 250px; left: 1500px; height: 500px; width: 450px;}
                    .main.expanded-view .block-7.index-12 {top: -650px; left: 360px; height: 70px; width: 130px;}
                    .main.expanded-view .block-7.index-18 {top: -650px; left: 360px; height: 70px; width: 130px;}
            }

            @media (max-width: 1000px) {

                .map-content {
                    display: block;
                }

                .main.expanded-view .window-container-left {
                    width: 500px;
                    height: 350px;
                }
                .main.expanded-view .window-container-left.down {
                    display: none;
                }
                .main.expanded-view .window-container-secondpage, .main.expanded-view .container.article {
                    top: 0; left: 0; position: absolute;
                }

                 /* Position dans l'état étendu */
                .main.expanded-view .homeblock.block-magazine {top: -25px; left: 120px; height: 220px; width: 200px; z-index: 1;}
                .main.expanded-view .homeblock.block-1 {top: 310px;left: 70px; height: 190px; width: 500px; overflow: hidden;}
                    .main.expanded-view .homeblock.block-1 .block-image {transform: scale(0.7) translate(-40%, -15%);} 
                    .main.expanded-view .homeblock.block-1 .block-text-title {font-size: 13px; top: 22px; width: 70px; left: 220px;}
                    .main.expanded-view .homeblock.block-1 .block-text-introduction {left: 330px; bottom: 25px; font-size: 10px; width: 130px; height: 200px; color: white !important;}
                .main.expanded-view .homeblock.block-2a {top: 8px; left: 0px; height: 225px; width: 230px; border-radius: 0px; border: 0px; overflow: hidden;}
                    .main.expanded-view .homeblock.block-2a .block-image {transform: scale(0.63); top: 34px; left: -10px;}
                    .main.expanded-view .homeblock.block-2a .block-text-title {text-align: center; top: 5px;left: 105px;font-size: 12px; width: 120px; height: 80px; color: white !important;}
                    .main.expanded-view .homeblock.block-2a .block-contributors {opacity: 0;}
                    .main.expanded-view .homeblock.block-2a .block-date {font-size: 10px; top: 28px; left: 30px; color: white !important;}
                .main.expanded-view .homeblock.block-2b {scale: 0.75; top: -28px; left: -22px; height: 300px; width: 190px; color: white !important;}
                    .main.expanded-view .homeblock.block-2b .block-text-title, .main.expanded-view .homeblock.block-2b .block-contributors {color: black !important;}
                    .main.expanded-view .homeblock.block-2b .block-date {display: none;}
                .main.expanded-view .homeblock.block-spotlight {top: -10px; left: 8px; height: 245px; width: 370px;}
                    .main.expanded-view .block-spotlight .spotlight-background-fade {opacity: 1; background: radial-gradient(circle, white, rgba(200, 200, 200, 1)); top: -2px; left: 0px; height: 247px; width: 380px;}
                    .main.expanded-view .spotlight-image-article, .main.expanded-view .spotlight-background-image {border-radius: 0px;}
                    .main.expanded-view .block-spotlight .block-text-introduction {bottom: 0px; right: 155px; text-align: left; width: 50%; font-size: 12px;}
                .main.expanded-view .block.block-3 .index-1, .main.expanded-view .block.block-3 .index-4 {top: 387px; left: 540px; height: 160px; width: 340px;}
                    .main.expanded-view .svg-box-fading {display: none;}
                    .main.expanded-view .block.block-3 .index-1 .block-image, .main.expanded-view .block.block-3 .index-4 .block-image {top: 0; left: -2px; width: 142px; height: 160px; transform: scale(0.95);}
                    .main.expanded-view .block.block-3 .index-1 .block-text-introduction, .main.expanded-view .block.block-3 .index-4 .block-text-introduction {top: 39px; left: 160px; width: 175px; height: 100px; font-size: 8px;line-height: 14px;} 
                    .main.expanded-view .block.block-3 .index-1 .block-text-title, .main.expanded-view .block.block-3 .index-4 .block-text-title {top: 24px; left: 150px; width: 170px; height: 20px; font-size: 12px;}

                .main.expanded-view .block-4.index-4 {top: -1275px; left: -1150px; height: 250px; width: 280px;}
                    .main.expanded-view .block-4.index-4 .block-image {top: -90px; left: 110px; transform: scale(0.43); width: 200px; height: 300px;}
                    .main.expanded-view .block-4.index-4 .block-text-title {top: 120px; left: 190px; height: 0px; width: 90px; font-size: 10px;}
                    .main.expanded-view .block-4.index-4 .block-text-introduction {top: -10px; left: -20px; height: 0px; width: 150px; font-size: 10px; text-align: right;}
                    .main.expanded-view .block-4.index-4 .block-contributors {top: 220px; left: 0px; height: 0px; width: 200px; font-size: 12px; display: block;}
                .main.expanded-view .block-5.index-5 {top: -650px; left: -650px; height: 400px; width: 570px;}
                    .main.expanded-view .block-5.index-5 .block-image {top: -70px; left: 145px; transform: scale(0.47);}
                    .main.expanded-view .block-5.index-5 .block-text-title {top: 240px; left: 40px; height: 100px; width: 200px;}
                    .main.expanded-view .block-5.index-5 .block-text-introduction {display: none;}
                    .main.expanded-view .block-5.index-5 .block-contributors {bottom: -30px; left: -300px; height: 100px; width: 200px;}
                .main.expanded-view .block-6.index-6 {top: 2486px; left: 615px; height: 220px; width: 145px;}
                    .main.expanded-view .block-6.index-6 .block-image {top: 0px; left: 0px; width: 105px; height: 145px;}
                    .main.expanded-view .block-6.index-6 .block-text-title {top: 153px; left: 30px; height: 0px; width: 110px; text-align: left; font-size: 10px;}
                    .main.expanded-view .block-6.index-6 .block-text-introduction {top: 0px; left: 0px; height: 0px; width: 0px;}
                    .main.expanded-view .block-6.index-6 .block-contributors {top: 183px; left: 5px; height: 0px; width: 110px; font-size: 6px; text-align: right;}
                .main.expanded-view .block-6.index-2 {top: -2215px; left: -985px; height: 400px; width: 140px;}
                    .main.expanded-view .block-6.index-2 .block-image {top: 0px; left: 0px; width: 90px; height: 135px;}
                    .main.expanded-view .block-6.index-2 .block-text-title {top: 125px; left: 10px; height: 80px; width: 120px; rotate: -4deg; font-size: 10px;}
                    .main.expanded-view .block-6.index-2 .block-text-introduction {top: 0px; left: 0px; height: 0px; width: 0px;}
                    .main.expanded-view .block-6.index-2 .block-contributors {top: 250px; left: -5px; height: 150px; width: 100px; font-size: 12px;}
                .main.expanded-view .block-7.index-3 {top: 1530px; left: 190px; height: 100px; width: 200px;}
                    .main.expanded-view .block-7.index-3 .block-image {top: 0px; left: 0px; transform: scale(1);}
                    .main.expanded-view .block-7.index-3 .block-text-title {top: -15px; left: -5px; height: 100px; width: 120px; font-size: 12px; text-align: left;}
                    .main.expanded-view .block-7.index-3 .block-text-introduction {display: none;}
                    .main.expanded-view .block-7.index-3 .block-contributors {top: 50px; left: 50px; height: 50px; width: 120px; font-size: 10px; text-align: right;}
                .main.expanded-view .block-7.index-7 {top: 2130px; left: -100px; height: 110px; width: 290px;}
                    .main.expanded-view .block-7.index-7 .block-image {top: 0px; left: 0px; transform: scale(1); background-color: rgb(200, 0, 0, 0.4);}
                    .main.expanded-view .block-7.index-7 .block-text-title {top: 10px; left: 15px; height: 100px; width: 120px; font-size: 12px; text-align: left;}
                    .main.expanded-view .block-7.index-7 .block-text-introduction {display: none;}
                    .main.expanded-view .block-7.index-7 .block-contributors {top: 40px; left: 50px; height: 50px; width: 200px; font-size: 12px;}
                .main.expanded-view .block-50.index-8 {top: 1320px;left: 870px;height: 290px; width: 230px;}
                    .main.expanded-view .block-50.index-8 .block-image {top: 105px; left: 8px; width: 135px; height: 105px;}
                    .main.expanded-view .block-50.index-8 .block-text-title {top: 110px; left: 140px; height: 100px; width: 100px; text-align: left; font-size: 12px;}
                    .main.expanded-view .block-50.index-8 .block-text-introduction {top: -240px; left: 10px; height: 0px; width: 220px; font-size: 8px;}
                    .main.expanded-view .block-50.index-8 .block-contributors {top: -50px; left: 0px; height: 0px; width: 150px; font-size: 10px;}
                .main.expanded-view .block-4.index-9 {top: -290px; left: 860px; height: 350px; width: 340px;}
                    .main.expanded-view .block-4.index-9 .block-image {top: 100px; left: 145px; height: 190px; width: 150px; transform: scale(1);}
                    .main.expanded-view .block-4.index-9 .block-text-title {height: 100px; width: 200px; font-size: 15px;}
                    .main.expanded-view .block-4.index-9 .block-text-introduction {top: 100px; left: 0px; height: 0px; width: 100px; font-size: 10px;}
                    .main.expanded-view .block-4.index-9 .block-contributors { top: 290px; left: 130px; height: 100px; width: 200px; display: block; font-size: 12px;}

                    .main.expanded-view .block-4.index-14 {top: 1450px; left: 750px; height: 400px; width: 410px; color: white !important;}
                    .main.expanded-view .block-4.index-16 {top: 1450px; left: 750px; height: 400px; width: 410px;}
                    .main.expanded-view .block-5.index-10 {top: 2525px; left: 1230px; height: 140px; width: 459px;}
                        .main.expanded-view .block-5.index-10 .block-image {top: 0px; left: 0px; width: 200px; transform: scale(1);}
                        .main.expanded-view .block-5.index-10 .block-text-title {top: -5px; left: 220px; height: 70px; width: 200px; font-size: 12px;}
                        .main.expanded-view .block-5.index-10 .block-text-introduction {top: 0px; left: 10px; text-align: right; font-size: 8px; width: 120px;}
                        .main.expanded-view .block-5.index-10 .block-contributors {top: -50px; left: -126px; text-align: left; height: 0px; width: 100px; font-size: 10px;}

                    .main.expanded-view .block-5.index-19 {top: 1073px; left: -793px; height: 280px; width: 365px;}
                    .main.expanded-view .block-50.index-13 {top: -340px; left: -1440px; height: 290px; width: 370px;}
                    .main.expanded-view .block-50.index-15 {top: -340px; left: -1440px; height: 290px; width: 370px;}
                    .main.expanded-view .block-50.index-20 {top: -340px; left: -1440px; height: 290px; width: 370px;}
                    .main.expanded-view .block-6.index-11 {top: 548px; left: -912px; height: 400px; width: 450px;}
                        .main.expanded-view .block-6.index-11 .block-image {top: 0px; left: 0px; transform: scale(1);}
                        .main.expanded-view .block-6.index-11 .block-text-title {top: 78px; left: 85px; height: 0px; width: 100px; font-size: 10px;}
                        .main.expanded-view .block-6.index-11 .block-text-introduction {opacity: 0;}
                        .main.expanded-view .block-6.index-11 .block-contributors {top: -20px; left: 150px; height: 0px; width: 300px; font-size: 10px;}
                    .main.expanded-view .block-6.index-17 {top: 250px; left: 1500px; height: 500px; width: 450px;}
                    .main.expanded-view .block-7.index-12 {top: -650px; left: 360px; height: 70px; width: 130px;}
                    .main.expanded-view .block-7.index-18 {top: -650px; left: 360px; height: 70px; width: 130px;}
            }

/* Par défaut, aucune transition */
.map-content, .homeblock, .block-spotlight, .spotlight-background-fade, .spotlight-image-article, .spotlight-background-image, .window-container-left, .window-container-left.up, .window-container-left.down, .window-container-right, #toggleView, .block-background, .block-background-image, .block-text-title, .block-text-introduction, .block-text-oval, .block-magazine, .block-date, a, .block-content, .block-image, .block-image img, .block-contributors, picture, .svg-box-block-2c, .map-svg img, .map-svg {
    transition: none; /* Désactive les transitions par défaut */
}

/* Active les transitions seulement après le clic sur ToggleView */
.transition-active .map-content {
    transition: background-color 1s ease;
}
.transition-active .homeblock, .transition-active .block-spotlight, .transition-active .spotlight-background-fade, .transition-active .spotlight-image-article, .transition-active .spotlight-background-image, .transition-active .window-container-left, .transition-active .window-container-left.up, .transition-active .window-container-left.down, .transition-active .window-container-right, .transition-active #toggleView, .transition-active .block-background, .transition-active .block-background-image, .transition-active .block-text-title, .transition-active .block-text-introduction, .transition-active .block-text-oval, .transition-active .block-magazine, .transition-active .block-date, .transition-active a, .transition-active .block-content, .transition-active .block-image, .transition-active .block-image img, .transition-active .block-contributors, .transition-active picture, .transition-active .svg-box-block-2c {
    transition: all 1s ease; /* Active la transition uniquement si .transition-active est présent */
}
.transition-active .map-svg img, .transition-active .map-svg {
    transition: opacity 1s ease;
}

/* Endlose Karte: Kopien der Karte (rechts, unten, schräg), nur in der Kartenansicht */
.map-clone { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.main:not(.expanded-view) .map-clone { display: none; }