{"id":431,"date":"2020-08-10T08:57:39","date_gmt":"2020-08-10T06:57:39","guid":{"rendered":"https:\/\/zakrademos.com\/charity\/?page_id=431"},"modified":"2026-05-01T19:07:01","modified_gmt":"2026-05-01T17:07:01","slug":"bienvenue","status":"publish","type":"page","link":"https:\/\/capmetissage.com\/","title":{"rendered":"Bienvenue sur Cap M\u00e9tissage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"431\" class=\"elementor elementor-431\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cdcc6a5 e-con-full e-flex e-con e-parent\" data-id=\"cdcc6a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ce8f00 elementor-widget elementor-widget-html\" data-id=\"2ce8f00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\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.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<style>\n.cap-wrap{max-width:1200px;margin:0 auto;padding:0 48px;}\n@media(max-width:768px){.cap-wrap{padding:0 24px;}}\n.cap-btn-primary{background:#C8362C;color:#F8F2EC;padding:14px 28px;border-radius:999px;font-family:'Inter',sans-serif;font-weight:500;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:none;cursor:pointer;transition:background .2s,transform .2s;}\n.cap-btn-primary:hover{background:#3A2408;transform:translateY(-1px);}\n.cap-btn-outline{border:1.5px solid #5B3C11;color:#5B3C11;padding:12.5px 26px;border-radius:999px;font-family:'Inter',sans-serif;font-weight:500;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;background:transparent;transition:all .2s;}\n.cap-btn-outline:hover{background:#5B3C11;color:#F8F2EC;}\n.cap-btn-sun{background:#E8A926;color:#3A2408;padding:14px 28px;border-radius:999px;font-family:'Inter',sans-serif;font-weight:500;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:none;cursor:pointer;transition:background .2s;}\n.cap-btn-sun:hover{background:#C8362C;color:#F8F2EC;}\n.cap-label{letter-spacing:0.08em;text-transform:uppercase;font-size:11px;font-family:'Inter',sans-serif;color:#C8362C;}\n.cap-filet{display:inline-block;width:28px;height:2px;background:#C8362C;vertical-align:middle;margin-right:12px;}\n.cap-h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(3rem,6vw,5.25rem);line-height:1.02;font-weight:500;color:#3A2408;letter-spacing:-0.02em;}\n.cap-h2{font-family:'Fraunces',Georgia,serif;font-size:clamp(2.25rem,4vw,3.25rem);line-height:1.05;font-weight:500;color:#3A2408;letter-spacing:-0.02em;}\n.cap-card{background:#FDFAF5;border:1px solid #D6CCC2;padding:32px;border-radius:12px;transition:transform .2s,box-shadow .2s;}\n.cap-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px -12px rgba(58,36,8,.15);}\n.cap-link-gold{color:#5B3C11;text-decoration:none;background-image:linear-gradient(#E8A926,#E8A926);background-size:100% 2px;background-repeat:no-repeat;background-position:0 100%;padding-bottom:2px;}\n.cap-link-gold:hover{background-size:100% 100%;color:#3A2408;}\n.origami-bg{background:linear-gradient(135deg,transparent 42%,rgba(232,169,38,.18) 42%,rgba(232,169,38,.18) 52%,transparent 52%),linear-gradient(210deg,transparent 58%,rgba(200,54,44,.12) 58%,rgba(200,54,44,.12) 72%,transparent 72%),linear-gradient(60deg,transparent 48%,rgba(91,60,17,.08) 48%,rgba(91,60,17,.08) 62%,transparent 62%),#FDFAF5;}\n\n\/* ===== PATCH B \u2014 Responsive home ===== *\/\n@media(max-width:900px){\n  .cap-home-hero-grid{grid-template-columns:1fr !important;gap:40px !important;padding-top:56px !important;padding-bottom:56px !important;}\n  .cap-home-cta-grid{grid-template-columns:1fr !important;gap:40px !important;}\n  .cap-home-voix-card{width:calc(50% - 12px) !important;}\n}\n@media(max-width:768px){\n  .cap-home-actions-grid{grid-template-columns:repeat(2,1fr) !important;gap:24px !important;}\n}\n@media(max-width:520px){\n  .cap-home-voix-card{width:100% !important;}\n  .cap-home-actions-grid{grid-template-columns:1fr !important;}\n  .cap-home-hero-grid{padding-top:40px !important;padding-bottom:40px !important;}\n}\n<\/style>\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\/contact\/\" 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\/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-association-cap-metissage\" 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\/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-association-cap-metissage\" 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<section style=\"background:#F8F2EC;overflow:hidden;position:relative;\">\n  <div class=\"cap-wrap cap-home-hero-grid\" style=\"padding-top:80px;padding-bottom:80px;display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:center;\">\n    <div>\n      <div class=\"cap-label\" style=\"margin-bottom:24px;\"><span class=\"cap-filet\"><\/span>Association fran&ccedil;aise du m&eacute;tissage &middot; Si&egrave;ge &Icirc;le-de-France &middot; Nouvelle antenne Angers<\/div>\n      <h1 class=\"cap-h1\" style=\"margin-bottom:32px;\">\n        Le m&eacute;tissage est<br>\n        <span style=\"font-style:italic;color:#C8362C;\">une richesse.<\/span>\n      <\/h1>\n      <p style=\"font-family:'Inter',sans-serif;font-size:18px;color:#8B7555;max-width:480px;margin-bottom:40px;line-height:1.65;\">Un m&eacute;lange de cultures qui donne une vision du monde pluriel. Qui invite &agrave; plus de tol&eacute;rance.<\/p>\n      <div style=\"display:flex;flex-wrap:wrap;gap:16px;margin-bottom:56px;\">\n        <a href=\"#cap-rejoindre\" class=\"cap-btn-primary\">Rejoindre le mouvement <span>&rarr;<\/span><\/a>\n        <a href=\"\/index.php\/connaitre-cap-metissage\/notre-vision-du-metissage\/\" class=\"cap-btn-outline\">Notre vision<\/a>\n      <\/div>\n      <div style=\"display:flex;align-items:center;gap:32px;font-family:'Inter',sans-serif;font-size:14px;color:#8B7555;\">\n        <div>\n          <div style=\"font-family:'Fraunces',Georgia,serif;font-size:2rem;color:#3A2408;font-weight:600;\">200<\/div>\n          <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:11px;margin-top:4px;\">Adh&eacute;rents<\/div>\n        <\/div>\n        <div style=\"width:1px;height:48px;background:#D6CCC2;\"><\/div>\n        <div>\n          <div style=\"font-family:'Fraunces',Georgia,serif;font-size:2rem;color:#3A2408;font-weight:600;\">6<\/div>\n          <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:11px;margin-top:4px;\">Guides pratiques<\/div>\n        <\/div>\n        <div style=\"width:1px;height:48px;background:#D6CCC2;\"><\/div>\n        <div>\n          <div style=\"font-family:'Fraunces',Georgia,serif;font-size:2rem;color:#3A2408;font-weight:600;\">4<\/div>\n          <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:11px;margin-top:4px;\">Projets actifs<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div style=\"position:relative;\">\n      <div class=\"origami-bg\" style=\"border-radius:16px;overflow:hidden;aspect-ratio:4\/5;position:relative;\">\n        <div style=\"position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:32px;\">\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/capmetissage.com\/wp-content\/uploads\/2023\/11\/colibri-seul.webp?w=812&#038;ssl=1\" alt=\"Colibri origami&nbsp;: symbole de CAP M&eacute;tissage\" style=\"width:100%;max-width:280px;\" \/>\n        <\/div>\n        <div style=\"position:absolute;bottom:24px;left:24px;right:24px;background:rgba(248,242,236,.97);backdrop-filter:blur(4px);padding:20px;border-radius:8px;border:1px solid #D6CCC2;\">\n          <div style=\"font-family:'Fraunces',Georgia,serif;font-size:17px;font-style:italic;line-height:1.4;margin-bottom:6px;color:#3A2408;\">&laquo;&nbsp;Le colibri fait sa part.&nbsp;&raquo;<\/div>\n          <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:10px;color:#C8362C;font-family:'Inter',sans-serif;\">Mythe am&eacute;rindien&nbsp;: notre fil rouge<\/div>\n        <\/div>\n      <\/div>\n      <div style=\"position:absolute;top:-16px;right:-16px;width:96px;height:96px;background:rgba(232,169,38,.4);border-radius:50%;filter:blur(32px);z-index:-1;pointer-events:none;\"><\/div>\n      <div style=\"position:absolute;bottom:-24px;left:-24px;width:128px;height:128px;background:rgba(200,54,44,.2);border-radius:50%;filter:blur(32px);z-index:-1;pointer-events:none;\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section style=\"border-top:1px solid #D6CCC2;border-bottom:1px solid #D6CCC2;background:#FDFAF5;\">\n  <div class=\"cap-wrap\" style=\"padding-top:96px;padding-bottom:96px;\">\n    <div style=\"max-width:760px;\">\n      <div class=\"cap-label\" style=\"margin-bottom:24px;\"><span class=\"cap-filet\"><\/span>Notre raison d&rsquo;&ecirc;tre<\/div>\n      <blockquote style=\"font-family:'Fraunces',Georgia,serif;font-size:clamp(1.75rem,3.5vw,2.5rem);line-height:1.2;color:#3A2408;font-weight:500;margin:0 0 32px 0;\">\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 style=\"display:flex;align-items:center;gap:16px;margin-bottom:48px;\">\n        <div style=\"width:48px;height:2px;background:#C8362C;\"><\/div>\n        <div>\n          <div style=\"font-family:'Fraunces',Georgia,serif;font-size:18px;font-weight:600;color:#3A2408;\">Tania Gombert<\/div>\n          <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:#8B7555;font-family:'Inter',sans-serif;\">Pr&eacute;sidente, CAP M&eacute;tissage<\/div>\n        <\/div>\n      <\/div>\n      <div style=\"font-family:'Inter',sans-serif;font-size:17px;color:#5B3C11;line-height:1.7;\">\n        <p style=\"margin:0 0 20px 0;\">Cap M&eacute;tissage s&rsquo;engage &agrave; promouvoir la diversit&eacute; culturelle et &agrave; cr&eacute;er des espaces d&rsquo;&eacute;change et de compr&eacute;hension mutuelle. Une communaut&eacute; plurielle et positive, qui c&eacute;l&egrave;bre les richesses du m&eacute;tissage, valorise les voix issues de la diversit&eacute; et facilite le dialogue interculturel.<\/p>\n        <p style=\"margin:0;\">&Agrave; travers une vari&eacute;t&eacute; de projets (dialogues, podcast, partenariats artistiques, publications), Cap M&eacute;tissage outille les personnes dans leur exploration des questions d&rsquo;identit&eacute;, d&rsquo;appartenance et de coexistence.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section style=\"background:#F8F2EC;padding:96px 0;\">\n  <div class=\"cap-wrap\">\n    <div style=\"display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px;\">\n      <div>\n        <div class=\"cap-label\" style=\"margin-bottom:16px;\"><span class=\"cap-filet\"><\/span>Galerie<\/div>\n        <h2 class=\"cap-h2\">Nos Voix du M&eacute;tissage<\/h2>\n      <\/div>\n      <a href=\"\/index.php\/nos-voix-du-metissage\/\" class=\"cap-link-gold\" style=\"font-size:15px;\">Voir toute la galerie &rarr;<\/a>\n    <\/div>\n    <div style=\"display:flex;flex-wrap:wrap;gap:24px;\">\n    <figure class=\"cap-home-voix-card\" style=\"position:relative;overflow:hidden;border-radius:12px;aspect-ratio:4\/5;flex-shrink:0;width:calc(25% - 18px);min-width:220px;\">\n      <div style=\"position:absolute;inset:0;background-size:cover;background-position:center top;background-image:url('https:\/\/capmetissage.com\/wp-content\/uploads\/2026\/04\/celine-limery.webp');\"><\/div>\n      <div style=\"position:absolute;inset:0;background:linear-gradient(160deg,transparent 40%,rgba(58,36,8,.7));\"><\/div>\n      <figcaption style=\"position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(58,36,8,.92),transparent);color:#F8F2EC;\">\n        <div style=\"font-family:'Fraunces',Georgia,serif;font-size:17px;font-weight:500;margin-bottom:4px;\">C&eacute;line Limery<\/div>\n        <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:10px;color:#E8A926;font-family:'Inter',sans-serif;\">T&eacute;moignage &middot; identit&eacute; m&eacute;tisse<\/div>\n      <\/figcaption>\n    <\/figure>\n    <figure class=\"cap-home-voix-card\" style=\"position:relative;overflow:hidden;border-radius:12px;aspect-ratio:4\/5;flex-shrink:0;width:calc(25% - 18px);min-width:220px;\">\n      <div style=\"position:absolute;inset:0;background-size:cover;background-position:center top;background-image:url('https:\/\/capmetissage.com\/wp-content\/uploads\/2025\/12\/photo.webp');\"><\/div>\n      <div style=\"position:absolute;inset:0;background:linear-gradient(160deg,transparent 40%,rgba(58,36,8,.7));\"><\/div>\n      <figcaption style=\"position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(58,36,8,.92),transparent);color:#F8F2EC;\">\n        <div style=\"font-family:'Fraunces',Georgia,serif;font-size:17px;font-weight:500;margin-bottom:4px;\">Lionel Vargas<\/div>\n        <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:10px;color:#E8A926;font-family:'Inter',sans-serif;\">Sciences sociales &amp; m&eacute;tissage<\/div>\n      <\/figcaption>\n    <\/figure>\n    <figure class=\"cap-home-voix-card\" style=\"position:relative;overflow:hidden;border-radius:12px;aspect-ratio:4\/5;flex-shrink:0;width:calc(25% - 18px);min-width:220px;\">\n      <div style=\"position:absolute;inset:0;background-size:cover;background-position:center top;background-image:url('https:\/\/capmetissage.com\/wp-content\/uploads\/2026\/04\/sarah-mantah.webp');\"><\/div>\n      <div style=\"position:absolute;inset:0;background:linear-gradient(160deg,transparent 40%,rgba(58,36,8,.7));\"><\/div>\n      <figcaption style=\"position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(58,36,8,.92),transparent);color:#F8F2EC;\">\n        <div style=\"font-family:'Fraunces',Georgia,serif;font-size:17px;font-weight:500;margin-bottom:4px;\">Sarah Mantah<\/div>\n        <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:10px;color:#E8A926;font-family:'Inter',sans-serif;\">&laquo;&nbsp;Guess who&rsquo;s coming for dinner&nbsp;&raquo;<\/div>\n      <\/figcaption>\n    <\/figure>\n    <figure class=\"cap-home-voix-card\" style=\"position:relative;overflow:hidden;border-radius:12px;aspect-ratio:4\/5;flex-shrink:0;width:calc(25% - 18px);min-width:220px;\">\n      <div style=\"position:absolute;inset:0;background-size:cover;background-position:center top;background-image:url('https:\/\/capmetissage.com\/wp-content\/uploads\/2024\/07\/Alicia-Bigot.webp');\"><\/div>\n      <div style=\"position:absolute;inset:0;background:linear-gradient(160deg,transparent 40%,rgba(58,36,8,.7));\"><\/div>\n      <figcaption style=\"position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(58,36,8,.92),transparent);color:#F8F2EC;\">\n        <div style=\"font-family:'Fraunces',Georgia,serif;font-size:17px;font-weight:500;margin-bottom:4px;\">Alicia Bigot<\/div>\n        <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:10px;color:#E8A926;font-family:'Inter',sans-serif;\">&laquo;&nbsp;Si j&rsquo;&eacute;tais Jos&eacute;phine Baker&nbsp;&raquo;<\/div>\n      <\/figcaption>\n    <\/figure>\n    <figure class=\"cap-home-voix-card\" style=\"position:relative;overflow:hidden;border-radius:12px;aspect-ratio:4\/5;flex-shrink:0;width:calc(25% - 18px);min-width:220px;\">\n      <div style=\"position:absolute;inset:0;background-size:cover;background-position:center top;background-image:url('https:\/\/capmetissage.com\/wp-content\/uploads\/2024\/07\/Warren-Hineky.webp');\"><\/div>\n      <div style=\"position:absolute;inset:0;background:linear-gradient(160deg,transparent 40%,rgba(58,36,8,.7));\"><\/div>\n      <figcaption style=\"position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(58,36,8,.92),transparent);color:#F8F2EC;\">\n        <div style=\"font-family:'Fraunces',Georgia,serif;font-size:17px;font-weight:500;margin-bottom:4px;\">Warren Hineky<\/div>\n        <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:10px;color:#E8A926;font-family:'Inter',sans-serif;\">T&eacute;moignage &middot; double culture<\/div>\n      <\/figcaption>\n    <\/figure>\n    <figure class=\"cap-home-voix-card\" style=\"position:relative;overflow:hidden;border-radius:12px;aspect-ratio:4\/5;flex-shrink:0;width:calc(25% - 18px);min-width:220px;\">\n      <div style=\"position:absolute;inset:0;background-size:cover;background-position:center top;background-image:url('https:\/\/capmetissage.com\/wp-content\/uploads\/2024\/03\/Nathaly-Coualy-e1709820538873.webp');\"><\/div>\n      <div style=\"position:absolute;inset:0;background:linear-gradient(160deg,transparent 40%,rgba(58,36,8,.7));\"><\/div>\n      <figcaption style=\"position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(58,36,8,.92),transparent);color:#F8F2EC;\">\n        <div style=\"font-family:'Fraunces',Georgia,serif;font-size:17px;font-weight:500;margin-bottom:4px;\">Nathaly Coualy<\/div>\n        <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:10px;color:#E8A926;font-family:'Inter',sans-serif;\">Identit&eacute; &amp; appartenance<\/div>\n      <\/figcaption>\n    <\/figure><\/div>\n  <\/div>\n<\/section>\n<section id=\"nos-actions\" style=\"background:#FDFAF5;border-top:1px solid #D6CCC2;border-bottom:1px solid #D6CCC2;padding:96px 0;\">\n  <div class=\"cap-wrap\">\n    <div style=\"max-width:640px;margin-bottom:56px;\">\n      <div class=\"cap-label\" style=\"margin-bottom:16px;\"><span class=\"cap-filet\"><\/span>Ce que nous faisons<\/div>\n      <h2 class=\"cap-h2\">Quatre mani&egrave;res de prendre part.<\/h2>\n    <\/div>\n    <div style=\"display:grid;grid-template-columns:repeat(2,1fr);gap:24px;\">\n      \n    <article class=\"cap-card\">\n      <div style=\"display:flex;align-items:flex-start;gap:20px;\">\n        <div style=\"width:48px;height:48px;border-radius:50%;background:rgba(200,54,44,.1);color:#C8362C;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n          <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-5l-3 4-2-4Z\"\/><\/svg>\n        <\/div>\n        <div>\n          <h3 style=\"font-family:'Fraunces',Georgia,serif;font-size:22px;font-weight:600;color:#3A2408;margin:0 0 8px 0;\">Les Metis Talks<\/h3>\n          <p style=\"font-family:'Inter',sans-serif;font-size:15px;color:#8B7555;line-height:1.6;margin:0 0 16px 0;\">Des espaces de dialogue &agrave; Paris et d&eacute;sormais &agrave; Angers. On y parle double culture, vivre-ensemble, respect des diff&eacute;rences&nbsp;: dans un lieu s&ucirc;r et accueillant.<\/p>\n          <a href=\"\/index.php\/decouvrez-nos-evenements\/\" class=\"cap-link-gold\" style=\"font-size:14px;\">Prochains rendez-vous &rarr;<\/a>\n        <\/div>\n      <\/div>\n    <\/article>\n      \n    <article class=\"cap-card\">\n      <div style=\"display:flex;align-items:flex-start;gap:20px;\">\n        <div style=\"width:48px;height:48px;border-radius:50%;background:rgba(200,54,44,.1);color:#C8362C;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n          <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M12 2a4 4 0 0 0-4 4v6a4 4 0 0 0 8 0V6a4 4 0 0 0-4-4ZM5 10a7 7 0 0 0 14 0M12 19v3M8 22h8\"\/><\/svg>\n        <\/div>\n        <div>\n          <h3 style=\"font-family:'Fraunces',Georgia,serif;font-size:22px;font-weight:600;color:#3A2408;margin:0 0 8px 0;\">Podcast &middot; Mes Tissages<\/h3>\n          <p style=\"font-family:'Inter',sans-serif;font-size:15px;color:#8B7555;line-height:1.6;margin:0 0 16px 0;\">Une plateforme pour les voix issues de la diversit&eacute; culturelle. &Agrave; travers leurs r&eacute;cits, mieux comprendre les d&eacute;fis et les richesses de la double culture.<\/p>\n          <a href=\"\/index.php\/mes-tissages-by-cap-metissage-le-podcast\/\" class=\"cap-link-gold\" style=\"font-size:14px;\">&Eacute;couter les &eacute;pisodes &rarr;<\/a>\n        <\/div>\n      <\/div>\n    <\/article>\n      \n    <article class=\"cap-card\">\n      <div style=\"display:flex;align-items:flex-start;gap:20px;\">\n        <div style=\"width:48px;height:48px;border-radius:50%;background:rgba(200,54,44,.1);color:#C8362C;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n          <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M5 3v18l7-5 7 5V3H5Z\"\/><\/svg>\n        <\/div>\n        <div>\n          <h3 style=\"font-family:'Fraunces',Georgia,serif;font-size:22px;font-weight:600;color:#3A2408;margin:0 0 8px 0;\">Partenariats artistiques<\/h3>\n          <p style=\"font-family:'Inter',sans-serif;font-size:15px;color:#8B7555;line-height:1.6;margin:0 0 16px 0;\">Avec Wah&eacute; Cr&eacute;ation (th&eacute;&acirc;tre &laquo;&nbsp;Enfin Libre&nbsp;&raquo;, adaptation de Desirada de Maryse Cond&eacute;) et l&rsquo;association SENA (spectacle sur Jos&eacute;phine Baker).<\/p>\n          <a href=\"\/index.php\/partenariats\/\" class=\"cap-link-gold\" style=\"font-size:14px;\">D&eacute;couvrir les projets &rarr;<\/a>\n        <\/div>\n      <\/div>\n    <\/article>\n      \n    <article class=\"cap-card\">\n      <div style=\"display:flex;align-items:flex-start;gap:20px;\">\n        <div style=\"width:48px;height:48px;border-radius:50%;background:rgba(200,54,44,.1);color:#C8362C;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n          <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M4 4h11a3 3 0 0 1 3 3v13a2 2 0 0 0-2-2H4V4ZM4 4v16h12\"\/><\/svg>\n        <\/div>\n        <div>\n          <h3 style=\"font-family:'Fraunces',Georgia,serif;font-size:22px;font-weight:600;color:#3A2408;margin:0 0 8px 0;\">Ressources &amp; outils<\/h3>\n          <p style=\"font-family:'Inter',sans-serif;font-size:15px;color:#8B7555;line-height:1.6;margin:0 0 16px 0;\">Le livre d&rsquo;or Nos Voix du M&eacute;tissage, le guide sur la parentalit&eacute; d&rsquo;enfants m&eacute;tis, le jeu Who is mixed?, l&rsquo;enqu&ecirc;te identitemetisse.com.<\/p>\n          <a href=\"\/index.php\/connaitre-cap-metissage\/publications\/\" class=\"cap-link-gold\" style=\"font-size:14px;\">Explorer les ressources &rarr;<\/a>\n        <\/div>\n      <\/div>\n    <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n    <section class=\"cap-guides-home\" id=\"cap-guides-home\">\n      <style>\n        .cap-guides-home{background:#3A2408;color:#F8F2EC;padding:112px 0;position:relative;overflow:hidden;font-family:'Inter',Helvetica,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}\n        .cap-guides-home *{box-sizing:border-box}\n        .cap-guides-home::before{content:\"\";position:absolute;top:-100px;right:-100px;width:420px;height:420px;background:radial-gradient(circle,rgba(232,169,38,.25),transparent 70%);pointer-events:none}\n        .cap-guides-home::after{content:\"\";position:absolute;bottom:-100px;left:-100px;width:420px;height:420px;background:radial-gradient(circle,rgba(200,54,44,.2),transparent 70%);pointer-events:none}\n        .cap-guides-home .wrap{max-width:1180px;margin:0 auto;padding:0 24px;position:relative}\n        .cap-guides-home .label{display:flex;align-items:center;gap:12px;letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:#E8A926;font-weight:500;margin:0 0 16px}\n        .cap-guides-home .filet{display:inline-block;width:28px;height:2px;background:#E8A926}\n        .cap-guides-home h2{font-family:'Fraunces',Georgia,serif;font-size:clamp(1.9rem,3.4vw,2.75rem);line-height:1.1;font-weight:500;color:#F8F2EC;letter-spacing:-.02em;margin:0 0 20px}\n        .cap-guides-home .lead-row{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:center;margin-bottom:60px}\n        .cap-guides-home .lead-row p{color:rgba(248,242,236,.78);font-size:17px;line-height:1.7;max-width:520px;margin:0}\n        .cap-guides-home .stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n        .cap-guides-home .stat{background:rgba(248,242,236,.06);border:1px solid rgba(248,242,236,.15);border-radius:12px;padding:18px;backdrop-filter:blur(4px)}\n        .cap-guides-home .stat .n{font-family:'Fraunces',Georgia,serif;font-size:34px;color:#E8A926;font-weight:500;line-height:1}\n        .cap-guides-home .stat .l{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(248,242,236,.7);margin-top:6px}\n        .cap-guides-home .scroller-wrap{position:relative;margin:0 -24px;padding:0 24px}\n        .cap-guides-home .scroller{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:8px 0 32px;scrollbar-width:thin;scrollbar-color:#E8A926 rgba(248,242,236,.15);outline:none}\n        .cap-guides-home .scroller:focus-visible{outline:2px solid #E8A926;outline-offset:4px;border-radius:6px}\n        .cap-guides-home .scroller::-webkit-scrollbar{height:6px}\n        .cap-guides-home .scroller::-webkit-scrollbar-thumb{background:#E8A926;border-radius:3px}\n        .cap-guides-home .scroller::-webkit-scrollbar-track{background:rgba(248,242,236,.1)}\n        .cap-guides-home .item{flex:0 0 280px;scroll-snap-align:start;text-decoration:none;color:#F8F2EC;transition:transform .25s;min-width:0;min-height:44px;display:block}\n        .cap-guides-home .item:hover{transform:translateY(-4px)}\n        .cap-guides-home .item:focus-visible{outline:2px solid #E8A926;outline-offset:6px;border-radius:10px}\n        .cap-guides-home .item .cover{aspect-ratio:3\/4;background:rgba(248,242,236,.08);border-radius:10px;overflow:hidden;margin-bottom:16px;position:relative;box-shadow:0 18px 40px -16px rgba(0,0,0,.45)}\n        .cap-guides-home .item .cover img{width:100%;height:100%;object-fit:cover;display:block}\n        .cap-guides-home .item .cover .badge{position:absolute;top:12px;left:12px;background:rgba(58,36,8,.85);color:#E8A926;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:999px;font-weight:600}\n        .cap-guides-home .item .cover .badge.is-original{background:#C8362C;color:#fff}\n        .cap-guides-home .item .target{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#E8A926;margin-bottom:6px;font-weight:500}\n        .cap-guides-home .item h4{font-family:'Fraunces',Georgia,serif;font-size:18px;font-weight:500;color:#F8F2EC;line-height:1.3;margin:0 0 6px}\n        .cap-guides-home .item .teaser{font-size:13px;color:rgba(248,242,236,.65);line-height:1.5;margin:0 0 8px;font-style:italic}\n        .cap-guides-home .item .meta-pages{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(232,169,38,.85);font-weight:500;display:inline-flex;align-items:center;gap:6px}\n        .cap-guides-home .item .meta-pages svg{flex-shrink:0;opacity:.8}\n        .cap-guides-home .item.placeholder{opacity:.55;pointer-events:none}\n        .cap-guides-home .item.placeholder .cover{display:flex;align-items:center;justify-content:center;border:2px dashed rgba(232,169,38,.5);background:rgba(248,242,236,.04)}\n        .cap-guides-home .item.placeholder .cover .plus{font-family:'Fraunces',Georgia,serif;font-size:38px;color:#E8A926;line-height:1}\n        .cap-guides-home .item.placeholder .cover .lbl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(248,242,236,.6);margin-top:10px}\n        .cap-guides-home .footer-row{margin-top:24px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}\n        .cap-guides-home .arrow-help{font-size:12px;color:rgba(248,242,236,.5);letter-spacing:.06em;text-transform:uppercase}\n        .cap-guides-home .ctas{display:flex;flex-wrap:wrap;gap:12px}\n        .cap-guides-home .btn-jaune{background:#E8A926;color:#3A2408;padding:13px 24px;border-radius:999px;text-decoration:none;font-weight:600;font-size:14px;min-height:44px;display:inline-flex;align-items:center}\n        .cap-guides-home .btn-outline{border:1px solid rgba(248,242,236,.4);color:#F8F2EC;padding:13px 24px;border-radius:999px;text-decoration:none;font-weight:500;font-size:14px;min-height:44px;display:inline-flex;align-items:center}\n        .cap-guides-home.is-many .scroller-wrap{-webkit-mask-image:linear-gradient(to right,#000 80%,transparent 100%);mask-image:linear-gradient(to right,#000 80%,transparent 100%)}\n        @media (min-width:980px){\n          .cap-guides-home.is-few .scroller{display:grid;gap:22px}\n          .cap-guides-home.is-few.cols-1 .scroller{grid-template-columns:minmax(0,360px)}\n          .cap-guides-home.is-few.cols-2 .scroller{grid-template-columns:repeat(2,minmax(0,1fr))}\n          .cap-guides-home.is-few.cols-3 .scroller{grid-template-columns:repeat(3,minmax(0,1fr))}\n          .cap-guides-home.is-few .item{flex:initial}\n        }\n        @media (max-width:980px){\n          .cap-guides-home .lead-row{grid-template-columns:1fr;gap:32px}\n          .cap-guides-home .item{flex:0 0 220px}\n          .cap-guides-home .stat-cards{grid-template-columns:repeat(3,1fr)}\n        }\n        @media (max-width:560px){\n          .cap-guides-home{padding:80px 0}\n          .cap-guides-home .stat-cards{grid-template-columns:1fr}\n          .cap-guides-home .item{flex:0 0 200px}\n          .cap-guides-home .footer-row{flex-direction:column;align-items:stretch}\n          .cap-guides-home .ctas{flex-direction:column;width:100%}\n          .cap-guides-home .btn-jaune,.cap-guides-home .btn-outline{justify-content:center;width:100%}\n        }\n      <\/style>\n\n      <div class=\"wrap\">\n        <div class=\"lead-row\">\n          <div>\n            <div class=\"label\"><span class=\"filet\" aria-hidden=\"true\"><\/span>Ressources utiles<\/div>\n            <h2>La biblioth\u00e8que que nous aurions voulu avoir.<\/h2>\n            <p>Six guides pratiques pour les moments o\u00f9 le m\u00e9tissage se vit concr\u00e8tement&nbsp;: un couple \u00e0 construire, un enfant \u00e0 accompagner, une adolescence \u00e0 traverser, une \u00e9quipe \u00e0 f\u00e9d\u00e9rer, des grands-parents \u00e0 embarquer. T\u00e9l\u00e9chargement libre. Soutien libre.<\/p>\n          <\/div>\n          <div class=\"stat-cards\">\n            <div class=\"stat\"><div class=\"n\">6<\/div><div class=\"l\">guides pratiques<\/div><\/div>\n            <div class=\"stat\"><div class=\"n\">14<\/div><div class=\"l\">pages chacun<\/div><\/div>\n            <div class=\"stat\"><div class=\"n\">0 \u20ac<\/div><div class=\"l\">acc\u00e8s libre<\/div><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"scroller-wrap\" role=\"region\" aria-label=\"Collection des guides CAP M\u00e9tissage\">\n          <div class=\"scroller\" tabindex=\"0\">\n                          <a href=\"\/index.php\/ressources\/guides\/01-couples-mixtes\/\" class=\"item\" data-cap-event=\"home-guide-click\" data-cap-guide=\"couples-mixtes\">\n                <div class=\"cover\">\n                  <span class=\"badge\">01 \u00b7 Couple<\/span>\n                                      <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/capmetissage.com\/wp-content\/uploads\/2026\/04\/guide-01-cover.webp?fit=768%2C1085&#038;ssl=1\" alt=\"Couverture du guide Couples mixtes : naviguer l&#039;amour entre deux cultures.\" loading=\"lazy\" width=\"600\" height=\"800\">\n                                  <\/div>\n                <div class=\"target\">Couples interculturels<\/div>\n                <h4>Couples mixtes : naviguer l&#039;amour entre deux cultures.<\/h4>\n                <p class=\"teaser\">\u00ab&nbsp;Deux mondes, un foyer.&nbsp;\u00bb<\/p>\n                <div class=\"meta-pages\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>14&nbsp;pages<\/div>\n              <\/a>\n                          <a href=\"\/index.php\/ressources\/guides\/02-ecole\/\" class=\"item\" data-cap-event=\"home-guide-click\" data-cap-guide=\"ecole\">\n                <div class=\"cover\">\n                  <span class=\"badge\">02 \u00b7 \u00c9cole<\/span>\n                                      <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/capmetissage.com\/wp-content\/uploads\/2026\/04\/guide-02-cover.png?fit=768%2C1085&#038;ssl=1\" alt=\"Couverture du guide M\u00e9tissage et \u00e9cole : accompagner son enfant.\" loading=\"lazy\" width=\"600\" height=\"800\">\n                                  <\/div>\n                <div class=\"target\">Parents 6-16 ans<\/div>\n                <h4>M\u00e9tissage et \u00e9cole : accompagner son enfant.<\/h4>\n                <p class=\"teaser\">\u00ab&nbsp;Apprendre \u00e0 plusieurs voix.&nbsp;\u00bb<\/p>\n                <div class=\"meta-pages\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>14&nbsp;pages<\/div>\n              <\/a>\n                          <a href=\"\/index.php\/ressources\/guides\/03-adolescence\/\" class=\"item\" data-cap-event=\"home-guide-click\" data-cap-guide=\"adolescence\">\n                <div class=\"cover\">\n                  <span class=\"badge\">03 \u00b7 Ado<\/span>\n                                      <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/capmetissage.com\/wp-content\/uploads\/2026\/04\/guide-03-cover.webp?fit=768%2C1085&#038;ssl=1\" alt=\"Couverture du guide Identit\u00e9 m\u00e9tisse \u00e0 l&#039;adolescence : la crise d&#039;appartenance.\" loading=\"lazy\" width=\"600\" height=\"800\">\n                                  <\/div>\n                <div class=\"target\">Adolescents et parents<\/div>\n                <h4>Identit\u00e9 m\u00e9tisse \u00e0 l&#039;adolescence : la crise d&#039;appartenance.<\/h4>\n                <p class=\"teaser\">\u00ab&nbsp;Qui suis-je quand je suis tout \u00e7a ?&nbsp;\u00bb<\/p>\n                <div class=\"meta-pages\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>14&nbsp;pages<\/div>\n              <\/a>\n                          <a href=\"\/index.php\/ressources\/guides\/04-entreprise\/\" class=\"item\" data-cap-event=\"home-guide-click\" data-cap-guide=\"entreprise\">\n                <div class=\"cover\">\n                  <span class=\"badge\">04 \u00b7 Travail<\/span>\n                                      <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/capmetissage.com\/wp-content\/uploads\/2026\/04\/guide-04-cover.webp?fit=768%2C1085&#038;ssl=1\" alt=\"Couverture du guide M\u00e9tissage en entreprise : leadership et identit\u00e9.\" loading=\"lazy\" width=\"600\" height=\"800\">\n                                  <\/div>\n                <div class=\"target\">Adultes actifs<\/div>\n                <h4>M\u00e9tissage en entreprise : leadership et identit\u00e9.<\/h4>\n                <p class=\"teaser\">\u00ab&nbsp;Tout ce que tu es est une force.&nbsp;\u00bb<\/p>\n                <div class=\"meta-pages\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>14&nbsp;pages<\/div>\n              <\/a>\n                          <a href=\"\/index.php\/ressources\/guides\/05-grands-parents\/\" class=\"item\" data-cap-event=\"home-guide-click\" data-cap-guide=\"grands-parents\">\n                <div class=\"cover\">\n                  <span class=\"badge\">05 \u00b7 Famille<\/span>\n                                      <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/capmetissage.com\/wp-content\/uploads\/2026\/04\/guide-05-cover.webp?fit=768%2C1085&#038;ssl=1\" alt=\"Couverture du guide Grands-parents et familles : accueillir le m\u00e9tissage.\" loading=\"lazy\" width=\"600\" height=\"800\">\n                                  <\/div>\n                <div class=\"target\">G\u00e9n\u00e9ration 55+<\/div>\n                <h4>Grands-parents et familles : accueillir le m\u00e9tissage.<\/h4>\n                <p class=\"teaser\">\u00ab&nbsp;La famille s&#039;\u00e9largit, le c\u0153ur aussi.&nbsp;\u00bb<\/p>\n                <div class=\"meta-pages\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>14&nbsp;pages<\/div>\n              <\/a>\n                          <a href=\"\/index.php\/ressources\/guides\/parentalite\/\" class=\"item\" data-cap-event=\"home-guide-click\" data-cap-guide=\"parentalite-fondateur\">\n                <div class=\"cover\">\n                  <span class=\"badge is-original\">\u2605 Original<\/span>\n                                      <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/capmetissage.com\/wp-content\/uploads\/2026\/04\/cover-parentalite.webp?fit=512%2C800&#038;ssl=1\" alt=\"Couverture du guide L&#039;\u00e9veil des couleurs du monde.\" loading=\"lazy\" width=\"600\" height=\"800\">\n                                  <\/div>\n                <div class=\"target\">Guide fondateur<\/div>\n                <h4>L&#039;\u00e9veil des couleurs du monde.<\/h4>\n                <p class=\"teaser\">\u00ab&nbsp;Soutenir l&#039;identit\u00e9 d&#039;un enfant m\u00e9tisse.&nbsp;\u00bb<\/p>\n                <div class=\"meta-pages\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg>14&nbsp;pages<\/div>\n              <\/a>\n            \n                      <\/div>\n        <\/div>\n\n        <div class=\"footer-row\">\n          <span class=\"arrow-help\">Faites d\u00e9filer pour parcourir la collection &rarr;<\/span>\n          <div class=\"ctas\">\n            <a href=\"\/index.php\/connaitre-cap-metissage\/publications\/\" class=\"btn-jaune\">Voir toute la collection<\/a>\n            <a href=\"https:\/\/www.helloasso.com\/associations\/cap-metissage\/adhesions\/adhesion-association-cap-metissage\" target=\"_blank\" rel=\"noopener\" class=\"btn-outline\">Soutenir les prochaines \u00e9ditions<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <script>\n      (function(){\n        var s = document.querySelector('#cap-guides-home .scroller');\n        if (!s) return;\n        s.addEventListener('keydown', function(e){\n          var step = (s.querySelector('.item') || {}).offsetWidth || 240;\n          step += 22;\n          if (e.key === 'ArrowRight'){ s.scrollBy({left:  step, behavior:'smooth'}); e.preventDefault(); }\n          if (e.key === 'ArrowLeft' ){ s.scrollBy({left: -step, behavior:'smooth'}); e.preventDefault(); }\n          if (e.key === 'Home'      ){ s.scrollTo({left: 0,                  behavior:'smooth'}); e.preventDefault(); }\n          if (e.key === 'End'       ){ s.scrollTo({left: s.scrollWidth,      behavior:'smooth'}); e.preventDefault(); }\n        });\n      })();\n      <\/script>\n    <\/section>\n    \n\n\n<script>\n(function(){\n  var form = document.getElementById('cap-lead-home');\n  if (!form) return;\n  form.addEventListener('submit', function(e){\n    e.preventDefault();\n    var email = form.querySelector('input[type=email]').value;\n    var btn = form.querySelector('button');\n    if(btn){btn.disabled=true;btn.textContent='Envoi\u2026';}\n    fetch('\/wp-json\/claude\/v1\/guide-download',{\n      method:'POST',headers:{'Content-Type':'application\/json'},\n      body:JSON.stringify({email:email,guide:'parentalite'})\n    }).then(function(r){return r.json();}).then(function(d){\n      form.style.display='none';\n      var ok=document.getElementById('cap-lead-home-ok');\n      if(ok)ok.style.display='block';\n    }).catch(function(){\n      if(btn){btn.disabled=false;btn.textContent='Recevoir le guide';}\n    });\n  });\n})();\n<\/script>\n\n<section id=\"cap-home-partenariats\" style=\"background:#FDFAF5;border-top:1px solid #D6CCC2;padding:96px 0;\">\n  <div class=\"cap-wrap\">\n    <div style=\"display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px;\">\n      <div style=\"max-width:640px;\">\n        <div class=\"cap-label\" style=\"margin-bottom:16px;\"><span class=\"cap-filet\"><\/span>Partenariats<\/div>\n        <h2 class=\"cap-h2\">Nos compagnons de route.<\/h2>\n        <p style=\"font-family:'Inter',sans-serif;font-size:16px;color:#8B7555;line-height:1.65;margin:16px 0 0 0;\">Nous travaillons avec des artistes, des compagnies et des aventuri\u00e8res solidaires qui font du m\u00e9tissage une mati\u00e8re vivante : sur sc\u00e8ne, \u00e0 l'\u00e9cran, dans le d\u00e9sert.<\/p>\n      <\/div>\n      <a href=\"\/index.php\/partenariats\/\" class=\"cap-link-gold\" style=\"font-size:15px;\">Tous les partenariats &rarr;<\/a>\n    <\/div>\n    <div class=\"cap-home-actions-grid\" style=\"display:grid;grid-template-columns:repeat(4,1fr);gap:24px;\">\n      <article>\n        <a href=\"\/index.php\/partenariats\/wahe-creation\/\" style=\"display:block;text-decoration:none;color:inherit;\">\n          <div style=\"aspect-ratio:4\/5;overflow:hidden;border-radius:8px;margin-bottom:20px;background:#3A2408;\">\n            <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/capmetissage.com\/wp-content\/uploads\/2026\/05\/partenariats\/wahe-affiche-enfin-libre.jpg?w=812&#038;ssl=1\" alt=\"Affiche du spectacle Enfin Libre, D\u00e9sirada de Maryse Cond\u00e9.\" style=\"width:100%;height:100%;object-fit:cover;\" loading=\"lazy\" \/>\n          <\/div>\n          <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:#8B7555;font-family:'Inter',sans-serif;margin-bottom:10px;\">Sc\u00e8ne \u00b7 Depuis 2023<\/div>\n          <h3 style=\"font-family:'Fraunces',Georgia,serif;font-size:18px;font-weight:600;color:#3A2408;margin:0 0 8px 0;line-height:1.3;transition:color .2s;\" onmouseover=\"this.style.color='#C8362C'\" onmouseout=\"this.style.color='#3A2408'\">Wah\u00e9 Cr\u00e9ation<\/h3>\n          <p style=\"font-family:'Inter',sans-serif;font-size:13.5px;color:#8B7555;line-height:1.55;margin:0;\">Avec Nathaly Coualy, mettre Maryse Cond\u00e9 en sc\u00e8ne.<\/p>\n        <\/a>\n      <\/article>\n      <article>\n        <a href=\"\/index.php\/partenariats\/compagnie-sena\/\" style=\"display:block;text-decoration:none;color:inherit;\">\n          <div style=\"aspect-ratio:4\/5;overflow:hidden;border-radius:8px;margin-bottom:20px;background:#3A2408;\">\n            <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/capmetissage.com\/wp-content\/uploads\/2026\/05\/partenariats\/sena-affiche-josephine.jpg?w=812&#038;ssl=1\" alt=\"Affiche du spectacle Si j'\u00e9tais Jos\u00e9phine Baker, Compagnie SENA.\" style=\"width:100%;height:100%;object-fit:cover;\" loading=\"lazy\" \/>\n          <\/div>\n          <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:#8B7555;font-family:'Inter',sans-serif;margin-bottom:10px;\">Sc\u00e8ne \u00b7 Tarif adh\u00e9rent<\/div>\n          <h3 style=\"font-family:'Fraunces',Georgia,serif;font-size:18px;font-weight:600;color:#3A2408;margin:0 0 8px 0;line-height:1.3;transition:color .2s;\" onmouseover=\"this.style.color='#C8362C'\" onmouseout=\"this.style.color='#3A2408'\">Compagnie SENA<\/h3>\n          <p style=\"font-family:'Inter',sans-serif;font-size:13.5px;color:#8B7555;line-height:1.55;margin:0;\">Si j'\u00e9tais Jos\u00e9phine Baker, hommage dans\u00e9 d'Alicia Bigot.<\/p>\n        <\/a>\n      <\/article>\n      <article>\n        <a href=\"\/index.php\/partenariats\/lapo-chape\/\" style=\"display:block;text-decoration:none;color:inherit;\">\n          <div style=\"aspect-ratio:4\/5;overflow:hidden;border-radius:8px;margin-bottom:20px;background:#3A2408;\">\n            <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/capmetissage.com\/wp-content\/uploads\/2026\/05\/partenariats\/lapo-chape-bandeau.png?w=812&#038;ssl=1\" alt=\"Documentaire LAPO CHAP\u00c9 de M\u00e9lissandre Monatus.\" style=\"width:100%;height:100%;object-fit:cover;\" loading=\"lazy\" \/>\n          <\/div>\n          <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:#8B7555;font-family:'Inter',sans-serif;margin-bottom:10px;\">Cin\u00e9ma \u00b7 8 prix<\/div>\n          <h3 style=\"font-family:'Fraunces',Georgia,serif;font-size:18px;font-weight:600;color:#3A2408;margin:0 0 8px 0;line-height:1.3;transition:color .2s;\" onmouseover=\"this.style.color='#C8362C'\" onmouseout=\"this.style.color='#3A2408'\">LAPO CHAP\u00c9<\/h3>\n          <p style=\"font-family:'Inter',sans-serif;font-size:13.5px;color:#8B7555;line-height:1.55;margin:0;\">D\u00e9construire les pr\u00e9jug\u00e9s de couleur, par M\u00e9lissandre Monatus.<\/p>\n        <\/a>\n      <\/article>\n      <article>\n        <a href=\"\/index.php\/partenariats\/trek-4s\/\" style=\"display:block;text-decoration:none;color:inherit;\">\n          <div style=\"aspect-ratio:4\/5;overflow:hidden;border-radius:8px;margin-bottom:20px;background:#3A2408;\">\n            <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/capmetissage.com\/wp-content\/uploads\/2026\/05\/partenariats\/trek-4s-bandeau-720.jpg?w=812&#038;ssl=1\" alt=\"Trek 4S, quatre amies dans le d\u00e9sert marocain pour CAP M\u00e9tissage.\" style=\"width:100%;height:100%;object-fit:cover;\" loading=\"lazy\" \/>\n          <\/div>\n          <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:#8B7555;font-family:'Inter',sans-serif;margin-bottom:10px;\">Solidaire \u00b7 100 km Sahara<\/div>\n          <h3 style=\"font-family:'Fraunces',Georgia,serif;font-size:18px;font-weight:600;color:#3A2408;margin:0 0 8px 0;line-height:1.3;transition:color .2s;\" onmouseover=\"this.style.color='#C8362C'\" onmouseout=\"this.style.color='#3A2408'\">Trek 4S \u00b7 Elles Marchent<\/h3>\n          <p style=\"font-family:'Inter',sans-serif;font-size:13.5px;color:#8B7555;line-height:1.55;margin:0;\">Quatre amies, cent kilom\u00e8tres dans le d\u00e9sert marocain.<\/p>\n        <\/a>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"cap-articles\" style=\"background:#F8F2EC;padding:96px 0;\">\n  <div class=\"cap-wrap\">\n    <div style=\"display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px;\">\n      <div>\n        <div class=\"cap-label\" style=\"margin-bottom:16px;\"><span class=\"cap-filet\"><\/span>Publications<\/div>\n        <h2 class=\"cap-h2\">Lire, &eacute;couter, prolonger.<\/h2>\n      <\/div>\n      <a href=\"\/index.php\/connaitre-cap-metissage\/publications\/\" class=\"cap-link-gold\" style=\"font-size:15px;\">Toutes les publications &rarr;<\/a>\n    <\/div>\n    <div class=\"cap-home-actions-grid\" style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:32px;\">\n    <article>\n      <a href=\"https:\/\/capmetissage.com\/index.php\/2025\/05\/06\/lapo-chape-un-documentaire-pour-rendre-le-metissage-visible-audible-indiscutable\/\" style=\"display:block;text-decoration:none;color:inherit;\">\n        <div style=\"aspect-ratio:16\/10;overflow:hidden;border-radius:8px;margin-bottom:20px;\"><div style=\"width:100%;height:100%;background:linear-gradient(135deg,#5B3C11,#8B7555);\"><\/div><\/div>\n        <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:#8B7555;font-family:'Inter',sans-serif;margin-bottom:12px;\">Documentaire<\/div>\n        <h3 style=\"font-family:'Fraunces',Georgia,serif;font-size:19px;font-weight:600;color:#3A2408;margin:0 0 12px 0;line-height:1.35;transition:color .2s;\" onmouseover=\"this.style.color='#C8362C'\" onmouseout=\"this.style.color='#3A2408'\">Lapo Chap&eacute;&nbsp;: un film documentaire pour rendre le m&eacute;tissage visible, audible, indiscutable<\/h3>\n        <p style=\"font-family:'Inter',sans-serif;font-size:14px;color:#8B7555;line-height:1.6;margin:0;\">En France, la question du m&eacute;tissage est complexe et peu &eacute;tudi&eacute;e &agrave; cause des difficult&eacute;s &agrave; mesurer la diversit&eacute;.<\/p>\n      <\/a>\n    <\/article>\n    <article>\n      <a href=\"https:\/\/capmetissage.com\/index.php\/2024\/05\/21\/cap-metissage-decouverte-des-nuances-du-metissage-a-travers-ses-termes-historiques-et-contemporains\/\" style=\"display:block;text-decoration:none;color:inherit;\">\n        <div style=\"aspect-ratio:16\/10;overflow:hidden;border-radius:8px;margin-bottom:20px;\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/capmetissage.com\/wp-content\/uploads\/2024\/05\/mosaique-de-personnes.webp?w=812&#038;ssl=1\" alt=\"\" style=\"width:100%;height:100%;object-fit:cover;\" loading=\"lazy\" \/><\/div>\n        <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:#8B7555;font-family:'Inter',sans-serif;margin-bottom:12px;\">Ressources<\/div>\n        <h3 style=\"font-family:'Fraunces',Georgia,serif;font-size:19px;font-weight:600;color:#3A2408;margin:0 0 12px 0;line-height:1.35;transition:color .2s;\" onmouseover=\"this.style.color='#C8362C'\" onmouseout=\"this.style.color='#3A2408'\">D&eacute;couverte des nuances du m&eacute;tissage &agrave; travers ses termes historiques et contemporains<\/h3>\n        <p style=\"font-family:'Inter',sans-serif;font-size:14px;color:#8B7555;line-height:1.6;margin:0;\">Une palette de termes&nbsp;: des origines &agrave; aujourd&rsquo;hui. Le terme &laquo;&nbsp;M&eacute;tis&nbsp;&raquo; trouve ses racines dans le latin mixtus.<\/p>\n      <\/a>\n    <\/article>\n    <article>\n      <a href=\"https:\/\/capmetissage.com\/index.php\/2024\/04\/02\/en-hommage-a-maryse-conde-une-etoile-de-la-litterature-francophone-sest-eteinte\/\" style=\"display:block;text-decoration:none;color:inherit;\">\n        <div style=\"aspect-ratio:16\/10;overflow:hidden;border-radius:8px;margin-bottom:20px;\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/capmetissage.com\/wp-content\/uploads\/2024\/04\/Maryse-Conde.webp?w=812&#038;ssl=1\" alt=\"\" style=\"width:100%;height:100%;object-fit:cover;\" loading=\"lazy\" \/><\/div>\n        <div style=\"letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:#8B7555;font-family:'Inter',sans-serif;margin-bottom:12px;\">Culture<\/div>\n        <h3 style=\"font-family:'Fraunces',Georgia,serif;font-size:19px;font-weight:600;color:#3A2408;margin:0 0 12px 0;line-height:1.35;transition:color .2s;\" onmouseover=\"this.style.color='#C8362C'\" onmouseout=\"this.style.color='#3A2408'\">En Hommage &agrave; Maryse Cond&eacute;&nbsp;: Une &Eacute;toile de la Litt&eacute;rature Francophone s&rsquo;est &Eacute;teinte<\/h3>\n        <p style=\"font-family:'Inter',sans-serif;font-size:14px;color:#8B7555;line-height:1.6;margin:0;\">C&rsquo;est avec un c&oelig;ur lourd que la communaut&eacute; de Cap M&eacute;tissage partage la nouvelle du d&eacute;c&egrave;s de Maryse Cond&eacute;.<\/p>\n      <\/a>\n    <\/article><\/div>\n  <\/div>\n<\/section>\n<section id=\"cap-rejoindre\" style=\"background:#FDFAF5;border-top:1px solid #D6CCC2;padding:96px 0;\">\n  <div class=\"cap-wrap\" style=\"text-align:center;\">\n    <div class=\"cap-label\" style=\"margin-bottom:24px;\"><span class=\"cap-filet\"><\/span>Rejoindre<\/div>\n    <h2 class=\"cap-h2\" style=\"max-width:720px;margin:0 auto 32px auto;\">Une association vit de celles et ceux qui s&rsquo;y reconnaissent.<\/h2>\n    <p style=\"font-family:'Inter',sans-serif;font-size:17px;color:#8B7555;max-width:600px;margin:0 auto 40px auto;line-height:1.65;\">Comme le colibri, chacun fait sa part. Adh&eacute;rer, c&rsquo;est faire partie du mouvement. Faire un don, c&rsquo;est nous permettre de produire plus, mieux, plus loin.<\/p>\n    <div style=\"display:flex;flex-wrap:wrap;justify-content:center;gap:16px;\">\n      <a href=\"https:\/\/www.helloasso.com\/associations\/cap-metissage\/adhesions\/adhesion-association-cap-metissage\" class=\"cap-btn-primary\" 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=\"cap-btn-outline\" target=\"_blank\" rel=\"noopener\">Faire un don<\/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=\"https:\/\/www.helloasso.com\/associations\/cap-metissage\/adhesions\/adhesion-association-cap-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)'\" 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\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":"stretched","zakra_page_sidebar_layout":"no_sidebar","zakra_remove_content_margin":false,"zakra_sidebar":"customizer","zakra_transparent_header":"1","zakra_logo":51,"zakra_main_header_style":"default","zakra_menu_item_color":"#ffffff","zakra_menu_item_hover_color":"","zakra_menu_item_active_color":"","zakra_menu_active_style":"style-2","zakra_page_header":true,"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-431","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\/431","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=431"}],"version-history":[{"count":509,"href":"https:\/\/capmetissage.com\/index.php\/wp-json\/wp\/v2\/pages\/431\/revisions"}],"predecessor-version":[{"id":5119,"href":"https:\/\/capmetissage.com\/index.php\/wp-json\/wp\/v2\/pages\/431\/revisions\/5119"}],"wp:attachment":[{"href":"https:\/\/capmetissage.com\/index.php\/wp-json\/wp\/v2\/media?parent=431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}