Votre participation \u00e0 anabel.be<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Source+Sans+3:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --beige: #f5f0e8;\n --beige-fonce: #ede5d0;\n --bleu: #2a4d7f;\n --bleu-clair: #e8eef7;\n --bleu-moyen: #3d6199;\n --or: #b8860b;\n --or-clair: #f0e4b0;\n --texte: #2c2c2c;\n --texte-leger: #555;\n --blanc: #ffffff;\n --bordure: #ccc4a8;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: 'Source Sans 3', sans-serif;\n font-weight: 400;\n color: var(--texte);\n background-color: var(--beige);\n font-size: 17px;\n line-height: 1.7;\n }\n\n \/* HERO *\/\n .hero {\n background: linear-gradient(135deg, var(--bleu) 0%, var(--bleu-moyen) 100%);\n color: var(--blanc);\n padding: 56px 40px 48px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n pointer-events: none;\n }\n .hero-inner { position: relative; z-index: 1; max-width: 720px; margin: 0 auto; }\n .hero-badge {\n display: inline-block;\n background: rgba(255,255,255,0.15);\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--or-clair);\n font-family: 'Source Sans 3', sans-serif;\n font-size: 0.78rem;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n padding: 5px 16px;\n border-radius: 20px;\n margin-bottom: 20px;\n }\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(1.9rem, 4vw, 2.8rem);\n font-weight: 600;\n line-height: 1.2;\n margin-bottom: 16px;\n }\n .hero h1 em {\n font-style: italic;\n color: var(--or-clair);\n }\n .hero p {\n font-size: 1.05rem;\n color: rgba(255,255,255,0.88);\n max-width: 560px;\n margin: 0 auto;\n }\n\n \/* MAIN *\/\n .main {\n max-width: 860px;\n margin: 0 auto;\n padding: 48px 24px 64px;\n }\n\n \/* SECTION *\/\n .section {\n background: var(--blanc);\n border: 1px solid var(--bordure);\n border-top: 4px solid var(--bleu);\n border-radius: 4px;\n padding: 36px 40px;\n margin-bottom: 32px;\n position: relative;\n }\n .section-numero {\n position: absolute;\n top: -18px;\n left: 36px;\n background: var(--bleu);\n color: var(--blanc);\n font-family: 'Playfair Display', serif;\n font-size: 0.85rem;\n font-weight: 600;\n letter-spacing: 0.06em;\n padding: 3px 14px;\n border-radius: 12px;\n }\n .section h2 {\n font-family: 'Playfair Display', serif;\n font-size: 1.45rem;\n font-weight: 600;\n color: var(--bleu);\n margin-bottom: 14px;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .section h2 .icone {\n font-size: 1.5rem;\n flex-shrink: 0;\n }\n .section p {\n color: var(--texte-leger);\n margin-bottom: 14px;\n }\n .section p:last-child { margin-bottom: 0; }\n\n \/* ENCADR\u00c9 INFO *\/\n .encadre {\n background: var(--bleu-clair);\n border-left: 4px solid var(--bleu-moyen);\n border-radius: 0 4px 4px 0;\n padding: 16px 20px;\n margin: 20px 0;\n font-size: 0.95rem;\n color: var(--bleu);\n }\n .encadre strong { display: block; margin-bottom: 4px; color: var(--bleu); }\n\n \/* ENCADR\u00c9 OR *\/\n .encadre-or {\n background: #fdf8e8;\n border-left: 4px solid var(--or);\n border-radius: 0 4px 4px 0;\n padding: 16px 20px;\n margin: 20px 0;\n font-size: 0.95rem;\n color: #5a4200;\n }\n .encadre-or strong { display: block; margin-bottom: 4px; }\n\n \/* LISTE *\/\n ul.liste {\n list-style: none;\n margin: 14px 0 14px 0;\n padding: 0;\n }\n ul.liste li {\n padding: 6px 0 6px 28px;\n position: relative;\n color: var(--texte-leger);\n border-bottom: 1px solid var(--beige-fonce);\n font-size: 0.97rem;\n }\n ul.liste li:last-child { border-bottom: none; }\n ul.liste li::before {\n content: '\u203a';\n position: absolute;\n left: 8px;\n color: var(--or);\n font-size: 1.2rem;\n font-weight: bold;\n line-height: 1.5;\n }\n\n \/* FORMULAIRE *\/\n .form-group {\n margin-bottom: 20px;\n }\n label {\n display: block;\n font-weight: 600;\n font-size: 0.92rem;\n color: var(--bleu);\n margin-bottom: 6px;\n letter-spacing: 0.02em;\n }\n label .optionnel {\n font-weight: 300;\n color: var(--texte-leger);\n font-size: 0.85rem;\n margin-left: 6px;\n }\n input[type=\"text\"],\n input[type=\"email\"],\n textarea,\n select {\n width: 100%;\n padding: 10px 14px;\n border: 1.5px solid var(--bordure);\n border-radius: 4px;\n font-family: 'Source Sans 3', sans-serif;\n font-size: 0.97rem;\n color: var(--texte);\n background: var(--beige);\n transition: border-color 0.2s, background 0.2s;\n outline: none;\n }\n input[type=\"text\"]:focus,\n input[type=\"email\"]:focus,\n textarea:focus,\n select:focus {\n border-color: var(--bleu-moyen);\n background: var(--blanc);\n }\n textarea { resize: vertical; min-height: 100px; }\n\n \/* CHECKBOX *\/\n .checkbox-group {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n margin-top: 8px;\n }\n .checkbox-group input[type=\"checkbox\"] {\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n margin-top: 2px;\n accent-color: var(--bleu);\n cursor: pointer;\n }\n .checkbox-group label {\n font-weight: 400;\n font-size: 0.93rem;\n color: var(--texte-leger);\n margin-bottom: 0;\n cursor: pointer;\n }\n .checkbox-group label strong { color: var(--texte); }\n\n \/* UPLOAD ZONE *\/\n .upload-zone {\n border: 2px dashed var(--bordure);\n border-radius: 6px;\n background: var(--beige);\n padding: 28px 20px;\n text-align: center;\n transition: border-color 0.2s, background 0.2s;\n cursor: pointer;\n position: relative;\n }\n .upload-zone:hover {\n border-color: var(--bleu-moyen);\n background: var(--bleu-clair);\n }\n .upload-zone input[type=\"file\"] {\n position: absolute;\n inset: 0;\n opacity: 0;\n cursor: pointer;\n width: 100%;\n height: 100%;\n border: none;\n background: none;\n padding: 0;\n }\n .upload-icone { font-size: 2.2rem; margin-bottom: 8px; }\n .upload-zone p { margin: 0; font-size: 0.93rem; color: var(--texte-leger); }\n .upload-zone strong { color: var(--bleu); }\n\n \/* BOUTON *\/\n .btn {\n display: inline-block;\n background: var(--bleu);\n color: var(--blanc);\n font-family: 'Source Sans 3', sans-serif;\n font-size: 0.97rem;\n font-weight: 600;\n padding: 12px 32px;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n letter-spacing: 0.04em;\n transition: background 0.2s, transform 0.1s;\n text-decoration: none;\n }\n .btn:hover { background: var(--bleu-moyen); transform: translateY(-1px); }\n .btn:active { transform: translateY(0); }\n .btn-or {\n background: var(--or);\n color: var(--blanc);\n }\n .btn-or:hover { background: #9a7009; }\n\n \/* ONGLETS *\/\n .onglets {\n display: flex;\n gap: 0;\n border-bottom: 2px solid var(--bleu-clair);\n margin-bottom: 28px;\n }\n .onglet {\n padding: 10px 22px;\n font-weight: 600;\n font-size: 0.93rem;\n cursor: pointer;\n border-bottom: 3px solid transparent;\n margin-bottom: -2px;\n color: var(--texte-leger);\n transition: color 0.2s, border-color 0.2s;\n background: none;\n border-top: none;\n border-left: none;\n border-right: none;\n font-family: 'Source Sans 3', sans-serif;\n }\n .onglet.actif {\n color: var(--bleu);\n border-bottom-color: var(--bleu);\n }\n .onglet:hover { color: var(--bleu); }\n .panneau { display: none; }\n .panneau.actif { display: block; }\n\n \/* MERCI *\/\n .merci {\n display: none;\n background: #edf7ee;\n border: 1px solid #a8d4ab;\n border-radius: 4px;\n padding: 20px 24px;\n margin-top: 20px;\n color: #2d6a31;\n font-weight: 600;\n text-align: center;\n }\n .merci .merci-icone { font-size: 2rem; margin-bottom: 8px; }\n\n \/* S\u00c9PARATEUR *\/\n .sep {\n border: none;\n border-top: 1px solid var(--beige-fonce);\n margin: 24px 0;\n }\n\n \/* GRILLE 2 colonnes *\/\n .grille-2 {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n }\n @media (max-width: 600px) {\n .grille-2 { grid-template-columns: 1fr; }\n .section { padding: 28px 20px; }\n .onglets { flex-wrap: wrap; }\n }\n\n \/* INTRO G\u00c9N\u00c9RALE *\/\n .intro-gen {\n background: linear-gradient(135deg, var(--beige-fonce), var(--or-clair));\n border: 1px solid #d4c07a;\n border-radius: 4px;\n padding: 28px 36px;\n margin-bottom: 32px;\n text-align: center;\n }\n .intro-gen h2 {\n font-family: 'Playfair Display', serif;\n font-size: 1.25rem;\n color: var(--bleu);\n margin-bottom: 10px;\n }\n .intro-gen p { color: var(--texte-leger); font-size: 0.97rem; }\n\n \/* FOOTER NOTE *\/\n .note-bas {\n text-align: center;\n color: var(--texte-leger);\n font-size: 0.88rem;\n margin-top: 40px;\n padding-top: 24px;\n border-top: 1px solid var(--bordure);\n }\n .note-bas a { color: var(--bleu); text-decoration: none; }\n .note-bas a:hover { text-decoration: underline; }\n\n \/* REQUIRED STAR *\/\n .req { color: #b0392a; margin-left: 3px; }\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"hero\">\n <div class=\"hero-inner\">\n <div class=\"hero-badge\">anabel.be \u2014 Participation citoyenne<\/div>\n <h1>Votre participation<br><em>\u00e0 anabel.be<\/em><\/h1>\n <p>Ce site est une \u0153uvre collective. Vous pouvez l’enrichir en partageant vos photos, en signalant des erreurs, ou en proposant de nouveaux sujets.<\/p>\n <\/div>\n<\/div>\n\n\n<div class=\"main\">\n\n \n <div class=\"intro-gen\">\n <h2>\ud83c\udde7\ud83c\uddea Ensemble, documentons la Belgique<\/h2>\n <p>anabel.be est un site de r\u00e9f\u00e9rence sur l’organisation administrative et institutionnelle de la Belgique. Pour qu’il soit aussi complet et pr\u00e9cis que possible, votre contribution est pr\u00e9cieuse \u2014 qu’il s’agisse d’une belle photo de votre commune, d’une correction \u00e0 apporter, ou d’une id\u00e9e d’article.<\/p>\n <\/div>\n\n \n <div class=\"section\">\n <div class=\"section-numero\">Section 1<\/div>\n <h2><span class=\"icone\">\ud83d\udcf8<\/span> Partagez vos photos<\/h2>\n <p>Vous avez photographi\u00e9 votre commune, une place de village, un monument local, un paysage de votre r\u00e9gion ? Partagez-les pour illustrer les pages d’anabel.be !<\/p>\n\n <ul class=\"liste\">\n <li>Photos de communes, villes, villages, quartiers<\/li>\n <li>Paysages r\u00e9gionaux (Ardennes, Gaume, Campine, Polders\u2026)<\/li>\n <li>Monuments, h\u00f4tels de ville, maisons communales<\/li>\n <li>March\u00e9s, f\u00eates locales, patrimoine vernaculaire<\/li>\n <li>Panoramas, vues a\u00e9riennes, photos de saison<\/li>\n <\/ul>\n\n <div class=\"encadre-or\">\n <strong>\u26a0\ufe0f Conditions importantes<\/strong>\n Vous devez \u00eatre l’auteur(e) de la photo et en d\u00e9tenir les droits. En nous envoyant votre image, vous autorisez anabel.be \u00e0 la publier sur le site, avec mention de votre pr\u00e9nom ou pseudonyme si vous le souhaitez. Les photos de personnes reconnaissables ne sont pas accept\u00e9es sans leur consentement explicite.\n <\/div>\n\n <div class=\"encadre\">\n <strong>\u2709\ufe0f Envoyez vos photos par e-mail<\/strong>\n Adressez votre message \u00e0 <strong>photos@anabel.be<\/strong> en pr\u00e9cisant :<br><br>\n 1. Votre pr\u00e9nom ou pseudonyme<br>\n 2. La commune ou le lieu photographi\u00e9<br>\n 3. La mention suivante : <em>\u00ab Je certifie \u00eatre l’auteur(e) de cette photo et autorise sa publication sur anabel.be. \u00bb<\/em>\n <\/div>\n\n <p style=\"font-size:0.93rem; color:var(--texte-leger); margin-top:4px;\">\n Formats accept\u00e9s : JPG ou PNG \u2014 r\u00e9solution minimale recommand\u00e9e 1200 \u00d7 800 px \u2014 taille max par envoi : 20 Mo.\n <\/p>\n <\/div>\n\n \n <div class=\"section\">\n <div class=\"section-numero\">Section 2<\/div>\n <h2><span class=\"icone\">\ud83d\udd0e<\/span> Signaler une erreur ou un lien bris\u00e9<\/h2>\n <p>Malgr\u00e9 tout le soin apport\u00e9 \u00e0 la r\u00e9daction et \u00e0 la mise \u00e0 jour des pages, des erreurs ou des liens obsol\u00e8tes peuvent subsister. Votre vigilance nous aide \u00e0 maintenir un site fiable.<\/p>\n\n <div class=\"encadre\">\n <strong>Ce que vous pouvez signaler<\/strong>\n Une information incorrecte ou d\u00e9pass\u00e9e \u00b7 Un lien hypertexte qui ne fonctionne plus \u00b7 Une faute typographique ou orthographique \u00b7 Une donn\u00e9e statistique \u00e0 actualiser \u00b7 Un contenu ambigu ou mal formul\u00e9\n <\/div>\n\n <form action=\"https:\/\/formspree.io\/f\/mjgjwebj\" method=\"POST\">\n \n <input type=\"hidden\" name=\"_subject\" value=\"[anabel.be] Signalement d'erreur\">\n <div class=\"form-group\">\n <label for=\"e-url\">URL de la page concern\u00e9e <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"e-url\" name=\"page_url\" placeholder=\"https:\/\/anabel.be\/web\/...\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"e-type\">Type de signalement <span class=\"req\">*<\/span><\/label>\n <select id=\"e-type\" name=\"type_signalement\" required>\n <option value=\"\">\u2014 Choisissez \u2014<\/option>\n <option>Erreur factuelle (information incorrecte)<\/option>\n <option>Donn\u00e9e obsol\u00e8te ou d\u00e9pass\u00e9e<\/option>\n <option>Lien bris\u00e9 ou renvoi incorrect<\/option>\n <option>Faute typographique ou orthographique<\/option>\n <option>Autre<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label for=\"e-detail\">Description du probl\u00e8me <span class=\"req\">*<\/span><\/label>\n <textarea id=\"e-detail\" name=\"description\" placeholder=\"D\u00e9crivez l'erreur le plus pr\u00e9cis\u00e9ment possible. Si vous connaissez l'information correcte, indiquez-la.\" style=\"min-height:120px;\" required><\/textarea>\n <\/div>\n <div class=\"form-group\">\n <label for=\"e-email\">Votre e-mail <span class=\"optionnel\">(optionnel \u2014 pour vous r\u00e9pondre)<\/span><\/label>\n <input type=\"email\" id=\"e-email\" name=\"email\" placeholder=\"adresse@exemple.be\">\n <\/div>\n <button type=\"submit\" class=\"btn\">Envoyer le signalement \u2192<\/button>\n <\/form>\n <\/div>\n\n \n <div class=\"section\">\n <div class=\"section-numero\">Section 3<\/div>\n <h2><span class=\"icone\">\ud83d\udca1<\/span> Proposer un article ou un sujet<\/h2>\n <p>Vous souhaitez voir un sujet trait\u00e9 sur anabel.be ? Un aspect de l’organisation belge qui m\u00e9riterait d’\u00eatre expliqu\u00e9, une institution peu connue, une \u00e9volution r\u00e9cente de la l\u00e9gislation ?<\/p>\n <p>Toutes les propositions sont les bienvenues. Nous ne pouvons pas garantir de donner suite \u00e0 chaque suggestion, mais nous lisons tout avec attention.<\/p>\n\n <ul class=\"liste\">\n <li>Sujets institutionnels belges non encore couverts<\/li>\n <li>Mises \u00e0 jour suite \u00e0 une r\u00e9forme l\u00e9gislative ou territoriale<\/li>\n <li>Comparaisons avec d’autres syst\u00e8mes administratifs<\/li>\n <li>Focus sur une commune, une province ou un arrondissement<\/li>\n <li>Explications sur des proc\u00e9dures administratives courantes<\/li>\n <\/ul>\n\n <form action=\"https:\/\/formspree.io\/f\/xaqaodwk\" method=\"POST\">\n \n <input type=\"hidden\" name=\"_subject\" value=\"[anabel.be] Proposition d'article\">\n <input type=\"hidden\" name=\"_next\" value=\"https:\/\/anabel.be\/web\/participation\/?merci=article\">\n <div class=\"form-group\">\n <label for=\"a-titre\">Titre ou sujet propos\u00e9 <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"a-titre\" name=\"titre_sujet\" placeholder=\"Ex. : Les zones de secours en Wallonie\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"a-desc\">Description de la proposition <span class=\"req\">*<\/span><\/label>\n <textarea id=\"a-desc\" name=\"description\" placeholder=\"Expliquez bri\u00e8vement ce que devrait couvrir cet article et pourquoi vous le jugez utile.\" style=\"min-height:130px;\" required><\/textarea>\n <\/div>\n <div class=\"form-group\">\n <label for=\"a-sources\">Sources ou r\u00e9f\u00e9rences utiles <span class=\"optionnel\">(optionnel)<\/span><\/label>\n <textarea id=\"a-sources\" name=\"sources\" placeholder=\"Liens, documents officiels, textes l\u00e9gaux\u2026\"><\/textarea>\n <\/div>\n <div class=\"grille-2\">\n <div class=\"form-group\">\n <label for=\"a-prenom\">Votre pr\u00e9nom <span class=\"optionnel\">(optionnel)<\/span><\/label>\n <input type=\"text\" id=\"a-prenom\" name=\"prenom\" placeholder=\"Pour vous citer si votre id\u00e9e est retenue\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"a-email\">Votre e-mail <span class=\"optionnel\">(optionnel)<\/span><\/label>\n <input type=\"email\" id=\"a-email\" name=\"email\" placeholder=\"adresse@exemple.be\">\n <\/div>\n <\/div>\n <button type=\"submit\" class=\"btn btn-or\">Soumettre ma proposition \u2192<\/button>\n <\/form>\n <\/div>\n\n \n <div class=\"note-bas\">\n <p>Toutes les contributions sont lues personnellement. anabel.be est un projet ind\u00e9pendant, g\u00e9r\u00e9 b\u00e9n\u00e9volement, au service de la connaissance de la Belgique.<\/p>\n <p style=\"margin-top:8px;\">\u00a9 anabel.be \u2014 <a href=\"https:\/\/anabel.be\/web\/\">Retour \u00e0 l’accueil<\/a><\/p>\n <\/div>\n\n<\/div>\n\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Votre participation \u00e0 anabel.be anabel.be \u2014 Participation citoyenne Votre participation\u00e0 anabel.be Ce site est une \u0153uvre collective. Vous pouvez l’enrichir en partageant vos photos, en signalant des erreurs, ou en proposant de nouveaux sujets. \ud83c\udde7\ud83c\uddea Ensemble, documentons la Belgique anabel.be est un site de r\u00e9f\u00e9rence sur l’organisation administrative et institutionnelle de la Belgique. Pour qu’il […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-673","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.anabel.be\/web\/wp-json\/wp\/v2\/pages\/673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.anabel.be\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.anabel.be\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.anabel.be\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.anabel.be\/web\/wp-json\/wp\/v2\/comments?post=673"}],"version-history":[{"count":3,"href":"https:\/\/www.anabel.be\/web\/wp-json\/wp\/v2\/pages\/673\/revisions"}],"predecessor-version":[{"id":678,"href":"https:\/\/www.anabel.be\/web\/wp-json\/wp\/v2\/pages\/673\/revisions\/678"}],"wp:attachment":[{"href":"https:\/\/www.anabel.be\/web\/wp-json\/wp\/v2\/media?parent=673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":673,"date":"2026-04-17T22:05:54","date_gmt":"2026-04-17T20:05:54","guid":{"rendered":"https:\/\/www.anabel.be\/web\/?page_id=673"},"modified":"2026-04-17T22:25:38","modified_gmt":"2026-04-17T20:25:38","slug":"votre-participation","status":"publish","type":"page","link":"https:\/\/www.anabel.be\/web\/votre-participation\/","title":{"rendered":"Votre participation"},"content":{"rendered":"\n\n\n\n\n\nVotre participation \u00e0 anabel.be<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Source+Sans+3:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --beige: #f5f0e8;\n --beige-fonce: #ede5d0;\n --bleu: #2a4d7f;\n --bleu-clair: #e8eef7;\n --bleu-moyen: #3d6199;\n --or: #b8860b;\n --or-clair: #f0e4b0;\n --texte: #2c2c2c;\n --texte-leger: #555;\n --blanc: #ffffff;\n --bordure: #ccc4a8;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: 'Source Sans 3', sans-serif;\n font-weight: 400;\n color: var(--texte);\n background-color: var(--beige);\n font-size: 17px;\n line-height: 1.7;\n }\n\n \/* HERO *\/\n .hero {\n background: linear-gradient(135deg, var(--bleu) 0%, var(--bleu-moyen) 100%);\n color: var(--blanc);\n padding: 56px 40px 48px;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n pointer-events: none;\n }\n .hero-inner { position: relative; z-index: 1; max-width: 720px; margin: 0 auto; }\n .hero-badge {\n display: inline-block;\n background: rgba(255,255,255,0.15);\n border: 1px solid rgba(255,255,255,0.3);\n color: var(--or-clair);\n font-family: 'Source Sans 3', sans-serif;\n font-size: 0.78rem;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n padding: 5px 16px;\n border-radius: 20px;\n margin-bottom: 20px;\n }\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(1.9rem, 4vw, 2.8rem);\n font-weight: 600;\n line-height: 1.2;\n margin-bottom: 16px;\n }\n .hero h1 em {\n font-style: italic;\n color: var(--or-clair);\n }\n .hero p {\n font-size: 1.05rem;\n color: rgba(255,255,255,0.88);\n max-width: 560px;\n margin: 0 auto;\n }\n\n \/* MAIN *\/\n .main {\n max-width: 860px;\n margin: 0 auto;\n padding: 48px 24px 64px;\n }\n\n \/* SECTION *\/\n .section {\n background: var(--blanc);\n border: 1px solid var(--bordure);\n border-top: 4px solid var(--bleu);\n border-radius: 4px;\n padding: 36px 40px;\n margin-bottom: 32px;\n position: relative;\n }\n .section-numero {\n position: absolute;\n top: -18px;\n left: 36px;\n background: var(--bleu);\n color: var(--blanc);\n font-family: 'Playfair Display', serif;\n font-size: 0.85rem;\n font-weight: 600;\n letter-spacing: 0.06em;\n padding: 3px 14px;\n border-radius: 12px;\n }\n .section h2 {\n font-family: 'Playfair Display', serif;\n font-size: 1.45rem;\n font-weight: 600;\n color: var(--bleu);\n margin-bottom: 14px;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .section h2 .icone {\n font-size: 1.5rem;\n flex-shrink: 0;\n }\n .section p {\n color: var(--texte-leger);\n margin-bottom: 14px;\n }\n .section p:last-child { margin-bottom: 0; }\n\n \/* ENCADR\u00c9 INFO *\/\n .encadre {\n background: var(--bleu-clair);\n border-left: 4px solid var(--bleu-moyen);\n border-radius: 0 4px 4px 0;\n padding: 16px 20px;\n margin: 20px 0;\n font-size: 0.95rem;\n color: var(--bleu);\n }\n .encadre strong { display: block; margin-bottom: 4px; color: var(--bleu); }\n\n \/* ENCADR\u00c9 OR *\/\n .encadre-or {\n background: #fdf8e8;\n border-left: 4px solid var(--or);\n border-radius: 0 4px 4px 0;\n padding: 16px 20px;\n margin: 20px 0;\n font-size: 0.95rem;\n color: #5a4200;\n }\n .encadre-or strong { display: block; margin-bottom: 4px; }\n\n \/* LISTE *\/\n ul.liste {\n list-style: none;\n margin: 14px 0 14px 0;\n padding: 0;\n }\n ul.liste li {\n padding: 6px 0 6px 28px;\n position: relative;\n color: var(--texte-leger);\n border-bottom: 1px solid var(--beige-fonce);\n font-size: 0.97rem;\n }\n ul.liste li:last-child { border-bottom: none; }\n ul.liste li::before {\n content: '\u203a';\n position: absolute;\n left: 8px;\n color: var(--or);\n font-size: 1.2rem;\n font-weight: bold;\n line-height: 1.5;\n }\n\n \/* FORMULAIRE *\/\n .form-group {\n margin-bottom: 20px;\n }\n label {\n display: block;\n font-weight: 600;\n font-size: 0.92rem;\n color: var(--bleu);\n margin-bottom: 6px;\n letter-spacing: 0.02em;\n }\n label .optionnel {\n font-weight: 300;\n color: var(--texte-leger);\n font-size: 0.85rem;\n margin-left: 6px;\n }\n input[type=\"text\"],\n input[type=\"email\"],\n textarea,\n select {\n width: 100%;\n padding: 10px 14px;\n border: 1.5px solid var(--bordure);\n border-radius: 4px;\n font-family: 'Source Sans 3', sans-serif;\n font-size: 0.97rem;\n color: var(--texte);\n background: var(--beige);\n transition: border-color 0.2s, background 0.2s;\n outline: none;\n }\n input[type=\"text\"]:focus,\n input[type=\"email\"]:focus,\n textarea:focus,\n select:focus {\n border-color: var(--bleu-moyen);\n background: var(--blanc);\n }\n textarea { resize: vertical; min-height: 100px; }\n\n \/* CHECKBOX *\/\n .checkbox-group {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n margin-top: 8px;\n }\n .checkbox-group input[type=\"checkbox\"] {\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n margin-top: 2px;\n accent-color: var(--bleu);\n cursor: pointer;\n }\n .checkbox-group label {\n font-weight: 400;\n font-size: 0.93rem;\n color: var(--texte-leger);\n margin-bottom: 0;\n cursor: pointer;\n }\n .checkbox-group label strong { color: var(--texte); }\n\n \/* UPLOAD ZONE *\/\n .upload-zone {\n border: 2px dashed var(--bordure);\n border-radius: 6px;\n background: var(--beige);\n padding: 28px 20px;\n text-align: center;\n transition: border-color 0.2s, background 0.2s;\n cursor: pointer;\n position: relative;\n }\n .upload-zone:hover {\n border-color: var(--bleu-moyen);\n background: var(--bleu-clair);\n }\n .upload-zone input[type=\"file\"] {\n position: absolute;\n inset: 0;\n opacity: 0;\n cursor: pointer;\n width: 100%;\n height: 100%;\n border: none;\n background: none;\n padding: 0;\n }\n .upload-icone { font-size: 2.2rem; margin-bottom: 8px; }\n .upload-zone p { margin: 0; font-size: 0.93rem; color: var(--texte-leger); }\n .upload-zone strong { color: var(--bleu); }\n\n \/* BOUTON *\/\n .btn {\n display: inline-block;\n background: var(--bleu);\n color: var(--blanc);\n font-family: 'Source Sans 3', sans-serif;\n font-size: 0.97rem;\n font-weight: 600;\n padding: 12px 32px;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n letter-spacing: 0.04em;\n transition: background 0.2s, transform 0.1s;\n text-decoration: none;\n }\n .btn:hover { background: var(--bleu-moyen); transform: translateY(-1px); }\n .btn:active { transform: translateY(0); }\n .btn-or {\n background: var(--or);\n color: var(--blanc);\n }\n .btn-or:hover { background: #9a7009; }\n\n \/* ONGLETS *\/\n .onglets {\n display: flex;\n gap: 0;\n border-bottom: 2px solid var(--bleu-clair);\n margin-bottom: 28px;\n }\n .onglet {\n padding: 10px 22px;\n font-weight: 600;\n font-size: 0.93rem;\n cursor: pointer;\n border-bottom: 3px solid transparent;\n margin-bottom: -2px;\n color: var(--texte-leger);\n transition: color 0.2s, border-color 0.2s;\n background: none;\n border-top: none;\n border-left: none;\n border-right: none;\n font-family: 'Source Sans 3', sans-serif;\n }\n .onglet.actif {\n color: var(--bleu);\n border-bottom-color: var(--bleu);\n }\n .onglet:hover { color: var(--bleu); }\n .panneau { display: none; }\n .panneau.actif { display: block; }\n\n \/* MERCI *\/\n .merci {\n display: none;\n background: #edf7ee;\n border: 1px solid #a8d4ab;\n border-radius: 4px;\n padding: 20px 24px;\n margin-top: 20px;\n color: #2d6a31;\n font-weight: 600;\n text-align: center;\n }\n .merci .merci-icone { font-size: 2rem; margin-bottom: 8px; }\n\n \/* S\u00c9PARATEUR *\/\n .sep {\n border: none;\n border-top: 1px solid var(--beige-fonce);\n margin: 24px 0;\n }\n\n \/* GRILLE 2 colonnes *\/\n .grille-2 {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n }\n @media (max-width: 600px) {\n .grille-2 { grid-template-columns: 1fr; }\n .section { padding: 28px 20px; }\n .onglets { flex-wrap: wrap; }\n }\n\n \/* INTRO G\u00c9N\u00c9RALE *\/\n .intro-gen {\n background: linear-gradient(135deg, var(--beige-fonce), var(--or-clair));\n border: 1px solid #d4c07a;\n border-radius: 4px;\n padding: 28px 36px;\n margin-bottom: 32px;\n text-align: center;\n }\n .intro-gen h2 {\n font-family: 'Playfair Display', serif;\n font-size: 1.25rem;\n color: var(--bleu);\n margin-bottom: 10px;\n }\n .intro-gen p { color: var(--texte-leger); font-size: 0.97rem; }\n\n \/* FOOTER NOTE *\/\n .note-bas {\n text-align: center;\n color: var(--texte-leger);\n font-size: 0.88rem;\n margin-top: 40px;\n padding-top: 24px;\n border-top: 1px solid var(--bordure);\n }\n .note-bas a { color: var(--bleu); text-decoration: none; }\n .note-bas a:hover { text-decoration: underline; }\n\n \/* REQUIRED STAR *\/\n .req { color: #b0392a; margin-left: 3px; }\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"hero\">\n <div class=\"hero-inner\">\n <div class=\"hero-badge\">anabel.be \u2014 Participation citoyenne<\/div>\n <h1>Votre participation<br><em>\u00e0 anabel.be<\/em><\/h1>\n <p>Ce site est une \u0153uvre collective. Vous pouvez l’enrichir en partageant vos photos, en signalant des erreurs, ou en proposant de nouveaux sujets.<\/p>\n <\/div>\n<\/div>\n\n\n<div class=\"main\">\n\n \n <div class=\"intro-gen\">\n <h2>\ud83c\udde7\ud83c\uddea Ensemble, documentons la Belgique<\/h2>\n <p>anabel.be est un site de r\u00e9f\u00e9rence sur l’organisation administrative et institutionnelle de la Belgique. Pour qu’il soit aussi complet et pr\u00e9cis que possible, votre contribution est pr\u00e9cieuse \u2014 qu’il s’agisse d’une belle photo de votre commune, d’une correction \u00e0 apporter, ou d’une id\u00e9e d’article.<\/p>\n <\/div>\n\n \n <div class=\"section\">\n <div class=\"section-numero\">Section 1<\/div>\n <h2><span class=\"icone\">\ud83d\udcf8<\/span> Partagez vos photos<\/h2>\n <p>Vous avez photographi\u00e9 votre commune, une place de village, un monument local, un paysage de votre r\u00e9gion ? Partagez-les pour illustrer les pages d’anabel.be !<\/p>\n\n <ul class=\"liste\">\n <li>Photos de communes, villes, villages, quartiers<\/li>\n <li>Paysages r\u00e9gionaux (Ardennes, Gaume, Campine, Polders\u2026)<\/li>\n <li>Monuments, h\u00f4tels de ville, maisons communales<\/li>\n <li>March\u00e9s, f\u00eates locales, patrimoine vernaculaire<\/li>\n <li>Panoramas, vues a\u00e9riennes, photos de saison<\/li>\n <\/ul>\n\n <div class=\"encadre-or\">\n <strong>\u26a0\ufe0f Conditions importantes<\/strong>\n Vous devez \u00eatre l’auteur(e) de la photo et en d\u00e9tenir les droits. En nous envoyant votre image, vous autorisez anabel.be \u00e0 la publier sur le site, avec mention de votre pr\u00e9nom ou pseudonyme si vous le souhaitez. Les photos de personnes reconnaissables ne sont pas accept\u00e9es sans leur consentement explicite.\n <\/div>\n\n <div class=\"encadre\">\n <strong>\u2709\ufe0f Envoyez vos photos par e-mail<\/strong>\n Adressez votre message \u00e0 <strong>photos@anabel.be<\/strong> en pr\u00e9cisant :<br><br>\n 1. Votre pr\u00e9nom ou pseudonyme<br>\n 2. La commune ou le lieu photographi\u00e9<br>\n 3. La mention suivante : <em>\u00ab Je certifie \u00eatre l’auteur(e) de cette photo et autorise sa publication sur anabel.be. \u00bb<\/em>\n <\/div>\n\n <p style=\"font-size:0.93rem; color:var(--texte-leger); margin-top:4px;\">\n Formats accept\u00e9s : JPG ou PNG \u2014 r\u00e9solution minimale recommand\u00e9e 1200 \u00d7 800 px \u2014 taille max par envoi : 20 Mo.\n <\/p>\n <\/div>\n\n \n <div class=\"section\">\n <div class=\"section-numero\">Section 2<\/div>\n <h2><span class=\"icone\">\ud83d\udd0e<\/span> Signaler une erreur ou un lien bris\u00e9<\/h2>\n <p>Malgr\u00e9 tout le soin apport\u00e9 \u00e0 la r\u00e9daction et \u00e0 la mise \u00e0 jour des pages, des erreurs ou des liens obsol\u00e8tes peuvent subsister. Votre vigilance nous aide \u00e0 maintenir un site fiable.<\/p>\n\n <div class=\"encadre\">\n <strong>Ce que vous pouvez signaler<\/strong>\n Une information incorrecte ou d\u00e9pass\u00e9e \u00b7 Un lien hypertexte qui ne fonctionne plus \u00b7 Une faute typographique ou orthographique \u00b7 Une donn\u00e9e statistique \u00e0 actualiser \u00b7 Un contenu ambigu ou mal formul\u00e9\n <\/div>\n\n <form action=\"https:\/\/formspree.io\/f\/mjgjwebj\" method=\"POST\">\n \n <input type=\"hidden\" name=\"_subject\" value=\"[anabel.be] Signalement d'erreur\">\n <div class=\"form-group\">\n <label for=\"e-url\">URL de la page concern\u00e9e <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"e-url\" name=\"page_url\" placeholder=\"https:\/\/anabel.be\/web\/...\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"e-type\">Type de signalement <span class=\"req\">*<\/span><\/label>\n <select id=\"e-type\" name=\"type_signalement\" required>\n <option value=\"\">\u2014 Choisissez \u2014<\/option>\n <option>Erreur factuelle (information incorrecte)<\/option>\n <option>Donn\u00e9e obsol\u00e8te ou d\u00e9pass\u00e9e<\/option>\n <option>Lien bris\u00e9 ou renvoi incorrect<\/option>\n <option>Faute typographique ou orthographique<\/option>\n <option>Autre<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label for=\"e-detail\">Description du probl\u00e8me <span class=\"req\">*<\/span><\/label>\n <textarea id=\"e-detail\" name=\"description\" placeholder=\"D\u00e9crivez l'erreur le plus pr\u00e9cis\u00e9ment possible. Si vous connaissez l'information correcte, indiquez-la.\" style=\"min-height:120px;\" required><\/textarea>\n <\/div>\n <div class=\"form-group\">\n <label for=\"e-email\">Votre e-mail <span class=\"optionnel\">(optionnel \u2014 pour vous r\u00e9pondre)<\/span><\/label>\n <input type=\"email\" id=\"e-email\" name=\"email\" placeholder=\"adresse@exemple.be\">\n <\/div>\n <button type=\"submit\" class=\"btn\">Envoyer le signalement \u2192<\/button>\n <\/form>\n <\/div>\n\n \n <div class=\"section\">\n <div class=\"section-numero\">Section 3<\/div>\n <h2><span class=\"icone\">\ud83d\udca1<\/span> Proposer un article ou un sujet<\/h2>\n <p>Vous souhaitez voir un sujet trait\u00e9 sur anabel.be ? Un aspect de l’organisation belge qui m\u00e9riterait d’\u00eatre expliqu\u00e9, une institution peu connue, une \u00e9volution r\u00e9cente de la l\u00e9gislation ?<\/p>\n <p>Toutes les propositions sont les bienvenues. Nous ne pouvons pas garantir de donner suite \u00e0 chaque suggestion, mais nous lisons tout avec attention.<\/p>\n\n <ul class=\"liste\">\n <li>Sujets institutionnels belges non encore couverts<\/li>\n <li>Mises \u00e0 jour suite \u00e0 une r\u00e9forme l\u00e9gislative ou territoriale<\/li>\n <li>Comparaisons avec d’autres syst\u00e8mes administratifs<\/li>\n <li>Focus sur une commune, une province ou un arrondissement<\/li>\n <li>Explications sur des proc\u00e9dures administratives courantes<\/li>\n <\/ul>\n\n <form action=\"https:\/\/formspree.io\/f\/xaqaodwk\" method=\"POST\">\n \n <input type=\"hidden\" name=\"_subject\" value=\"[anabel.be] Proposition d'article\">\n <input type=\"hidden\" name=\"_next\" value=\"https:\/\/anabel.be\/web\/participation\/?merci=article\">\n <div class=\"form-group\">\n <label for=\"a-titre\">Titre ou sujet propos\u00e9 <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"a-titre\" name=\"titre_sujet\" placeholder=\"Ex. : Les zones de secours en Wallonie\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"a-desc\">Description de la proposition <span class=\"req\">*<\/span><\/label>\n <textarea id=\"a-desc\" name=\"description\" placeholder=\"Expliquez bri\u00e8vement ce que devrait couvrir cet article et pourquoi vous le jugez utile.\" style=\"min-height:130px;\" required><\/textarea>\n <\/div>\n <div class=\"form-group\">\n <label for=\"a-sources\">Sources ou r\u00e9f\u00e9rences utiles <span class=\"optionnel\">(optionnel)<\/span><\/label>\n <textarea id=\"a-sources\" name=\"sources\" placeholder=\"Liens, documents officiels, textes l\u00e9gaux\u2026\"><\/textarea>\n <\/div>\n <div class=\"grille-2\">\n <div class=\"form-group\">\n <label for=\"a-prenom\">Votre pr\u00e9nom <span class=\"optionnel\">(optionnel)<\/span><\/label>\n <input type=\"text\" id=\"a-prenom\" name=\"prenom\" placeholder=\"Pour vous citer si votre id\u00e9e est retenue\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"a-email\">Votre e-mail <span class=\"optionnel\">(optionnel)<\/span><\/label>\n <input type=\"email\" id=\"a-email\" name=\"email\" placeholder=\"adresse@exemple.be\">\n <\/div>\n <\/div>\n <button type=\"submit\" class=\"btn btn-or\">Soumettre ma proposition \u2192<\/button>\n <\/form>\n <\/div>\n\n \n <div class=\"note-bas\">\n <p>Toutes les contributions sont lues personnellement. anabel.be est un projet ind\u00e9pendant, g\u00e9r\u00e9 b\u00e9n\u00e9volement, au service de la connaissance de la Belgique.<\/p>\n <p style=\"margin-top:8px;\">\u00a9 anabel.be \u2014 <a href=\"https:\/\/anabel.be\/web\/\">Retour \u00e0 l’accueil<\/a><\/p>\n <\/div>\n\n<\/div>\n\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Votre participation \u00e0 anabel.be anabel.be \u2014 Participation citoyenne Votre participation\u00e0 anabel.be Ce site est une \u0153uvre collective. Vous pouvez l’enrichir en partageant vos photos, en signalant des erreurs, ou en proposant de nouveaux sujets. \ud83c\udde7\ud83c\uddea Ensemble, documentons la Belgique anabel.be est un site de r\u00e9f\u00e9rence sur l’organisation administrative et institutionnelle de la Belgique. Pour qu’il […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-673","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.anabel.be\/web\/wp-json\/wp\/v2\/pages\/673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.anabel.be\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.anabel.be\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.anabel.be\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.anabel.be\/web\/wp-json\/wp\/v2\/comments?post=673"}],"version-history":[{"count":3,"href":"https:\/\/www.anabel.be\/web\/wp-json\/wp\/v2\/pages\/673\/revisions"}],"predecessor-version":[{"id":678,"href":"https:\/\/www.anabel.be\/web\/wp-json\/wp\/v2\/pages\/673\/revisions\/678"}],"wp:attachment":[{"href":"https:\/\/www.anabel.be\/web\/wp-json\/wp\/v2\/media?parent=673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}