{"id":10228,"date":"2025-05-30T15:08:50","date_gmt":"2025-05-30T13:08:50","guid":{"rendered":"https:\/\/flams.fr\/?page_id=10228"},"modified":"2026-05-07T11:34:55","modified_gmt":"2026-05-07T09:34:55","slug":"test-carte-digi","status":"publish","type":"page","link":"https:\/\/flams.fr\/index.php\/test-carte-digi\/","title":{"rendered":"TEST CARTE DIGI"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nPopup Le F\u00fbt \u00e0 Partager<\/title>\r\n\r\n<style>\r\n@font-face {\r\n font-family: \"IronmongerFlams\";\r\n src: url(\"https:\/\/flams.fr\/wp-content\/uploads\/2026\/04\/Ironmonger-Extra-Condensed-1.ttf\") format(\"truetype\");\r\n font-display: swap;\r\n}\r\n\r\n:root {\r\n --red: #e30613;\r\n --bdx: #65151b;\r\n --yellow: #ffc400;\r\n --cream: #fff9e8;\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\/* === OVERLAY === *\/\r\n.fut-image-popup-overlay {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 9999;\r\n display: grid;\r\n place-items: center;\r\n padding: 20px;\r\n background:\r\n radial-gradient(circle at top left, rgba(255,196,0,.22), transparent 30%),\r\n rgba(101, 21, 27, 0.78);\r\n animation: popupFade .25s ease;\r\n}\r\n\r\n\/* === POPUP === *\/\r\n.fut-image-popup {\r\n position: relative;\r\n width: min(560px, 94vw);\r\n background: var(--cream);\r\n border: 6px solid var(--bdx);\r\n box-shadow: 14px 14px 0 var(--red);\r\n padding: 10px;\r\n}\r\n\r\n\/* === LABEL === *\/\r\n.fut-image-popup::before {\r\n content: \"LE F\u00dbT \u00c0 PARTAGER\";\r\n position: absolute;\r\n left: -6px;\r\n top: -50px;\r\n padding: 10px 18px;\r\n background: var(--yellow);\r\n color: var(--bdx);\r\n border: 4px solid var(--bdx);\r\n font-family: \"IronmongerFlams\", Impact, sans-serif;\r\n font-size: 2rem;\r\n line-height: 1;\r\n text-transform: uppercase;\r\n box-shadow: 6px 6px 0 var(--red);\r\n z-index: 2;\r\n}\r\n\r\n\/* === IMAGE === *\/\r\n.fut-image {\r\n width: 100%;\r\n max-height: 84vh;\r\n display: block;\r\n object-fit: contain;\r\n background: #000;\r\n}\r\n\r\n\/* === CLOSE BUTTON === *\/\r\n.fut-image-close {\r\n position: absolute;\r\n top: -22px;\r\n right: -22px;\r\n z-index: 5;\r\n width: 48px;\r\n height: 48px;\r\n border: 4px solid var(--bdx);\r\n background: var(--cream);\r\n color: var(--bdx);\r\n font-size: 30px;\r\n font-weight: 900;\r\n line-height: 1;\r\n cursor: pointer;\r\n box-shadow: 6px 6px 0 var(--yellow);\r\n transition: transform .15s ease;\r\n}\r\n\r\n.fut-image-close:hover {\r\n transform: translate(-2px, -2px);\r\n background: var(--yellow);\r\n}\r\n\r\n\/* === ANIMATION === *\/\r\n@keyframes popupFade {\r\n from {\r\n opacity: 0;\r\n transform: scale(.97);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n\/* === MOBILE === *\/\r\n@media (max-width: 560px) {\r\n\r\n .fut-image-popup {\r\n width: 94vw;\r\n border-width: 4px;\r\n padding: 7px;\r\n box-shadow: 8px 8px 0 var(--red);\r\n }\r\n\r\n .fut-image-popup::before {\r\n top: -40px;\r\n left: -4px;\r\n font-size: 1.55rem;\r\n padding: 7px 12px;\r\n }\r\n\r\n .fut-image-close {\r\n top: -16px;\r\n right: -14px;\r\n width: 40px;\r\n height: 40px;\r\n font-size: 26px;\r\n }\r\n\r\n .fut-image {\r\n max-height: 78vh;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!-- === POPUP === -->\r\n<div class=\"fut-image-popup-overlay\" id=\"fut-popup\">\r\n\r\n <div class=\"fut-image-popup\">\r\n\r\n <!-- CLOSE -->\r\n <button\r\n class=\"fut-image-close\"\r\n aria-label=\"Fermer\"\r\n onclick=\"document.getElementById('fut-popup').style.display='none'\">\r\n \u00d7\r\n <\/button>\r\n\r\n <!-- VISUEL -->\r\n <img decoding=\"async\"\r\n src=\"https:\/\/flams.fr\/wp-content\/uploads\/2026\/05\/FLAMS-10L-GRIM-Lombards-A3-V2.jpg\"\r\n alt=\"Le F\u00fbt \u00e0 Partager - Grimbergen\"\r\n class=\"fut-image\"\r\n \/>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n\r\n const popup = document.getElementById(\"fut-popup\");\r\n\r\n \/\/ fermeture au clic fond\r\n popup.addEventListener(\"click\", (e) => {\r\n if (e.target === popup) {\r\n popup.style.display = \"none\";\r\n }\r\n });\r\n\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 class=\"elementor-element elementor-element-a95c735 elementor-widget elementor-widget-shortcode\" data-id=\"a95c735\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[sibwp_form id=20]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Popup Le F\u00fbt \u00e0 Partager \u00d7 [sibwp_form id=20]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inspiro_page_layout":"narrow","inspiro_hide_title":false,"footnotes":""},"class_list":["post-10228","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>TEST CARTE DIGI - Flam's<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/flams.fr\/index.php\/test-carte-digi\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"TEST CARTE DIGI - Flam's\" \/>\n<meta property=\"og:description\" content=\"Popup Le F\u00fbt \u00e0 Partager \u00d7 [sibwp_form id=20]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flams.fr\/index.php\/test-carte-digi\/\" \/>\n<meta property=\"og:site_name\" content=\"Flam's\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-07T09:34:55+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/flams.fr\\\/index.php\\\/test-carte-digi\\\/\",\"url\":\"https:\\\/\\\/flams.fr\\\/index.php\\\/test-carte-digi\\\/\",\"name\":\"TEST CARTE DIGI - Flam's\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/flams.fr\\\/#website\"},\"datePublished\":\"2025-05-30T13:08:50+00:00\",\"dateModified\":\"2026-05-07T09:34:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/flams.fr\\\/index.php\\\/test-carte-digi\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/flams.fr\\\/index.php\\\/test-carte-digi\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/flams.fr\\\/index.php\\\/test-carte-digi\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil Flam's\",\"item\":\"https:\\\/\\\/flams.fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"TEST CARTE DIGI\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/flams.fr\\\/#website\",\"url\":\"https:\\\/\\\/flams.fr\\\/\",\"name\":\"Flams\",\"description\":\"La flam's qui se partage\",\"publisher\":{\"@id\":\"https:\\\/\\\/flams.fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/flams.fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/flams.fr\\\/#organization\",\"name\":\"Flam's\",\"url\":\"https:\\\/\\\/flams.fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/flams.fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/flams.fr\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/Logo_flams_web.png\",\"contentUrl\":\"https:\\\/\\\/flams.fr\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/Logo_flams_web.png\",\"width\":512,\"height\":512,\"caption\":\"Flam's\"},\"image\":{\"@id\":\"https:\\\/\\\/flams.fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"TEST CARTE DIGI - Flam's","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/flams.fr\/index.php\/test-carte-digi\/","og_locale":"fr_FR","og_type":"article","og_title":"TEST CARTE DIGI - Flam's","og_description":"Popup Le F\u00fbt \u00e0 Partager \u00d7 [sibwp_form id=20]","og_url":"https:\/\/flams.fr\/index.php\/test-carte-digi\/","og_site_name":"Flam's","article_modified_time":"2026-05-07T09:34:55+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/flams.fr\/index.php\/test-carte-digi\/","url":"https:\/\/flams.fr\/index.php\/test-carte-digi\/","name":"TEST CARTE DIGI - Flam's","isPartOf":{"@id":"https:\/\/flams.fr\/#website"},"datePublished":"2025-05-30T13:08:50+00:00","dateModified":"2026-05-07T09:34:55+00:00","breadcrumb":{"@id":"https:\/\/flams.fr\/index.php\/test-carte-digi\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flams.fr\/index.php\/test-carte-digi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/flams.fr\/index.php\/test-carte-digi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil Flam's","item":"https:\/\/flams.fr\/"},{"@type":"ListItem","position":2,"name":"TEST CARTE DIGI"}]},{"@type":"WebSite","@id":"https:\/\/flams.fr\/#website","url":"https:\/\/flams.fr\/","name":"Flams","description":"La flam's qui se partage","publisher":{"@id":"https:\/\/flams.fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/flams.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/flams.fr\/#organization","name":"Flam's","url":"https:\/\/flams.fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/flams.fr\/#\/schema\/logo\/image\/","url":"https:\/\/flams.fr\/wp-content\/uploads\/2023\/03\/Logo_flams_web.png","contentUrl":"https:\/\/flams.fr\/wp-content\/uploads\/2023\/03\/Logo_flams_web.png","width":512,"height":512,"caption":"Flam's"},"image":{"@id":"https:\/\/flams.fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/flams.fr\/index.php\/wp-json\/wp\/v2\/pages\/10228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flams.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/flams.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/flams.fr\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/flams.fr\/index.php\/wp-json\/wp\/v2\/comments?post=10228"}],"version-history":[{"count":953,"href":"https:\/\/flams.fr\/index.php\/wp-json\/wp\/v2\/pages\/10228\/revisions"}],"predecessor-version":[{"id":13583,"href":"https:\/\/flams.fr\/index.php\/wp-json\/wp\/v2\/pages\/10228\/revisions\/13583"}],"wp:attachment":[{"href":"https:\/\/flams.fr\/index.php\/wp-json\/wp\/v2\/media?parent=10228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}