{"id":5040,"date":"2026-04-17T09:44:56","date_gmt":"2026-04-17T07:44:56","guid":{"rendered":"https:\/\/capmetissage.com\/index.php\/guide-parentalite\/"},"modified":"2026-05-01T19:07:55","modified_gmt":"2026-05-01T17:07:55","slug":"parentalite","status":"publish","type":"page","link":"https:\/\/capmetissage.com\/index.php\/ressources\/guides\/parentalite\/","title":{"rendered":"Guide parentalit\u00e9 : l&rsquo;enfant m\u00e9tiss\u00e9"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5040\" class=\"elementor elementor-5040 elementor-bc-flex-widget\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98bf366 e-con-full e-flex e-con e-parent\" data-id=\"98bf366\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d17d45a elementor-widget elementor-widget-html\" data-id=\"d17d45a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,ital,wght@9..144,0,400;9..144,0,500;9..144,0,600;9..144,0,700;9..144,1,400;9..144,1,500&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script>\ntailwind.config = {\n  theme: {\n    extend: {\n      colors: {\n        paper:'#F8F2EC', cream:'#FDFAF5', sand:'#D6CCC2',\n        ink:'#5B3C11', inkDeep:'#3A2408',\n        coral:'#C8362C', coralDark:'#A52D25',\n        sun:'#E8A926', taupe:'#8B7555',\n      },\n      fontFamily: {\n        serif: ['Fraunces','Georgia','serif'],\n        sans:  ['Inter','system-ui','sans-serif'],\n      },\n      maxWidth: { container:'1200px', prose:'720px' }\n    }\n  }\n}\n<\/script>\n<style>\n  html { scroll-behavior:smooth; }\n  body { font-family:'Inter',system-ui,sans-serif; color:#5B3C11; background:#F8F2EC; -webkit-font-smoothing:antialiased; }\n  h1,h2,h3,h4,.serif { font-family:'Fraunces',Georgia,serif; letter-spacing:-0.02em; color:#3A2408; }\n  .tracking-label { letter-spacing:0.08em; }\n  .guide-h1  { font-size:clamp(2.5rem,5vw,4rem); line-height:1.04; font-weight:500; }\n  .section-h2{ font-size:clamp(1.9rem,3vw,2.5rem); line-height:1.1; font-weight:500; }\n  .filet { display:inline-block; width:28px; height:2px; background:#C8362C; vertical-align:middle; margin-right:12px; }\n  .btn-primary { background:#C8362C; color:#F8F2EC; padding:14px 28px; border-radius:999px; font-weight:500; transition:all .2s; display:inline-flex; align-items:center; gap:10px; }\n  .btn-primary:hover { background:#A52D25; transform:translateY(-1px); }\n  .btn-outline { border:1.5px solid #5B3C11; color:#5B3C11; padding:12.5px 26px; border-radius:999px; font-weight:500; transition:all .2s; display:inline-flex; align-items:center; gap:10px; background:transparent; }\n  .btn-outline:hover { background:#5B3C11; color:#F8F2EC; }\n  .btn-sun { background:#E8A926; color:#3A2408; padding:14px 28px; border-radius:999px; font-weight:600; transition:all .2s; display:inline-flex; align-items:center; gap:10px; }\n  .btn-sun:hover { background:#C8931E; transform:translateY(-1px); }\n  .card { background:#FFFFFF; border:1px solid #D6CCC2; padding:28px; border-radius:12px; transition:transform .2s,box-shadow .2s; }\n  .card:hover { transform:translateY(-2px); box-shadow:0 12px 32px -12px rgba(58,36,8,.15); }\n  .focus-ring:focus-visible { outline:2px solid #C8362C; outline-offset:2px; }\n  .cover-frame { aspect-ratio:5\/7; border-radius:14px; overflow:hidden; position:relative; box-shadow:0 30px 80px -30px rgba(58,36,8,.5); }\n  .cover-label { position:absolute; inset:auto 20px 20px 20px; color:#F8F2EC; }\n  .benefit-icon { width:44px; height:44px; border-radius:12px; background:#FDFAF5; border:1px solid #D6CCC2; display:flex; align-items:center; justify-content:center; color:#C8362C; font-family:'Fraunces',Georgia,serif; font-weight:600; font-size:1.2rem; }\n  .toc-row { display:grid; grid-template-columns:auto 1fr auto; gap:16px; align-items:baseline; padding:18px 4px; border-bottom:1px dashed #D6CCC2; }\n  .toc-row:last-child { border-bottom:0; }\n  .toc-num   { font-family:'Fraunces',Georgia,serif; font-size:.95rem; color:#C8362C; letter-spacing:0.08em; text-transform:uppercase; }\n  .toc-title { font-family:'Fraunces',Georgia,serif; font-size:1.2rem; color:#3A2408; }\n  .toc-sub   { display:block; font-family:'Inter',sans-serif; font-size:.9rem; color:#8B7555; margin-top:3px; font-style:italic; letter-spacing:0; }\n  .toc-page  { font-size:.85rem; color:#8B7555; font-variant-numeric:tabular-nums; }\n  .link-underline { background-image:linear-gradient(#E8A926,#E8A926); background-size:100% 2px; background-repeat:no-repeat; background-position:0 100%; padding-bottom:2px; transition:background-size .25s; color:#5B3C11; }\n  .link-underline:hover { background-size:100% 100%; color:#3A2408; }\n<\/style>\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\nbody{font-family:'Inter',system-ui,sans-serif;color:#5B3C11 !important;background:#F8F2EC;-webkit-font-smoothing:antialiased;}\n.cap{max-width:1200px;margin:0 auto;padding:0 48px;}\n@media(max-width:768px){.cap{padding:0 24px;}}\nh1,h2,h3,h4,h5,h6,.serif{font-family:'Fraunces',Georgia,serif !important;letter-spacing:-0.02em;color:#3A2408 !important;}\np{color:#5B3C11;font-family:'Inter',system-ui,sans-serif;}\na{color:#C8362C;}\n.label{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-family:'Inter',sans-serif;}\n.cap-header-section{position:sticky !important;top:0 !important;z-index:9999 !important;}\n.filet{display:inline-block;width:28px;height:2px;background:#C8362C;vertical-align:middle;margin-right:12px;}\n.filet-sun{background:#E8A926;}\n.btn-p{background:#C8362C;color:#F8F2EC !important;padding:14px 28px;border-radius:999px;font-weight:500;font-family:'Inter',sans-serif;font-size:15px;transition:all .2s;display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:none;cursor:pointer;}\n.btn-p:hover{background:#A52D25;transform:translateY(-1px);}\n.btn-o{border:1.5px solid #5B3C11;color:#5B3C11 !important;padding:12.5px 26px;border-radius:999px;font-weight:500;font-family:'Inter',sans-serif;font-size:15px;transition:all .2s;display:inline-flex;align-items:center;gap:8px;background:transparent;text-decoration:none;cursor:pointer;}\n.btn-o:hover{background:#5B3C11;color:#F8F2EC !important;}\n.lu{background-image:linear-gradient(#E8A926,#E8A926);background-size:100% 2px;background-repeat:no-repeat;background-position:0 100%;padding-bottom:2px;color:#5B3C11;text-decoration:none;transition:background-size .25s;}\n.lu:hover{background-size:100% 100%;color:#3A2408;}\n.card{background:#fff;border:1px solid #D6CCC2;padding:32px;border-radius:12px;transition:transform .2s,box-shadow .2s;}\n.card:hover{transform:translateY(-2px);box-shadow:0 12px 32px -12px rgba(58,36,8,.15);}\n.chip{border:1px solid #8B7555;padding:6px 14px;border-radius:999px;font-size:13px;color:#5B3C11;transition:all .2s;background:transparent;cursor:pointer;font-family:'Inter',sans-serif;}\n.chip.active,.chip:hover{background:#C8362C;color:#F8F2EC !important;border-color:#C8362C;}\n@media(max-width:768px){.footer-grid{grid-template-columns:1fr!important;}}\n.cap-search-overlay{position:fixed;inset:0;background:rgba(58,36,8,.88);backdrop-filter:blur(6px);\n  z-index:99998;display:none;flex-direction:column;align-items:center;justify-content:center;padding:48px;}\n.cap-search-overlay.open{display:flex;}\n.cap-search-overlay form{width:100%;max-width:640px;}\n.cap-search-overlay input[type=search]{width:100%;background:transparent;border:none;\n  border-bottom:2px solid #E8A926;color:#F8F2EC;font-family:'Fraunces',serif;\n  font-size:clamp(1.5rem,4vw,2.5rem);padding:12px 0;outline:none;font-style:italic;}\n.cap-search-overlay input[type=search]::placeholder{color:rgba(248,242,236,.4);}\n.cap-search-hint{color:rgba(248,242,236,.5);font-size:13px;font-family:'Inter',sans-serif;margin-top:12px;}\n.cap-search-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;}\n.cap-search-chip{background:rgba(248,242,236,.1);border:1px solid rgba(248,242,236,.2);color:#F8F2EC;\n  border-radius:999px;padding:6px 16px;font-family:'Inter',sans-serif;font-size:13px;cursor:pointer;\n  text-decoration:none;transition:background .2s;}\n.cap-search-chip:hover{background:rgba(248,242,236,.2);}\n.cap-search-close{position:absolute;top:16px;right:16px;background:none;border:1px solid rgba(248,242,236,.15);\n  color:rgba(248,242,236,.7);font-size:24px;cursor:pointer;line-height:1;padding:0;\n  width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;}\n.cap-search-close:hover{color:#F8F2EC;background:rgba(248,242,236,.06);}\n\n\/* ========== RESPONSIVE PATCH A \u2014 header, hamburger, menu off-canvas ========== *\/\n.cap-menu-checkbox{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}\n.cap-logo{display:flex;align-items:center;gap:12px;flex-shrink:0;text-decoration:none;}\n.cap-logo__main{height:56px!important;width:auto!important;display:inline-block!important;}\n.cap-logo__colibri{height:48px!important;width:auto!important;display:inline-block!important;}\n.cap-nav-desktop{display:flex;align-items:center;gap:28px;font-size:15px;font-family:'Inter',sans-serif;font-weight:400;}\n.cap-header-actions{display:flex;align-items:center;gap:14px;}\n.cap-search-btn{width:44px;height:44px;border-radius:999px;border:1px solid #D6CCC2;background:transparent;\n  cursor:pointer;display:flex;align-items:center;justify-content:center;color:#5B3C11;transition:background .2s;flex-shrink:0;}\n.cap-search-btn:hover{background:rgba(214,204,194,.4);}\n.cap-adherer-desktop{background:#C8362C;color:#F8F2EC !important;padding:12px 24px;border-radius:999px;\n  font-family:'Inter',sans-serif;font-weight:500;font-size:14px;text-decoration:none;white-space:nowrap;}\n.cap-adherer-desktop:hover{background:#A52D25;}\n.cap-menu-burger{display:none;width:44px;height:44px;border-radius:999px;border:1px solid #D6CCC2;\n  background:transparent;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0;}\n.cap-menu-burger span{display:block;width:18px;height:2px;background:#5B3C11;border-radius:1px;transition:transform .2s,opacity .2s;}\n.cap-menu-panel{position:fixed;top:0;right:0;height:100vh;width:min(360px,90vw);\n  background:#3A2408;color:#F8F2EC;transform:translateX(100%);\n  transition:transform .3s cubic-bezier(.2,.7,.2,1);z-index:99999;\n  display:flex;flex-direction:column;padding:64px 28px 32px;gap:24px;\n  overflow-y:auto;box-shadow:-20px 0 60px rgba(0,0,0,.25);}\n.cap-menu-backdrop{position:fixed;inset:0;background:rgba(58,36,8,.5);\n  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;\n  z-index:99998;cursor:pointer;border:none;padding:0;display:block;}\n.cap-menu-checkbox:checked ~ .cap-menu-panel{transform:translateX(0);}\n.cap-menu-checkbox:checked ~ .cap-menu-backdrop{opacity:1;visibility:visible;}\n.cap-menu-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:999px;\n  display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1;\n  color:rgba(248,242,236,.7);cursor:pointer;background:transparent;border:1px solid rgba(248,242,236,.15);\n  font-family:'Inter',sans-serif;}\n.cap-menu-close:hover{color:#F8F2EC;background:rgba(248,242,236,.06);}\n.cap-menu-nav{display:flex;flex-direction:column;gap:0;margin-top:8px;}\n.cap-menu-nav a{display:block;padding:14px 0;border-bottom:1px solid rgba(248,242,236,.08);\n  color:#F8F2EC;text-decoration:none;font-family:'Fraunces',serif;font-size:22px;font-weight:500;\n  letter-spacing:-0.01em;transition:color .2s,padding-left .2s;}\n.cap-menu-nav a:hover,.cap-menu-nav a:focus{color:#E8A926;padding-left:6px;outline:none;}\n.cap-menu-nav a[aria-current=\"page\"]{color:#E8A926;}\n.cap-adherer-mobile{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;\n  background:#C8362C;color:#F8F2EC !important;padding:16px 28px;border-radius:999px;\n  font-family:'Inter',sans-serif;font-weight:500;font-size:16px;text-decoration:none;}\n.cap-adherer-mobile:hover{background:#A52D25;}\n.cap-bandeau-inner{padding-top:10px;padding-bottom:10px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#F8F2EC;}\n.cap-bandeau-text{display:flex;align-items:center;gap:12px;flex:1;min-width:0;}\n.cap-bandeau-text > span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}\n.cap-header-bar{background:rgba(248,242,236,.97);border-bottom:1px solid #D6CCC2;backdrop-filter:blur(8px);position:sticky;top:0;z-index:9999;}\n.cap-header-bar > .cap{padding-top:16px;padding-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;}\n@media(max-width:1024px){\n  .cap-nav-desktop{gap:20px;font-size:14px;}\n  .cap-logo__main{height:48px!important;}\n  .cap-logo__colibri{height:42px!important;}\n}\n@media(max-width:900px){\n  .cap-nav-desktop{display:none;}\n  .cap-adherer-desktop{display:none;}\n  .cap-menu-burger{display:flex;}\n  .cap-header-bar > .cap{padding-top:12px;padding-bottom:12px;}\n  .cap-logo__main{display:none!important;}\n  .cap-logo__colibri{height:44px!important;}\n}\n@media(max-width:480px){\n  .cap-logo{display:none!important;}\n  .cap-header-actions{margin-left:auto;}\n  .cap-bandeau-inner{flex-wrap:wrap;gap:6px;padding-top:8px;padding-bottom:8px;}\n  .cap-bandeau-text{flex-wrap:wrap;gap:8px;font-size:13px;}\n  .cap-bandeau-text > span:nth-child(2){white-space:normal;}\n  .cap-header-actions{gap:8px;}\n  .cap-search-btn{width:40px;height:40px;}\n  .cap-menu-burger{width:40px;height:40px;}\n}\n@media(prefers-reduced-motion:reduce){\n  .cap-menu-panel,.cap-menu-backdrop{transition:none;}\n}\n<\/style>\n\n<div class=\"bg-paper text-ink\">\n\n\n<input type=\"checkbox\" id=\"cap-menu-toggle\" class=\"cap-menu-checkbox\" aria-hidden=\"true\" tabindex=\"-1\">\n<div id=\"cap-bandeau\" style=\"background:#3A2408;color:#F8F2EC;position:relative;z-index:10000;\">\n  <div class=\"cap cap-bandeau-inner\">\n    <div class=\"cap-bandeau-text\">\n      <span style=\"letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-family:'Inter',sans-serif;color:#E8A926;font-weight:600;flex-shrink:0;\">Nouveau<\/span>\n      <span style=\"color:rgba(248,242,236,.9);font-family:'Inter',sans-serif;\">CAP M&eacute;tissage ouvre une antenne &agrave; Angers.<\/span>\n      <a href=\"\/index.php\/antennes\/angers\/\" style=\"color:#E8A926;text-decoration:underline;font-family:'Inter',sans-serif;white-space:nowrap;flex-shrink:0;\">En savoir plus<\/a>\n    <\/div>\n    <button id=\"cap-bandeau-close-btn\"\n      style=\"background:none;border:none;color:rgba(248,242,236,.6);font-size:18px;cursor:pointer;padding:8px 12px;line-height:1;flex-shrink:0;min-width:36px;min-height:36px;\"\n      onmouseover=\"this.style.color='#F8F2EC'\" onmouseout=\"this.style.color='rgba(248,242,236,.6)'\"\n      aria-label=\"Fermer l&rsquo;annonce\">&#x2715;<\/button>\n  <\/div>\n<\/div>\n\n<div id=\"cap-search-overlay\" class=\"cap-search-overlay\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Rechercher sur le site CAP M&eacute;tissage\">\n  <button class=\"cap-search-close\" id=\"cap-search-close\" aria-label=\"Fermer la recherche\">&#x2715;<\/button>\n  <form action=\"\/\" method=\"get\">\n    <input type=\"search\" name=\"s\" id=\"cap-search-input\" placeholder=\"Votre recherche...\" autocomplete=\"off\">\n    <p class=\"cap-search-hint\">Entr&eacute;e pour lancer &middot; &Eacute;chap pour fermer &middot; \/ pour rouvrir<\/p>\n    <div class=\"cap-search-chips\">\n      <a href=\"\/?s=Metis+Talks\" class=\"cap-search-chip\">Metis Talks<\/a>\n      <a href=\"\/index.php\/mes-tissages-by-cap-metissage-le-podcast\/\" class=\"cap-search-chip\">Podcast Mes Tissages<\/a>\n      <a href=\"\/?s=parentalit%C3%A9\" class=\"cap-search-chip\">Parentalit&eacute;<\/a>\n      <a href=\"\/?s=identit%C3%A9+m%C3%A9tisse\" class=\"cap-search-chip\">Identit&eacute; m&eacute;tisse<\/a>\n    <\/div>\n  <\/form>\n<\/div>\n\n<script>(function(){\n  var bandeau=document.getElementById('cap-bandeau-close-btn');\n  if(bandeau)bandeau.addEventListener('click',function(){var d=document.getElementById('cap-bandeau');if(d)d.style.display='none';});\n  var overlay=document.getElementById('cap-search-overlay');\n  var inp=document.getElementById('cap-search-input');\n  var closeBtn=document.getElementById('cap-search-close');\n  var trigger=document.getElementById('cap-search-btn');\n  function openSearch(){overlay.classList.add('open');if(inp)setTimeout(function(){inp.focus();},80);}\n  function closeSearch(){overlay.classList.remove('open');if(trigger)trigger.focus();}\n  if(trigger)trigger.addEventListener('click',openSearch);\n  if(closeBtn)closeBtn.addEventListener('click',closeSearch);\n  document.addEventListener('keydown',function(e){\n    if(e.key==='\/'&&document.activeElement.tagName!=='INPUT'&&document.activeElement.tagName!=='TEXTAREA'){e.preventDefault();openSearch();}\n    if(e.key==='Escape')closeSearch();\n  });\n  document.querySelectorAll('[data-cap-search]').forEach(function(b){b.addEventListener('click',openSearch);});\n})();<\/script>\n\n<div class=\"cap-header-bar\">\n  <div class=\"cap\">\n    <a href=\"\/\" class=\"cap-logo\" aria-label=\"CAP M&eacute;tissage &mdash; Accueil\">\n      <img decoding=\"async\" class=\"cap-logo__main\" src=\"https:\/\/i0.wp.com\/capmetissage.com\/wp-content\/uploads\/2026\/04\/logo-cap-metissage-transp-scaled.png?w=1110&ssl=1\" alt=\"Logo CAP M&eacute;tissage\">\n      <img decoding=\"async\" class=\"cap-logo__colibri\" src=\"https:\/\/i0.wp.com\/capmetissage.com\/wp-content\/uploads\/2026\/04\/colibri-seul-favicon.png?w=1110&ssl=1\" alt=\"\" aria-hidden=\"true\">\n    <\/a>\n    <nav class=\"cap-nav-desktop\" aria-label=\"Navigation principale\">\n      <a href=\"\/index.php\/connaitre-cap-metissage\/\" style=\"color:#5B3C11 !important;text-decoration:none;\" onmouseover=\"this.style.color='#C8362C'\" onmouseout=\"this.style.color='#5B3C11'\">L&rsquo;association<\/a>\n      <a href=\"\/index.php\/#nos-actions\" style=\"color:#5B3C11 !important;text-decoration:none;\" onmouseover=\"this.style.color='#C8362C'\" onmouseout=\"this.style.color='#5B3C11'\">Actions<\/a>\n      <a href=\"\/index.php\/connaitre-cap-metissage\/publications\/\" style=\"color:#5B3C11 !important;text-decoration:none;\" onmouseover=\"this.style.color='#C8362C'\" onmouseout=\"this.style.color='#5B3C11'\">Publications<\/a>\n      \n      <a href=\"\/index.php\/partenariats\/\" style=\"color:#5B3C11 !important;text-decoration:none;\" onmouseover=\"this.style.color='#C8362C'\" onmouseout=\"this.style.color='#5B3C11'\">Partenariats<\/a>\n      <a href=\"\/index.php\/antennes\/\" style=\"color:#5B3C11 !important;text-decoration:none;\" onmouseover=\"this.style.color='#C8362C'\" onmouseout=\"this.style.color='#5B3C11'\">Antennes<\/a>\n      <a href=\"\/index.php\/ressources\/livres\/\" style=\"color:#5B3C11 !important;text-decoration:none;\" onmouseover=\"this.style.color='#C8362C'\" onmouseout=\"this.style.color='#5B3C11'\">Ressources<\/a>\n      <a href=\"\/index.php\/contact\/\" style=\"color:#5B3C11 !important;text-decoration:none;\" onmouseover=\"this.style.color='#C8362C'\" onmouseout=\"this.style.color='#5B3C11'\">Contact<\/a>\n    <\/nav>\n    <div class=\"cap-header-actions\">\n      <button id=\"cap-search-btn\" class=\"cap-search-btn\" data-cap-search aria-label=\"Ouvrir la recherche sur le site\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n          <circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.35-4.35\"\/>\n        <\/svg>\n      <\/button>\n      <a href=\"https:\/\/www.helloasso.com\/associations\/cap-metissage\/adhesions\/adhesion-cap-metissage-2026\" class=\"cap-adherer-desktop\" target=\"_blank\" rel=\"noopener\">Adh&eacute;rer<\/a>\n      <label for=\"cap-menu-toggle\" class=\"cap-menu-burger\" aria-label=\"Ouvrir le menu de navigation\" role=\"button\" tabindex=\"0\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/label>\n    <\/div>\n  <\/div>\n<\/div>\n<aside class=\"cap-menu-panel\" aria-label=\"Menu de navigation mobile\">\n  <label for=\"cap-menu-toggle\" class=\"cap-menu-close\" aria-label=\"Fermer le menu\" role=\"button\" tabindex=\"0\">&#x2715;<\/label>\n  <nav class=\"cap-menu-nav\" aria-label=\"Navigation principale mobile\">\n    <a href=\"\/index.php\/connaitre-cap-metissage\/\">L&rsquo;association<\/a>\n    <a href=\"\/index.php\/#nos-actions\">Actions<\/a>\n    <a href=\"\/index.php\/connaitre-cap-metissage\/publications\/\">Publications<\/a>\n    \n    <a href=\"\/index.php\/partenariats\/\">Partenariats<\/a>\n    <a href=\"\/index.php\/antennes\/\">Antennes<\/a>\n    <a href=\"\/index.php\/ressources\/livres\/\">Ressources<\/a>\n    <a href=\"\/index.php\/contact\/\">Contact<\/a>\n  <\/nav>\n  <a class=\"cap-adherer-mobile\" href=\"https:\/\/www.helloasso.com\/associations\/cap-metissage\/adhesions\/adhesion-cap-metissage-2026\" target=\"_blank\" rel=\"noopener\">Adh&eacute;rer<\/a>\n<\/aside>\n<label for=\"cap-menu-toggle\" class=\"cap-menu-backdrop\" aria-hidden=\"true\"><\/label>\n<script>(function(){\n  var t=document.getElementById('cap-menu-toggle');\n  if(!t)return;\n  function closeMenu(){t.checked=false;document.body.style.overflow='';}\n  t.addEventListener('change',function(){\n    document.body.style.overflow=t.checked?'hidden':'';\n  });\n  document.querySelectorAll('.cap-menu-panel a').forEach(function(a){\n    a.addEventListener('click',closeMenu);\n  });\n  document.querySelectorAll('label[for=\"cap-menu-toggle\"]').forEach(function(l){\n    l.addEventListener('keydown',function(e){\n      if(e.key==='Enter'||e.key===' '){e.preventDefault();l.click();}\n    });\n  });\n  document.addEventListener('keydown',function(e){\n    if(e.key==='Escape'&&t.checked)closeMenu();\n  });\n})();<\/script>\n\n\n<!-- FIL D'ARIANE -->\n\n<nav aria-label=\"Fil d'Ariane\" class=\"border-b border-sand\/60 bg-cream\">\n  <div class=\"max-w-container mx-auto px-6 lg:px-12 py-3 text-sm text-taupe flex items-center gap-2 overflow-x-auto\">\n    <a href=\"\/\" class=\"hover:text-coral whitespace-nowrap\">Accueil<\/a>\n    <span aria-hidden=\"true\">&rsaquo;<\/span>\n    <a href=\"\/index.php\/ressources\/\" class=\"hover:text-coral whitespace-nowrap\">Ressources<\/a>\n    <span aria-hidden=\"true\">&rsaquo;<\/span>\n    <a href=\"\/index.php\/ressources\/guides\/\" class=\"hover:text-coral whitespace-nowrap\">Guides<\/a>\n    <span aria-hidden=\"true\">&rsaquo;<\/span>\n    <span class=\"text-inkDeep truncate\">L&rsquo;&Eacute;veil des couleurs du Monde<\/span>\n  <\/div>\n<\/nav>\n\n<!-- HERO -->\n<section class=\"relative overflow-hidden\">\n  <div class=\"max-w-container mx-auto px-6 lg:px-12 py-16 lg:py-24 grid lg:grid-cols-12 gap-12 items-center\">\n    <div class=\"lg:col-span-7\">\n      <div class=\"flex items-center gap-3 mb-6\">\n        <span class=\"tracking-label uppercase text-xs text-coral\"><span class=\"filet\"><\/span>Collection CAP M&eacute;tissage &middot; Guide historique<\/span>\n      <\/div>\n      <h1 class=\"guide-h1 mb-5\">\n        L&rsquo;&Eacute;veil des couleurs du Monde&nbsp;:<br>\n        <span class=\"italic text-coral\" style=\"font-variation-settings:'opsz' 144,'SOFT' 100;\">parentalit&eacute; d&rsquo;un enfant m&eacute;tiss&eacute;.<\/span>\n      <\/h1>\n      <p class=\"serif text-xl lg:text-2xl text-inkDeep mb-6\" style=\"font-style:italic;\">Notre guide fondateur.<\/p>\n      <p class=\"text-lg text-taupe leading-relaxed max-w-xl mb-8\">Un outil concret, nourri de t&eacute;moignages et de pistes pratiques, pour accompagner les familles interculturelles au quotidien et aborder les d&eacute;fis sp&eacute;cifiques li&eacute;s &agrave; la double culture.<\/p>\n\n      <!-- Formulaire t\u00e9l\u00e9chargement -->\n      <form id=\"guideDownloadForm\" class=\"bg-cream border border-sand rounded-2xl p-5 lg:p-6 max-w-lg\">\n        <div class=\"tracking-label uppercase text-xs text-coral mb-3\"><span class=\"filet\"><\/span>Recevoir le guide gratuit<\/div>\n        <div class=\"flex flex-col sm:flex-row gap-3\">\n          <label for=\"guideEmail\" class=\"sr-only\">Adresse email<\/label>\n          <input id=\"guideEmail\" type=\"email\" required placeholder=\"votre@email.fr\"\n                 class=\"flex-1 px-5 py-3 rounded-full border border-sand bg-paper focus:outline-none focus:border-coral text-ink\" \/>\n          <input type=\"hidden\" name=\"guide\" value=\"parentalite\" \/>\n          <button id=\"guideDlBtn\" type=\"submit\" class=\"btn-sun focus-ring whitespace-nowrap\">T&eacute;l&eacute;charger<\/button>\n        <\/div>\n        <p class=\"text-xs text-taupe mt-3\">PDF de 32 pages. Pas de spam, d&eacute;sinscription en un clic.<\/p>\n        <p id=\"guideDlMsg\" class=\"text-xs mt-2 min-h-[18px]\"><\/p>\n      <\/form>\n\n      <div class=\"mt-10 flex items-center gap-8 text-sm text-taupe flex-wrap\">\n        <div class=\"flex items-center gap-2\">\n          <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"#C8362C\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><path d=\"M14 2v6h6M8 13h8M8 17h5\"\/><\/svg>\n          32&nbsp;pages\n        <\/div>\n        <div class=\"flex items-center gap-2\">\n          <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"#C8362C\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n          Lecture &asymp;&nbsp;38&nbsp;min\n        <\/div>\n        <div class=\"flex items-center gap-2\">\n          <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"#C8362C\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n          Format PDF\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Couverture -->\n    <div class=\"lg:col-span-5 relative\">\n      <div class=\"cover-frame\">\n        <div style=\"width:100%;height:100%;background:linear-gradient(160deg,#C8362C 0%,#5B3C11 55%,#3A2408 100%);position:relative;\">\n          <div style=\"position:absolute;inset:0;background:linear-gradient(135deg,transparent 44%,rgba(248,242,236,.12) 44%,rgba(248,242,236,.12) 54%,transparent 54%),linear-gradient(210deg,transparent 58%,rgba(232,169,38,.2) 58%,rgba(232,169,38,.2) 72%,transparent 72%);\"><\/div>\n          <div class=\"cover-label\">\n            <div class=\"tracking-label uppercase text-[10px] text-sun mb-2\">Collection CAP M&eacute;tissage<\/div>\n            <div class=\"serif text-2xl leading-tight mb-1\" style=\"color:#F8F2EC;\">L&rsquo;&Eacute;veil des couleurs du Monde<\/div>\n            <div class=\"text-sm opacity-80\" style=\"font-style:italic;color:#F8F2EC;\">Notre guide fondateur.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"absolute -top-4 -right-4 w-24 h-24 bg-sun\/30 rounded-full blur-2xl -z-10\"><\/div>\n      <div class=\"absolute -bottom-6 -left-6 w-32 h-32 bg-coral\/20 rounded-full blur-2xl -z-10\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CE QUE VOUS Y TROUVEREZ -->\n<section class=\"bg-cream border-y border-sand\">\n  <div class=\"max-w-container mx-auto px-6 lg:px-12 py-20\">\n    <div class=\"max-w-2xl mb-12\">\n      <div class=\"tracking-label uppercase text-xs text-coral mb-4\"><span class=\"filet\"><\/span>Ce que vous y trouverez<\/div>\n      <h2 class=\"section-h2 mb-5\">Quatre chapitres, des rep&egrave;res concrets.<\/h2>\n      <p class=\"text-taupe text-lg leading-relaxed\">Pas de th&eacute;orie plaqu&eacute;e. Ce guide part des situations r&eacute;elles et propose des outils mobilisables imm&eacute;diatement.<\/p>\n    <\/div>\n    <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-6\">\n      \n      <div class=\"card\">\n        <div class=\"benefit-icon mb-5\">I<\/div>\n        <h3 class=\"serif text-lg text-inkDeep mb-2 leading-snug\">Comprendre l&rsquo;identit&eacute; m&eacute;tisse<\/h3>\n        <p class=\"text-sm text-taupe leading-relaxed\">Les bases pour comprendre comment se construit l&rsquo;identit&eacute; d&rsquo;un enfant &agrave; la crois&eacute;e de deux cultures.<\/p>\n      <\/div>\n      <div class=\"card\">\n        <div class=\"benefit-icon mb-5\">II<\/div>\n        <h3 class=\"serif text-lg text-inkDeep mb-2 leading-snug\">Accompagner au quotidien<\/h3>\n        <p class=\"text-sm text-taupe leading-relaxed\">Des outils concrets pour naviguer les questions de l&rsquo;enfant sur ses origines.<\/p>\n      <\/div>\n      <div class=\"card\">\n        <div class=\"benefit-icon mb-5\">III<\/div>\n        <h3 class=\"serif text-lg text-inkDeep mb-2 leading-snug\">Face aux regards ext&eacute;rieurs<\/h3>\n        <p class=\"text-sm text-taupe leading-relaxed\">Pr&eacute;parer l&rsquo;enfant aux remarques et aux questions sans le surcharger.<\/p>\n      <\/div>\n      <div class=\"card\">\n        <div class=\"benefit-icon mb-5\">IV<\/div>\n        <h3 class=\"serif text-lg text-inkDeep mb-2 leading-snug\">Transmettre la richesse du m&eacute;tissage<\/h3>\n        <p class=\"text-sm text-taupe leading-relaxed\">Transformer la pluralit&eacute; culturelle en fiert&eacute; et en force.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SOMMAIRE D\u00c9TAILL\u00c9 -->\n<section class=\"bg-paper\">\n  <div class=\"max-w-container mx-auto px-6 lg:px-12 py-20\">\n    <div class=\"grid lg:grid-cols-12 gap-12\">\n      <div class=\"lg:col-span-4\">\n        <div class=\"tracking-label uppercase text-xs text-coral mb-4\"><span class=\"filet\"><\/span>Sommaire complet<\/div>\n        <h2 class=\"section-h2 mb-4\">32&nbsp;pages, un chemin.<\/h2>\n        <p class=\"text-taupe leading-relaxed\">Ce guide peut se lire d&rsquo;une traite ou chapitre par chapitre. Chaque section ouvre sur une question, se ferme sur une piste d&rsquo;action.<\/p>\n      <\/div>\n      <div class=\"lg:col-span-8\">\n        \n        <div class=\"toc-row\">\n          <span class=\"toc-num\">Partie I<\/span>\n          <span class=\"toc-title\">Comprendre l&rsquo;identit&eacute; m&eacute;tisse<span class=\"toc-sub\">Les fondamentaux de la construction identitaire.<\/span><\/span>\n          <span class=\"toc-page\">p.&nbsp;06<\/span>\n        <\/div>\n        <div class=\"toc-row\">\n          <span class=\"toc-num\">Partie II<\/span>\n          <span class=\"toc-title\">Au quotidien<span class=\"toc-sub\">Outils pratiques pour les familles.<\/span><\/span>\n          <span class=\"toc-page\">p.&nbsp;12<\/span>\n        <\/div>\n        <div class=\"toc-row\">\n          <span class=\"toc-num\">Partie III<\/span>\n          <span class=\"toc-title\">Face au monde ext&eacute;rieur<span class=\"toc-sub\">Pr&eacute;parer son enfant aux r&eacute;alit&eacute;s sociales.<\/span><\/span>\n          <span class=\"toc-page\">p.&nbsp;20<\/span>\n        <\/div>\n        <div class=\"toc-row\">\n          <span class=\"toc-num\">Partie IV<\/span>\n          <span class=\"toc-title\">Transmettre la richesse<span class=\"toc-sub\">Faire du m&eacute;tissage une force durable.<\/span><\/span>\n          <span class=\"toc-page\">p.&nbsp;26<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PULL QUOTE -->\n<section class=\"bg-inkDeep text-paper\">\n  <div class=\"max-w-container mx-auto px-6 lg:px-12 py-24\">\n    <div class=\"max-w-3xl mx-auto text-center\">\n      <div class=\"tracking-label uppercase text-xs text-sun mb-6\"><span style=\"display:inline-block;width:28px;height:2px;background:#E8A926;vertical-align:middle;margin-right:12px;\"><\/span>Extrait<\/div>\n      <blockquote class=\"serif leading-tight\" style=\"font-size:clamp(1.7rem,3vw,2.5rem);font-style:italic;color:#F8F2EC;\">\n        &laquo;&nbsp;Le m&eacute;tissage est une richesse, un m&eacute;lange de cultures qui donne une vision du monde pluriel, qui invite &agrave; plus de tol&eacute;rance.&nbsp;&raquo;\n      <\/blockquote>\n      <div class=\"tracking-label uppercase text-xs mt-8\" style=\"color:rgba(232,169,38,.8);\">Tania Gombert &middot; Pr&eacute;sidente, CAP M&eacute;tissage<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- POUR VOUS SI -->\n<section class=\"bg-paper\">\n  <div class=\"max-w-container mx-auto px-6 lg:px-12 py-20\">\n    <div class=\"max-w-prose mx-auto\">\n      <div class=\"tracking-label uppercase text-xs text-coral mb-4\"><span class=\"filet\"><\/span>&Agrave; qui s&rsquo;adresse ce guide<\/div>\n      <h2 class=\"section-h2 mb-8\">Pour vous si&hellip;<\/h2>\n      <ul class=\"space-y-4 text-lg\">\n        \n        <li class=\"flex items-start gap-4\">\n          <span class=\"shrink-0 w-8 h-8 rounded-full bg-coral\/10 text-coral flex items-center justify-center font-semibold\">&rarr;<\/span>\n          <span class=\"text-ink leading-relaxed\">Vous &eacute;levez un enfant m&eacute;tiss&eacute; et cherchez des rep&egrave;res pour l&rsquo;accompagner dans la construction de son identit&eacute;.<\/span>\n        <\/li>\n        <li class=\"flex items-start gap-4\">\n          <span class=\"shrink-0 w-8 h-8 rounded-full bg-coral\/10 text-coral flex items-center justify-center font-semibold\">&rarr;<\/span>\n          <span class=\"text-ink leading-relaxed\">Votre enfant pose des questions sur ses origines et vous ne savez pas toujours comment y r&eacute;pondre.<\/span>\n        <\/li>\n        <li class=\"flex items-start gap-4\">\n          <span class=\"shrink-0 w-8 h-8 rounded-full bg-coral\/10 text-coral flex items-center justify-center font-semibold\">&rarr;<\/span>\n          <span class=\"text-ink leading-relaxed\">Vous voulez transformer la pluralit&eacute; culturelle de votre famille en richesse plut&ocirc;t qu&rsquo;en source de tension.<\/span>\n        <\/li>\n        <li class=\"flex items-start gap-4\">\n          <span class=\"shrink-0 w-8 h-8 rounded-full bg-coral\/10 text-coral flex items-center justify-center font-semibold\">&rarr;<\/span>\n          <span class=\"text-ink leading-relaxed\">Vous cherchez des outils concrets pour parler de la double culture &agrave; votre enfant d&egrave;s le plus jeune &acirc;ge.<\/span>\n        <\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- LA COLLECTION COMPL\u00c8TE -->\n<section class=\"bg-cream border-t border-sand\">\n  <div class=\"max-w-container mx-auto px-6 lg:px-12 py-20\">\n    <div class=\"flex items-end justify-between mb-10 flex-wrap gap-4\">\n      <div>\n        <div class=\"tracking-label uppercase text-xs text-coral mb-3\"><span class=\"filet\"><\/span>La collection CAP M&eacute;tissage<\/div>\n        <h2 class=\"section-h2\">Les autres guides.<\/h2>\n      <\/div>\n      <a href=\"\/index.php\/ressources\/guides\/\" class=\"link-underline text-sm\">Voir toute la collection &rarr;<\/a>\n    <\/div>\n    <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6\">\n      \n      <a href=\"\/index.php\/ressources\/guides\/01-couples-mixtes\/\" class=\"card group flex gap-4 items-start\" style=\"text-decoration:none;\">\n        <div class=\"shrink-0 w-20 rounded-lg overflow-hidden aspect-[5\/7]\" style=\"background:linear-gradient(160deg,#3A2408 0%,#5B3C11 45%,#C8362C 80%,#E8A926 100%);\"><\/div>\n        <div class=\"min-w-0\">\n          <div class=\"tracking-label uppercase text-[10px] text-taupe mb-1\">Guide 01 &middot; Couples<\/div>\n          <h3 class=\"serif text-base text-inkDeep group-hover:text-coral transition leading-snug\" style=\"font-size:15px;\">Couples mixtes&nbsp;: naviguer l&rsquo;amour entre deux cultures<\/h3>\n        <\/div>\n      <\/a>\n      <a href=\"\/index.php\/ressources\/guides\/02-ecole\/\" class=\"card group flex gap-4 items-start\" style=\"text-decoration:none;\">\n        <div class=\"shrink-0 w-20 rounded-lg overflow-hidden aspect-[5\/7]\" style=\"background:linear-gradient(160deg,#5B3C11 0%,#C8362C 100%);\"><\/div>\n        <div class=\"min-w-0\">\n          <div class=\"tracking-label uppercase text-[10px] text-taupe mb-1\">Guide 02 &middot; Parents 6-16 ans<\/div>\n          <h3 class=\"serif text-base text-inkDeep group-hover:text-coral transition leading-snug\" style=\"font-size:15px;\">M&eacute;tissage et &eacute;cole&nbsp;: accompagner son enfant face aux in&eacute;galit&eacute;s<\/h3>\n        <\/div>\n      <\/a>\n      <a href=\"\/index.php\/ressources\/guides\/03-adolescence\/\" class=\"card group flex gap-4 items-start\" style=\"text-decoration:none;\">\n        <div class=\"shrink-0 w-20 rounded-lg overflow-hidden aspect-[5\/7]\" style=\"background:linear-gradient(160deg,#3A2408 0%,#E8A926 100%);\"><\/div>\n        <div class=\"min-w-0\">\n          <div class=\"tracking-label uppercase text-[10px] text-taupe mb-1\">Guide 03 &middot; Ados et parents<\/div>\n          <h3 class=\"serif text-base text-inkDeep group-hover:text-coral transition leading-snug\" style=\"font-size:15px;\">Identit&eacute; m&eacute;tisse &agrave; l&rsquo;adolescence&nbsp;: la crise d&rsquo;appartenance<\/h3>\n        <\/div>\n      <\/a>\n      <a href=\"\/index.php\/ressources\/guides\/04-entreprise\/\" class=\"card group flex gap-4 items-start\" style=\"text-decoration:none;\">\n        <div class=\"shrink-0 w-20 rounded-lg overflow-hidden aspect-[5\/7]\" style=\"background:linear-gradient(160deg,#8B7555 0%,#3A2408 100%);\"><\/div>\n        <div class=\"min-w-0\">\n          <div class=\"tracking-label uppercase text-[10px] text-taupe mb-1\">Guide 04 &middot; Adultes actifs<\/div>\n          <h3 class=\"serif text-base text-inkDeep group-hover:text-coral transition leading-snug\" style=\"font-size:15px;\">M&eacute;tissage en entreprise&nbsp;: leadership, diversit&eacute; et identit&eacute; professionnelle<\/h3>\n        <\/div>\n      <\/a>\n      <a href=\"\/index.php\/ressources\/guides\/05-grands-parents\/\" class=\"card group flex gap-4 items-start\" style=\"text-decoration:none;\">\n        <div class=\"shrink-0 w-20 rounded-lg overflow-hidden aspect-[5\/7]\" style=\"background:linear-gradient(160deg,#E8A926 0%,#C8362C 100%);\"><\/div>\n        <div class=\"min-w-0\">\n          <div class=\"tracking-label uppercase text-[10px] text-taupe mb-1\">Guide 05 &middot; Familles &eacute;largies<\/div>\n          <h3 class=\"serif text-base text-inkDeep group-hover:text-coral transition leading-snug\" style=\"font-size:15px;\">Grands-parents et familles &eacute;largies&nbsp;: accueillir le m&eacute;tissage<\/h3>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA REJOINDRE -->\n<section id=\"rejoindre\" class=\"bg-paper\">\n  <div class=\"max-w-container mx-auto px-6 lg:px-12 py-20 text-center\">\n    <div class=\"tracking-label uppercase text-xs text-coral mb-4\"><span class=\"filet\"><\/span>Faire partie du mouvement<\/div>\n    <h2 class=\"section-h2 mb-5\">Ces guides existent parce que l&rsquo;association tient debout.<\/h2>\n    <p class=\"text-lg text-taupe max-w-2xl mx-auto mb-8 leading-relaxed\">\n      Adh&eacute;rer, c&rsquo;est rendre possible la prochaine &eacute;dition, les ateliers, les projections. Comme le colibri, chacun fait sa part.\n    <\/p>\n    <div class=\"flex flex-wrap justify-center gap-4\">\n      <a href=\"https:\/\/www.helloasso.com\/associations\/cap-metissage\/adhesions\/adhesion-cap-metissage-2026\" class=\"btn-primary focus-ring\" target=\"_blank\" rel=\"noopener\">Adh&eacute;rer &middot; 20&nbsp;&euro;&nbsp;\/&nbsp;an<\/a>\n      <a href=\"https:\/\/www.helloasso.com\/associations\/cap-metissage\/formulaires\/1\" class=\"btn-outline focus-ring\" target=\"_blank\" rel=\"noopener\">Faire un don<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- cap-articles-latest-6 -->\n<style>\n\/* ====== Section \"Le journal\" \u2014 Editorial Grid + Swiss Modernism ======\n   Pattern : Editorial Magazine \/ Recent Issues\n   Discipline : type scale rigoureuse 11\/14\/16\/18\/22, spacing multiple de 8,\n                grille 12-cols math\u00e9matique, hi\u00e9rarchie \u00e0 3 niveaux,\n                hover sobre (couleur seulement, jamais layout-shift)\n   Refs : Aeon \"More from Aeon\", The Cut footer, Le Monde Diplo\n   ================================================================== *\/\n.cap-jrn{--jrn-ink:#3A2408;--jrn-ink-soft:#5B3C11;--jrn-meta:#8B7555;--jrn-accent:#C8362C;--jrn-rule:#3A2408;--jrn-divider:#E8DCC9;\n  font-family:'Inter','Helvetica Neue',Arial,sans-serif;color:var(--jrn-ink);background:transparent;padding:64px 0 24px;}\n.cap-jrn__wrap{max-width:1200px;margin:0 auto;padding:0 32px;}\n\n\/* Header : eyebrow + lien, s\u00e9par\u00e9s par filet noir 1px (signature \u00e9ditoriale) *\/\n.cap-jrn__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:16px;border-bottom:1px solid var(--jrn-rule);margin-bottom:40px;}\n.cap-jrn__kicker{font-family:'Inter',sans-serif;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--jrn-ink);line-height:1;}\n.cap-jrn__all{font-family:'Inter',sans-serif;font-size:12px;color:var(--jrn-ink);text-decoration:none;letter-spacing:.04em;line-height:1;display:inline-flex;align-items:center;gap:8px;transition:color .2s ease;}\n.cap-jrn__all::after{content:\"\u2192\";display:inline-block;transition:transform .25s ease;}\n.cap-jrn__all:hover{color:var(--jrn-accent) !important;}\n.cap-jrn__all:hover::after{transform:translateX(4px);}\n\n\/* Grille 12-cols : 3 cards \u00d7 span 4 (desktop), 2 \u00d7 span 6 (tablet), 1 \u00d7 span 12 (mobile) *\/\n.cap-jrn__list{display:grid;grid-template-columns:repeat(12,1fr);gap:48px 32px;}\n.cap-jrn__item{grid-column:span 4;}\n@media(max-width:920px){.cap-jrn__item{grid-column:span 6;}}\n@media(max-width:560px){.cap-jrn__item{grid-column:span 12;}}\n\n\/* Card : typographique pure, s\u00e9par\u00e9e par filet sup\u00e9rieur fin *\/\n.cap-jrn__item{display:flex;flex-direction:column;text-decoration:none;color:inherit;padding-top:24px;border-top:1px solid var(--jrn-divider);transition:border-color .25s ease;}\n.cap-jrn__item:hover{border-top-color:var(--jrn-accent);}\n\n\/* Meta line : tag \u00b7 date \u00b7 dur\u00e9e (UNE ligne, 11px, caps, gris) *\/\n.cap-jrn__meta{font-family:'Inter',sans-serif;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--jrn-meta);line-height:1;margin-bottom:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;}\n.cap-jrn__meta-cat{color:var(--jrn-accent);font-weight:600;letter-spacing:.14em;}\n.cap-jrn__meta-sep{color:#D6CCC2;}\n\n\/* Titre : Fraunces italic, 18px, COMPLET (pas de clamp), letter-spacing tight *\/\n.cap-jrn__title{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:400;font-size:18px;line-height:1.3;color:var(--jrn-ink);margin:0 0 12px;letter-spacing:-0.012em;transition:color .2s ease;}\n.cap-jrn__item:hover .cap-jrn__title{color:var(--jrn-accent);}\n\n\/* Extrait : Inter 14px, 2 lignes max, line-height g\u00e9n\u00e9reuse *\/\n.cap-jrn__excerpt{font-family:'Inter',sans-serif;font-size:14px;font-weight:400;line-height:1.6;color:var(--jrn-ink-soft);margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}\n\n\/* \"Lire la suite\" : tr\u00e8s discret, 11px, juste un trait sous le mot *\/\n.cap-jrn__read{font-family:'Inter',sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--jrn-ink);align-self:flex-start;line-height:1;padding-bottom:3px;border-bottom:1px solid var(--jrn-ink);transition:color .2s ease,border-color .2s ease;margin-top:auto;}\n.cap-jrn__item:hover .cap-jrn__read{color:var(--jrn-accent);border-color:var(--jrn-accent);}\n\n\/* ====== Page archive \u2014 magazine \u00e9ditoriale asym\u00e9trique ====== *\/\n.cap-mag{background:#F8F2EC;font-family:'Inter','Helvetica Neue',Arial,sans-serif;color:#3A2408;}\n.cap-mag__wrap{max-width:1180px;margin:0 auto;padding:0 28px;}\n\n.cap-mag__hero{padding:88px 0 32px;border-bottom:1px solid #3A2408;}\n.cap-mag__hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap;}\n.cap-mag__hero h1{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(36px,5vw,58px);line-height:1.05;color:#3A2408;margin:0;letter-spacing:-0.02em;max-width:760px;}\n.cap-mag__hero h1 em{color:#C8362C;font-style:italic;}\n.cap-mag__hero-meta{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8B7555;padding-bottom:6px;}\n.cap-mag__hero-meta strong{color:#3A2408;font-weight:600;}\n\n\/* Barre recherche + filtres : underline minimaliste *\/\n.cap-mag__bar{padding:22px 0 18px;border-bottom:1px solid #E8DCC9;}\n.cap-mag__bar-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap;}\n.cap-mag__search{flex:1 1 360px;min-width:240px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #3A2408;padding:8px 0;transition:border-color .2s ease;}\n.cap-mag__search:focus-within{border-bottom-color:#C8362C;}\n.cap-mag__search svg{width:16px;height:16px;color:#8B7555;flex-shrink:0;}\n.cap-mag__search input{flex:1;border:none;background:transparent;font:inherit;font-size:14.5px;color:#3A2408;padding:0;outline:none;font-style:italic;font-family:'Fraunces',serif;}\n.cap-mag__search input::placeholder{color:#A89880;font-style:italic;}\n.cap-mag__search button{background:none;border:none;color:#8B7555;cursor:pointer;font-size:18px;line-height:1;padding:0 4px;display:none;}\n.cap-mag__search button:hover{color:#C8362C;}\n.cap-mag__search.has-text button{display:inline-block;}\n\n.cap-mag__filter{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid #3A2408;padding:8px 0;}\n.cap-mag__filter label{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#8B7555;font-weight:600;}\n.cap-mag__filter select{border:none;background:transparent;font:inherit;font-size:13.5px;color:#3A2408;padding:0 18px 0 0;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;background:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='8' height='5' viewBox='0 0 8 5'><path fill='%233A2408' d='M0 0l4 5 4-5z'\/><\/svg>\") no-repeat right center;background-size:8px 5px;}\n.cap-mag__filter select:focus{color:#C8362C;}\n\n.cap-mag__reset{font-size:11.5px;color:#8B7555;background:none;border:none;cursor:pointer;font:inherit;text-decoration:underline;letter-spacing:.02em;padding:0;transition:color .2s;}\n.cap-mag__reset:hover{color:#C8362C;}\n.cap-mag__reset[hidden]{display:none;}\n\n.cap-mag__count{padding:18px 0 4px;font-size:11.5px;color:#8B7555;letter-spacing:.04em;text-transform:uppercase;}\n.cap-mag__count strong{color:#3A2408;font-weight:600;}\n\n\/* Featured (1er article) *\/\n.cap-mag__featured{padding:36px 0 56px;border-bottom:1px solid #E8DCC9;}\n.cap-mag__featured-inner{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;}\n@media(max-width:860px){.cap-mag__featured-inner{grid-template-columns:1fr;gap:24px;}}\n.cap-mag__featured-img{aspect-ratio:4\/3;background:#3A2408;overflow:hidden;}\n.cap-mag__featured-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}\n.cap-mag__featured-card:hover .cap-mag__featured-img img{transform:scale(1.02);}\n.cap-mag__featured-card{display:contents;text-decoration:none;color:inherit;}\n.cap-mag__featured-body .cap-jrn__cat{font-size:11.5px;margin-bottom:14px;}\n.cap-mag__featured-body h2{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(26px,3vw,38px);line-height:1.15;color:#3A2408;margin:0 0 16px;letter-spacing:-0.015em;transition:color .2s;}\n.cap-mag__featured-card:hover .cap-mag__featured-body h2{color:#C8362C;}\n.cap-mag__featured-body p{font-size:15px;line-height:1.65;color:#5B3C11;margin:0 0 18px;max-width:48ch;}\n.cap-mag__featured-body .cap-jrn__meta{font-size:12px;}\n.cap-mag__featured-body .cap-jrn__read{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#3A2408;text-decoration:none;letter-spacing:.04em;text-transform:uppercase;font-weight:600;margin-top:14px;border-bottom:1px solid #3A2408;padding-bottom:2px;transition:color .2s,border-color .2s;}\n.cap-mag__featured-card:hover .cap-jrn__read{color:#C8362C;border-color:#C8362C;}\n.cap-mag__featured-body .cap-jrn__read::after{content:\"\u2192\";transition:transform .25s;}\n.cap-mag__featured-card:hover .cap-jrn__read::after{transform:translateX(3px);}\n\n\/* Grille articles *\/\n.cap-mag__grid-wrap{padding:48px 0 96px;}\n.cap-mag__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 32px;}\n@media(max-width:980px){.cap-mag__grid{grid-template-columns:repeat(2,1fr);}}\n@media(max-width:560px){.cap-mag__grid{grid-template-columns:1fr;gap:36px 0;}}\n\n.cap-mag__card{display:block;text-decoration:none;color:inherit;}\n.cap-mag__card-img{aspect-ratio:4\/3;background:#FBF5EC;overflow:hidden;margin-bottom:16px;}\n.cap-mag__card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}\n.cap-mag__card:hover .cap-mag__card-img img{transform:scale(1.03);}\n.cap-mag__card-noimg{aspect-ratio:4\/3;background:#FBF5EC;border:1px solid #E8DCC9;display:flex;align-items:center;justify-content:center;color:#D6CCC2;font-family:'Fraunces',serif;font-style:italic;font-size:48px;margin-bottom:16px;}\n.cap-mag__card .cap-jrn__cat{font-size:10.5px;margin-bottom:8px;}\n.cap-mag__card h3{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:500;font-size:20px;line-height:1.25;color:#3A2408;margin:0 0 10px;letter-spacing:-0.005em;transition:color .2s ease;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}\n.cap-mag__card:hover h3{color:#C8362C;}\n.cap-mag__card p{font-size:14px;line-height:1.6;color:#5B3C11;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}\n.cap-mag__card .cap-jrn__meta{font-size:11.5px;}\n\n.cap-mag__empty{padding:80px 20px;text-align:center;color:#8B7555;font-family:'Fraunces',serif;font-style:italic;font-size:20px;}\n.cap-mag__empty button{display:inline-block;margin-top:14px;background:none;border:none;color:#C8362C;cursor:pointer;font:inherit;font-size:13px;text-decoration:underline;font-style:normal;}\n\n@media(max-width:640px){\n  .cap-mag__bar-row{flex-direction:column;align-items:stretch;gap:14px;}\n  .cap-mag__search{width:100%;}\n  .cap-mag__filter{justify-content:space-between;}\n  .cap-mag__hero-row{flex-direction:column;align-items:flex-start;gap:12px;}\n}\n<\/style><section class=\"cap-jrn\" aria-labelledby=\"cap-jrn-title\">\n  <div class=\"cap-jrn__wrap\">\n    <div class=\"cap-jrn__head\">\n      <span id=\"cap-jrn-title\" class=\"cap-jrn__kicker\">Le journal CAP<\/span>\n      <a class=\"cap-jrn__all\" href=\"\/index.php\/blog\/\">Tous les articles<\/a>\n    <\/div>\n    <div class=\"cap-jrn__list\">\n          <a class=\"cap-jrn__item\" href=\"https:\/\/capmetissage.com\/index.php\/2026\/05\/24\/romans-francophones-pluralite-intime\/\">\n        <div class=\"cap-jrn__meta\">\n                      <span class=\"cap-jrn__meta-cat\">Voix<\/span>\n            <span class=\"cap-jrn__meta-sep\">\u00b7<\/span>\n                    <span>24 mai 2026<\/span>\n          <span class=\"cap-jrn__meta-sep\">\u00b7<\/span>\n          <span>6 min<\/span>\n        <\/div>\n        <h3 class=\"cap-jrn__title\">Quatre romans francophones qui racontent la pluralit\u00e9 depuis l&rsquo;intime<\/h3>\n        <p class=\"cap-jrn__excerpt\">Quatre autrices francophones, quatre territoires de langue. Maryse Cond\u00e9, Simone Schwarz-Bart, Ananda Devi, Nathacha Appanah n&#039;\u00e9crivent pas la pluralit\u00e9 comme une th\u00e8se, elles l&#039;habitent\u2026<\/p>\n        <span class=\"cap-jrn__read\">Lire la suite<\/span>\n      <\/a>\n          <a class=\"cap-jrn__item\" href=\"https:\/\/capmetissage.com\/index.php\/2026\/05\/15\/21-mai-diversite-culturelle-voix-metisse\/\">\n        <div class=\"cap-jrn__meta\">\n                      <span class=\"cap-jrn__meta-cat\">Rituels<\/span>\n            <span class=\"cap-jrn__meta-sep\">\u00b7<\/span>\n                    <span>15 mai 2026<\/span>\n          <span class=\"cap-jrn__meta-sep\">\u00b7<\/span>\n          <span>7 min<\/span>\n        <\/div>\n        <h3 class=\"cap-jrn__title\">Le 21 mai approche : tenir la voix m\u00e9tisse dans les c\u00e9l\u00e9brations UNESCO<\/h3>\n        <p class=\"cap-jrn__excerpt\">Le 21 mai, l&#039;UNESCO c\u00e9l\u00e8bre la Journ\u00e9e mondiale de la diversit\u00e9 culturelle. CAP M\u00e9tissage propose trois leviers pour pr\u00e9parer une voix lucide, pas d\u00e9corative\u2026<\/p>\n        <span class=\"cap-jrn__read\">Lire la suite<\/span>\n      <\/a>\n          <a class=\"cap-jrn__item\" href=\"https:\/\/capmetissage.com\/index.php\/2026\/05\/15\/22-mai-27-mai-abolitions-ultramarines\/\">\n        <div class=\"cap-jrn__meta\">\n                      <span class=\"cap-jrn__meta-cat\">Rituels<\/span>\n            <span class=\"cap-jrn__meta-sep\">\u00b7<\/span>\n                    <span>15 mai 2026<\/span>\n          <span class=\"cap-jrn__meta-sep\">\u00b7<\/span>\n          <span>8 min<\/span>\n        <\/div>\n        <h3 class=\"cap-jrn__title\">Le 22 mai et le 27 mai, deux dates ultramarines que la m\u00e9moire hexagonale oublie<\/h3>\n        <p class=\"cap-jrn__excerpt\">Avant le 10 mai national, il y a le 22 mai en Martinique et le 27 mai en Guadeloupe. CAP M\u00e9tissage relit ces deux\u2026<\/p>\n        <span class=\"cap-jrn__read\">Lire la suite<\/span>\n      <\/a>\n          <a class=\"cap-jrn__item\" href=\"https:\/\/capmetissage.com\/index.php\/2026\/05\/15\/transmettre-double-culture-enfant\/\">\n        <div class=\"cap-jrn__meta\">\n                      <span class=\"cap-jrn__meta-cat\">Savoirs<\/span>\n            <span class=\"cap-jrn__meta-sep\">\u00b7<\/span>\n                    <span>15 mai 2026<\/span>\n          <span class=\"cap-jrn__meta-sep\">\u00b7<\/span>\n          <span>7 min<\/span>\n        <\/div>\n        <h3 class=\"cap-jrn__title\">Transmettre une double culture \u00e0 son enfant, sans la lisser ni la figer<\/h3>\n        <p class=\"cap-jrn__excerpt\">Transmettre une double culture \u00e0 son enfant ne va pas de soi. Marie Rose Moro, Sol\u00e8ne Brun et l&#039;INED \u00e9clairent ce que les familles\u2026<\/p>\n        <span class=\"cap-jrn__read\">Lire la suite<\/span>\n      <\/a>\n          <a class=\"cap-jrn__item\" href=\"https:\/\/capmetissage.com\/index.php\/2026\/05\/05\/10-mai-memoire-esclavage-loi-taubira\/\">\n        <div class=\"cap-jrn__meta\">\n                      <span class=\"cap-jrn__meta-cat\">Rituels<\/span>\n            <span class=\"cap-jrn__meta-sep\">\u00b7<\/span>\n                    <span>5 mai 2026<\/span>\n          <span class=\"cap-jrn__meta-sep\">\u00b7<\/span>\n          <span>7 min<\/span>\n        <\/div>\n        <h3 class=\"cap-jrn__title\">Le 10 mai, la m\u00e9moire ne se comm\u00e9more pas, elle se transmet<\/h3>\n        <p class=\"cap-jrn__excerpt\">Chaque 10 mai depuis 2006, la France comm\u00e9more les m\u00e9moires de la traite, de l&#039;esclavage et de leurs abolitions. CAP M\u00e9tissage propose une lecture\u2026<\/p>\n        <span class=\"cap-jrn__read\">Lire la suite<\/span>\n      <\/a>\n          <a class=\"cap-jrn__item\" href=\"https:\/\/capmetissage.com\/index.php\/2026\/04\/24\/21-mai-diversite-culturelle-voix-metisse-2\/\">\n        <div class=\"cap-jrn__meta\">\n                      <span class=\"cap-jrn__meta-cat\">Rituels<\/span>\n            <span class=\"cap-jrn__meta-sep\">\u00b7<\/span>\n                    <span>24 avril 2026<\/span>\n          <span class=\"cap-jrn__meta-sep\">\u00b7<\/span>\n          <span>8 min<\/span>\n        <\/div>\n        <h3 class=\"cap-jrn__title\">Le 21 mai approche : tenir une voix m\u00e9tisse lucide dans les c\u00e9l\u00e9brations<\/h3>\n        <p class=\"cap-jrn__excerpt\">Chaque 21 mai, l&#039;UNESCO c\u00e9l\u00e8bre la diversit\u00e9 culturelle. CAP M\u00e9tissage propose une lecture lucide : c\u00e9l\u00e9brer sans renier, dialoguer sans instrumentaliser, pr\u00e9parer le Metis\u2026<\/p>\n        <span class=\"cap-jrn__read\">Lire la suite<\/span>\n      <\/a>\n        <\/div>\n  <\/div>\n<\/section>\n\n<footer style=\"background:#3A2408;color:rgba(248,242,236,.9);\">\n  <div class=\"cap\" style=\"padding-top:72px;padding-bottom:72px;\">\n    <div class=\"footer-grid\" style=\"display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:56px;\">\n      <div>\n        <div style=\"margin-bottom:20px;display:flex;align-items:center;gap:12px;\">\n          <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/capmetissage.com\/wp-content\/uploads\/2026\/04\/logo-cap-metissage-transp-scaled.png?w=1110&ssl=1\" alt=\"Logo CAP M&eacute;tissage\" style=\"height:64px;width:auto;background:#F8F2EC;border-radius:8px;padding:8px;\">\n          <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/capmetissage.com\/wp-content\/uploads\/2026\/04\/colibri-seul-favicon.png?w=1110&ssl=1\" alt=\"Colibri\" style=\"height:52px;width:auto;\">\n        <\/div>\n        <p style=\"font-size:14px;color:rgba(248,242,236,.65);line-height:1.7;font-family:'Inter',sans-serif;\">\n          Association fran&ccedil;aise du m&eacute;tissage. Loi 1901 : Si&egrave;ge en &Icirc;le-de-France, antenne &agrave; Angers.\n          Dialogues, podcast, partenariats artistiques et ressources pour celles et ceux qui vivent entre les h&eacute;ritages.\n        <\/p>\n      <\/div>\n      <div>\n        <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-family:'Inter',sans-serif;color:#E8A926;font-weight:600;margin-bottom:16px;\">L&rsquo;association<\/div>\n        <ul style=\"list-style:none;display:flex;flex-direction:column;gap:10px;font-size:14px;\">\n          <li><a href=\"\/index.php\/connaitre-cap-metissage\/notre-vision-du-metissage\/\" style=\"color:rgba(248,242,236,.8);text-decoration:none;\" onmouseover=\"this.style.color='#E8A926'\" onmouseout=\"this.style.color='rgba(248,242,236,.8)'\">Notre vision<\/a><\/li>\n          <li><a href=\"\/index.php\/connaitre-cap-metissage\/#gouvernance\" style=\"color:rgba(248,242,236,.8);text-decoration:none;\" onmouseover=\"this.style.color='#E8A926'\" onmouseout=\"this.style.color='rgba(248,242,236,.8)'\">L&rsquo;&eacute;quipe<\/a><\/li>\n          <li><a href=\"\/index.php\/contact\/\" style=\"color:rgba(248,242,236,.8);text-decoration:none;\" onmouseover=\"this.style.color='#E8A926'\" onmouseout=\"this.style.color='rgba(248,242,236,.8)'\">Contact<\/a><\/li>\n          <li><a href=\"\/index.php\/antennes\/angers\/\" style=\"color:rgba(248,242,236,.8);text-decoration:none;\" onmouseover=\"this.style.color='#E8A926'\" onmouseout=\"this.style.color='rgba(248,242,236,.8)'\">Antenne d&rsquo;Angers<\/a><\/li>\n          <li><a href=\"https:\/\/www.helloasso.com\/associations\/cap-metissage\/adhesions\/adhesion-cap-metissage-2026\" style=\"color:rgba(248,242,236,.8);text-decoration:none;\" onmouseover=\"this.style.color='#E8A926'\" onmouseout=\"this.style.color='rgba(248,242,236,.8)'\" target=\"_blank\" rel=\"noopener\">Adh&eacute;rer<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div>\n        <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-family:'Inter',sans-serif;color:#E8A926;font-weight:600;margin-bottom:16px;\">Actions &amp; Publications<\/div>\n        <ul style=\"list-style:none;display:flex;flex-direction:column;gap:10px;font-size:14px;\">\n          <li><a href=\"\/index.php\/decouvrez-nos-evenements\/\" style=\"color:rgba(248,242,236,.8);text-decoration:none;\" onmouseover=\"this.style.color='#E8A926'\" onmouseout=\"this.style.color='rgba(248,242,236,.8)'\">Les Metis Talks<\/a><\/li>\n          <li><a href=\"\/index.php\/mes-tissages-by-cap-metissage-le-podcast\/\" style=\"color:rgba(248,242,236,.8);text-decoration:none;\" onmouseover=\"this.style.color='#E8A926'\" onmouseout=\"this.style.color='rgba(248,242,236,.8)'\">Podcast Mes Tissages<\/a><\/li>\n          <li><a href=\"\/index.php\/lalliance-creative-wahe-creation-cap-metissage-unissent-leurs-forces\/\" style=\"color:rgba(248,242,236,.8);text-decoration:none;\" onmouseover=\"this.style.color='#E8A926'\" onmouseout=\"this.style.color='rgba(248,242,236,.8)'\">Partenariats artistiques<\/a><\/li>\n          <li><a href=\"\/index.php\/connaitre-cap-metissage\/publications\/\" style=\"color:rgba(248,242,236,.8);text-decoration:none;\" onmouseover=\"this.style.color='#E8A926'\" onmouseout=\"this.style.color='rgba(248,242,236,.8)'\">Nos guides &amp; ressources<\/a><\/li>\n          <li><a href=\"https:\/\/identitemetisse.com\" style=\"color:rgba(248,242,236,.8);text-decoration:none;\" onmouseover=\"this.style.color='#E8A926'\" onmouseout=\"this.style.color='rgba(248,242,236,.8)'\" target=\"_blank\" rel=\"noopener\">identitemetisse.com<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div>\n        <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-family:'Inter',sans-serif;color:#E8A926;font-weight:600;margin-bottom:16px;\">Suivre<\/div>\n        <ul style=\"list-style:none;display:flex;flex-direction:column;gap:10px;font-size:14px;\">\n          <li><a href=\"#\" style=\"color:rgba(248,242,236,.8);text-decoration:none;\" onmouseover=\"this.style.color='#E8A926'\" onmouseout=\"this.style.color='rgba(248,242,236,.8)'\">Instagram<\/a><\/li>\n          <li><a href=\"#\" style=\"color:rgba(248,242,236,.8);text-decoration:none;\" onmouseover=\"this.style.color='#E8A926'\" onmouseout=\"this.style.color='rgba(248,242,236,.8)'\">LinkedIn<\/a><\/li>\n          <li><a href=\"#\" style=\"color:rgba(248,242,236,.8);text-decoration:none;\" onmouseover=\"this.style.color='#E8A926'\" onmouseout=\"this.style.color='rgba(248,242,236,.8)'\">Newsletter<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div style=\"border-top:1px solid rgba(248,242,236,.1);padding-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;color:rgba(248,242,236,.45);font-family:'Inter',sans-serif;\">\n      <div>&copy; 2026 CAP M&eacute;tissage &middot; Association loi 1901<\/div>\n      <div style=\"display:flex;gap:20px;\">\n        <a href=\"\/index.php\/politique-de-confidentialite\/\" style=\"color:inherit;text-decoration:none;\" onmouseover=\"this.style.color='rgba(248,242,236,.8)'\" onmouseout=\"this.style.color='inherit'\">Confidentialit&eacute;<\/a>\n        <a href=\"#\" style=\"color:inherit;text-decoration:none;\" onmouseover=\"this.style.color='rgba(248,242,236,.8)'\" onmouseout=\"this.style.color='inherit'\">Mentions l&eacute;gales<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/footer>\n\n\n<\/div>\n\n<script>\n(function(){\n  var form = document.getElementById('guideDownloadForm');\n  if (!form) return;\n  form.addEventListener('submit', async function(e){\n    e.preventDefault();\n    var email = document.getElementById('guideEmail').value.trim();\n    var guide = form.querySelector('input[name=guide]').value;\n    var btn   = document.getElementById('guideDlBtn');\n    var msg   = document.getElementById('guideDlMsg');\n    if (!email) return;\n    btn.textContent = 'Envoi\u2026'; btn.disabled = true;\n    try {\n      var r = await fetch('\/wp-json\/claude\/v1\/guide-download', {\n        method:'POST',\n        headers:{'Content-Type':'application\/json'},\n        body: JSON.stringify({email:email, guide:guide})\n      });\n      var data = await r.json();\n      if (data.success && data.pdf_url) {\n        window.open(data.pdf_url, '_blank');\n        btn.textContent = 'Envoy\u00e9 \u2713';\n        msg.textContent = 'Guide ouvert dans un nouvel onglet. V\u00e9rifiez vos emails.';\n        msg.style.color = '#3A2408';\n      } else {\n        btn.textContent = 'T\u00e9l\u00e9charger'; btn.disabled = false;\n        msg.textContent = data.message || 'Erreur, r\u00e9essayez.';\n        msg.style.color = '#C8362C';\n      }\n    } catch(err) {\n      btn.textContent = 'T\u00e9l\u00e9charger'; btn.disabled = false;\n      msg.textContent = 'Erreur r\u00e9seau.';\n      msg.style.color = '#C8362C';\n    }\n  });\n})();\n<\/script>\n\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":5002,"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-5040","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\/5040","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=5040"}],"version-history":[{"count":1,"href":"https:\/\/capmetissage.com\/index.php\/wp-json\/wp\/v2\/pages\/5040\/revisions"}],"predecessor-version":[{"id":5047,"href":"https:\/\/capmetissage.com\/index.php\/wp-json\/wp\/v2\/pages\/5040\/revisions\/5047"}],"up":[{"embeddable":true,"href":"https:\/\/capmetissage.com\/index.php\/wp-json\/wp\/v2\/pages\/5002"}],"wp:attachment":[{"href":"https:\/\/capmetissage.com\/index.php\/wp-json\/wp\/v2\/media?parent=5040"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}