{"id":4456,"date":"2025-09-01T19:58:43","date_gmt":"2025-09-01T23:58:43","guid":{"rendered":"https:\/\/partibrossardensemble.org\/?page_id=4456"},"modified":"2025-09-18T18:23:37","modified_gmt":"2025-09-18T22:23:37","slug":"carteinteractive","status":"publish","type":"page","link":"https:\/\/partibrossardensemble.org\/fr\/carteinteractive\/","title":{"rendered":"Carte interactive"},"content":{"rendered":"

[et_pb_section fb_built=\u00a0\u00bb1″ _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb width=\u00a0\u00bb100%\u00a0\u00bb min_height=\u00a0\u00bb0px\u00a0\u00bb custom_margin=\u00a0\u00bb0px|0px||0px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px||0px|false|false\u00a0\u00bb da_disable_devices=\u00a0\u00bboff|off|off\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb da_is_popup=\u00a0\u00bboff\u00a0\u00bb da_exit_intent=\u00a0\u00bboff\u00a0\u00bb da_has_close=\u00a0\u00bbon\u00a0\u00bb da_alt_close=\u00a0\u00bboff\u00a0\u00bb da_dark_close=\u00a0\u00bboff\u00a0\u00bb da_not_modal=\u00a0\u00bbon\u00a0\u00bb da_is_singular=\u00a0\u00bboff\u00a0\u00bb da_with_loader=\u00a0\u00bboff\u00a0\u00bb da_has_shadow=\u00a0\u00bbon\u00a0\u00bb][et_pb_row _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb width=\u00a0\u00bb100%\u00a0\u00bb max_width=\u00a0\u00bb100%\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb height=\u00a0\u00bb0px\u00a0\u00bb max_height=\u00a0\u00bb0px\u00a0\u00bb custom_margin=\u00a0\u00bb0px|0px|0px|0px|true|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|true|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4″ _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb custom_padding=\u00a0\u00bb0px||0px||false|false\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_code _builder_version=\u00a0\u00bb4.27.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb width=\u00a0\u00bb100%\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb height=\u00a0\u00bb0px\u00a0\u00bb max_height=\u00a0\u00bb0px\u00a0\u00bb custom_margin=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb custom_padding=\u00a0\u00bb0px|0px|0px|0px|false|false\u00a0\u00bb hover_enabled=\u00a0\u00bb0″ global_colors_info=\u00a0\u00bb{}\u00a0\u00bb sticky_enabled=\u00a0\u00bb0″] Carte interactive des districts \u00e9lectoraux de Brossard<\/title><!-- [et_pb_line_break_holder] --> <\/p>\n<style><!-- [et_pb_line_break_holder] --> html, body {<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> margin: 0;<!-- [et_pb_line_break_holder] --> padding: 0;<!-- [et_pb_line_break_holder] --> background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .container {<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> max-width: none;<!-- [et_pb_line_break_holder] --> margin: 0;<!-- [et_pb_line_break_holder] --> padding: 0;<!-- [et_pb_line_break_holder] --> background: transparent;<!-- [et_pb_line_break_holder] --> border-radius: 0;<!-- [et_pb_line_break_holder] --> box-shadow: none;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .title-desktop, .footer-desktop { display: block; }<!-- [et_pb_line_break_holder] --> .title-mobile, .footer-mobile { display: none; }<!-- [et_pb_line_break_holder] --> @media (max-width: 700px) {<!-- [et_pb_line_break_holder] --> .title-desktop, .footer-desktop { display: none; }<!-- [et_pb_line_break_holder] --> .title-mobile, .footer-mobile { display: block; }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .title-desktop, .title-mobile {<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> margin: 24px 0 8px 0;<!-- [et_pb_line_break_holder] --> color: #2362b4;<!-- [et_pb_line_break_holder] --> font-size: 2.15em;<!-- [et_pb_line_break_holder] --> font-weight: 700;<!-- [et_pb_line_break_holder] --> letter-spacing: 0.01em;<!-- [et_pb_line_break_holder] --> font-family: 'Segoe UI',sans-serif;<!-- [et_pb_line_break_holder] --> line-height: 1.1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .title-mobile {<!-- [et_pb_line_break_holder] --> font-size: 1.19em;<!-- [et_pb_line_break_holder] --> margin: 13px 0 6px 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .footer-desktop, .footer-mobile {<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> color: #1f3f62;<!-- [et_pb_line_break_holder] --> font-family: 'Segoe UI',sans-serif;<!-- [et_pb_line_break_holder] --> margin: 20px 0 12px 0;<!-- [et_pb_line_break_holder] --> opacity: 0.85;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .footer-desktop { font-size: 1.12em; }<!-- [et_pb_line_break_holder] --> .footer-mobile { font-size: 0.99em; margin: 11px 0 8px 0; }<!-- [et_pb_line_break_holder] --> .map-container {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> max-width: 100%;<!-- [et_pb_line_break_holder] --> margin: 0;<!-- [et_pb_line_break_holder] --> border-radius: 0;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> background: #f8f9fa;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .base-map {<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> height: auto;<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> max-width: 100%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .overlay-svg {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> pointer-events: none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .district-overlay {<!-- [et_pb_line_break_holder] --> stroke-width: 3;<!-- [et_pb_line_break_holder] --> transition: all 0.3s ease;<!-- [et_pb_line_break_holder] --> pointer-events: all;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .district-1 { fill: rgba(30,136,229,0.23); stroke: #01579b; }<!-- [et_pb_line_break_holder] --> .district-2 { fill: rgba(60,175,66,0.21); stroke: #3caf42; }<!-- [et_pb_line_break_holder] --> .district-3 { fill: rgba(30,136,229,0.22); stroke: #1e88e5; }<!-- [et_pb_line_break_holder] --> .district-4 { fill: rgba(255,193,7,0.20); stroke: #ffc107; }<!-- [et_pb_line_break_holder] --> .district-5 { fill: rgba(142,36,170,0.20); stroke: #8e24aa; }<!-- [et_pb_line_break_holder] --> .district-6 { fill: rgba(0,188,212,0.19); stroke: #00bcd4; }<!-- [et_pb_line_break_holder] --> .district-7 { fill: rgba(205,220,57,0.20); stroke: #cddc39; }<!-- [et_pb_line_break_holder] --> .district-8 { fill: rgba(233,30,99,0.21); stroke: #e91e63; }<!-- [et_pb_line_break_holder] --> .district-9 { fill: rgba(0,150,136,0.20); stroke: #009688; }<!-- [et_pb_line_break_holder] --> .district-10 { fill: rgba(255,87,34,0.23); stroke: #ff5722; }<!-- [et_pb_line_break_holder] --> .district-11 { fill: rgba(103,58,183,0.20); stroke: #673ab7; }<!-- [et_pb_line_break_holder] --> .district-12 { fill: rgba(158,158,158,0.20); stroke: #9e9e9e; }<!-- [et_pb_line_break_holder] --> .district-1.active { fill: rgba(30,136,229,0.5); stroke: #01579b; stroke-width:5; }<!-- [et_pb_line_break_holder] --> .district-2.active { fill: rgba(60,175,66,0.5); stroke: #388e3c; stroke-width:5; }<!-- [et_pb_line_break_holder] --> .district-3.active { fill: rgba(30,136,229,0.5); stroke: #01579b; stroke-width:5; }<!-- [et_pb_line_break_holder] --> .district-4.active { fill: rgba(255,193,7,0.5); stroke: #ff8f00; }<!-- [et_pb_line_break_holder] --> .district-5.active { fill: rgba(142,36,170,0.5); stroke: #4a148c; }<!-- [et_pb_line_break_holder] --> .district-6.active { fill: rgba(0,188,212,0.5); stroke: #006064; }<!-- [et_pb_line_break_holder] --> .district-7.active { fill: rgba(205,220,57,0.5); stroke: #afb42b; }<!-- [et_pb_line_break_holder] --> .district-8.active { fill: rgba(233,30,99,0.5); stroke: #ad1457; }<!-- [et_pb_line_break_holder] --> .district-9.active { fill: rgba(0,150,136,0.5); stroke: #004d40; }<!-- [et_pb_line_break_holder] --> .district-10.active { fill: rgba(255,87,34,0.5); stroke: #bf360c; stroke-width:5; }<!-- [et_pb_line_break_holder] --> .district-11.active { fill: rgba(103,58,183,0.5); stroke: #311b92; }<!-- [et_pb_line_break_holder] --> .district-12.active { fill: rgba(158,158,158,0.5); stroke: #424242; }<!-- [et_pb_line_break_holder] --> .district-label {<!-- [et_pb_line_break_holder] --> fill: #2c5aa0;<!-- [et_pb_line_break_holder] --> font-size: 48px;<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] --> text-anchor: middle;<!-- [et_pb_line_break_holder] --> pointer-events: none;<!-- [et_pb_line_break_holder] --> text-shadow: 3px 3px 6px rgba(255,255,255,0.9);<!-- [et_pb_line_break_holder] --> stroke: white;<!-- [et_pb_line_break_holder] --> stroke-width: 2;<!-- [et_pb_line_break_holder] --> paint-order: stroke;<!-- [et_pb_line_break_holder] --> opacity: 0.7;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .mairie-check {<!-- [et_pb_line_break_holder] --> color: #3db229;<!-- [et_pb_line_break_holder] --> font-size: 1.2em;<!-- [et_pb_line_break_holder] --> vertical-align: middle;<!-- [et_pb_line_break_holder] --> margin-left: 6px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> #district-popup {<!-- [et_pb_line_break_holder] --> position: fixed;<!-- [et_pb_line_break_holder] --> z-index: 10000;<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] --> pointer-events: none;<!-- [et_pb_line_break_holder] --> left: 0; top: 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .popup-wrapper {<!-- [et_pb_line_break_holder] --> background: white;<!-- [et_pb_line_break_holder] --> color: #2c5aa0;<!-- [et_pb_line_break_holder] --> border-radius: 11px;<!-- [et_pb_line_break_holder] --> box-shadow: 0 4px 15px rgba(0,0,0,0.17);<!-- [et_pb_line_break_holder] --> padding: 12px 16px 10px 16px;<!-- [et_pb_line_break_holder] --> min-width: 200px;<!-- [et_pb_line_break_holder] --> max-width: 320px;<!-- [et_pb_line_break_holder] --> width: auto;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> font-family: inherit;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> box-sizing: border-box;<!-- [et_pb_line_break_holder] --> pointer-events: auto;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> @media (max-width: 400px) {<!-- [et_pb_line_break_holder] --> .popup-wrapper {<!-- [et_pb_line_break_holder] --> max-width: 97vw;<!-- [et_pb_line_break_holder] --> min-width: 0;<!-- [et_pb_line_break_holder] --> padding: 7px 4px 7px 4px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .district-photo-center {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> margin-bottom: 7px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .district-popup-photo {<!-- [et_pb_line_break_holder] --> width: 65px;<!-- [et_pb_line_break_holder] --> height: 65px;<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] --> object-fit: cover;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> @media (max-width: 600px) {<!-- [et_pb_line_break_holder] --> .popup-wrapper { padding: 7px 4px 7px 4px; }<!-- [et_pb_line_break_holder] --> .mairie-popup-photo, .district-popup-photo {<!-- [et_pb_line_break_holder] --> width: 36px; height: 36px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .mairie-popup-title, .district-popup-title { font-size: 12.5px; }<!-- [et_pb_line_break_holder] --> .district-photo-center { margin-bottom: 4px; }<!-- [et_pb_line_break_holder] --> .district-popup-section { margin-top: 2px;}<!-- [et_pb_line_break_holder] --> .mairie-popup-nom, .district-popup-nom { font-size: 12.5px; }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .close-btn-popup {<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 2px; right: 6px;<!-- [et_pb_line_break_holder] --> background: none;<!-- [et_pb_line_break_holder] --> border: none;<!-- [et_pb_line_break_holder] --> font-size: 21px;<!-- [et_pb_line_break_holder] --> color: #888;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .popup-wrapper.show-close .close-btn-popup {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .mairie-popup-section { border-bottom: 1px solid #e0e5ef; margin-bottom: 9px; padding-bottom: 7px; }<!-- [et_pb_line_break_holder] --> .mairie-popup-title { font-size: 17px; color: #2276b7; font-weight: 600; margin-bottom: 5px; }<!-- [et_pb_line_break_holder] --> .mairie-popup-nom, .district-popup-nom {<!-- [et_pb_line_break_holder] --> font-size: 15px; color: #205082; margin-bottom: 2px; font-weight: 500;<!-- [et_pb_line_break_holder] --> display: inline-flex;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .district-popup-section { margin-top: 3px; }<!-- [et_pb_line_break_holder] --> .district-popup-title { font-size: 16px; color: #2c5aa0; font-weight: 500; margin-bottom: 5px; }<!-- [et_pb_line_break_holder] --> .zoom-controls-map {<!-- [et_pb_line_break_holder] --> position: absolute; top: 16px; right: 24px; z-index: 200; display: flex; flex-direction: column; gap: 10px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .zoom-btn {<!-- [et_pb_line_break_holder] --> width: 45px; height: 45px; background: white; border: 2px solid #2c5aa0; border-radius: 8px;<!-- [et_pb_line_break_holder] --> color: #2c5aa0; cursor: pointer; display: flex; align-items: center; justify-content: center;<!-- [et_pb_line_break_holder] --> font-size: 18px; font-weight: bold; transition: all 0.3s ease; margin-bottom: 4px; box-shadow: 0 2px 8px rgba(44,90,160,0.12);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .zoom-btn:hover { background: #2c5aa0; color: white; transform: translateY(-2px);}<!-- [et_pb_line_break_holder] --> @media (max-width: 768px) {<!-- [et_pb_line_break_holder] --> .map-container { border-radius: 0; }<!-- [et_pb_line_break_holder] --> .district-label { font-size: 36px; }<!-- [et_pb_line_break_holder] --> .zoom-controls-map { top: 6px; right: 6px; }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"title-desktop\" id=\"titleDesktop\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"title-mobile\" id=\"titleMobile\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"container\" role=\"region\" aria-label=\"Carte des districts \u00e9lectoraux de Brossard\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"map-container\" id=\"mapContainer\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"zoom-controls-map\" aria-label=\"Contr\u00f4les de zoom de la carte\"><!-- [et_pb_line_break_holder] --> <button class=\"zoom-btn\" onclick=\"zoomIn()\" title=\"Zoom avant\" aria-label=\"Zoom avant\">+<\/button><!-- [et_pb_line_break_holder] --> <button class=\"zoom-btn\" onclick=\"zoomOut()\" title=\"Zoom arri\u00e8re\" aria-label=\"Zoom arri\u00e8re\">–<\/button><!-- [et_pb_line_break_holder] --> <button class=\"zoom-btn\" onclick=\"resetZoom()\" title=\"Vue d'ensemble\" aria-label=\"Vue d'ensemble\">\u2302<\/button><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <img decoding=\"async\" src=\"https:\/\/partibrossardensemble.org\/wp-content\/uploads\/2025\/09\/carte-4001x2858-brossard-districts-2024-1.png\"<!-- [et_pb_line_break_holder] --> alt=\u00a0\u00bbCarte physique des districts \u00e9lectoraux de Brossard\u00a0\u00bb<!-- [et_pb_line_break_holder] --> class=\u00a0\u00bbbase-map\u00a0\u00bb<!-- [et_pb_line_break_holder] --> id=\u00a0\u00bbbaseMap\u00a0\u00bb<!-- [et_pb_line_break_holder] --> width=\u00a0\u00bb4001″<!-- [et_pb_line_break_holder] --> height=\u00a0\u00bb2858″<!-- [et_pb_line_break_holder] --> loading=\u00a0\u00bblazy\u00a0\u00bb<!-- [et_pb_line_break_holder] --> style=\u00a0\u00bbmax-width:none;\u00a0\u00bb><!-- [et_pb_line_break_holder] --> <svg class=\"overlay-svg\" id=\"overlayMap\" viewBox=\"0 0 4001 2858\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"<!-- [et_pb_line_break_holder] --> role=\u00a0\u00bbimg\u00a0\u00bb aria-labelledby=\u00a0\u00bbtitleCarte descCarte\u00a0\u00bb tabindex=\u00a0\u00bb0″><!-- [et_pb_line_break_holder] --> <title id=\"titleCarte\">Carte SVG interactive des districts \u00e9lectoraux de Brossard<\/title><!-- [et_pb_line_break_holder] --> <desc id=\"descCarte\"><!-- [et_pb_line_break_holder] --> Chaque forme correspond \u00e0 un district municipal. Les districts sont interactifs au clavier et \u00e0 la souris. Appuyez Entr\u00e9e ou cliquez\/touchez pour plus d’information.<!-- [et_pb_line_break_holder] --> <\/desc><!-- [et_pb_line_break_holder] --> <polygon class=\"district-overlay district-1\" id=\"district-1\"<!-- [et_pb_line_break_holder] --> points=\u00a0\u00bb2632,976 2922,1241 2335,1824 2091,1573 1978,1492 2105,1203 2250,1344″<!-- [et_pb_line_break_holder] --> tabindex=\u00a0\u00bb0″ aria-label=\u00a0\u00bbDistrict 1″><\/polygon><!-- [et_pb_line_break_holder] --> <text class=\"district-label\" x=\"2350\" y=\"1400\">1<\/text><!-- [et_pb_line_break_holder] --> <polygon class=\"district-overlay district-2\" id=\"district-2\"<!-- [et_pb_line_break_holder] --> points=\u00a0\u00bb2317,679 2625,969 2254,1347 2105,1198 2303,986 2285,962 2299,937 2222,866 2201,838 2162,827″<!-- [et_pb_line_break_holder] --> tabindex=\u00a0\u00bb0″ aria-label=\u00a0\u00bbDistrict 2″><\/polygon><!-- [et_pb_line_break_holder] --> <text class=\"district-label\" x=\"2300\" y=\"900\">2<\/text><!-- [et_pb_line_break_holder] --> <polygon class=\"district-overlay district-3\" id=\"district-3\"<!-- [et_pb_line_break_holder] --> points=\u00a0\u00bb2094,469 1745,812 1695,769 1674,780 1617,780 1589,784 1624,900 1801,921 1865,957 2109,1197 2155,1130 2296,981 2285,957 2289,935 2201,844 2162,826 2314,674″<!-- [et_pb_line_break_holder] --> tabindex=\u00a0\u00bb0″ aria-label=\u00a0\u00bbDistrict 3″><\/polygon><!-- [et_pb_line_break_holder] --> <text class=\"district-label\" x=\"1850\" y=\"850\">3<\/text><!-- [et_pb_line_break_holder] --> <polygon class=\"district-overlay district-4\" id=\"district-4\"<!-- [et_pb_line_break_holder] --> points=\u00a0\u00bb2091,466 1787,179 1451,512 1586,656 1578,724 1589,780 1617,776 1674,780 1699,762 1741,812″<!-- [et_pb_line_break_holder] --> tabindex=\u00a0\u00bb0″ aria-label=\u00a0\u00bbDistrict 4″><\/polygon><!-- [et_pb_line_break_holder] --> <text class=\"district-label\" x=\"1700\" y=\"550\">4<\/text><!-- [et_pb_line_break_holder] --> <polygon class=\"district-overlay district-5\" id=\"district-5\"<!-- [et_pb_line_break_holder] --> points=\u00a0\u00bb762,797,674,454,1084,461,1313,486,1306,645,1430,659,1416,889,1176,868″<!-- [et_pb_line_break_holder] --> tabindex=\u00a0\u00bb0″ aria-label=\u00a0\u00bbDistrict 5″><\/polygon><!-- [et_pb_line_break_holder] --> <text class=\"district-label\" x=\"1100\" y=\"700\">5<\/text><!-- [et_pb_line_break_holder] --> <polygon class=\"district-overlay district-6\" id=\"district-6\"<!-- [et_pb_line_break_holder] --> points=\u00a0\u00bb1646,1234 1628,902 1582,736 1586,655 1426,489 1317,489 1313,648 1430,655 1419,885 751,793 766,1044 971,1061 988,1245 1013,1248 1016,1213 1045,1195 1045,1171 1529,1192 1593,1203″<!-- [et_pb_line_break_holder] --> tabindex=\u00a0\u00bb0″ aria-label=\u00a0\u00bbDistrict 6″><\/polygon><!-- [et_pb_line_break_holder] --> <text class=\"district-label\" x=\"1200\" y=\"950\">6<\/text><!-- [et_pb_line_break_holder] --> <polygon class=\"district-overlay district-7\" id=\"district-7\"<!-- [et_pb_line_break_holder] --> points=\u00a0\u00bb1646,1235 1529,1518 1342,1415 1246,1472 1232,1504 1140,1500 1151,1588 1016,1578 974,1585 985,1246 1013,1246 1016,1210 1045,1193 1048,1171 1554,1193″<!-- [et_pb_line_break_holder] --> tabindex=\u00a0\u00bb0″ aria-label=\u00a0\u00bbDistrict 7″><\/polygon><!-- [et_pb_line_break_holder] --> <text class=\"district-label\" x=\"1300\" y=\"1400\">7<\/text><!-- [et_pb_line_break_holder] --> <polygon class=\"district-overlay district-8\" id=\"district-8\"<!-- [et_pb_line_break_holder] --> points=\u00a0\u00bb974,1589 1013,1582 1147,1593 1144,1504 1229,1511 1246,1472 1338,1419 1373,1448 1525,1518 1462,1681 1458,1727 1299,2087 1020,2055 971,2031 879,1946 850,1561 963,1561″<!-- [et_pb_line_break_holder] --> tabindex=\u00a0\u00bb0″ aria-label=\u00a0\u00bbDistrict 8″><\/polygon><!-- [et_pb_line_break_holder] --> <text class=\"district-label\" x=\"1200\" y=\"1750\">8<\/text><!-- [et_pb_line_break_holder] --> <polygon class=\"district-overlay district-9\" id=\"district-9\"<!-- [et_pb_line_break_holder] --> points=\u00a0\u00bb1610,2339 1306,2085 1455,1756 1487,1619 1525,1520 1554,1523 1575,1488 1624,1488 1656,1393 1677,1407 1674,1428 1741,1460 1734,1484 1812,1516 1776,1605 1783,1633 1889,1679 1787,1894 1783,1961″<!-- [et_pb_line_break_holder] --> tabindex=\u00a0\u00bb0″ aria-label=\u00a0\u00bbDistrict 9″><\/polygon><!-- [et_pb_line_break_holder] --> <text class=\"district-label\" x=\"1650\" y=\"1800\">9<\/text><!-- [et_pb_line_break_holder] --> <polygon class=\"district-overlay district-10\" id=\"district-10\"<!-- [et_pb_line_break_holder] --> points=\u00a0\u00bb2918,1246 3324,1631 3282,2631 2303,2571 2310,2398 1614,2327 1780,1946 1783,1900 1974,1494 2331,1819″<!-- [et_pb_line_break_holder] --> tabindex=\u00a0\u00bb0″ aria-label=\u00a0\u00bbDistrict 10″><\/polygon><!-- [et_pb_line_break_holder] --> <text class=\"district-label\" x=\"2500\" y=\"1900\">10<\/text><!-- [et_pb_line_break_holder] --> <polygon class=\"district-overlay district-11\" id=\"district-11\"<!-- [et_pb_line_break_holder] --> points=\u00a0\u00bb1628,899 1812,923 2109,1199 1886,1672 1780,1623 1815,1520 1734,1478 1741,1457 1677,1429 1684,1404 1656,1390 1624,1482 1575,1485 1554,1520 1529,1513 1649,1245 1660,1160″<!-- [et_pb_line_break_holder] --> tabindex=\u00a0\u00bb0″ aria-label=\u00a0\u00bbDistrict 11″><\/polygon><!-- [et_pb_line_break_holder] --> <text class=\"district-label\" x=\"1750\" y=\"1300\">11<\/text><!-- [et_pb_line_break_holder] --> <polygon class=\"district-overlay district-12\" id=\"district-12\"<!-- [et_pb_line_break_holder] --> points=\u00a0\u00bb561,1031 963,1059 988,1317 974,1571 953,1564 483,1540″<!-- [et_pb_line_break_holder] --> tabindex=\u00a0\u00bb0″ aria-label=\u00a0\u00bbDistrict 12″><\/polygon><!-- [et_pb_line_break_holder] --> <text class=\"district-label\" x=\"750\" y=\"1300\">12<\/text><!-- [et_pb_line_break_holder] --> <\/svg><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"footer-desktop\" id=\"footerDesktop\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"footer-mobile\" id=\"footerMobile\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div id=\"district-popup\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->\/\/ TITRES et footers<!-- [et_pb_line_break_holder] -->var titreDesktop = \"Avec votre curseur, survolez un district pour afficher le-la candidat-e. Cliquez sur le district pour afficher la page du candidat ou de la candidate avec sa biographie\";<!-- [et_pb_line_break_holder] -->var titreMobile = \"Carte des districts \u00e9lectoraux de Brossard\";<!-- [et_pb_line_break_holder] -->var footerDesktop = \"Survolez un district pour afficher le-la candidat-e. Cliquez sur le district pour afficher la page du candidat ou de la candidate\";<!-- [et_pb_line_break_holder] -->var footerMobile = \"Vous pouvez 'zoomer' sur la carte. Cliquez sur un district pour afficher un 'popup' d'information sommaire sur le-la candidat-e. Cliquez sur le 'popup' pour afficher la page compl\u00e8te du candidat ou de la candidate\";<!-- [et_pb_line_break_holder] -->document.getElementById('titleDesktop').textContent = titreDesktop;<!-- [et_pb_line_break_holder] -->document.getElementById('titleMobile').textContent = titreMobile;<!-- [et_pb_line_break_holder] -->document.getElementById('footerDesktop').textContent = footerDesktop;<!-- [et_pb_line_break_holder] -->document.getElementById('footerMobile').textContent = footerMobile;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->const candidatesData = {<!-- [et_pb_line_break_holder] --> 1: { name: \"Christian Gaudette\", party: \"Brossard Ensemble\", photo: \"https:\/\/partibrossardensemble.org\/wp-content\/uploads\/2021\/07\/ChristianDePhotoGroupe_r0.png\" },<!-- [et_pb_line_break_holder] --> 2: { name: \"Barbara Vafopoulos\", party: \"Brossard Ensemble\", photo: \"https:\/\/partibrossardensemble.org\/wp-content\/uploads\/2025\/06\/Barbara-V-e1749687081594.png\" },<!-- [et_pb_line_break_holder] --> 3: { name: \"Tina Del Vecchio\", party: \"Brossard Ensemble\", photo: \"https:\/\/partibrossardensemble.org\/wp-content\/uploads\/2021\/07\/TinaDePhotoGroupe_r0.png\" },<!-- [et_pb_line_break_holder] --> 4: { name: \"St\u00e9phanie Quintal\", party: \"Brossard Ensemble\", photo: \"https:\/\/partibrossardensemble.org\/wp-content\/uploads\/2021\/07\/StephanieDePhotoGroupe_r0.png\" },<!-- [et_pb_line_break_holder] --> 5: { name: \"Diane Alexander\", party: \"Brossard Ensemble\", photo: \"https:\/\/partibrossardensemble.org\/wp-content\/uploads\/2025\/06\/Diane-Alexander-1X1.png\" },<!-- [et_pb_line_break_holder] --> 6: { name: \"Nicolas Thomas\", party: \"Brossard Ensemble\", photo: \"https:\/\/partibrossardensemble.org\/wp-content\/uploads\/2025\/06\/Nicolas-Thomas-1432.png\" },<!-- [et_pb_line_break_holder] --> 7: { name: \"Sophie Allard\", party: \"Brossard Ensemble\", photo: \"https:\/\/partibrossardensemble.org\/wp-content\/uploads\/2021\/07\/SophieDePhotoGroupe_r0.png\" },<!-- [et_pb_line_break_holder] --> 8: { name: \"Antoine Assaf\", party: \"Brossard Ensemble\", photo: \"https:\/\/partibrossardensemble.org\/wp-content\/uploads\/2021\/07\/AntoineDePhotoGroupe_r0.png\" },<!-- [et_pb_line_break_holder] --> 9: { name: \"Patrick Langlois\", party: \"Brossard Ensemble\", photo: \"https:\/\/partibrossardensemble.org\/wp-content\/uploads\/2021\/07\/PatrickDePhotoGroupe.png\" },<!-- [et_pb_line_break_holder] --> 10:{ name: \"Louis-Philippe Latour\", party: \"Brossard Ensemble\", photo: \"https:\/\/partibrossardensemble.org\/wp-content\/uploads\/2025\/06\/Louis-Philippe-Latour-.png\" },<!-- [et_pb_line_break_holder] --> 11:{ name: \"Michael Forian\", party: \"Brossard Ensemble\", photo: \"https:\/\/partibrossardensemble.org\/wp-content\/uploads\/2025\/06\/FR-Michael-Forian.png\" },<!-- [et_pb_line_break_holder] --> 12:{ name: \"Daniel Lucier\", party: \"Brossard Ensemble\", photo: \"https:\/\/partibrossardensemble.org\/wp-content\/uploads\/2021\/07\/DanielDePhotoGroupe_r0.png\" }<!-- [et_pb_line_break_holder] -->};<!-- [et_pb_line_break_holder] -->const votingPlaces = {<!-- [et_pb_line_break_holder] --> 1: \"\u00c9cole Marcelle-Gauvreau, 4405, rue de Ch\u00e2teauneuf\",<!-- [et_pb_line_break_holder] --> 2: \"\u00c9cole Georges-P. Vanier, 3400, rue Boisclair\",<!-- [et_pb_line_break_holder] --> 3: \"Centre multig\u00e9n\u00e9rationnel, 6425, boulevard Milan\",<!-- [et_pb_line_break_holder] --> 4: \"\u00c9cole Sainte-Claire, 6175, avenue Aumont\",<!-- [et_pb_line_break_holder] --> 5: \"\u00c9cole Marie-Victorin, 800, avenue Victor-Hugo\",<!-- [et_pb_line_break_holder] --> 6: \"\u00c9cole Samuel-de-Champlain, 7600, rue Tunisie\",<!-- [et_pb_line_break_holder] --> 7: \"\u00c9cole Saint-Laurent, 8535, avenue Saguenay\",<!-- [et_pb_line_break_holder] --> 8: \"Chalet du parc Radisson, 9700, avenue Radisson\",<!-- [et_pb_line_break_holder] --> 9: \"\u00c9cole Charles-Bruneau, 3010, boulevard Napol\u00e9on\",<!-- [et_pb_line_break_holder] --> 10:\"\u00c9cole de la Rose-des-Vents, 8500, rue de Londres\",<!-- [et_pb_line_break_holder] --> 11:\"\u00c9cole secondaire Antoine-Brossard, 3055, boulevard de Rome\",<!-- [et_pb_line_break_holder] --> 12:\"\u00c9cole internationale Lucille-Teasdale, 8350, boulevard Pelletier\"<!-- [et_pb_line_break_holder] -->};<!-- [et_pb_line_break_holder] -->\/\/ Remplissez les adresses de chaque district ci-dessus \u00e0 votre convenance.<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->let clickedDistrict = null;<!-- [et_pb_line_break_holder] -->const overlays = document.querySelectorAll('.district-overlay');<!-- [et_pb_line_break_holder] -->let currentActive = null;<!-- [et_pb_line_break_holder] -->let popupFixed = false;<!-- [et_pb_line_break_holder] -->function isMobileDevice() {<!-- [et_pb_line_break_holder] --> return window.matchMedia(\"(hover: none) and (pointer: coarse)\").matches<!-- [et_pb_line_break_holder] --> || \/Mobi|Android|iPhone|iPad|iPod\/i.test(navigator.userAgent);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->overlays.forEach(overlay => { overlay.setAttribute(\"tabindex\", \"0\"); });<!-- [et_pb_line_break_holder] -->overlays.forEach(function(overlay) {<!-- [et_pb_line_break_holder] --> overlay.addEventListener('mouseover', function(e) {<!-- [et_pb_line_break_holder] --> if (popupFixed) return;<!-- [et_pb_line_break_holder] --> setActiveDistrict(overlay);<!-- [et_pb_line_break_holder] --> showDistrictPopup(e, overlay, false);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> overlay.addEventListener('mousemove', function(e) {<!-- [et_pb_line_break_holder] --> if (popupFixed) return;<!-- [et_pb_line_break_holder] --> movePopup(e, overlay);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> overlay.addEventListener('mouseout', function() {<!-- [et_pb_line_break_holder] --> if (popupFixed) return;<!-- [et_pb_line_break_holder] --> clearActiveDistrict();<!-- [et_pb_line_break_holder] --> hideDistrictPopup();<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> overlay.addEventListener('click', function(e) {<!-- [et_pb_line_break_holder] --> const districtNumber = overlay.id.replace('district-', '');<!-- [et_pb_line_break_holder] --> if (!isMobileDevice()) {<!-- [et_pb_line_break_holder] --> window.open(`https:\/\/brossardensemble.ca\/fr\/district-${districtNumber}\/`, '_blank', 'noopener,noreferrer');<!-- [et_pb_line_break_holder] --> return;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> if (!popupFixed || clickedDistrict !== districtNumber) {<!-- [et_pb_line_break_holder] --> setActiveDistrict(overlay);<!-- [et_pb_line_break_holder] --> showDistrictPopup(e, overlay, true);<!-- [et_pb_line_break_holder] --> popupFixed = true;<!-- [et_pb_line_break_holder] --> clickedDistrict = districtNumber;<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> window.open(`https:\/\/brossardensemble.ca\/fr\/district-${districtNumber}\/`, '_blank', 'noopener,noreferrer');<!-- [et_pb_line_break_holder] --> popupFixed = false;<!-- [et_pb_line_break_holder] --> clearActiveDistrict();<!-- [et_pb_line_break_holder] --> hideDistrictPopup();<!-- [et_pb_line_break_holder] --> clickedDistrict = null;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> overlay.addEventListener('keyup', function(e) {<!-- [et_pb_line_break_holder] --> if (e.key === \"Enter\") {<!-- [et_pb_line_break_holder] --> const districtNumber = overlay.id.replace('district-', '');<!-- [et_pb_line_break_holder] --> window.open(`https:\/\/brossardensemble.ca\/fr\/district-${districtNumber}\/`, '_blank', 'noopener,noreferrer');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] -->function setActiveDistrict(overlay) {<!-- [et_pb_line_break_holder] --> overlays.forEach(o => o.classList.remove('active'));<!-- [et_pb_line_break_holder] --> overlay.classList.add('active');<!-- [et_pb_line_break_holder] --> currentActive = overlay;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->function clearActiveDistrict() {<!-- [et_pb_line_break_holder] --> overlays.forEach(o => o.classList.remove('active'));<!-- [et_pb_line_break_holder] --> currentActive = null;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->function showDistrictPopup(event, overlay, showClose) {<!-- [et_pb_line_break_holder] --> const districtNumber = overlay.id.replace('district-', '');<!-- [et_pb_line_break_holder] --> const candidate = candidatesData[districtNumber];<!-- [et_pb_line_break_holder] --> const votingPlace = votingPlaces[districtNumber] || \"Lieu de votation \u00e0 confirmer\";<!-- [et_pb_line_break_holder] --> const popup = document.getElementById('district-popup');<!-- [et_pb_line_break_holder] --> const districtURL = `https:\/\/brossardensemble.ca\/fr\/district-${districtNumber}\/`;<!-- [et_pb_line_break_holder] --> popup.innerHTML = `<!-- [et_pb_line_break_holder] --> <a href=\"${districtURL}\" target=\"_blank\" rel=\"noopener noreferrer\"<!-- [et_pb_line_break_holder] --> class=\"popup-wrapper${showClose ? ' show-close' : ''}\"<!-- [et_pb_line_break_holder] --> style=\"text-decoration:none;display:inline-block;color:inherit;\"><!-- [et_pb_line_break_holder] --> <button class=\"close-btn-popup\" aria-label=\"Fermer ce popup\" tabindex=\"0\"<!-- [et_pb_line_break_holder] --> onclick=\"closeDistrictPopup(event);event.stopPropagation();return false;\">\u00d7<\/button><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"mairie-popup-section\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"mairie-popup-title\">Mairie<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"mairie-popup-nom\">Doreen Assaad <span class=\"mairie-check\">\u2713<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"district-popup-section\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"district-popup-title\">District ${districtNumber}<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"district-photo-center\"><!-- [et_pb_line_break_holder] --> <img decoding=\"async\" src=\"${candidate.photo}\" alt=\"${candidate.name}\" class=\"district-popup-photo\" \/><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"district-popup-nom\">${candidate.name} <span class=\"mairie-check\">\u2713<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"district-voting-place\" style=\"color:#216d23;font-size:14px;margin-top:8px;\"><!-- [et_pb_line_break_holder] --> <span style=\"display:inline-block;vertical-align:middle;\"><svg aria-hidden=\"true\" width=\"16\" height=\"16\" style=\"vertical-align:middle;margin-right:4px;\" viewBox=\"0 0 16 16\"><path fill=\"#216d23\" d=\"M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7.25A2.75 2.75 0 1 1 8 3.5a2.75 2.75 0 0 1 0 5.5z\"\/><\/svg><\/span><!-- [et_pb_line_break_holder] --> ${votingPlace}<!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/a><!-- [et_pb_line_break_holder] --> `;<!-- [et_pb_line_break_holder] --> popup.style.display = 'block';<!-- [et_pb_line_break_holder] --> movePopup(event, overlay);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->window.closeDistrictPopup = function(event) {<!-- [et_pb_line_break_holder] --> event.stopPropagation();<!-- [et_pb_line_break_holder] --> popupFixed = false;<!-- [et_pb_line_break_holder] --> clearActiveDistrict();<!-- [et_pb_line_break_holder] --> hideDistrictPopup();<!-- [et_pb_line_break_holder] --> clickedDistrict = null;<!-- [et_pb_line_break_holder] -->};<!-- [et_pb_line_break_holder] -->function movePopup(event, overlay) {<!-- [et_pb_line_break_holder] --> const popup = document.getElementById('district-popup');<!-- [et_pb_line_break_holder] --> const mapContainer = document.getElementById('mapContainer');<!-- [et_pb_line_break_holder] --> const popupRect = popup.getBoundingClientRect();<!-- [et_pb_line_break_holder] --> if (isMobileDevice()) {<!-- [et_pb_line_break_holder] --> const districtRect = overlay.getBoundingClientRect();<!-- [et_pb_line_break_holder] --> const centerX = districtRect.left + (districtRect.width \/ 2);<!-- [et_pb_line_break_holder] --> let top = districtRect.bottom + 10;<!-- [et_pb_line_break_holder] --> let left = centerX - (popupRect.width \/ 2);<!-- [et_pb_line_break_holder] --> const winWidth = window.innerWidth;<!-- [et_pb_line_break_holder] --> const winHeight = window.innerHeight;<!-- [et_pb_line_break_holder] --> if (left + popupRect.width > winWidth) left = winWidth - popupRect.width - 8;<!-- [et_pb_line_break_holder] --> if (left < 4) left = 4;<!-- [et_pb_line_break_holder] --> if (top + popupRect.height > winHeight) {<!-- [et_pb_line_break_holder] --> top = districtRect.top - popupRect.height - 10;<!-- [et_pb_line_break_holder] --> if (top < 4) top = 4;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> popup.style.left = left + 'px';<!-- [et_pb_line_break_holder] --> popup.style.top = top + 'px';<!-- [et_pb_line_break_holder] --> return;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> let x, y;<!-- [et_pb_line_break_holder] --> if (typeof event.clientX === \"number\" && typeof event.clientY === \"number\") {<!-- [et_pb_line_break_holder] --> x = event.clientX; y = event.clientY;<!-- [et_pb_line_break_holder] --> } else if (event.touches && event.touches.length > 0) {<!-- [et_pb_line_break_holder] --> x = event.touches[0].clientX; y = event.touches[0].clientY;<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> const containerRect = mapContainer.getBoundingClientRect();<!-- [et_pb_line_break_holder] --> x = containerRect.left + 100; y = containerRect.top + 50;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> const offsetX = 18, offsetY = 18;<!-- [et_pb_line_break_holder] --> let left = x + offsetX, top = y + offsetY;<!-- [et_pb_line_break_holder] --> const popupWidth = popupRect.width || 200;<!-- [et_pb_line_break_holder] --> const popupHeight = popupRect.height || 130;<!-- [et_pb_line_break_holder] --> const winWidth = window.innerWidth;<!-- [et_pb_line_break_holder] --> const winHeight = window.innerHeight;<!-- [et_pb_line_break_holder] --> if (left + popupWidth > winWidth) left = winWidth - popupWidth - 8;<!-- [et_pb_line_break_holder] --> if (top + popupHeight > winHeight) top = winHeight - popupHeight - 8;<!-- [et_pb_line_break_holder] --> if (left < 4) left = 4;<!-- [et_pb_line_break_holder] --> if (top < 4) top = 4;<!-- [et_pb_line_break_holder] --> popup.style.left = left + 'px';<!-- [et_pb_line_break_holder] --> popup.style.top = top + 'px';<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->function hideDistrictPopup() {<!-- [et_pb_line_break_holder] --> if (!popupFixed) {<!-- [et_pb_line_break_holder] --> document.getElementById('district-popup').style.display = 'none';<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->document.body.addEventListener('click', e => {<!-- [et_pb_line_break_holder] --> if (popupFixed && !(e.target.classList.contains('district-overlay'))) {<!-- [et_pb_line_break_holder] --> popupFixed = false;<!-- [et_pb_line_break_holder] --> clearActiveDistrict();<!-- [et_pb_line_break_holder] --> hideDistrictPopup();<!-- [et_pb_line_break_holder] --> clickedDistrict = null;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}, true);<!-- [et_pb_line_break_holder] -->\/\/ ZOOM<!-- [et_pb_line_break_holder] -->let currentZoom = 1;<!-- [et_pb_line_break_holder] -->function zoomIn() {<!-- [et_pb_line_break_holder] --> currentZoom = Math.min(currentZoom * 1.3, 4);<!-- [et_pb_line_break_holder] --> applyZoom();<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->function zoomOut() {<!-- [et_pb_line_break_holder] --> currentZoom = Math.max(currentZoom \/ 1.3, 0.3);<!-- [et_pb_line_break_holder] --> applyZoom();<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->function resetZoom() {<!-- [et_pb_line_break_holder] --> currentZoom = 1;<!-- [et_pb_line_break_holder] --> applyZoom();<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->function applyZoom() {<!-- [et_pb_line_break_holder] --> const mapContainer = document.getElementById('mapContainer');<!-- [et_pb_line_break_holder] --> mapContainer.style.transform = `scale(${currentZoom})`;<!-- [et_pb_line_break_holder] --> mapContainer.style.transformOrigin = 'center center';<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-4456","page","type-page","status-publish","hentry"],"featured_image_src":null,"_links":{"self":[{"href":"https:\/\/partibrossardensemble.org\/fr\/wp-json\/wp\/v2\/pages\/4456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/partibrossardensemble.org\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/partibrossardensemble.org\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/partibrossardensemble.org\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/partibrossardensemble.org\/fr\/wp-json\/wp\/v2\/comments?post=4456"}],"version-history":[{"count":86,"href":"https:\/\/partibrossardensemble.org\/fr\/wp-json\/wp\/v2\/pages\/4456\/revisions"}],"predecessor-version":[{"id":5295,"href":"https:\/\/partibrossardensemble.org\/fr\/wp-json\/wp\/v2\/pages\/4456\/revisions\/5295"}],"wp:attachment":[{"href":"https:\/\/partibrossardensemble.org\/fr\/wp-json\/wp\/v2\/media?parent=4456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}