{"id":5230,"date":"2026-05-10T18:20:40","date_gmt":"2026-05-10T16:20:40","guid":{"rendered":"https:\/\/capmetissage.com\/index.php\/decouvrir-mica\/"},"modified":"2026-05-10T18:20:40","modified_gmt":"2026-05-10T16:20:40","slug":"decouvrir-mica","status":"publish","type":"page","link":"https:\/\/capmetissage.com\/index.php\/decouvrir-mica\/","title":{"rendered":"D\u00e9couvrir Mica"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5230\" class=\"elementor elementor-5230\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e4adf9 e-con-full e-flex e-con e-parent\" data-id=\"2e4adf9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6661fe7 elementor-widget elementor-widget-html\" data-id=\"6661fe7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     PAGE BOUTIQUE ENRICHIE V2 \u00b7 \u00a72.4 Plan_enrichissement_boutique_Mica_V2\n     H\u00e9rite des variables CSS globales du site (--cap-dark, --cap-text, etc.)\n     Typo Fraunces (d\u00e9j\u00e0 charg\u00e9e par le th\u00e8me) + Inter (h\u00e9rit\u00e9e).\n     CSS scoped sous .cap-boutique-v2.\n     Mention 15% retir\u00e9e \u2192 \"boutique g\u00e9r\u00e9e par Afervescence, ventes finan\u00e7ant CAP\"\n     Lien vers \/convention-cap-afervescence\/ pour la synth\u00e8se.\n     ============================================================ -->\n<style>\n.cap-boutique-v2 {\n  --cb-dark: var(--cap-dark, #3A2408);\n  --cb-text: var(--cap-text, #5B3C11);\n  --cb-text-muted: var(--cap-text-muted, #8B7555);\n  --cb-coral: var(--cap-coral, #C8362C);\n  --cb-gold: var(--cap-gold, #E8A926);\n  --cb-cream: var(--cap-cream, #F8F2EC);\n  --cb-surface: var(--cap-surface, #FDFAF5);\n  --cb-border: var(--cap-border, #D6CCC2);\n  --cb-serif: 'Fraunces', 'EB Garamond', Georgia, serif;\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  color: var(--cb-text);\n  background: var(--cb-cream);\n}\n.cap-boutique-v2 *, .cap-boutique-v2 *::before, .cap-boutique-v2 *::after { box-sizing: border-box; }\n.cap-boutique-v2 .cap-wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; }\n.cap-boutique-v2 .cap-eyebrow {\n  font-family: 'Inter', sans-serif; font-weight: 600;\n  font-size: 12px; letter-spacing: 2.4px; text-transform: uppercase;\n  color: var(--cb-coral);\n}\n.cap-boutique-v2 .cap-section-title {\n  font-family: var(--cb-serif); font-style: italic; font-weight: 500;\n  font-size: clamp(28px, 3.6vw, 36px); line-height: 1.15;\n  margin: 0 0 8px; color: var(--cb-dark);\n}\n\n\/* HERO ====================================================== *\/\n.cap-boutique-v2 .cap-hero { background: var(--cb-cream); padding: 72px 0 80px; position: relative; overflow: hidden; }\n.cap-boutique-v2 .cap-hero::before {\n  content: \"\"; position: absolute; inset: 0; pointer-events: none;\n  background-image: repeating-linear-gradient(45deg, rgba(58,36,8,0.035) 0 1px, transparent 1px 32px),\n                    repeating-linear-gradient(-45deg, rgba(58,36,8,0.035) 0 1px, transparent 1px 32px);\n}\n.cap-boutique-v2 .cap-hero-grid {\n  display: grid; grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: center; position: relative;\n}\n.cap-boutique-v2 .cap-hero-text { max-width: 560px; }\n.cap-boutique-v2 .cap-hero h1 {\n  font-family: var(--cb-serif); font-style: italic; font-weight: 500;\n  font-size: clamp(36px, 5vw, 56px); line-height: 1.08;\n  margin: 12px 0 18px; color: var(--cb-dark);\n}\n.cap-boutique-v2 .cap-hero p.lead {\n  font-size: 18px; line-height: 1.6; color: var(--cb-text); margin: 0 0 22px;\n}\n.cap-boutique-v2 .cap-hero .cap-mention {\n  display: block; padding: 12px 16px; border-left: 3px solid var(--cb-gold);\n  background: var(--cb-surface); border-radius: 0 8px 8px 0;\n  font-size: 14px; line-height: 1.5; color: var(--cb-text);\n}\n.cap-boutique-v2 .cap-hero .cap-mention a { color: var(--cb-coral); text-decoration: underline; text-underline-offset: 3px; font-weight: 500; }\n.cap-boutique-v2 .cap-hero-image {\n  position: relative; aspect-ratio: 4\/5; max-width: 480px; margin: 0 auto;\n  border-radius: 18px; overflow: hidden;\n  background: linear-gradient(135deg, var(--cb-cream) 0%, var(--cb-surface) 100%);\n  box-shadow: 0 24px 56px rgba(58,36,8,0.16);\n}\n.cap-boutique-v2 .cap-hero-image img {\n  width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block;\n}\n.cap-boutique-v2 .cap-hero-image .cap-colibri {\n  position: absolute; top: 18px; right: 18px; width: 86px; height: auto;\n  transform: rotate(-12deg); filter: drop-shadow(0 4px 8px rgba(58,36,8,0.18));\n}\n@media (max-width: 880px) {\n  .cap-boutique-v2 .cap-hero { padding: 48px 0 56px; }\n  .cap-boutique-v2 .cap-hero-grid { grid-template-columns: 1fr; gap: 32px; }\n  .cap-boutique-v2 .cap-hero-image { max-width: 360px; }\n}\n\n\/* 3 BLOCS COLLECTION ======================================== *\/\n.cap-boutique-v2 .cap-collections {\n  padding: 72px 0;\n  background: var(--cb-surface);\n  border-top: 1px solid var(--cb-border);\n  border-bottom: 1px solid var(--cb-border);\n}\n.cap-boutique-v2 .cap-collections .cap-section-title { text-align: center; }\n.cap-boutique-v2 .cap-collections .cap-eyebrow { display: block; text-align: center; margin-bottom: 6px; }\n.cap-boutique-v2 .cap-collections-grid {\n  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 36px;\n}\n.cap-boutique-v2 .cap-card {\n  background: #fff; border-radius: 16px; padding: 28px 24px 24px;\n  border: 1px solid var(--cb-border);\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n  text-decoration: none; color: var(--cb-text);\n  display: flex; flex-direction: column; min-height: 260px;\n}\n.cap-boutique-v2 .cap-card:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(58,36,8,0.12); }\n.cap-boutique-v2 .cap-card .cap-card-icon { width: 44px; height: 44px; margin-bottom: 14px; color: var(--cb-coral); }\n.cap-boutique-v2 .cap-card h3 {\n  font-family: var(--cb-serif); font-style: italic; font-weight: 500;\n  font-size: 22px; margin: 0 0 8px; color: var(--cb-dark);\n}\n.cap-boutique-v2 .cap-card p { font-size: 15px; line-height: 1.6; color: var(--cb-text); flex: 1; margin: 0 0 16px; }\n.cap-boutique-v2 .cap-card-link { font-size: 14px; font-weight: 600; color: var(--cb-coral); letter-spacing: 0.4px; }\n@media (max-width: 880px) { .cap-boutique-v2 .cap-collections-grid { grid-template-columns: 1fr; gap: 16px; } }\n\n\/* QUI EST MICA ============================================== *\/\n.cap-boutique-v2 .cap-mica { padding: 88px 0; background: var(--cb-cream); }\n.cap-boutique-v2 .cap-mica-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 56px; align-items: center; }\n.cap-boutique-v2 .cap-mica-image {\n  aspect-ratio: 1\/1; max-width: 380px; margin: 0 auto;\n  border-radius: 18px; overflow: hidden; background: var(--cb-surface);\n  border: 1px solid var(--cb-border);\n}\n.cap-boutique-v2 .cap-mica-image img { width: 100%; height: 100%; object-fit: cover; }\n.cap-boutique-v2 .cap-mica-text blockquote {\n  font-family: var(--cb-serif); font-style: italic; font-weight: 400;\n  font-size: clamp(22px, 2.8vw, 30px); line-height: 1.35;\n  color: var(--cb-dark); margin: 0; padding: 0; border: none;\n}\n.cap-boutique-v2 .cap-mica-text .cap-accent-line {\n  display: block; width: 60px; height: 2px; background: var(--cb-coral);\n  margin: 24px 0 18px; opacity: 0.7;\n}\n.cap-boutique-v2 .cap-mica-text p { font-size: 16px; line-height: 1.7; color: var(--cb-text); margin: 0 0 12px; }\n@media (max-width: 880px) {\n  .cap-boutique-v2 .cap-mica { padding: 56px 0; }\n  .cap-boutique-v2 .cap-mica-grid { grid-template-columns: 1fr; gap: 32px; }\n}\n\n\/* ENGAGEMENTS CAP =========================================== *\/\n.cap-boutique-v2 .cap-engagements { padding: 64px 0; background: var(--cb-dark); color: var(--cb-cream); }\n.cap-boutique-v2 .cap-engagements h2 {\n  font-family: var(--cb-serif); font-style: italic; font-weight: 500;\n  font-size: 30px; margin: 0 0 28px; text-align: center; color: var(--cb-cream);\n}\n.cap-boutique-v2 .cap-engagements-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }\n.cap-boutique-v2 .cap-engagement { text-align: center; padding: 16px 12px; }\n.cap-boutique-v2 .cap-engagement-icon { width: 36px; height: 36px; margin: 0 auto 12px; color: var(--cb-gold); }\n.cap-boutique-v2 .cap-engagement-text { font-size: 14px; line-height: 1.5; color: var(--cb-cream); opacity: 0.94; }\n.cap-boutique-v2 .cap-engagement-text strong { color: var(--cb-gold); display: block; margin-bottom: 4px; font-size: 15px; font-weight: 600; }\n.cap-boutique-v2 .cap-engagement-text a { color: var(--cb-gold); text-decoration: underline; text-underline-offset: 2px; }\n@media (max-width: 880px) { .cap-boutique-v2 .cap-engagements-grid { grid-template-columns: repeat(2, 1fr); } }\n\n\/* DERNI\u00c8RES NOUVELLES ======================================= *\/\n.cap-boutique-v2 .cap-news { padding: 72px 0; background: var(--cb-cream); }\n.cap-boutique-v2 .cap-news .cap-section-title { text-align: center; }\n.cap-boutique-v2 .cap-news .cap-eyebrow { display: block; text-align: center; margin-bottom: 6px; }\n.cap-boutique-v2 .cap-news-sub { text-align: center; font-size: 15px; color: var(--cb-text-muted); margin: 0 0 30px; }\n.cap-boutique-v2 .cap-news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; min-height: 100px; }\n.cap-boutique-v2 .cap-news-card {\n  background: #fff; border-radius: 14px; overflow: hidden;\n  border: 1px solid var(--cb-border);\n  text-decoration: none; color: var(--cb-text);\n  display: flex; flex-direction: column; transition: transform 0.2s ease;\n}\n.cap-boutique-v2 .cap-news-card:hover { transform: translateY(-3px); }\n.cap-boutique-v2 .cap-news-card .cap-news-thumb { aspect-ratio: 16\/10; background: var(--cb-surface); overflow: hidden; }\n.cap-boutique-v2 .cap-news-card .cap-news-thumb img { width: 100%; height: 100%; object-fit: cover; }\n.cap-boutique-v2 .cap-news-card .cap-news-body { padding: 18px 20px 22px; flex: 1; display: flex; flex-direction: column; }\n.cap-boutique-v2 .cap-news-card h3 {\n  font-family: var(--cb-serif); font-style: italic; font-weight: 500;\n  font-size: 18px; line-height: 1.35; margin: 0 0 8px; color: var(--cb-dark);\n}\n.cap-boutique-v2 .cap-news-card p { font-size: 13px; line-height: 1.5; margin: 0; color: var(--cb-text-muted); flex: 1; }\n.cap-boutique-v2 .cap-news-card .cap-news-meta { font-size: 12px; color: var(--cb-coral); letter-spacing: 0.4px; margin-bottom: 8px; }\n@media (max-width: 880px) { .cap-boutique-v2 .cap-news-grid { grid-template-columns: 1fr; } }\n\n\/* WAITLIST ================================================== *\/\n.cap-boutique-v2 .cap-waitlist { padding: 72px 0 96px; background: var(--cb-surface); }\n.cap-boutique-v2 .cap-waitlist-inner {\n  max-width: 720px; margin: 0 auto; text-align: center;\n  background: #fff; padding: 40px 32px; border-radius: 18px; border: 1px solid var(--cb-border);\n}\n.cap-boutique-v2 .cap-waitlist h2 {\n  font-family: var(--cb-serif); font-style: italic; font-weight: 500;\n  font-size: 28px; margin: 8px 0 12px; color: var(--cb-dark);\n}\n.cap-boutique-v2 .cap-waitlist p { font-size: 15px; line-height: 1.6; color: var(--cb-text); margin: 0 0 18px; }\n.cap-boutique-v2 .cap-waitlist form { display: flex; flex-direction: column; gap: 14px; max-width: 440px; margin: 18px auto 0; }\n.cap-boutique-v2 .cap-waitlist input[type=email],\n.cap-boutique-v2 .cap-waitlist input[type=text] {\n  padding: 13px 16px; border: 1px solid var(--cb-border); border-radius: 10px;\n  font-family: inherit; font-size: 15px; color: var(--cb-text); background: #fff;\n}\n.cap-boutique-v2 .cap-waitlist input:focus { outline: 2px solid var(--cb-gold); outline-offset: 2px; }\n.cap-boutique-v2 .cap-waitlist .cap-honeypot { position: absolute; left: -9999px; opacity: 0; pointer-events: none; }\n.cap-boutique-v2 .cap-waitlist label.cap-consent {\n  display: flex; align-items: flex-start; gap: 10px;\n  text-align: left; font-size: 13px; line-height: 1.5; color: var(--cb-text);\n}\n.cap-boutique-v2 .cap-waitlist label.cap-consent input[type=checkbox] { margin-top: 3px; flex-shrink: 0; accent-color: var(--cb-coral); }\n.cap-boutique-v2 .cap-waitlist label.cap-consent a { color: var(--cb-coral); }\n.cap-boutique-v2 .cap-waitlist button {\n  padding: 13px 28px; border: none; border-radius: 9999px;\n  background: var(--cb-dark); color: var(--cb-cream); font-family: inherit;\n  font-size: 15px; font-weight: 600; cursor: pointer; transition: background 0.18s ease;\n}\n.cap-boutique-v2 .cap-waitlist button:hover { background: var(--cb-coral); }\n.cap-boutique-v2 .cap-waitlist .cap-waitlist-msg { margin-top: 14px; padding: 12px 16px; border-radius: 9px; font-size: 14px; display: none; }\n.cap-boutique-v2 .cap-waitlist .cap-waitlist-msg.ok { display: block; background: rgba(232,169,38,0.18); color: var(--cb-text); }\n.cap-boutique-v2 .cap-waitlist .cap-waitlist-msg.err { display: block; background: rgba(200,54,44,0.12); color: var(--cb-coral); }\n.cap-boutique-v2 .cap-waitlist small.cap-meta { display: block; font-size: 12px; color: var(--cb-text-muted); margin-top: 14px; }\n<\/style>\n\n<div class=\"cap-boutique-v2\">\n\n  <!-- HERO -->\n  <section class=\"cap-hero\">\n    <div class=\"cap-wrap cap-hero-grid\">\n      <div class=\"cap-hero-text\">\n        <span class=\"cap-eyebrow\">Boutique CAP M\u00e9tissage<\/span>\n        <h1>Voyage avec Mica et le colibri. D\u00e9couvre le monde en couleurs.<\/h1>\n        <p class=\"lead\">Pour les enfants des familles plurielles, leurs parents, leurs alli\u00e9es et leurs alli\u00e9s. Imprim\u00e9 en Europe, dans des ateliers Printful europ\u00e9ens, sur coton bio GOTS pour les textiles.<\/p>\n        <p class=\"cap-mention\">Boutique g\u00e9r\u00e9e par <strong>SAS Afervescence<\/strong> sous licence de la marque CAP M\u00e9tissage. Les ventes contribuent \u00e0 financer les actions de l'association. <a href=\"\/index.php\/convention-cap-afervescence\/\">Comment \u00e7a marche.<\/a><\/p>\n      <\/div>\n      <div class=\"cap-hero-image\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/cap-mica-portrait.png\" alt=\"Mica, h\u00e9ro\u00efne de la collection enfant CAP M\u00e9tissage\" loading=\"eager\">\n        <img decoding=\"async\" class=\"cap-colibri\" src=\"\/wp-content\/uploads\/2026\/05\/cap-colibri-couleur.png\" alt=\"Colibri origami, mascotte Cap M\u00e9tissage\" loading=\"eager\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 3 BLOCS COLLECTION -->\n  <section class=\"cap-collections\">\n    <div class=\"cap-wrap\">\n      <span class=\"cap-eyebrow\">La collection Mica<\/span>\n      <h2 class=\"cap-section-title\">Trois univers, une h\u00e9ro\u00efne.<\/h2>\n      <div class=\"cap-collections-grid\">\n\n        <a class=\"cap-card\" href=\"\/index.php\/porter\/\">\n          <svg class=\"cap-card-icon\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 22l16-12 16 12v18a2 2 0 01-2 2H10a2 2 0 01-2-2V22z\"\/><path d=\"M20 42V28h8v14\"\/><\/svg>\n          <h3>Pour la chambre.<\/h3>\n          <p>Trois posters Mica grand format pour habiller les murs, ouvrir les fen\u00eatres mentales, raconter le voyage.<\/p>\n          <span class=\"cap-card-link\">Voir les posters &rarr;<\/span>\n        <\/a>\n\n        <a class=\"cap-card\" href=\"\/index.php\/porter\/\">\n          <svg class=\"cap-card-icon\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 18h22v22a4 4 0 01-4 4H18a4 4 0 01-4-4V18z\"\/><path d=\"M14 18a4 4 0 014-4h12a4 4 0 014 4\"\/><\/svg>\n          <h3>Pour le quotidien.<\/h3>\n          <p>Mug du matin, t-shirts qu'on porte jusqu'\u00e0 la d\u00e9formation, tote bag qui suit partout, casquette qui cache les jours timides.<\/p>\n          <span class=\"cap-card-link\">Voir les essentiels &rarr;<\/span>\n        <\/a>\n\n        <a class=\"cap-card\" href=\"\/index.php\/porter\/\">\n          <svg class=\"cap-card-icon\" viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M10 8h22a4 4 0 014 4v28a2 2 0 01-2 2H10V8z\"\/><path d=\"M16 18h16M16 26h16M16 34h10\"\/><\/svg>\n          <h3>Pour \u00e9crire et garder.<\/h3>\n          <p>Carnet, magnets, sticker pack, cartes postales. De petits objets pour glisser Mica dans la vraie vie.<\/p>\n          <span class=\"cap-card-link\">Voir la papeterie &rarr;<\/span>\n        <\/a>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- QUI EST MICA -->\n  <section class=\"cap-mica\">\n    <div class=\"cap-wrap cap-mica-grid\">\n      <div class=\"cap-mica-image\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/cap-mica-portrait.png\" alt=\"Portrait officiel de Mica\">\n      <\/div>\n      <div class=\"cap-mica-text\">\n        <span class=\"cap-eyebrow\">Qui est Mica<\/span>\n        <blockquote>\u00ab Mica voyage entre plusieurs cultures. Comme beaucoup d'enfants. Comme nous. \u00bb<\/blockquote>\n        <span class=\"cap-accent-line\"><\/span>\n        <p>Mica est l'h\u00e9ro\u00efne de la collection enfant CAP M\u00e9tissage. Elle a deux chignons boules, un sac \u00e0 dos terracotta, des baskets fuchsia, et un colibri origami qui ouvre la route. Elle ne dit pas d'o\u00f9 elle vient. Elle dit qu'elle vient de plusieurs endroits.<\/p>\n        <p>Sur les supports adulte et sur la signature de l'association, c'est le colibri qui parle. Le colibri est la mascotte officielle de CAP M\u00e9tissage. Mica reste l'enfant.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ENGAGEMENTS CAP -->\n  <section class=\"cap-engagements\">\n    <div class=\"cap-wrap\">\n      <h2>Nos engagements.<\/h2>\n      <div class=\"cap-engagements-grid\">\n        <div class=\"cap-engagement\">\n          <svg class=\"cap-engagement-icon\" viewBox=\"0 0 36 36\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"18\" cy=\"18\" r=\"15\"\/><path d=\"M11 18h14M18 11v14\"\/><\/svg>\n          <div class=\"cap-engagement-text\"><strong>Imprim\u00e9 en Europe.<\/strong>Ateliers Printful EU.<\/div>\n        <\/div>\n        <div class=\"cap-engagement\">\n          <svg class=\"cap-engagement-icon\" viewBox=\"0 0 36 36\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M18 6c4 8 4 14 0 24-4-10-4-16 0-24z\"\/><path d=\"M9 18c6-3 12-3 18 0\"\/><\/svg>\n          <div class=\"cap-engagement-text\"><strong>Coton bio GOTS.<\/strong>Pour tous les textiles.<\/div>\n        <\/div>\n        <div class=\"cap-engagement\">\n          <svg class=\"cap-engagement-icon\" viewBox=\"0 0 36 36\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"18\" cy=\"18\" r=\"14\"\/><path d=\"M14 18a4 4 0 008 0M14 14h.01M22 14h.01\"\/><\/svg>\n          <div class=\"cap-engagement-text\"><strong>Au service de l'asso.<\/strong><a href=\"\/index.php\/convention-cap-afervescence\/\">Comment \u00e7a marche.<\/a><\/div>\n        <\/div>\n        <div class=\"cap-engagement\">\n          <svg class=\"cap-engagement-icon\" viewBox=\"0 0 36 36\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><rect x=\"6\" y=\"11\" width=\"24\" height=\"16\" rx=\"3\"\/><path d=\"M6 17h24\"\/><\/svg>\n          <div class=\"cap-engagement-text\"><strong>Livraison France offerte.<\/strong>D\u00e8s 50 \u20ac d'achat.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- DERNI\u00c8RES NOUVELLES -->\n  <section class=\"cap-news\">\n    <div class=\"cap-wrap\">\n      <span class=\"cap-eyebrow\">Derni\u00e8res nouvelles<\/span>\n      <h2 class=\"cap-section-title\">Ce qu'on raconte autour de Mica.<\/h2>\n      <p class=\"cap-news-sub\">Articles, sorties produits, rendez-vous en pr\u00e9sentiel.<\/p>\n      <div class=\"cap-news-grid\" id=\"cap-news-grid\">\n        <noscript>Activez JavaScript pour voir les derniers articles.<\/noscript>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- WAITLIST -->\n  <section class=\"cap-waitlist\">\n    <div class=\"cap-wrap\">\n      <div class=\"cap-waitlist-inner\">\n        <span class=\"cap-eyebrow\">Liste d'attente sortie produit<\/span>\n        <h2>Restez pr\u00e9venu\u00b7e des nouveaux produits Mica.<\/h2>\n        <p>Six emails par an maximum. Aucune publicit\u00e9. Juste un mot quand un nouveau produit Mica sort de l'atelier. D\u00e9sinscription en un clic dans chaque email.<\/p>\n        <form id=\"cap-waitlist-form\" novalidate>\n          <input type=\"email\" name=\"email\" required placeholder=\"Votre email\" autocomplete=\"email\">\n          <input type=\"text\" name=\"firstname\" placeholder=\"Votre pr\u00e9nom (optionnel)\" autocomplete=\"given-name\">\n          <input type=\"text\" name=\"hp\" class=\"cap-honeypot\" tabindex=\"-1\" autocomplete=\"off\">\n          <label class=\"cap-consent\">\n            <input type=\"checkbox\" name=\"consent\" required>\n            <span>J'accepte de recevoir les emails de sortie nouveau produit Mica de la boutique CAP M\u00e9tissage. Mes donn\u00e9es sont g\u00e9r\u00e9es conform\u00e9ment \u00e0 la <a href=\"\/index.php\/politique-de-confidentialite\/\">politique de confidentialit\u00e9<\/a>.<\/span>\n          <\/label>\n          <button type=\"submit\">Je veux \u00eatre pr\u00e9venu\u00b7e<\/button>\n          <div class=\"cap-waitlist-msg\" id=\"cap-waitlist-msg\"><\/div>\n        <\/form>\n        <small class=\"cap-meta\">Vos coordonn\u00e9es ne sont jamais c\u00e9d\u00e9es. Stockage en France \u00b7 Hostinger \u00b7 Brevo (\u00e0 venir).<\/small>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(function(){\n  function loadNews(){\n    var grid = document.getElementById('cap-news-grid');\n    if (!grid) return;\n    fetch('\/wp-json\/wp\/v2\/posts?per_page=3&_embed=wp:featuredmedia&status=publish&orderby=date&order=desc')\n      .then(function(r){ return r.ok ? r.json() : Promise.reject(); })\n      .then(function(posts){\n        if (!posts || !posts.length) { grid.innerHTML = ''; return; }\n        var html = posts.map(function(p){\n          var media = (p._embedded && p._embedded['wp:featuredmedia'] && p._embedded['wp:featuredmedia'][0]) || null;\n          var thumb = media && media.source_url ? '<div class=\"cap-news-thumb\"><img decoding=\"async\" src=\"' + media.source_url + '\" alt=\"\"><\/div>' : '<div class=\"cap-news-thumb\"><\/div>';\n          var d = new Date(p.date);\n          var dateStr = d.toLocaleDateString('fr-FR', { day:'2-digit', month:'long', year:'numeric' });\n          var title = (p.title && p.title.rendered) || '';\n          var excerpt = (p.excerpt && p.excerpt.rendered) ? p.excerpt.rendered.replace(\/<[^>]+>\/g,'').slice(0, 120) + '\u2026' : '';\n          return '<a class=\"cap-news-card\" href=\"' + p.link + '\">' + thumb + '<div class=\"cap-news-body\"><div class=\"cap-news-meta\">' + dateStr + '<\/div><h3>' + title + '<\/h3><p>' + excerpt + '<\/p><\/div><\/a>';\n        }).join('');\n        grid.innerHTML = html;\n      })\n      .catch(function(){ grid.innerHTML = ''; });\n  }\n  if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', loadNews); } else { loadNews(); }\n\n  var form = document.getElementById('cap-waitlist-form');\n  var msg = document.getElementById('cap-waitlist-msg');\n  if (form) {\n    form.addEventListener('submit', function(ev){\n      ev.preventDefault();\n      msg.className = 'cap-waitlist-msg'; msg.textContent = '';\n      var data = new FormData(form);\n      var payload = {\n        email: data.get('email'),\n        firstname: data.get('firstname') || '',\n        consent: data.get('consent') === 'on',\n        source: 'boutique_footer',\n        hp: data.get('hp') || ''\n      };\n      if (!payload.consent) { msg.classList.add('err'); msg.textContent = 'Merci de cocher la case de consentement.'; return; }\n      fetch('\/wp-json\/cap-waitlist\/v1\/subscribe', {\n        method: 'POST', headers: { 'Content-Type': 'application\/json' }, body: JSON.stringify(payload)\n      })\n      .then(function(r){ return r.json().then(function(j){ return { ok: r.ok, body: j }; }); })\n      .then(function(res){\n        if (res.ok && res.body && res.body.ok) {\n          msg.classList.add('ok'); msg.textContent = res.body.message || 'Merci, vous \u00eates inscrit\u00b7e.';\n          form.reset();\n        } else {\n          msg.classList.add('err');\n          var err = (res.body && res.body.error) || 'unknown';\n          var human = err === 'invalid_email' ? 'Email invalide.' : err === 'consent_required' ? 'Merci de cocher la case de consentement.' : 'Une erreur est survenue, merci de r\u00e9essayer.';\n          msg.textContent = human;\n        }\n      })\n      .catch(function(){ msg.classList.add('err'); msg.textContent = 'Erreur r\u00e9seau, merci de r\u00e9essayer.'; });\n    });\n  }\n})();\n<\/script>\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"zakra_general_container_width":0,"zakra_general_content_width":0,"zakra_general_sidebar_width":0,"zakra_sticky_header":"customizer","zakra_header_main_area":true,"zakra_site_logo_width":0,"zakra_header_top_enabled":"customizer","zakra_header_top_style":"customizer","zakra_primary_menu_item_style":"customizer","zakra_page_header_text_color":"","zakra_page_header_layout":"customizer","zakra_page_title_bg":"","zakra_footer_widgets_bg_image":0,"zakra_page_title_bg_repeat":"customizer","zakra_page_title_bg_position":"customizer","zakra_page_title_bg_size":"customizer","zakra_page_title_bg_attachment":"customizer","zakra_breadcrumbs_enabled":"customizer","zakra_breadcrumbs_text_color":"","zakra_breadcrumbs_separator_color":"","zakra_breadcrumbs_link_color":"","zakra_breadcrumbs_link_hover_color":"","zakra_page_title_bg_image":0,"zakra_footer_widgets_enabled":"customizer","zakra_footer_column_layout_1_style":"customizer","zakra_footer_widgets_bg":"","zakra_footer_widgets_bg_repeat":"customizer","zakra_footer_widgets_bg_position":"customizer","zakra_footer_widgets_bg_size":"customizer","zakra_footer_widgets_bg_attachment":"customizer","zakra_footer_bar_enabled":"customizer","zakra_footer_bar_style":"customizer","zakra_page_container_layout":"customizer","zakra_page_sidebar_layout":"customizer","zakra_remove_content_margin":false,"zakra_sidebar":"customizer","zakra_transparent_header":"customizer","zakra_logo":0,"zakra_main_header_style":"default","zakra_menu_item_color":"","zakra_menu_item_hover_color":"","zakra_menu_item_active_color":"","zakra_menu_active_style":"","zakra_page_header":true,"footnotes":""},"class_list":["post-5230","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/capmetissage.com\/index.php\/wp-json\/wp\/v2\/pages\/5230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/capmetissage.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/capmetissage.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/capmetissage.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/capmetissage.com\/index.php\/wp-json\/wp\/v2\/comments?post=5230"}],"version-history":[{"count":0,"href":"https:\/\/capmetissage.com\/index.php\/wp-json\/wp\/v2\/pages\/5230\/revisions"}],"wp:attachment":[{"href":"https:\/\/capmetissage.com\/index.php\/wp-json\/wp\/v2\/media?parent=5230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}