Repr\u00e9sentants PWP<\/title>\r\n<style>\r\n \/* =========================================\r\n STYLES (Bas\u00e9 sur le design fourni)\r\n ========================================= *\/\r\n :root {\r\n --pwp-brand: #009DE4;\r\n --pwp-ink: #0f172a;\r\n --pwp-muted: #64748b;\r\n --pwp-card: #fff;\r\n --pwp-border: #E6EEF5;\r\n --pwp-shadow: 0 6px 20px rgba(0, 116, 179, .08);\r\n --pwp-radius: 16px;\r\n --pwp-gap: clamp(12px, 2vw, 20px);\r\n --pwp-min: 280px;\r\n --pwp-maxw: 1200px;\r\n }\r\n\r\n \/* Reset local pour \u00e9viter les conflits avec le reste du site *\/\r\n .pwp-reps.page * {\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* Conteneur principal *\/\r\n .pwp-reps.page {\r\n inline-size: min(var(--pwp-maxw), 94vw);\r\n margin-inline: auto;\r\n font-family: system-ui, -apple-system, sans-serif;\r\n }\r\n\r\n \/* Toolbar *\/\r\n .pwp-toolbar {\r\n position: sticky;\r\n top: 15px;\r\n z-index: 50;\r\n display: grid;\r\n grid-template-columns: 1fr auto auto;\r\n gap: 10px;\r\n align-items: center;\r\n padding: 10px;\r\n border: 1px solid var(--pwp-border);\r\n border-radius: 999px;\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(8px);\r\n box-shadow: var(--pwp-shadow);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .pwp-toolbar {\r\n grid-template-columns: 1fr;\r\n border-radius: 14px;\r\n position: static;\r\n }\r\n }\r\n\r\n .pwp-search {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 12px;\r\n border: 1px solid var(--pwp-border);\r\n border-radius: 999px;\r\n background: #fff;\r\n transition: border-color 0.2s;\r\n }\r\n .pwp-search:focus-within {\r\n border-color: var(--pwp-brand);\r\n box-shadow: 0 0 0 3px rgba(0,157,228,.1);\r\n }\r\n\r\n .pwp-search input {\r\n width: 100%;\r\n border: 0;\r\n outline: 0;\r\n background: transparent;\r\n font-size: 15px;\r\n color: var(--pwp-ink);\r\n }\r\n\r\n .pwp-chips {\r\n display: flex;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n justify-self: end;\r\n }\r\n \r\n @media (max-width: 768px) { .pwp-chips { justify-self: start; } }\r\n\r\n .pwp-chip {\r\n border: 1px solid var(--pwp-border);\r\n background: transparent;\r\n color: var(--pwp-muted);\r\n padding: 8px 16px;\r\n border-radius: 999px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n }\r\n \r\n .pwp-chip:hover {\r\n background: #f0f7ff;\r\n color: var(--pwp-brand);\r\n }\r\n\r\n .pwp-chip.is-active {\r\n background: var(--pwp-brand);\r\n color: #fff;\r\n border-color: var(--pwp-brand);\r\n box-shadow: 0 4px 12px rgba(0,157,228,.25);\r\n }\r\n\r\n .pwp-select {\r\n justify-self: end;\r\n border: 1px solid var(--pwp-border);\r\n background: #fff;\r\n color: var(--pwp-ink);\r\n padding: 8px 14px;\r\n border-radius: 10px;\r\n font-size: 13px;\r\n cursor: pointer;\r\n outline: none;\r\n }\r\n .pwp-select:focus {\r\n border-color: var(--pwp-brand);\r\n }\r\n\r\n @media (max-width: 768px) { .pwp-select { justify-self: stretch; width: 100%; } }\r\n\r\n \/* Grille *\/\r\n .pwp-grid {\r\n margin-block: 24px 48px;\r\n display: grid;\r\n gap: var(--pwp-gap);\r\n grid-template-columns: repeat(auto-fit, minmax(var(--pwp-min), 1fr));\r\n align-items: stretch;\r\n }\r\n\r\n \/* Cartes *\/\r\n .pwp-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--pwp-card);\r\n border: 1px solid var(--pwp-border);\r\n border-radius: var(--pwp-radius);\r\n box-shadow: var(--pwp-shadow);\r\n overflow: hidden;\r\n transition: transform .2s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow .2s ease;\r\n min-block-size: 300px;\r\n }\r\n\r\n .pwp-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 12px 24px rgba(0,116,179,.12);\r\n border-color: #bee3f8;\r\n }\r\n\r\n .pwp-top {\r\n min-block-size: 60px;\r\n background: linear-gradient(135deg, rgba(0, 157, 228, .1), rgba(255, 255, 255, 0));\r\n border-bottom: 1px solid rgba(0,0,0,0.03);\r\n }\r\n\r\n .pwp-body {\r\n padding: 16px 20px 12px;\r\n display: grid;\r\n gap: 12px;\r\n flex-grow: 1;\r\n }\r\n\r\n .pwp-name {\r\n margin: 0;\r\n color: #009DE4;\r\n font-weight: 800;\r\n font-size: clamp(17px, 1.8vw, 20px);\r\n line-height: 1.25;\r\n word-break: break-word;\r\n }\r\n\r\n .pwp-meta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n }\r\n\r\n .pwp-badge {\r\n display: inline-block;\r\n padding: 4px 10px;\r\n border-radius: 6px;\r\n background: #F0F9ff;\r\n color: #0c4a6e;\r\n font-size: 12px;\r\n font-weight: 600;\r\n line-height: 1.4;\r\n border: 1px solid #e0f2fe;\r\n }\r\n \r\n .pwp-badge:first-child {\r\n background: #009DE4;\r\n color: white;\r\n border-color: #009DE4;\r\n }\r\n\r\n .pwp-footer {\r\n margin-top: auto;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 18px;\r\n border-top: 1px solid var(--pwp-border);\r\n background: #F8FAFC;\r\n min-block-size: 54px;\r\n }\r\n\r\n .pwp-btn {\r\n text-decoration: none;\r\n background: #009DE4;\r\n color: #fff;\r\n font-weight: 700;\r\n font-size: 13px;\r\n padding: 8px 14px;\r\n border-radius: 8px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n flex: 0 0 auto;\r\n transition: background 0.2s;\r\n }\r\n .pwp-btn:hover {\r\n background: #007bb5;\r\n }\r\n\r\n .pwp-link {\r\n color: #64748b;\r\n font-weight: 600;\r\n text-decoration: none;\r\n font-size: 13px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n max-inline-size: 55%;\r\n margin-left: auto;\r\n text-align: right;\r\n }\r\n\r\n .pwp-link:hover {\r\n color: #009DE4;\r\n text-decoration: underline;\r\n }\r\n\r\n .pwp-empty {\r\n text-align: center;\r\n color: var(--pwp-muted);\r\n background: #f8fafc;\r\n border: 1px dashed var(--pwp-border);\r\n border-radius: 12px;\r\n padding: 40px 12px;\r\n font-size: 16px;\r\n }\r\n \r\n .hidden {\r\n display: none !important;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"pwp-reps page\">\r\n \r\n <div class=\"pwp-toolbar\" role=\"region\" aria-label=\"Filtrer les repr\u00e9sentants\">\r\n <div class=\"pwp-search\" role=\"search\">\r\n <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\"><path d=\"M10 18a8 8 0 1 1 5.293-14.293A8 8 0 0 1 10 18Zm11.707 3.293-6.21-6.21\" fill=\"none\" stroke=\"#94a3b8\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n <input id=\"rep-q\" type=\"search\" placeholder=\"Rechercher...\" autocomplete=\"off\" \/>\r\n <\/div>\r\n \r\n <div class=\"pwp-chips\" aria-label=\"R\u00e9gion\">\r\n <button class=\"pwp-chip is-active\" data-region=\"all\">Tous<\/button>\r\n <button class=\"pwp-chip\" data-region=\"europe\">Europe<\/button>\r\n <button class=\"pwp-chip\" data-region=\"monde\">Monde<\/button>\r\n <\/div>\r\n \r\n <label class=\"sr-only\" for=\"rep-country\" style=\"position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0);\">Filtrer par pays<\/label>\r\n <select id=\"rep-country\" class=\"pwp-select\">\r\n <option value=\"all\">Tous les pays<\/option>\r\n \r\n <\/select>\r\n <\/div>\r\n\r\n \r\n <section id=\"rep-grid\" class=\"pwp-grid\" aria-label=\"Liste des repr\u00e9sentations\">\r\n\r\n \r\n <article class=\"pwp-card\" data-region=\"europe\" data-country=\"Allemagne\">\r\n <div class=\"pwp-top\" aria-hidden=\"true\"><\/div>\r\n <div class=\"pwp-body\">\r\n <h3 class=\"pwp-name\">Suer Nutzfahrzeugtechnik GmbH & Co KG<\/h3>\r\n <div class=\"pwp-meta\">\r\n <span class=\"pwp-badge\">Allemagne<\/span>\r\n <span class=\"pwp-badge\">Wermelskirchen<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pwp-footer\">\r\n <a class=\"pwp-btn\" href=\"https:\/\/www.suer.de\" target=\"_blank\" rel=\"noopener\">Site web<\/a>\r\n <a class=\"pwp-link\" href=\"https:\/\/www.suer.de\" target=\"_blank\" rel=\"noopener\">www.suer.de<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"pwp-card\" data-region=\"europe\" data-country=\"Autriche\">\r\n <div class=\"pwp-top\" aria-hidden=\"true\"><\/div>\r\n <div class=\"pwp-body\">\r\n <h3 class=\"pwp-name\">Fahrzeugbedarf Kotz<\/h3>\r\n <div class=\"pwp-meta\">\r\n <span class=\"pwp-badge\">Autriche<\/span>\r\n <span class=\"pwp-badge\">Guntramsdorf<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pwp-footer\">\r\n <a class=\"pwp-btn\" href=\"https:\/\/www.fahrzeugbedarf.at\" target=\"_blank\" rel=\"noopener\">Site web<\/a>\r\n <a class=\"pwp-link\" href=\"https:\/\/www.fahrzeugbedarf.at\" target=\"_blank\" rel=\"noopener\">www.fahrzeugbedarf.at<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"pwp-card\" data-region=\"europe\" data-country=\"Belgique\">\r\n <div class=\"pwp-top\" aria-hidden=\"true\"><\/div>\r\n <div class=\"pwp-body\">\r\n <h3 class=\"pwp-name\">Imbema Rhiwa NV<\/h3>\r\n <div class=\"pwp-meta\">\r\n <span class=\"pwp-badge\">Belgique<\/span>\r\n <span class=\"pwp-badge\">Erpe-Mere<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pwp-footer\">\r\n <a class=\"pwp-btn\" href=\"https:\/\/www.imbemarhiwa.be\" target=\"_blank\" rel=\"noopener\">Site web<\/a>\r\n <a class=\"pwp-link\" href=\"https:\/\/www.imbemarhiwa.be\" target=\"_blank\" rel=\"noopener\">www.imbemarhiwa.be<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"pwp-card\" data-region=\"europe\" data-country=\"Danemark\">\r\n <div class=\"pwp-top\" aria-hidden=\"true\"><\/div>\r\n <div class=\"pwp-body\">\r\n <h3 class=\"pwp-name\">Bevola A\/S<\/h3>\r\n <div class=\"pwp-meta\">\r\n <span class=\"pwp-badge\">Danemark<\/span>\r\n <span class=\"pwp-badge\">Ringsted<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pwp-footer\">\r\n <a class=\"pwp-btn\" href=\"https:\/\/www.bevola.dk\" target=\"_blank\" rel=\"noopener\">Site web<\/a>\r\n <a class=\"pwp-link\" href=\"https:\/\/www.bevola.dk\" target=\"_blank\" rel=\"noopener\">www.bevola.dk<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"pwp-card\" data-region=\"europe\" data-country=\"Finlande\">\r\n <div class=\"pwp-top\" aria-hidden=\"true\"><\/div>\r\n <div class=\"pwp-body\">\r\n <h3 class=\"pwp-name\">Suer Nordics Oy<\/h3>\r\n <div class=\"pwp-meta\">\r\n <span class=\"pwp-badge\">Finlande<\/span>\r\n <span class=\"pwp-badge\">Lahti<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pwp-footer\">\r\n <a class=\"pwp-btn\" href=\"https:\/\/www.suer.fi\" target=\"_blank\" rel=\"noopener\">Site web<\/a>\r\n <a class=\"pwp-link\" href=\"https:\/\/www.suer.fi\" target=\"_blank\" rel=\"noopener\">www.suer.fi<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"pwp-card\" data-region=\"europe\" data-country=\"France\">\r\n <div class=\"pwp-top\" aria-hidden=\"true\"><\/div>\r\n <div class=\"pwp-body\">\r\n <h3 class=\"pwp-name\">Blueflex<\/h3>\r\n <div class=\"pwp-meta\">\r\n <span class=\"pwp-badge\">France<\/span>\r\n <span class=\"pwp-badge\">Sainte-Foy-L\u00e8s-Lyon<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pwp-footer\">\r\n <a class=\"pwp-btn\" href=\"https:\/\/www.blueflex.fr\" target=\"_blank\" rel=\"noopener\">Site web<\/a>\r\n <a class=\"pwp-link\" href=\"https:\/\/www.blueflex.fr\" target=\"_blank\" rel=\"noopener\">www.blueflex.fr<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"pwp-card\" data-region=\"europe\" data-country=\"Italie\">\r\n <div class=\"pwp-top\" aria-hidden=\"true\"><\/div>\r\n <div class=\"pwp-body\">\r\n <h3 class=\"pwp-name\">Giovanardi<\/h3>\r\n <div class=\"pwp-meta\">\r\n <span class=\"pwp-badge\">Italie<\/span>\r\n <span class=\"pwp-badge\">Villimpenta<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pwp-footer\">\r\n <a class=\"pwp-btn\" href=\"https:\/\/www.giovanardi.com\" target=\"_blank\" rel=\"noopener\">Site web<\/a>\r\n <a class=\"pwp-link\" href=\"https:\/\/www.giovanardi.com\" target=\"_blank\" rel=\"noopener\">www.giovanardi.com<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"pwp-card\" data-region=\"europe\" data-country=\"Lituanie\">\r\n <div class=\"pwp-top\" aria-hidden=\"true\"><\/div>\r\n <div class=\"pwp-body\">\r\n <h3 class=\"pwp-name\">Suer Baltic<\/h3>\r\n <div class=\"pwp-meta\">\r\n <span class=\"pwp-badge\">Lituanie<\/span>\r\n <span class=\"pwp-badge\">Vilnius<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pwp-footer\">\r\n <a class=\"pwp-btn\" href=\"https:\/\/www.suer.lt\" target=\"_blank\" rel=\"noopener\">Site web<\/a>\r\n <a class=\"pwp-link\" href=\"https:\/\/www.suer.lt\" target=\"_blank\" rel=\"noopener\">www.suer.lt<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"pwp-card\" data-region=\"europe\" data-country=\"Norv\u00e8ge\">\r\n <div class=\"pwp-top\" aria-hidden=\"true\"><\/div>\r\n <div class=\"pwp-body\">\r\n <h3 class=\"pwp-name\">Bevola Norge AS<\/h3>\r\n <div class=\"pwp-meta\">\r\n <span class=\"pwp-badge\">Norv\u00e8ge<\/span>\r\n <span class=\"pwp-badge\">Larvik<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pwp-footer\">\r\n <a class=\"pwp-btn\" href=\"https:\/\/www.bevola.no\" target=\"_blank\" rel=\"noopener\">Site web<\/a>\r\n <a class=\"pwp-link\" href=\"https:\/\/www.bevola.no\" target=\"_blank\" rel=\"noopener\">www.bevola.no<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"pwp-card\" data-region=\"monde\" data-country=\"Nouvelle-Z\u00e9lande\">\r\n <div class=\"pwp-top\" aria-hidden=\"true\"><\/div>\r\n <div class=\"pwp-body\">\r\n <h3 class=\"pwp-name\">BPW Transport Efficiency Ltd<\/h3>\r\n <div class=\"pwp-meta\">\r\n <span class=\"pwp-badge\">Nouvelle-Z\u00e9lande<\/span>\r\n <span class=\"pwp-badge\">Auckland<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pwp-footer\">\r\n <a class=\"pwp-btn\" href=\"https:\/\/www.bpwte.co.nz\" target=\"_blank\" rel=\"noopener\">Site web<\/a>\r\n <a class=\"pwp-link\" href=\"https:\/\/www.bpwte.co.nz\" target=\"_blank\" rel=\"noopener\">www.bpwte.co.nz<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"pwp-card\" data-region=\"europe\" data-country=\"Pays-Bas\">\r\n <div class=\"pwp-top\" aria-hidden=\"true\"><\/div>\r\n <div class=\"pwp-body\">\r\n <h3 class=\"pwp-name\">Imbema Rhiwa BV<\/h3>\r\n <div class=\"pwp-meta\">\r\n <span class=\"pwp-badge\">Pays-Bas<\/span>\r\n <span class=\"pwp-badge\">Nieuwerkerk<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pwp-footer\">\r\n <a class=\"pwp-btn\" href=\"https:\/\/www.imbemarhiwa.nl\" target=\"_blank\" rel=\"noopener\">Site web<\/a>\r\n <a class=\"pwp-link\" href=\"https:\/\/www.imbemarhiwa.nl\" target=\"_blank\" rel=\"noopener\">www.imbemarhiwa.nl<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"pwp-card\" data-region=\"europe\" data-country=\"Pologne\">\r\n <div class=\"pwp-top\" aria-hidden=\"true\"><\/div>\r\n <div class=\"pwp-body\">\r\n <h3 class=\"pwp-name\">Suer Polska<\/h3>\r\n <div class=\"pwp-meta\">\r\n <span class=\"pwp-badge\">Pologne<\/span>\r\n <span class=\"pwp-badge\">Koscian<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pwp-footer\">\r\n <a class=\"pwp-btn\" href=\"https:\/\/www.suer.pl\" target=\"_blank\" rel=\"noopener\">Site web<\/a>\r\n <a class=\"pwp-link\" href=\"https:\/\/www.suer.pl\" target=\"_blank\" rel=\"noopener\">www.suer.pl<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"pwp-card\" data-region=\"europe\" data-country=\"Su\u00e8de\">\r\n <div class=\"pwp-top\" aria-hidden=\"true\"><\/div>\r\n <div class=\"pwp-body\">\r\n <h3 class=\"pwp-name\">Suer Nordics Oy<\/h3>\r\n <div class=\"pwp-meta\">\r\n <span class=\"pwp-badge\">Su\u00e8de<\/span>\r\n <span class=\"pwp-badge\">Lahti<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pwp-footer\">\r\n <a class=\"pwp-btn\" href=\"https:\/\/www.suer.fi\" target=\"_blank\" rel=\"noopener\">Site web<\/a>\r\n <a class=\"pwp-link\" href=\"https:\/\/www.suer.fi\" target=\"_blank\" rel=\"noopener\">www.suer.fi<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"pwp-card\" data-region=\"monde\" data-country=\"Suriname\">\r\n <div class=\"pwp-top\" aria-hidden=\"true\"><\/div>\r\n <div class=\"pwp-body\">\r\n <h3 class=\"pwp-name\">Traverco Track Service NV<\/h3>\r\n <div class=\"pwp-meta\">\r\n <span class=\"pwp-badge\">Suriname<\/span>\r\n <span class=\"pwp-badge\">Paramaribo<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pwp-footer\">\r\n <a class=\"pwp-btn\" href=\"https:\/\/www.traverco.com\" target=\"_blank\" rel=\"noopener\">Site web<\/a>\r\n <a class=\"pwp-link\" href=\"https:\/\/www.traverco.com\" target=\"_blank\" rel=\"noopener\">www.traverco.com<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n \r\n <article class=\"pwp-card\" data-region=\"europe\" data-country=\"R\u00e9publique Tch\u00e8que\">\r\n <div class=\"pwp-top\" aria-hidden=\"true\"><\/div>\r\n <div class=\"pwp-body\">\r\n <h3 class=\"pwp-name\">Trans-Technik Spol<\/h3>\r\n <div class=\"pwp-meta\">\r\n <span class=\"pwp-badge\">R\u00e9publique Tch\u00e8que<\/span>\r\n <span class=\"pwp-badge\">Brno-Slatina<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pwp-footer\">\r\n <a class=\"pwp-btn\" href=\"https:\/\/www.trans-technik.cz\" target=\"_blank\" rel=\"noopener\">Site web<\/a>\r\n <a class=\"pwp-link\" href=\"https:\/\/www.trans-technik.cz\" target=\"_blank\" rel=\"noopener\">www.trans-technik.cz<\/a>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/section>\r\n\r\n \r\n <div id=\"rep-empty\" class=\"pwp-empty hidden\">\r\n Aucun repr\u00e9sentant ne correspond \u00e0 votre recherche.\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function(){\r\n const grid = document.getElementById('rep-grid');\r\n const empty = document.getElementById('rep-empty');\r\n const searchInp = document.getElementById('rep-q');\r\n const chips = document.querySelectorAll('.pwp-chip');\r\n const select = document.getElementById('rep-country');\r\n const cards = Array.from(grid.querySelectorAll('.pwp-card'));\r\n\r\n \/\/ --- 1. G\u00e9n\u00e9ration automatique du menu d\u00e9roulant des pays ---\r\n \/\/ On r\u00e9cup\u00e8re les pays uniques depuis le HTML pour \u00e9viter de le faire \u00e0 la main\r\n const countries = Array.from(new Set(cards.map(c => c.dataset.country)))\r\n .sort((a,b) => a.localeCompare(b, 'fr', {sensitivity: 'base'}));\r\n \r\n countries.forEach(c => {\r\n const opt = document.createElement('option');\r\n opt.value = c;\r\n opt.textContent = c;\r\n select.appendChild(opt);\r\n });\r\n\r\n \/\/ --- 2. Fonction utilitaire pour normaliser le texte (supprime accents et minuscules) ---\r\n const normalize = (str) => {\r\n return str.normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\").toLowerCase().trim();\r\n };\r\n\r\n let activeRegion = 'all';\r\n\r\n \/\/ --- 3. Fonction principale de filtrage ---\r\n function applyFilters() {\r\n const term = normalize(searchInp.value || '');\r\n const selectedCountry = select.value;\r\n let visibleCount = 0;\r\n\r\n cards.forEach(card => {\r\n \/\/ Donn\u00e9es de la carte\r\n const cardRegion = card.dataset.region;\r\n const cardCountry = card.dataset.country;\r\n \r\n \/\/ Texte \u00e0 chercher (Nom + Pays + Ville\/Badges)\r\n const contentText = normalize(\r\n card.querySelector('.pwp-name').textContent + ' ' + \r\n cardCountry + ' ' + \r\n Array.from(card.querySelectorAll('.pwp-badge')).map(b => b.textContent).join(' ')\r\n );\r\n\r\n \/\/ V\u00e9rification des conditions\r\n const matchesRegion = (activeRegion === 'all' || cardRegion === activeRegion);\r\n const matchesCountry = (selectedCountry === 'all' || cardCountry === selectedCountry);\r\n const matchesSearch = (term === '' || contentText.includes(term));\r\n\r\n \/\/ Affichage ou masquage\r\n if (matchesRegion && matchesCountry && matchesSearch) {\r\n card.classList.remove('hidden');\r\n visibleCount++;\r\n } else {\r\n card.classList.add('hidden');\r\n }\r\n });\r\n\r\n \/\/ Afficher le message vide si aucun r\u00e9sultat\r\n if (visibleCount === 0) {\r\n empty.classList.remove('hidden');\r\n grid.classList.add('hidden');\r\n } else {\r\n empty.classList.add('hidden');\r\n grid.classList.remove('hidden');\r\n }\r\n }\r\n\r\n \/\/ --- 4. \u00c9couteurs d'\u00e9v\u00e9nements ---\r\n \r\n \/\/ Recherche texte\r\n searchInp.addEventListener('input', applyFilters);\r\n \r\n \/\/ Changement liste d\u00e9roulante\r\n select.addEventListener('change', applyFilters);\r\n\r\n \/\/ Clic sur les boutons (Chips)\r\n chips.forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n \/\/ Gestion visuelle des boutons\r\n chips.forEach(c => c.classList.remove('is-active'));\r\n btn.classList.add('is-active');\r\n \r\n \/\/ Mise \u00e0 jour logique\r\n activeRegion = btn.dataset.region;\r\n applyFilters();\r\n });\r\n });\r\n\r\n \/\/ Lancer le filtre une premi\u00e8re fois au chargement\r\n applyFilters();\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a3754e e-con-full e-flex magic-button-disabled-no e-con e-parent\" data-id=\"5a3754e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4dc7eb elementor-widget elementor-widget-image\" data-id=\"d4dc7eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/pwp-sa.ch\/wp-content\/uploads\/2026\/01\/Design-sans-titre-19.png\" class=\"attachment-full size-full wp-image-15374\" alt=\"Partenaires & Revendeurs PWP\" srcset=\"https:\/\/pwp-sa.ch\/wp-content\/uploads\/2026\/01\/Design-sans-titre-19.png 1600w, https:\/\/pwp-sa.ch\/wp-content\/uploads\/2026\/01\/Design-sans-titre-19-300x169.png 300w, https:\/\/pwp-sa.ch\/wp-content\/uploads\/2026\/01\/Design-sans-titre-19-1024x576.png 1024w, https:\/\/pwp-sa.ch\/wp-content\/uploads\/2026\/01\/Design-sans-titre-19-768x432.png 768w, https:\/\/pwp-sa.ch\/wp-content\/uploads\/2026\/01\/Design-sans-titre-19-1536x864.png 1536w, https:\/\/pwp-sa.ch\/wp-content\/uploads\/2026\/01\/Design-sans-titre-19-18x10.png 18w, https:\/\/pwp-sa.ch\/wp-content\/uploads\/2026\/01\/Design-sans-titre-19-610x343.png 610w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Unsere Partner Finden Sie schnell unsere offiziellen Vertriebspartner nach L\u00e4ndern. PWP-Vertreter Alle Europa Welt Nach Land filtern Alle L\u00e4nder Suer Nutzfahrzeugtechnik GmbH & Co KG Deutschland Wermelskirchen Website www.suer.de Fahrzeugbedarf Kotz \u00d6sterreich Guntramsdorf Website www.fahrzeugbedarf.at Imbema Rhiwa NV Belgien Erpe-Mere Website www.imbemarhiwa.be Bevola A\/S D\u00e4nemark Ringsted Website www.bevola.dk Suer Nordics...<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13108","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pwp-sa.ch\/de\/wp-json\/wp\/v2\/pages\/13108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pwp-sa.ch\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pwp-sa.ch\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pwp-sa.ch\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pwp-sa.ch\/de\/wp-json\/wp\/v2\/comments?post=13108"}],"version-history":[{"count":42,"href":"https:\/\/pwp-sa.ch\/de\/wp-json\/wp\/v2\/pages\/13108\/revisions"}],"predecessor-version":[{"id":15377,"href":"https:\/\/pwp-sa.ch\/de\/wp-json\/wp\/v2\/pages\/13108\/revisions\/15377"}],"wp:attachment":[{"href":"https:\/\/pwp-sa.ch\/de\/wp-json\/wp\/v2\/media?parent=13108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}