{"id":12797,"date":"2025-07-30T14:16:31","date_gmt":"2025-07-30T14:16:31","guid":{"rendered":"https:\/\/lesfondusdelaraclette.fr\/?page_id=12797"},"modified":"2025-08-08T08:49:53","modified_gmt":"2025-08-08T08:49:53","slug":"map-p","status":"publish","type":"page","link":"https:\/\/lesfondusdelaraclette.fr\/it\/map-p","title":{"rendered":"mappa-p"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"12797\" class=\"elementor elementor-12797\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd1a098 e-flex e-con-boxed e-con e-parent\" data-id=\"dd1a098\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4224540 elementor-widget elementor-widget-html\" data-id=\"4224540\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"custom-map-wrapper\">\r\n    <div id=\"map-container\"><\/div>\r\n\r\n    <div id=\"fullScreenCard\" class=\"full-screen-card\">\r\n        <div class=\"card-content\">\r\n            <span class=\"close-btn\">\u00d7<\/span>\r\n            <div class=\"im-social\">\r\n                <img decoding=\"async\" id=\"cardImage\" class=\"card-image\" src=\"\" alt=\"\">\r\n            <\/div>\r\n            <div id=\"cardText\" class=\"card-text\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n        body.no-scroll {\r\n            overflow: hidden;\r\n        }\r\n\r\n        .custom-map-wrapper {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 700px;\r\n            font-family: 'Bricolage Grotesque', sans-serif;\r\n            background-color: #ffffff;\r\n        }\r\n\r\n        .custom-map-wrapper #map-container {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-image: url('https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/08\/carte_2-1.png');\r\n            background-size: contain;\r\n            background-position: center;\r\n            background-repeat: no-repeat;\r\n            user-select: none;\r\n            -webkit-user-drag: none;\r\n        }\r\n\r\n        .custom-map-wrapper .marker-container {\r\n            position: absolute;\r\n            width: 37px;\r\n            height: 61px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .custom-map-wrapper .marker {\r\n            width: 37px;\r\n            height: 61px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .custom-map-wrapper .icon-container {\r\n            position: absolute;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .custom-map-wrapper .pastille {\r\n            width: 40px;\r\n            height: 40px;\r\n            position: relative;\r\n        }\r\n\r\n        .custom-map-wrapper .marker-icon {\r\n            object-fit: contain;\r\n            position: relative;\r\n        }\r\n\r\n        .custom-map-wrapper .marker-icon-0 { height: 151px; }\r\n        .custom-map-wrapper .marker-icon-1 { height: 128px; }\r\n        .custom-map-wrapper .marker-icon-2 { height: 149px; }\r\n        .custom-map-wrapper .marker-icon-3 { height: 147px; }\r\n        .custom-map-wrapper .marker-icon-4 { height: 184px; }\r\n        .custom-map-wrapper .marker-icon-5 { height: 160px; }\r\n        .custom-map-wrapper .marker-icon-6 { height: 200px; }\r\n\r\n        .custom-map-wrapper .marker-icon-label {\r\n            color: #000000;\r\n            font-family: 'Bricolage Grotesque', sans-serif;\r\n            font-size: 10px;\r\n            font-weight: 800;\r\n            width: 100px;\r\n            line-height: 10px;\r\n            text-align: center;\r\n            position: relative;\r\n        }\r\n\r\n        .custom-map-wrapper .pastille[data-index=\"0\"], .custom-map-wrapper .marker-icon[data-index=\"0\"], .custom-map-wrapper .marker-icon-label[data-index=\"0\"],\r\n        .custom-map-wrapper .pastille[data-index=\"1\"], .custom-map-wrapper .marker-icon[data-index=\"1\"], .custom-map-wrapper .marker-icon-label[data-index=\"1\"],\r\n        .custom-map-wrapper .pastille[data-index=\"2\"], .custom-map-wrapper .marker-icon[data-index=\"2\"], .custom-map-wrapper .marker-icon-label[data-index=\"2\"],\r\n        .custom-map-wrapper .pastille[data-index=\"3\"], .custom-map-wrapper .marker-icon[data-index=\"3\"], .custom-map-wrapper .marker-icon-label[data-index=\"3\"],\r\n        .custom-map-wrapper .pastille[data-index=\"4\"], .custom-map-wrapper .marker-icon[data-index=\"4\"], .custom-map-wrapper .marker-icon-label[data-index=\"4\"],\r\n        .custom-map-wrapper .pastille[data-index=\"5\"], .custom-map-wrapper .marker-icon[data-index=\"5\"], .custom-map-wrapper .marker-icon-label[data-index=\"5\"],\r\n        .custom-map-wrapper .pastille[data-index=\"6\"], .custom-map-wrapper .marker-icon[data-index=\"6\"], .custom-map-wrapper .marker-icon-label[data-index=\"6\"] {\r\n            position: relative;\r\n        }\r\n\r\n        .custom-map-wrapper .pastille[data-index=\"0\"] { transform: translate(5px, -40px); }\r\n        .custom-map-wrapper .marker-icon[data-index=\"0\"] { transform: translate(5px, 0); }\r\n        .custom-map-wrapper .marker-icon-label[data-index=\"0\"] { transform: translate(-170px, 10px); }\r\n        .custom-map-wrapper .pastille[data-index=\"1\"] { transform: translate(130px, -43px); }\r\n        .custom-map-wrapper .marker-icon[data-index=\"1\"] { transform: translate(5px, 0); }\r\n        .custom-map-wrapper .marker-icon-label[data-index=\"1\"] { transform: translate(-10px, 0); }\r\n        .custom-map-wrapper .pastille[data-index=\"2\"] { transform: translate(0, 0); }\r\n        .custom-map-wrapper .marker-icon[data-index=\"2\"] { transform: translate(5px, 0); }\r\n        .custom-map-wrapper .marker-icon-label[data-index=\"2\"] { transform: translate(-250px, 65px); }\r\n        .custom-map-wrapper .pastille[data-index=\"3\"] { transform: translate(45px, 65px); }\r\n        .custom-map-wrapper .marker-icon[data-index=\"3\"] { transform: translate(5px, 0); }\r\n        .custom-map-wrapper .marker-icon-label[data-index=\"3\"] { transform: translate(-150px, 100px); }\r\n        .custom-map-wrapper .pastille[data-index=\"4\"] { transform: translate(99px, -75px); }\r\n        .custom-map-wrapper .marker-icon[data-index=\"4\"] { transform: translate(5px, 0); }\r\n        .custom-map-wrapper .marker-icon-label[data-index=\"4\"] { transform: translate(-232px, -35px); }\r\n        .custom-map-wrapper .pastille[data-index=\"5\"] { transform: translate(158px, 15px); }\r\n        .custom-map-wrapper .marker-icon[data-index=\"5\"] { transform: translate(5px, 0); }\r\n        .custom-map-wrapper .marker-icon-label[data-index=\"5\"] { transform: translate(-115px, 110px); }\r\n        .custom-map-wrapper .pastille[data-index=\"6\"] { transform: translate(12px, 50px); }\r\n        .custom-map-wrapper .marker-icon[data-index=\"6\"] { transform: translate(5px, 0); }\r\n        .custom-map-wrapper .marker-icon-label[data-index=\"6\"] { transform: translate(-140px, 120px); }\r\n\r\n        .custom-map-wrapper .marker-container:hover .marker,\r\n        .custom-map-wrapper .icon-container:hover {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .custom-map-wrapper .marker-container[data-index=\"0\"]:hover ~ .icon-container[data-index=\"0\"],\r\n        .custom-map-wrapper .icon-container[data-index=\"0\"]:hover,\r\n        .custom-map-wrapper .marker-container[data-index=\"1\"]:hover ~ .icon-container[data-index=\"1\"],\r\n        .custom-map-wrapper .icon-container[data-index=\"1\"]:hover,\r\n        .custom-map-wrapper .marker-container[data-index=\"2\"]:hover ~ .icon-container[data-index=\"2\"],\r\n        .custom-map-wrapper .icon-container[data-index=\"2\"]:hover,\r\n        .custom-map-wrapper .marker-container[data-index=\"3\"]:hover ~ .icon-container[data-index=\"3\"],\r\n        .custom-map-wrapper .icon-container[data-index=\"3\"]:hover,\r\n        .custom-map-wrapper .marker-container[data-index=\"4\"]:hover ~ .icon-container[data-index=\"4\"],\r\n        .custom-map-wrapper .icon-container[data-index=\"4\"]:hover,\r\n        .custom-map-wrapper .marker-container[data-index=\"5\"]:hover ~ .icon-container[data-index=\"5\"],\r\n        .custom-map-wrapper .icon-container[data-index=\"5\"]:hover,\r\n        .custom-map-wrapper .marker-container[data-index=\"6\"]:hover ~ .icon-container[data-index=\"6\"],\r\n        .custom-map-wrapper .icon-container[data-index=\"6\"]:hover {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .custom-map-wrapper .full-screen-card {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(43, 86, 133, 0.95);\r\n            z-index: 1000;\r\n            opacity: 0;\r\n            transition: opacity 0.7s ease-in-out;\r\n        }\r\n\r\n        .custom-map-wrapper .full-screen-card.active {\r\n            display: flex;\r\n            opacity: 1;\r\n        }\r\n\r\n        .custom-map-wrapper .card-content {\r\n            background: #ffffff;\r\n            width: 100%;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: row;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transform: translateX(-100%);\r\n            transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out;\r\n            opacity: 0;\r\n        }\r\n\r\n        .custom-map-wrapper .full-screen-card.active .card-content {\r\n            transform: translateX(0);\r\n            opacity: 1;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .custom-map-wrapper .full-screen-card:not(.active) .card-content {\r\n            transform: translateX(-100%);\r\n            opacity: 0;\r\n        }\r\n\r\n        .custom-map-wrapper .im-social {\r\n            width: 50%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            height: 100%;\r\n        }\r\n\r\n        #trp-floater-ls.trp-bottom-left {\r\n            display: none;\r\n        }\r\n\r\n        .custom-map-wrapper .card-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            min-height: 0;\r\n            object-fit: cover;\r\n            transform: translateX(-100%);\r\n            transition: transform 0.7s ease-in-out 0.2s, opacity 0.7s ease-in-out 0.2s;\r\n            opacity: 0;\r\n        }\r\n\r\n        .custom-map-wrapper .full-screen-card.active .card-image {\r\n            transform: translateX(0);\r\n            opacity: 1;\r\n        }\r\n\r\n        .custom-map-wrapper .full-screen-card:not(.active) .card-image {\r\n            transform: translateX(-100%);\r\n            opacity: 0;\r\n        }\r\n\r\n        .custom-map-wrapper .social {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 32px;\r\n            transition: transform 0.7s ease-in-out 0.3s, opacity 0.7s ease-in-out 0.3s;\r\n            opacity: 0;\r\n            display: none;\r\n        }\r\n\r\n        .custom-map-wrapper .full-screen-card.active .social {\r\n            transform: translateY(0);\r\n            opacity: 1;\r\n        }\r\n\r\n        .custom-map-wrapper .full-screen-card:not(.active) .social {\r\n            transform: translateY(100%);\r\n            opacity: 0;\r\n        }\r\n\r\n        .custom-map-wrapper .icon-text {\r\n            display: flex;\r\n        }\r\n\r\n        .custom-map-wrapper .card-text {\r\n            width: 50%;\r\n            padding: 64px;\r\n            overflow-y: auto;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            transform: translateX(100%);\r\n            transition: transform 0.7s ease-in-out 0.4s, opacity 0.7s ease-in-out 0.4s;\r\n            opacity: 0;\r\n            position: relative;\r\n            padding-bottom: 32px;\r\n        }\r\n\r\n        .custom-map-wrapper .full-screen-card.active .card-text {\r\n            transform: translateX(0);\r\n            opacity: 1;\r\n            overflow-y: hidden;\r\n        }\r\n\r\n        .custom-map-wrapper .full-screen-card:not(.active) .card-text {\r\n            transform: translateX(100%);\r\n            opacity: 0;\r\n        }\r\n\r\n        .custom-map-wrapper .card-text .social {\r\n            position: absolute;\r\n            bottom: 32px;\r\n            width: calc(100% - 128px);\r\n        }\r\n\r\n        .custom-map-wrapper .close-btn {\r\n            position: absolute;\r\n            right: 1rem;\r\n            top: 1rem;\r\n            font-size: 2.5rem;\r\n            color: #000000;\r\n            cursor: pointer;\r\n            transition: color 0.3s ease;\r\n            z-index: 1100;\r\n            width: 40px;\r\n            height: 40px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: rgba(255, 255, 255, 0.8);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .custom-map-wrapper .close-btn:hover {\r\n            color: #1a3a5e;\r\n            background: rgba(255, 255, 255, 1);\r\n        }\r\n\r\n        .custom-map-wrapper .btn-primary {\r\n            background-color: #2B5685;\r\n            color: #FFF9CF;\r\n            padding: 0.5rem 1.5rem;\r\n            border-radius: 8px;\r\n            transition: background-color 0.3s ease;\r\n        }\r\n\r\n        .custom-map-wrapper .btn-primary:hover {\r\n            background-color: #1a3a5e;\r\n        }\r\n\r\n        .custom-map-wrapper h2 {\r\n            font-size: 32px;\r\n            font-weight: 1000;\r\n            color: #000000;\r\n            margin-bottom: 32px;\r\n            padding-top: 4px;\r\n            line-height: 32px;\r\n            vertical-align: baseline;\r\n            text-align: center;\r\n        }\r\n\r\n        .custom-map-wrapper .pastille-card {\r\n            width: 40.268455505371094px;\r\n            height: 43.9184455871582px;\r\n            margin-bottom: 0px;\r\n        }\r\n\r\n        .custom-map-wrapper .ariane {\r\n            font-weight: 100;\r\n            font-size: 14px;\r\n            padding-bottom: 24px;\r\n        }\r\n\r\n        .custom-map-wrapper h4 {\r\n            display: none;\r\n            padding-top: 48px;\r\n            padding-bottom: 16px;\r\n            font-size: 24px;\r\n            font-weight: 400;\r\n            color: #2B5685;\r\n        }\r\n\r\n        .custom-map-wrapper .social {\r\n            display: none;\r\n        }\r\n\r\n        .custom-map-wrapper p {\r\n            color: #000000;\r\n            text-align: center;\r\n        }\r\n\r\n        .custom-map-wrapper .description-500 {\r\n            font-size: 16px !important;\r\n            line-height: 22.4px;\r\n            width: 500px;\r\n        }\r\n\r\n        .custom-map-wrapper .quote {\r\n            font-family: 'Bricolage Grotesque', sans-serif;\r\n            font-style: italic;\r\n            padding-bottom: 24px;\r\n            font-size: 16px;\r\n            font-weight: 800;\r\n            line-height: 22.4px;\r\n        }\r\n\r\n        .custom-map-wrapper .name {\r\n            display: none;\r\n            border-left: 2px solid #2B5685;\r\n            padding-left: 24px;\r\n            padding-top: 8px;\r\n            font-size: 18px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .custom-map-wrapper .tooltip {\r\n            position: fixed;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            max-width: none;\r\n            padding: 16px;\r\n            transform: translateY(100%) scale(1);\r\n            transform-origin: bottom;\r\n            border-radius: 0;\r\n            border: none;\r\n            border-top: 1px solid #00000069;\r\n            background: #ffffff;\r\n            transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility 0.5s ease-in-out, opacity 0.5s ease-in-out;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            z-index: 500;\r\n        }\r\n\r\n        .custom-map-wrapper .tooltip.active {\r\n            transform: translateY(0) scale(1);\r\n            visibility: visible;\r\n            opacity: 1;\r\n        }\r\n\r\n        .custom-map-wrapper .tooltip-content {\r\n            display: flex;\r\n            flex-direction: row;\r\n            align-items: center;\r\n            height: 100%;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease-in-out 0.2s;\r\n        }\r\n\r\n        .custom-map-wrapper .tooltip.active .tooltip-content {\r\n            opacity: 1;\r\n        }\r\n\r\n        .custom-map-wrapper .tooltip-content img {\r\n            width: 100px;\r\n            padding-right: 12px;\r\n            height: 89px;\r\n            z-index: 510;\r\n            object-fit: contain;\r\n            opacity: 0;\r\n            transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;\r\n        }\r\n\r\n        .custom-map-wrapper .tooltip.active .tooltip-content img {\r\n            transform: translateX(0);\r\n            opacity: 1;\r\n        }\r\n\r\n        .custom-map-wrapper .tooltip-content div {\r\n            flex: 1;\r\n            display: flex;\r\n            height: 89px;\r\n            align-items: center;\r\n            padding-left: 12px;\r\n            justify-content: space-between;\r\n            border-left: 1px solid #00000069;\r\n        }\r\n\r\n        .custom-map-wrapper .tooltip-content h3 {\r\n            font-size: 14px;\r\n            font-weight: 800;\r\n            display: flex;\r\n            flex-direction: column;\r\n            padding-right: 12px;\r\n            gap: 8px;\r\n        }\r\n\r\n        .custom-map-wrapper .tooltip-content .pastille-tooltip {\r\n            padding-right: 0px !important;\r\n            width: 32px;\r\n            height: 32px;\r\n            object-fit: contain;\r\n        }\r\n\r\n        .custom-map-wrapper .tooltip-content p {\r\n            font-size: 0.875rem;\r\n            line-height: 1.25rem;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            display: -webkit-box;\r\n            -webkit-line-clamp: 3;\r\n            -webkit-box-orient: vertical;\r\n        }\r\n\r\n        .custom-map-wrapper .arrow-icon {\r\n            padding-right: 0px !important;\r\n            width: 12px !important;\r\n            height: 24px !important;\r\n            cursor: pointer;\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n   @media (max-width: 768px) {\r\n    .custom-map-wrapper .marker {\r\n        width: 25.9px;\r\n        height: 42.7px;\r\n        \r\n        animation: float 2s ease-in-out infinite; \/* Floating animation *\/\r\n    }\r\n\r\n    @keyframes float {\r\n        0%, 100% {\r\n            transform: translateY(0);\r\n        }\r\n        50% {\r\n            transform: translateY(-3px);\r\n        }\r\n    }\r\n}\r\n    @keyframes pulse {\r\n        0%, 100% {\r\n            transform: scale(1);\r\n        }\r\n        50% {\r\n            transform: scale(1.1);\r\n        }\r\n    }\r\n\r\n        .custom-map-wrapper .arrow-icon:hover {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .custom-map-wrapper .marker-container {\r\n                width: 25.9px;\r\n                height: 42.7px;\r\n            }\r\n\r\n            .custom-map-wrapper .marker {\r\n                width: 25.9px;\r\n                height: 42.7px;\r\n            }\r\n\r\n            .custom-map-wrapper .icon-container,\r\n            .custom-map-wrapper .pastille,\r\n            .custom-map-wrapper .marker-icon,\r\n            .custom-map-wrapper .marker-icon-label {\r\n                display: none;\r\n            }\r\n\r\n            .custom-map-wrapper .card-content {\r\n                flex-direction: column;\r\n                overflow: hidden;\r\n            }\r\n\r\n            .custom-map-wrapper .im-social {\r\n                width: 100%;\r\n                height: 200px;\r\n            }\r\n\r\n            .custom-map-wrapper .card-image {\r\n                width: 100%;\r\n                height: 200px;\r\n                object-fit: cover;\r\n                border-right: none;\r\n                transform: translateY(-100%);\r\n                transition: transform 0.7s ease-in-out 0.2s, opacity 0.7s ease-in-out 0.2s;\r\n                opacity: 0;\r\n            }\r\n\r\n            .custom-map-wrapper .full-screen-card.active .card-image {\r\n                transform: translateY(0);\r\n                opacity: 1;\r\n            }\r\n\r\n            .custom-map-wrapper .full-screen-card:not(.active) .card-image {\r\n                transform: translateY(-100%);\r\n                opacity: 0;\r\n            }\r\n\r\n            .custom-map-wrapper .card-text {\r\n                width: 100%;\r\n                padding: 1rem;\r\n                padding-top: 32px;\r\n                overflow: hidden;\r\n                transform: translateY(100%);\r\n                transition: transform 0.7s ease-in-out 0.4s, opacity 0.7s ease-in-out 0.4s;\r\n                opacity: 0;\r\n                justify-content: center;\r\n                align-items: center;\r\n                position: relative;\r\n                padding-bottom: 32px;\r\n            }\r\n\r\n            .custom-map-wrapper .full-screen-card.active .card-text {\r\n                transform: translateY(0);\r\n                opacity: 1;\r\n                overflow: hidden;\r\n            }\r\n\r\n            .custom-map-wrapper .full-screen-card:not(.active) .card-text {\r\n                transform: translateY(100%);\r\n                opacity: 0;\r\n            }\r\n\r\n            .custom-map-wrapper .card-text .social {\r\n                position: absolute;\r\n                bottom: 32px;\r\n                width: calc(100% - 32px);\r\n            }\r\n\r\n            .custom-map-wrapper .close-btn {\r\n                color: #ffffff;\r\n                right: 0.8rem;\r\n                top: 0.8rem;\r\n                font-size: 2.5rem;\r\n                background: rgba(0, 0, 0, 0.8);\r\n            }\r\n\r\n            .custom-map-wrapper .description-500 {\r\n                width: 100%;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <script>\r\n        (function() {\r\n            function escapeHTML(str) {\r\n                return str.replace(\/'\/g, \"\\\\'\").replace(\/\"\/g, '\\\\\"').replace(\/\\n\/g, '\\\\n');\r\n            }\r\n\r\n            const markers = [\r\n                {\r\n                    coords: [260, 530],\r\n                    name: \"Dolin\",\r\n                    image: \"https:\/\/www.dolin.fr\/wp-content\/uploads\/2023\/04\/2023-Dolin-negroni-bout.jpg\",\r\n                    tooltipImage: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/07\/1.png\",\r\n                    description: \"Fond\u00e9e en 1815 \u00e0 Chamb\u00e9ry, la Maison Dolin excelle dans la production artisanale de g\u00e9n\u00e9pi. \u00c9labor\u00e9 avec des plantes alpines et des techniques ancestrales, son g\u00e9n\u00e9pi offre des saveurs authentiques, refl\u00e9tant le savoir-faire traditionnel savoyard.\",\r\n                    quote: \"\u00ab Le g\u00e9n\u00e9pi Dolin, c\u2019est l\u2019\u00e2me des Alpes en bouteille.\u00bb\",\r\n                    subtitle: \"Liqueurs & Vermouths de Savoie\",\r\n                    link: \"https:\/\/example.com\/fromagerie\",\r\n                    icon: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/07\/1.png\",\r\n                    pastille: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/08\/pastille-1.svg\",\r\n                    marker: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/08\/marker-1.svg\",\r\n                    iconPosition: { top: '30%', left: '-16%' },\r\n                    tooltipText: \"Dollin Distillerie artisanale \u00e0 Chamb\u00e9ry\"\r\n                },\r\n                {\r\n                    coords: [320, 720],\r\n                    name: \"Face Nord\",\r\n                    image: \"https:\/\/i.imgur.com\/AXSunfs.jpeg\",\r\n                    tooltipImage: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/07\/2.png\",\r\n                    description: \"La Brasserie Artisanale du Dauphin\u00e9, excelle dans la cr\u00e9ation de bi\u00e8res Face Nord, brass\u00e9es avec l\u2019eau pure des Alpes. S\u00e9lectionnant des malts et houblons de qualit\u00e9, elle propose des bi\u00e8res comme l\u2019IPA Le Sommet, alliant fra\u00eecheur et \u00e9quilibre.\",\r\n                    quote: \"\u00ab Nos bi\u00e8res Face Nord capturent l\u2019essence des Alpes, alliant puret\u00e9 et caract\u00e8re. \u00bb\",\r\n                    subtitle: \"Bi\u00e8res Artisanales de Savoie\",\r\n                    link: \"https:\/\/example.com\/chalet\",\r\n                    icon: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/07\/2.png\",\r\n                    pastille: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/08\/pastille-2.svg\",\r\n                    marker: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/08\/marker-2.svg\",\r\n                    iconPosition: { bottom: '20.5%', left: '-14%' },\r\n                    tooltipText: \"Face Nord Brasserie artisanale du Dauphin\u00e9\"\r\n                },\r\n                {\r\n                    coords: [500, 460],\r\n                    name: \"Salaisons du Mont Charvin\",\r\n                    image: \"https:\/\/www.sources-lac-annecy.com\/wp-content\/uploads\/yatadata\/5515831\/28811581.jpg\",\r\n                    tooltipImage: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/07\/3.png\",\r\n                    description: \"Mont Charvin, bas\u00e9 \u00e0 Doussard, excelle dans la charcuterie artisanale en sour\u00e7ant des porcs de haute qualit\u00e9. \u00c9lev\u00e9s sur paille en Savoie, ces porcs garantissent une viande savoureuse, transform\u00e9e avec un savoir-faire traditionnel pour une charcuterie d\u2019exception.\",\r\n                    quote: \"\u00ab Produire bien et bon, avec respect pour les animaux et la tradition savoyarde, c\u2019est l\u2019esprit Mont Charvin.\u00bb\",\r\n                    subtitle: \"Charcuterie et Viande de Qualit\u00e9\",\r\n                    link: \"https:\/\/example.com\/ferme\",\r\n                    icon: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/07\/3.png\",\r\n                    pastille: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/08\/pastille-3.svg\",\r\n                    marker: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/08\/marker-3.svg\",\r\n                    iconPosition: { top: '2.5%', left: '-24.5%' },\r\n                    tooltipText: \"Nos Charcuterie et Viande de Qualit\u00e9 de Savoie\"\r\n                },\r\n                {\r\n                    coords: [660, 270],\r\n                    name: \"Soci\u00e9t\u00e9 Laiti\u00e8re des Hauts de Savoie\",\r\n                    image: \"https:\/\/lafermedeschenevifs.fr\/wp-content\/uploads\/2022\/02\/Alain-et-Valerie-Lamouille-La-Ferme-des-Chenevifs-Saint-Laurent-74.jpg\",\r\n                    tooltipImage: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/07\/4.png\",\r\n                    description: \"La Soci\u00e9t\u00e9 Laiti\u00e8re des Hauts de Savoie, avec trois ateliers et une cave d\u2019affinage, produit divers fromages savoyards, dont la Raclette de Savoie. Fournisseur de notre raclette, elle utilise le lait de 230 producteurs locaux pour \u00e9laborer des vari\u00e9t\u00e9s nature et fum\u00e9e, selon des m\u00e9thodes artisanales traditionnelles.\",\r\n                    quote: \"\u00ab Nos fromages sont le reflet d\u2019un terroir riche et d\u2019un engagement pour la qualit\u00e9.\u00bb\",\r\n                    subtitle: \"Fromages Artisanaux de Savoie\",\r\n                    link: \"https:\/\/example.com\/atelier\",\r\n                    icon: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/07\/4.png\",\r\n                    pastille: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/08\/pastille-4.svg\",\r\n                    marker: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/08\/marker-4.svg\",\r\n                    iconPosition: { top: '2.5%', right: '4%' },\r\n                    tooltipText: \"Soci\u00e9t\u00e9 Laiti\u00e8re des Hauts de Savoie \u00e0 Samo\u00ebns\"\r\n                },\r\n                {\r\n                    coords: [570, 400],\r\n                    name: \"Coop\u00e9rative Fruiti\u00e8re du Val d'Arly\",\r\n                    image: \"https:\/\/cdn.iris-etourism.io\/uploads\/megeve\/76c\/56-230-18867768.webp\",\r\n                    tooltipImage: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/07\/5.png\",\r\n                    description: \"Fond\u00e9e en 1969 \u00e0 Flumet, la Coop\u00e9rative Fruiti\u00e8re du Val d'Arly produit des fromages AOP, dont le Reblochon pour la tartiflette et le Beaufort pour la fondue. \u00c0 partir de lait cru collect\u00e9 localement aupr\u00e8s de 60 \u00e0 80 producteurs savoyards, elle perp\u00e9tue un savoir-faire artisanal traditionnel.\",\r\n                    quote: \"\u00ab Nos fromages incarnent la richesse de notre terroir et le travail passionn\u00e9 de nos producteurs. \u00bb\",\r\n                    subtitle: \"Fromages AOP et IGP de Savoie\",\r\n                    link: \"https:\/\/example.com\/gourmande\",\r\n                    icon: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/07\/5.png\",\r\n                    pastille: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/08\/pastille-5.svg\",\r\n                    marker: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/08\/marker-5.svg\",\r\n                    iconPosition: { top: '35%', right: '0%' },\r\n                    tooltipText: \"Coop\u00e9rative Fruiti\u00e8re du Val d\u2019Arly\"\r\n                },\r\n                {\r\n                    coords: [360, 550],\r\n                    name: \"Brasserie Mont Blanc\",\r\n                    image: \"https:\/\/beer.be\/wp-content\/uploads\/2023\/09\/Brasserie-du-Mont-Blanc.jpg\",\r\n                    tooltipImage: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/07\/5.png\",\r\n                    description: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequa.\",\r\n                    quote: \"\u00ab Nos vins capturent la fra\u00eecheur et la min\u00e9ralit\u00e9 des Alpes savoyardes. \u00bb\",\r\n                    subtitle: \"Vins de Savoie\",\r\n                    link: \"https:\/\/example.com\/vins\",\r\n                    icon: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/07\/6.png\",\r\n                    pastille: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/08\/pastille-6.svg\",\r\n                    marker: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/08\/marker-6.svg\",\r\n                    iconPosition: { bottom: '48%', left: '-34.4%' },\r\n                    tooltipText: \"Brasserie Mont Blanc\"\r\n                },\r\n                {\r\n                    coords: [430, 600],\r\n                    name: \"Domaine Jean Perrier & Fils\",\r\n                    image: \"https:\/\/www.vins-centre-loire.com\/images\/0487166001657207162.jpg\",\r\n                    tooltipImage: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/07\/7.png\",\r\n                    description: \"Fond\u00e9 en 1853 pr\u00e8s de Chamb\u00e9ry, Domaine Jean Perrier et Fils produit des vins savoyards de qualit\u00e9, notamment \u00e0 base de Jacqu\u00e8re. Avec un savoir-faire artisanal transmis sur sept g\u00e9n\u00e9rations, ils cultivent des raisins sur sols argilo-calcaires et granitiques, fournissant nos vins authentiques.\",\r\n                    quote: \"\u00ab Loremp-ispum \u00bb\",\r\n                    subtitle: \"Fromages Fermiers de Savoie\",\r\n                    link: \"https:\/\/example.com\/glaciers\",\r\n                    icon: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/07\/7.png\",\r\n                    pastille: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/08\/pastille-7.svg\",\r\n                    marker: \"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/08\/marker-7.svg\",\r\n                    iconPosition: { bottom: '40.5%', right: '0%' },\r\n                    tooltipText: \"Domaine Jean Perrier & Fils Vins de Savoie\"\r\n                }\r\n            ];\r\n\r\n            const container = document.querySelector('.custom-map-wrapper #map-container');\r\n            let activeTooltip = null;\r\n\r\n            function updateMarkerPositions() {\r\n                const mapContainer = container;\r\n                const bgImage = new Image();\r\n                bgImage.src = 'https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/08\/carte_2-1.png';\r\n\r\n                bgImage.onload = () => {\r\n                    const originalWidth = bgImage.width;\r\n                    const originalHeight = bgImage.height;\r\n                    const containerWidth = mapContainer.clientWidth;\r\n                    const containerHeight = mapContainer.clientHeight;\r\n\r\n                    const aspectRatio = originalWidth \/ originalHeight;\r\n                    let imageWidth, imageHeight;\r\n                    if (containerWidth \/ containerHeight > aspectRatio) {\r\n                        imageHeight = containerHeight;\r\n                        imageWidth = containerHeight * aspectRatio;\r\n                    } else {\r\n                        imageWidth = containerWidth;\r\n                        imageHeight = containerWidth \/ aspectRatio;\r\n                    }\r\n\r\n                    const offsetX = (containerWidth - imageWidth) \/ 2;\r\n                    const offsetY = (containerHeight - imageHeight) \/ 2;\r\n\r\n                    markers.forEach((marker, index) => {\r\n                        const markerContainer = document.querySelector(`.custom-map-wrapper .marker-container[data-index=\"${index}\"]`);\r\n                        const iconContainer = document.querySelector(`.custom-map-wrapper .icon-container[data-index=\"${index}\"]`);\r\n\r\n                        const xPercent = marker.coords[0] \/ 1000;\r\n                        const yPercent = marker.coords[1] \/ 1000;\r\n                        const markerX = offsetX + xPercent * imageWidth;\r\n                        const markerY = offsetY + yPercent * imageHeight;\r\n\r\n                        markerContainer.style.left = `${(markerX \/ containerWidth) * 100}%`;\r\n                        markerContainer.style.top = `${(markerY \/ containerHeight) * 100}%`;\r\n                        markerContainer.style.transform = 'translate(-50%, -50%)';\r\n\r\n                        if (window.innerWidth > 768) {\r\n                            const iconXPercent = parseFloat(marker.iconPosition.left || marker.iconPosition.right || 0);\r\n                            const iconYPercent = parseFloat(marker.iconPosition.top || marker.iconPosition.bottom || 0);\r\n                            let iconX, iconY;\r\n\r\n                            if (marker.iconPosition.left) {\r\n                                iconX = offsetX + (iconXPercent \/ 100) * imageWidth;\r\n                            } else if (marker.iconPosition.right) {\r\n                                iconX = offsetX + imageWidth - (iconXPercent \/ 100) * imageWidth;\r\n                            }\r\n                            if (marker.iconPosition.top) {\r\n                                iconY = offsetY + (iconYPercent \/ 100) * imageHeight;\r\n                            } else if (marker.iconPosition.bottom) {\r\n                                iconY = offsetY + imageHeight - (iconYPercent \/ 100) * imageHeight;\r\n                            }\r\n\r\n                            iconContainer.style.left = `${(iconX \/ containerWidth) * 100}%`;\r\n                            iconContainer.style.top = `${(iconY \/ containerHeight) * 100}%`;\r\n                            iconContainer.style.right = 'auto';\r\n                            iconContainer.style.bottom = 'auto';\r\n                        }\r\n                    });\r\n                };\r\n            }\r\n\r\n            markers.forEach((marker, index) => {\r\n                const markerContainer = document.createElement('div');\r\n                markerContainer.className = 'marker-container';\r\n                markerContainer.setAttribute('data-index', index);\r\n                markerContainer.setAttribute('role', 'button');\r\n                markerContainer.setAttribute('aria-label', `Marqueur pour ${marker.name}`);\r\n\r\n                const markerImg = document.createElement('img');\r\n                markerImg.className = 'marker';\r\n                markerImg.src = marker.marker;\r\n                markerImg.alt = `Marqueur ${marker.name}`;\r\n\r\n                const iconContainer = document.createElement('div');\r\n                iconContainer.className = 'icon-container';\r\n                iconContainer.setAttribute('data-index', index);\r\n                iconContainer.style.position = 'absolute';\r\n\r\n                const pastilleImg = document.createElement('img');\r\n                pastilleImg.className = 'pastille';\r\n                pastilleImg.setAttribute('data-index', index);\r\n                pastilleImg.src = marker.pastille;\r\n                pastilleImg.alt = `Pastille ${marker.name}`;\r\n\r\n                const iconImg = document.createElement('img');\r\n                iconImg.className = `marker-icon marker-icon-${index}`;\r\n                iconImg.setAttribute('data-index', index);\r\n                iconImg.src = marker.icon;\r\n                iconImg.alt = `Ic\u00f4ne ${marker.name}`;\r\n\r\n                const iconLabel = document.createElement('span');\r\n                iconLabel.className = 'marker-icon-label';\r\n                iconLabel.setAttribute('data-index', index);\r\n                iconLabel.innerText = marker.tooltipText;\r\n\r\n                const tooltip = document.createElement('div');\r\n                tooltip.className = 'tooltip';\r\n                tooltip.id = `tooltip-${index}`;\r\n                tooltip.innerHTML = `\r\n                    <div class=\"tooltip-content\">\r\n                        <img decoding=\"async\" src=\"${marker.tooltipImage}\" alt=\"${marker.name}\">\r\n                        <div>\r\n                            <h3 class=\"font-bold text-lg\">\r\n                                <img decoding=\"async\" src=\"${marker.pastille}\" alt=\"Pastille ${marker.name}\" class=\"pastille-tooltip\">${marker.name}\r\n                            <\/h3>\r\n                            <img decoding=\"async\" src=\"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/08\/fleche.svg\" alt=\"Fl\u00e8che\" class=\"arrow-icon\">\r\n                        <\/div>\r\n                    <\/div>\r\n                `;\r\n\r\n                markerContainer.appendChild(markerImg);\r\n                iconContainer.appendChild(pastilleImg);\r\n                iconContainer.appendChild(iconImg);\r\n                iconContainer.appendChild(iconLabel);\r\n                container.appendChild(markerContainer);\r\n                container.appendChild(iconContainer);\r\n                container.appendChild(tooltip);\r\n\r\n                tooltip.addEventListener('click', (e) => {\r\n                    e.stopPropagation();\r\n                    if (window.innerWidth <= 768) {\r\n                        showFullCard(\r\n                            marker.name,\r\n                            marker.image,\r\n                            marker.description,\r\n                            marker.quote,\r\n                            marker.subtitle,\r\n                            marker.link,\r\n                            marker.pastille\r\n                        );\r\n                        tooltip.classList.remove('active');\r\n                        tooltip.querySelector('.tooltip-content').style.opacity = '0';\r\n                        activeTooltip = null;\r\n                    }\r\n                });\r\n\r\n                tooltip.querySelector('.arrow-icon').addEventListener('click', (e) => {\r\n                    e.stopPropagation();\r\n                    if (window.innerWidth > 768) {\r\n                        showFullCard(\r\n                            marker.name,\r\n                            marker.image,\r\n                            marker.description,\r\n                            marker.quote,\r\n                            marker.subtitle,\r\n                            marker.link,\r\n                            marker.pastille\r\n                        );\r\n                    }\r\n                });\r\n\r\n                markerContainer.addEventListener('click', (e) => {\r\n                    e.stopPropagation();\r\n                    if (window.innerWidth <= 768) {\r\n                        if (activeTooltip && activeTooltip !== tooltip) {\r\n                            activeTooltip.classList.remove('active');\r\n                            activeTooltip.querySelector('.tooltip-content').style.opacity = '0';\r\n                        }\r\n                        const isActive = tooltip.classList.contains('active');\r\n                        if (isActive) {\r\n                            tooltip.classList.remove('active');\r\n                            tooltip.querySelector('.tooltip-content').style.opacity = '0';\r\n                            activeTooltip = null;\r\n                        } else {\r\n                            tooltip.classList.add('active');\r\n                            tooltip.querySelector('.tooltip-content').style.opacity = '1';\r\n                            activeTooltip = tooltip;\r\n                        }\r\n                    } else {\r\n                        showFullCard(\r\n                            marker.name,\r\n                            marker.image,\r\n                            marker.description,\r\n                            marker.quote,\r\n                            marker.subtitle,\r\n                            marker.link,\r\n                            marker.pastille\r\n                        );\r\n                    }\r\n                });\r\n\r\n                markerContainer.addEventListener('keydown', (e) => {\r\n                    if (e.key === 'Enter' || e.key === ' ') {\r\n                        e.preventDefault();\r\n                        markerContainer.click();\r\n                    }\r\n                });\r\n\r\n                iconContainer.addEventListener('click', (e) => {\r\n                    e.stopPropagation();\r\n                    if (window.innerWidth <= 768) {\r\n                        if (activeTooltip && activeTooltip !== tooltip) {\r\n                            activeTooltip.classList.remove('active');\r\n                            activeTooltip.querySelector('.tooltip-content').style.opacity = '0';\r\n                        }\r\n                        const isActive = tooltip.classList.contains('active');\r\n                        if (isActive) {\r\n                            tooltip.classList.remove('active');\r\n                            tooltip.querySelector('.tooltip-content').style.opacity = '0';\r\n                            activeTooltip = null;\r\n                        } else {\r\n                            tooltip.classList.add('active');\r\n                            tooltip.querySelector('.tooltip-content').style.opacity = '1';\r\n                            activeTooltip = tooltip;\r\n                        }\r\n                    } else {\r\n                        showFullCard(\r\n                            marker.name,\r\n                            marker.image,\r\n                            marker.description,\r\n                            marker.quote,\r\n                            marker.subtitle,\r\n                            marker.link,\r\n                            marker.pastille\r\n                        );\r\n                    }\r\n                });\r\n\r\n                iconContainer.addEventListener('keydown', (e) => {\r\n                    if (e.key === 'Enter' || e.key === ' ') {\r\n                        e.preventDefault();\r\n                        iconContainer.click();\r\n                    }\r\n                });\r\n            });\r\n\r\n            const closeBtn = document.querySelector('.custom-map-wrapper .close-btn');\r\n            closeBtn.addEventListener('click', (e) => {\r\n                e.stopPropagation();\r\n                closeCard();\r\n            });\r\n\r\n            closeBtn.addEventListener('keydown', (e) => {\r\n                if (e.key === 'Enter' || e.key === ' ') {\r\n                    e.preventDefault();\r\n                    closeCard();\r\n                }\r\n            });\r\n\r\n            function showFullCard(name, image, description, quote, subtitle, link, pastille) {\r\n                const card = document.querySelector('.custom-map-wrapper #fullScreenCard');\r\n                card.style.display = 'flex';\r\n                setTimeout(() => card.classList.add('active'), 10);\r\n                document.querySelector('.custom-map-wrapper #cardImage').src = image;\r\n                document.querySelector('.custom-map-wrapper #cardImage').alt = name;\r\n                const cardContent = `\r\n                    <img decoding=\"async\" src=\"${pastille}\" alt=\"Pastille ${name}\" class=\"pastille-card\">\r\n                    <h2>${name}<\/h2>\r\n                    <p class=\"quote description-500\">${quote}<\/p>\r\n                    <p class=\"name\">${name}<\/p>\r\n                    <h4>${subtitle}<\/h4>\r\n                    <p class=\"description-500 text-lg\">${description}<\/p>\r\n                    <div class=\"social\"><div class=\"icon-text\"><p>r\u00e9seaux sociaux<\/p><div class=\"icon\">p<\/div><\/div><button class=\"site-partenair\">Site internet<\/button><\/div>\r\n                `;\r\n                document.querySelector('.custom-map-wrapper #cardText').innerHTML = cardContent;\r\n                if (activeTooltip) {\r\n                    activeTooltip.classList.remove('active');\r\n                    activeTooltip.querySelector('.tooltip-content').style.opacity = '0';\r\n                    activeTooltip = null;\r\n                }\r\n                document.body.classList.add('no-scroll');\r\n            }\r\n\r\n            function closeCard() {\r\n                const card = document.querySelector('.custom-map-wrapper #fullScreenCard');\r\n                card.classList.remove('active');\r\n                setTimeout(() => {\r\n                    card.style.display = 'none';\r\n                    document.querySelector('.custom-map-wrapper #cardImage').src = '';\r\n                    document.querySelector('.custom-map-wrapper #cardText').innerHTML = '';\r\n                    document.body.classList.remove('no-scroll');\r\n                }, 700);\r\n                if (activeTooltip) {\r\n                    activeTooltip.classList.remove('active');\r\n                    activeTooltip.querySelector('.tooltip-content').style.opacity = '0';\r\n                    activeTooltip = null;\r\n                }\r\n            }\r\n\r\n            updateMarkerPositions();\r\n            window.addEventListener('resize', updateMarkerPositions);\r\n            container.addEventListener('click', () => {\r\n                if (activeTooltip) {\r\n                    activeTooltip.classList.remove('active');\r\n                    activeTooltip.querySelector('.tooltip-content').style.opacity = '0';\r\n                    activeTooltip = null;\r\n                }\r\n            });\r\n\r\n            container.addEventListener('contextmenu', (e) => {\r\n                e.preventDefault();\r\n            });\r\n\r\n            document.addEventListener('keydown', (e) => {\r\n                if (e.key === 'Escape') {\r\n                    if (activeTooltip) {\r\n                        activeTooltip.classList.remove('active');\r\n                        activeTooltip.querySelector('.tooltip-content').style.opacity = '0';\r\n                        activeTooltip = null;\r\n                    }\r\n                    closeCard();\r\n                }\r\n            });\r\n\r\n            document.addEventListener('touchmove', (e) => {\r\n                if (document.body.classList.contains('no-scroll')) {\r\n                    e.preventDefault();\r\n                }\r\n            }, { passive: false });\r\n        })();\r\n    <\/script>\r\n<\/div>\r\n\r\n<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;700&display=swap\" rel=\"stylesheet\">\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u00d7<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-12797","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>map-p - Les Fondus de la Raclette<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lesfondusdelaraclette.fr\/it\/map-p\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"map-p - Les Fondus de la Raclette\" \/>\n<meta property=\"og:description\" content=\"\u00d7\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lesfondusdelaraclette.fr\/it\/map-p\/\" \/>\n<meta property=\"og:site_name\" content=\"Les Fondus de la Raclette\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-08T08:49:53+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/lesfondusdelaraclette.fr\/map-p\",\"url\":\"https:\/\/lesfondusdelaraclette.fr\/map-p\",\"name\":\"map-p - Les Fondus de la Raclette\",\"isPartOf\":{\"@id\":\"https:\/\/lesfondusdelaraclette.fr\/#website\"},\"datePublished\":\"2025-07-30T14:16:31+00:00\",\"dateModified\":\"2025-08-08T08:49:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/lesfondusdelaraclette.fr\/map-p#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/lesfondusdelaraclette.fr\/map-p\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/lesfondusdelaraclette.fr\/map-p#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/lesfondusdelaraclette.fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"map-p\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/lesfondusdelaraclette.fr\/#website\",\"url\":\"https:\/\/lesfondusdelaraclette.fr\/\",\"name\":\"Les Fondus de la Raclette\",\"description\":\"Les Fondus de la Raclette\",\"publisher\":{\"@id\":\"https:\/\/lesfondusdelaraclette.fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/lesfondusdelaraclette.fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/lesfondusdelaraclette.fr\/#organization\",\"name\":\"Les Fondus de la Raclette\",\"url\":\"https:\/\/lesfondusdelaraclette.fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/lesfondusdelaraclette.fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/10\/FDR_LOGO_PRINCIPAL_BLEU_RVB.png\",\"contentUrl\":\"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/10\/FDR_LOGO_PRINCIPAL_BLEU_RVB.png\",\"width\":836,\"height\":378,\"caption\":\"Les Fondus de la Raclette\"},\"image\":{\"@id\":\"https:\/\/lesfondusdelaraclette.fr\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"mappa-p - I fondi della Raclette","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/lesfondusdelaraclette.fr\/it\/map-p\/","og_locale":"it_IT","og_type":"article","og_title":"map-p - Les Fondus de la Raclette","og_description":"\u00d7","og_url":"https:\/\/lesfondusdelaraclette.fr\/it\/map-p\/","og_site_name":"Les Fondus de la Raclette","article_modified_time":"2025-08-08T08:49:53+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lesfondusdelaraclette.fr\/map-p","url":"https:\/\/lesfondusdelaraclette.fr\/map-p","name":"mappa-p - I fondi della Raclette","isPartOf":{"@id":"https:\/\/lesfondusdelaraclette.fr\/#website"},"datePublished":"2025-07-30T14:16:31+00:00","dateModified":"2025-08-08T08:49:53+00:00","breadcrumb":{"@id":"https:\/\/lesfondusdelaraclette.fr\/map-p#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lesfondusdelaraclette.fr\/map-p"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/lesfondusdelaraclette.fr\/map-p#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/lesfondusdelaraclette.fr\/"},{"@type":"ListItem","position":2,"name":"map-p"}]},{"@type":"WebSite","@id":"https:\/\/lesfondusdelaraclette.fr\/#website","url":"https:\/\/lesfondusdelaraclette.fr\/","name":"I fondi della Raclette","description":"I fondi della Raclette","publisher":{"@id":"https:\/\/lesfondusdelaraclette.fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lesfondusdelaraclette.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/lesfondusdelaraclette.fr\/#organization","name":"I fondi della Raclette","url":"https:\/\/lesfondusdelaraclette.fr\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/lesfondusdelaraclette.fr\/#\/schema\/logo\/image\/","url":"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/10\/FDR_LOGO_PRINCIPAL_BLEU_RVB.png","contentUrl":"https:\/\/lesfondusdelaraclette.fr\/wp-content\/uploads\/2025\/10\/FDR_LOGO_PRINCIPAL_BLEU_RVB.png","width":836,"height":378,"caption":"Les Fondus de la Raclette"},"image":{"@id":"https:\/\/lesfondusdelaraclette.fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/lesfondusdelaraclette.fr\/it\/wp-json\/wp\/v2\/pages\/12797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lesfondusdelaraclette.fr\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lesfondusdelaraclette.fr\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lesfondusdelaraclette.fr\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lesfondusdelaraclette.fr\/it\/wp-json\/wp\/v2\/comments?post=12797"}],"version-history":[{"count":145,"href":"https:\/\/lesfondusdelaraclette.fr\/it\/wp-json\/wp\/v2\/pages\/12797\/revisions"}],"predecessor-version":[{"id":13609,"href":"https:\/\/lesfondusdelaraclette.fr\/it\/wp-json\/wp\/v2\/pages\/12797\/revisions\/13609"}],"wp:attachment":[{"href":"https:\/\/lesfondusdelaraclette.fr\/it\/wp-json\/wp\/v2\/media?parent=12797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}