{"id":52,"date":"2026-05-23T00:04:54","date_gmt":"2026-05-22T22:04:54","guid":{"rendered":"https:\/\/anabel.be\/web2\/?page_id=52"},"modified":"2026-06-14T21:54:09","modified_gmt":"2026-06-14T19:54:09","slug":"page-daccueil","status":"publish","type":"page","link":"https:\/\/anabel.be\/web2\/","title":{"rendered":""},"content":{"rendered":"\n<!-- ================================================================\n     BLOC GRILLE DE RUBRIQUES \u2014 POUR LA PAGE INDEX anabel.be\/web2\/\n     \u00c0 ins\u00e9rer dans le HTML de la page d'index.\n     Pr\u00e9sente les grandes sections th\u00e9matiques du site.\n     6 cartes avec photo, titre, description et lien.\n     ================================================================ -->\n\n<style>\n.anw2-grid {\n  --g-bg: #f5efe4;\n  --g-bg-card: #ffffff;\n  --g-text: #1f1a14;\n  --g-muted: #6b5f4a;\n  --g-border: #e3d9c4;\n  --g-gold: #c8922a;\n  --g-gold-dark: #a87613;\n  --g-blue: #1e3a5f;\n  --g-blue-dark: #14253d;\n\n  font-family: 'Source Sans 3', 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  background: var(--g-bg);\n  color: var(--g-text);\n  padding: 3rem 1.5rem;\n  line-height: 1.6;\n}\n.anw2-grid *,\n.anw2-grid *::before,\n.anw2-grid *::after { box-sizing: border-box; }\n\n.anw2-grid__inner {\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n\/* En-t\u00eate de section *\/\n.anw2-grid__header {\n  text-align: center;\n  margin-bottom: 2.5rem;\n}\n.anw2-grid__eyebrow {\n  font-size: 0.78rem;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--g-gold-dark);\n  margin: 0 0 0.6rem;\n  font-weight: 600;\n}\n.anw2-grid__title {\n  font-family: 'Playfair Display', Georgia, serif;\n  font-size: clamp(1.85rem, 4vw, 2.5rem);\n  margin: 0 0 0.6rem;\n  color: var(--g-blue-dark);\n  font-weight: 700;\n  line-height: 1.15;\n}\n.anw2-grid__subtitle {\n  color: var(--g-muted);\n  font-size: 1rem;\n  margin: 0 auto;\n  max-width: 640px;\n}\n\n\/* Grille 3 colonnes *\/\n.anw2-grid__cards {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1.4rem;\n}\n\n\/* Carte *\/\n.anw2-card {\n  display: flex;\n  flex-direction: column;\n  background: var(--g-bg-card);\n  border: 1px solid var(--g-border);\n  border-radius: 4px;\n  overflow: hidden;\n  text-decoration: none;\n  color: inherit;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n  position: relative;\n}\n.anw2-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 28px rgba(31, 26, 20, 0.13);\n}\n\n\/* Zone photo *\/\n.anw2-card__photo {\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  overflow: hidden;\n  background: var(--g-blue-dark);\n  position: relative;\n}\n.anw2-card__photo img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.35s ease;\n}\n.anw2-card:hover .anw2-card__photo img {\n  transform: scale(1.04);\n}\n\n\/* Placeholder affich\u00e9 quand pas d'image *\/\n.anw2-card__photo-placeholder {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 2.6rem;\n  background: linear-gradient(135deg, var(--g-blue-dark) 0%, var(--g-blue) 100%);\n  color: rgba(255,255,255,0.25);\n  user-select: none;\n}\n\n\/* Barre dor\u00e9e en haut de la zone texte *\/\n.anw2-card__body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 1.3rem 1.3rem 1.2rem;\n  border-top: 3px solid var(--g-gold);\n}\n\n.anw2-card__name {\n  font-family: 'Playfair Display', Georgia, serif;\n  font-size: 1.2rem;\n  font-weight: 700;\n  color: var(--g-blue-dark);\n  margin: 0 0 0.5rem;\n  line-height: 1.25;\n}\n.anw2-card__desc {\n  color: var(--g-muted);\n  font-size: 0.92rem;\n  margin: 0 0 1rem;\n  flex: 1;\n  line-height: 1.55;\n}\n.anw2-card__cta {\n  font-size: 0.84rem;\n  font-weight: 600;\n  color: var(--g-blue);\n  letter-spacing: 0.02em;\n  margin-top: auto;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.35rem;\n  transition: gap 0.18s ease, color 0.18s ease;\n}\n.anw2-card:hover .anw2-card__cta {\n  gap: 0.55rem;\n  color: var(--g-gold-dark);\n}\n\n\/* Badge optionnel *\/\n.anw2-card__badge {\n  position: absolute;\n  top: 0.75rem;\n  right: 0.75rem;\n  z-index: 2;\n  font-size: 0.65rem;\n  font-weight: 700;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  padding: 0.2rem 0.55rem;\n  border-radius: 2px;\n  background: var(--g-gold);\n  color: #fff;\n}\n.anw2-card__badge--outline {\n  background: transparent;\n  color: #fff;\n  border: 1px solid rgba(255,255,255,0.75);\n}\n\n\/* Responsive *\/\n@media (max-width: 900px) {\n  .anw2-grid__cards { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 580px) {\n  .anw2-grid { padding: 2.25rem 1rem; }\n  .anw2-grid__cards { grid-template-columns: 1fr; gap: 1rem; }\n  .anw2-card__body { padding: 1.1rem 1rem; }\n}\n<\/style>\n\n<section class=\"anw2-grid\">\n  <div class=\"anw2-grid__inner\">\n\n    <header class=\"anw2-grid__header\">\n      <p class=\"anw2-grid__eyebrow\">Anabel.be \u2014 La Belgique<\/p>\n      <h2 class=\"anw2-grid__title\">Patrimoine &#8211; Transports &#8211; Nature &#8211; etc <\/h2>\n      <p class=\"anw2-grid__subtitle\">Partie 2 du site.<\/p>\n    <\/header>\n\n    <div class=\"anw2-grid__cards\">\n\n      <!-- CARTE 1 -->\n      <a href=\"https:\/\/anabel.be\/web2\/category\/patrimoine\/\" class=\"anw2-card\">\n        <div class=\"anw2-card__photo\">\n          <!--\n            Option A \u2014 avec image :\n            <img decoding=\"async\" src=\"chemin\/vers\/image.jpg\" alt=\"Description de l'image\">\n\n            Option B \u2014 placeholder (\u00e0 supprimer quand l'image est pr\u00eate) :\n          -->\n          <img decoding=\"async\" src=\"https:\/\/anabel.be\/web2\/wp-content\/uploads\/2026\/05\/chateau-de-fanson.png\" alt=\"Description\">\n        <\/div>\n        <div class=\"anw2-card__body\">\n          <h3 class=\"anw2-card__name\">Le patrimoine de Belgique<\/h3>\n          <p class=\"anw2-card__desc\">Les ch\u00e2teaux, \u00e9glises, b\u00e2timents d&rsquo;exception.<\/p>\n          <span class=\"anw2-card__cta\">D\u00e9couvrir \u2192<\/span>\n        <\/div>\n      <\/a>\n\n      <!-- CARTE 2 -->\n      <a href=\"https:\/\/anabel.be\/web2\/category\/transports\/\" class=\"anw2-card\">\n        <div class=\"anw2-card__photo\">\n          <img decoding=\"async\" src=\"https:\/\/anabel.be\/web2\/wp-content\/uploads\/2026\/05\/aeroports-1.png\" alt=\"Description\">\n        <\/div>\n        <div class=\"anw2-card__body\">\n          <h3 class=\"anw2-card__name\">Les transports en Belgique<\/h3>\n          <p class=\"anw2-card__desc\">A\u00e9roports, autoroutes, voies navigables.<\/p>\n          <span class=\"anw2-card__cta\">D\u00e9couvrir \u2192<\/span>\n        <\/div>\n      <\/a>\n\n      <!-- CARTE 3 -->\n      <a href=\"https:\/\/www.anabel.be\/web\/\" class=\"anw2-card\">\n        <div class=\"anw2-card__photo\">\n          <img decoding=\"async\" src=\"https:\/\/anabel.be\/web2\/wp-content\/uploads\/2026\/05\/900x900.png\" alt=\"Description\">\n        <\/div>\n        <div class=\"anw2-card__body\">\n          <h3 class=\"anw2-card__name\">Les communes, les provinces, les r\u00e9gions<\/h3>\n          <p class=\"anw2-card__desc\">D\u00e9couvrir la Belgique administrative.(premi\u00e8re partie du site)<\/p>\n          <span class=\"anw2-card__cta\">D\u00e9couvrir \u2192<\/span>\n        <\/div>\n      <\/a>\n\n      <!-- CARTE 4 -->\n      <a href=\"https:\/\/www.anabel.be\/web\/listings\/\" class=\"anw2-card\">\n        <div class=\"anw2-card__photo\">\n          <img decoding=\"async\" src=\"https:\/\/anabel.be\/web2\/wp-content\/uploads\/2026\/05\/455x502.png\" alt=\"Description\">\n        <\/div>\n        <div class=\"anw2-card__body\">\n          <h3 class=\"anw2-card__name\">Premi\u00e8re partie du site<\/h3>\n          <p class=\"anw2-card__desc\">O\u00f9 l&rsquo;on d\u00e9couvre la Belgique sous divers aspects.<\/p>\n          <span class=\"anw2-card__cta\">D\u00e9couvrir \u2192<\/span>\n        <\/div>\n      <\/a>\n\n      <!-- CARTE 5 -->\n      <a href=\"#\" class=\"anw2-card\">\n        <div class=\"anw2-card__photo\">\n          <div class=\"anw2-card__photo-placeholder\">\ud83d\udcdc<\/div>\n        <\/div>\n        <div class=\"anw2-card__body\">\n          <h3 class=\"anw2-card__name\">En pr\u00e9paration<\/h3>\n          <p class=\"anw2-card__desc\">Coming soon comme ils disent.<\/p>\n          <span class=\"anw2-card__cta\">D\u00e9couvrir \u2192<\/span>\n        <\/div>\n      <\/a>\n\n      <!-- CARTE 6 -->\n      <a href=\"#\" class=\"anw2-card\">\n        <div class=\"anw2-card__photo\">\n          <div class=\"anw2-card__photo-placeholder\">\ud83d\uddf3\ufe0f<\/div>\n        <\/div>\n        <div class=\"anw2-card__body\">\n          <h3 class=\"anw2-card__name\">A venir<\/h3>\n          <p class=\"anw2-card__desc\">Surprise surprise.<\/p>\n          <span class=\"anw2-card__cta\">D\u00e9couvrir \u2192<\/span>\n        <\/div>\n      <\/a>\n\n    <\/div><!-- \/.anw2-grid__cards -->\n\n  <\/div><!-- \/.anw2-grid__inner -->\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>Anabel.be \u2014 La Belgique Patrimoine &#8211; Transports &#8211; Nature &#8211; etc Partie 2 du site. Le patrimoine de Belgique Les ch\u00e2teaux, \u00e9glises, b\u00e2timents d&rsquo;exception. D\u00e9couvrir \u2192 Les transports en Belgique A\u00e9roports, autoroutes, voies navigables. D\u00e9couvrir \u2192 Les communes, les provinces, les r\u00e9gions D\u00e9couvrir la Belgique administrative.(premi\u00e8re partie du site) D\u00e9couvrir \u2192 Premi\u00e8re partie du site [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-52","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/anabel.be\/web2\/wp-json\/wp\/v2\/pages\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anabel.be\/web2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anabel.be\/web2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anabel.be\/web2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anabel.be\/web2\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":7,"href":"https:\/\/anabel.be\/web2\/wp-json\/wp\/v2\/pages\/52\/revisions"}],"predecessor-version":[{"id":154,"href":"https:\/\/anabel.be\/web2\/wp-json\/wp\/v2\/pages\/52\/revisions\/154"}],"wp:attachment":[{"href":"https:\/\/anabel.be\/web2\/wp-json\/wp\/v2\/media?parent=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}