Collecte RECO \u2014 Donnez vos v\u00eatements<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;700;800&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n*{margin:0;padding:0;box-sizing:border-box}\n:root{\n --vert:#2a3a1a;\n --vert-mid:#4a6630;\n --vert-clair:#8aab5a;\n --vert-pale:#d4e6b5;\n --vert-bg:#eef4e2;\n --magenta:#e0005a;\n --creme:#f7f2e8;\n --creme-dark:#ede5d0;\n --amber:#f5a623;\n --amber-pale:#fef3d8;\n --blanc:#ffffff;\n --noir:#1a1a1a;\n}\nhtml{scroll-behavior:smooth}\nbody{font-family:'DM Sans',sans-serif;background:var(--creme);color:var(--noir);overflow-x:hidden}\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.hero{background:var(--vert);min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem 2.5rem;position:relative;overflow:hidden}\n.hero-blob{position:absolute;border-radius:50%;pointer-events:none}\n.hero-blob.b1{width:300px;height:300px;background:rgba(138,171,90,0.15);top:-80px;right:-80px}\n.hero-blob.b2{width:200px;height:200px;background:rgba(224,0,90,0.1);bottom:-60px;left:-60px}\n\n.hero-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:2rem}\n.hero-dot{width:8px;height:8px;border-radius:50%;background:var(--magenta)}\n.hero-eyebrow-text{font-size:10px;letter-spacing:0.28em;text-transform:uppercase;color:var(--vert-pale);opacity:0.7}\n\n.hero-icon-center{display:flex;justify-content:center;margin-bottom:2rem}\n.big-shirt-icon{animation:float 3s ease-in-out infinite}\n@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\n\n.hero-title{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(2.8rem,13vw,5.5rem);line-height:0.92;color:var(--creme);text-align:center;margin-bottom:1rem}\n.hero-title .accent{color:var(--vert-clair)}\n.hero-title .accent2{color:var(--amber)}\n\n.hero-tagline{font-size:14px;color:var(--vert-pale);text-align:center;line-height:1.6;max-width:320px;margin:0 auto 2rem;opacity:0.8}\n\n.hero-date-badge{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--magenta);color:#fff;font-family:'Syne',sans-serif;font-weight:700;font-size:13px;padding:12px 22px;border-radius:100px;margin:0 auto 2rem;width:fit-content;letter-spacing:0.04em}\n\n.hero-cta-stack{display:flex;flex-direction:column;gap:10px;max-width:320px;margin:0 auto}\n.cta-main{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--creme);color:var(--vert);font-family:'Syne',sans-serif;font-weight:700;font-size:14px;padding:16px 24px;border-radius:4px;text-decoration:none;letter-spacing:0.02em}\n.cta-sec{display:flex;align-items:center;justify-content:center;gap:10px;background:transparent;color:var(--vert-pale);font-size:13px;padding:12px;border:1px solid rgba(138,171,90,0.3);border-radius:4px;text-decoration:none}\n\n\/* \u2500\u2500 SCROLL HINT \u2500\u2500 *\/\n.scroll-hint{text-align:center;padding:1.5rem;color:var(--vert-mid);font-size:11px;letter-spacing:0.15em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px}\n.scroll-arrow{animation:bounce 1.8s ease-in-out infinite}\n@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}\n\n\/* \u2500\u2500 SHARED \u2500\u2500 *\/\n.section{padding:2.5rem 1.5rem}\n.section-label{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:0.25em;text-transform:uppercase;color:var(--vert-mid);margin-bottom:1.5rem;font-weight:500}\n.section-label::before{content:'';display:block;width:20px;height:2px;background:var(--magenta)}\n\n\/* \u2500\u2500 WHY GIVE \u2500\u2500 *\/\n.why-section{background:var(--blanc);padding:2.5rem 1.5rem}\n.why-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.5rem;color:var(--vert);text-align:center;margin-bottom:0.4rem;line-height:1.2}\n.why-sub{font-size:13px;color:#666;text-align:center;margin-bottom:2rem;line-height:1.6;max-width:300px;margin-left:auto;margin-right:auto}\n\n.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}\n.why-card{background:var(--creme);border-radius:12px;padding:18px 14px;text-align:center;border:1.5px solid transparent;transition:border-color .2s}\n.why-card:hover{border-color:var(--vert-pale)}\n.why-icon-wrap{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}\n.why-icon-wrap svg{width:26px;height:26px}\n.wc-green .why-icon-wrap{background:var(--vert-bg)}\n.wc-magenta .why-icon-wrap{background:#fce8f0}\n.wc-amber .why-icon-wrap{background:var(--amber-pale)}\n.wc-blue .why-icon-wrap{background:#e6f0fb}\n.why-card-title{font-family:'Syne',sans-serif;font-weight:700;font-size:12px;color:var(--vert);margin-bottom:5px;line-height:1.3}\n.why-card-text{font-size:11px;color:#777;line-height:1.5}\n\n\/* \u2500\u2500 HOW INFOGRAPHIC \u2500\u2500 *\/\n.how-section{background:var(--vert);padding:2.5rem 1.5rem;overflow:hidden;position:relative}\n.how-section::after{content:'';position:absolute;bottom:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:rgba(138,171,90,0.08);pointer-events:none}\n.how-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.5rem;color:var(--creme);text-align:center;margin-bottom:0.4rem}\n.how-sub{font-size:12px;color:var(--vert-pale);text-align:center;margin-bottom:2.5rem;opacity:0.7}\n\n.steps-flow{display:flex;flex-direction:column;gap:0;position:relative}\n.step{display:flex;gap:16px;padding:16px 0;position:relative}\n.step-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:52px}\n.step-num-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:800;font-size:1rem;flex-shrink:0;border:2px solid}\n.step:nth-child(1) .step-num-circle{background:var(--magenta);border-color:var(--magenta);color:#fff}\n.step:nth-child(2) .step-num-circle{background:var(--vert-clair);border-color:var(--vert-clair);color:var(--vert)}\n.step:nth-child(3) .step-num-circle{background:var(--amber);border-color:var(--amber);color:var(--vert)}\n.step:nth-child(4) .step-num-circle{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3);color:var(--creme)}\n.step:nth-child(5) .step-num-circle{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3);color:var(--creme)}\n.step-connector{width:2px;flex:1;margin-top:4px;background:rgba(138,171,90,0.2)}\n.step-body{padding-bottom:16px}\n.step-icon-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}\n.step-icon-sm{width:28px;height:28px;opacity:0.85}\n.step-icon-sm svg{width:28px;height:28px}\n.step-title{font-family:'Syne',sans-serif;font-weight:700;font-size:13px;color:var(--creme);margin-bottom:4px}\n.step-desc{font-size:12px;color:var(--vert-pale);line-height:1.55;opacity:0.8}\n.step-tag{display:inline-block;font-size:10px;letter-spacing:0.1em;padding:3px 9px;border-radius:100px;margin-top:7px;text-transform:uppercase}\n.tag-magenta{background:rgba(224,0,90,0.2);color:#ff6fa0}\n.tag-green{background:rgba(138,171,90,0.2);color:var(--vert-clair)}\n.tag-amber{background:rgba(245,166,35,0.2);color:var(--amber)}\n\n\/* \u2500\u2500 OPTIONS \u2500\u2500 *\/\n.options-section{background:var(--creme-dark);padding:2.5rem 1.5rem}\n.options-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.4rem;color:var(--vert);text-align:center;margin-bottom:0.4rem}\n.options-sub{font-size:12px;color:#777;text-align:center;margin-bottom:2rem;line-height:1.5}\n\n.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.opt-card{background:var(--blanc);border-radius:12px;padding:20px 14px;text-align:center;border:2px solid transparent;position:relative}\n.opt-card.opt-drop{border-color:var(--vert-pale)}\n.opt-card.opt-pickup{border-color:#fce8f0}\n.opt-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:3px 10px;border-radius:100px}\n.opt-drop .opt-badge{background:var(--vert);color:var(--creme)}\n.opt-pickup .opt-badge{background:var(--magenta);color:#fff}\n.opt-big-icon{display:flex;justify-content:center;margin-bottom:12px;margin-top:8px}\n.opt-big-icon svg{width:48px;height:48px}\n.opt-title{font-family:'Syne',sans-serif;font-weight:700;font-size:13px;color:var(--vert);margin-bottom:6px;line-height:1.3}\n.opt-detail{font-size:11px;color:#777;line-height:1.6}\n.opt-highlight{font-weight:500;color:var(--vert)}\n\n\/* \u2500\u2500 WHAT WE COLLECT \u2500\u2500 *\/\n.collect-section{background:var(--blanc);padding:2.5rem 1.5rem}\n.collect-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.4rem;color:var(--vert);text-align:center;margin-bottom:0.4rem}\n.collect-sub{font-size:12px;color:#777;text-align:center;margin-bottom:2rem}\n\n.collect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:1.5rem}\n.collect-item{background:var(--vert-bg);border-radius:10px;padding:14px 8px;text-align:center}\n.collect-item svg{width:36px;height:36px;margin-bottom:7px}\n.collect-item-label{font-size:10px;color:var(--vert);font-weight:500;line-height:1.3}\n\n.collect-note{background:var(--amber-pale);border-left:3px solid var(--amber);padding:12px 14px;border-radius:0 8px 8px 0;font-size:12px;color:#7a5800;line-height:1.6}\n.collect-note strong{font-weight:600}\n\n\/* \u2500\u2500 MAP \/ POINTS \u2500\u2500 *\/\n.map-section{background:var(--vert-bg);padding:2.5rem 1.5rem}\n.map-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.4rem;color:var(--vert);text-align:center;margin-bottom:0.4rem}\n.map-sub{font-size:12px;color:var(--vert-mid);text-align:center;margin-bottom:2rem}\n\n.map-visual{background:var(--blanc);border-radius:12px;padding:1.5rem;margin-bottom:1.25rem}\n\n.points-list{display:flex;flex-direction:column;gap:12px}\n.point-card{background:var(--blanc);border-radius:10px;padding:15px;display:flex;gap:13px;align-items:flex-start}\n.point-pin{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}\n.point-pin svg{width:18px;height:18px}\n.pp-main .point-pin{background:var(--vert);} \n.pp-alt .point-pin{background:var(--vert-clair);}\n.point-name{font-family:'Syne',sans-serif;font-weight:700;font-size:13px;color:var(--vert);margin-bottom:3px}\n.point-address{font-size:11px;color:#666;line-height:1.5}\n.point-hours{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:500;color:var(--vert-mid);background:var(--vert-bg);padding:3px 8px;border-radius:100px;margin-top:5px}\n\n\/* \u2500\u2500 CIRCULAR FLOW \u2500\u2500 *\/\n.flow-section{background:var(--blanc);padding:2.5rem 1.5rem}\n.flow-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.4rem;color:var(--vert);text-align:center;margin-bottom:0.4rem}\n.flow-sub{font-size:12px;color:#777;text-align:center;margin-bottom:2rem;max-width:280px;margin-left:auto;margin-right:auto}\n\n.flow-svg-wrap{max-width:340px;margin:0 auto 1.5rem}\n\n\/* \u2500\u2500 VOLUNTEER \u2500\u2500 *\/\n.volunteer-section{background:var(--vert);padding:2.5rem 1.5rem}\n.vol-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.4rem;color:var(--creme);text-align:center;margin-bottom:0.4rem}\n.vol-sub{font-size:12px;color:var(--vert-pale);text-align:center;margin-bottom:2rem;opacity:0.75}\n\n.vol-roles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1.75rem}\n.vol-role{background:rgba(255,255,255,0.07);border-radius:10px;padding:14px 12px;text-align:center;border:1px solid rgba(138,171,90,0.2)}\n.vol-role svg{width:28px;height:28px;margin-bottom:8px}\n.vol-role-name{font-size:11px;font-weight:500;color:var(--vert-pale);line-height:1.3}\n\n\/* \u2500\u2500 CTA FINAL \u2500\u2500 *\/\n.cta-section{background:var(--magenta);padding:2.5rem 1.5rem;text-align:center;position:relative;overflow:hidden}\n.cta-section::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,0.07)}\n.cta-label{font-size:10px;letter-spacing:0.25em;text-transform:uppercase;color:rgba(255,255,255,0.6);margin-bottom:0.75rem}\n.cta-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.6rem;color:#fff;margin-bottom:0.5rem;line-height:1.1}\n.cta-desc{font-size:13px;color:rgba(255,255,255,0.75);margin-bottom:1.75rem;line-height:1.6}\n.cta-btn-stack{display:flex;flex-direction:column;gap:10px;max-width:300px;margin:0 auto}\n.btn-white{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:var(--magenta);font-family:'Syne',sans-serif;font-weight:700;font-size:14px;padding:16px;border-radius:4px;text-decoration:none;letter-spacing:0.02em}\n.btn-ghost-w{display:flex;align-items:center;justify-content:center;gap:10px;background:transparent;color:#fff;font-size:13px;padding:14px;border:1px solid rgba(255,255,255,0.35);border-radius:4px;text-decoration:none}\n\n.footer-mini{background:var(--vert);padding:1.25rem;text-align:center}\n.footer-mini p{font-size:11px;color:var(--vert-pale);opacity:0.5;line-height:1.7}\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"hero\">\n <div class=\"hero-blob b1\"><\/div>\n <div class=\"hero-blob b2\"><\/div>\n\n <div class=\"hero-eyebrow\">\n <div class=\"hero-dot\"><\/div>\n <span class=\"hero-eyebrow-text\">ONG Pim Pam Pum \u00b7 Projet RECO \u00b7 Paris<\/span>\n <\/div>\n\n <div class=\"hero-icon-center\">\n <svg class=\"big-shirt-icon\" width=\"96\" height=\"96\" viewbox=\"0 0 96 96\" fill=\"none\">\n <path d=\"M24 20L8 32L20 44L28 36V76H68V36L76 44L88 32L72 20C72 20 66 28 48 28C30 28 24 20 24 20Z\" fill=\"#8aab5a\" stroke=\"#d4e6b5\" stroke-width=\"2\"\/>\n <circle cx=\"48\" cy=\"22\" r=\"6\" fill=\"#2a3a1a\" stroke=\"#8aab5a\" stroke-width=\"1.5\"\/>\n <path d=\"M38 50H58M38 62H52\" stroke=\"#d4e6b5\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n\n <h1 class=\"hero-title\">\n Donnez<br>vos <span class=\"accent\">v\u00eatements<\/span>,<br>changez <span class=\"accent2\">des vies<\/span>\n <\/h1>\n <p class=\"hero-tagline\">Vos habits de seconde main deviennent mati\u00e8re premi\u00e8re pour des ateliers d'int\u00e9gration et d'autonomie \u00e0 Paris.<\/p>\n\n <div class=\"hero-date-badge\">\n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n Collecte \u00b7 Samedi 30 mai 2025\n <\/div>\n\n <div class=\"hero-cta-stack\">\n <a href=\"https:\/\/forms.gle\/EwRg6XfKupGM6xuH6\" class=\"cta-main\">\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M20 12V22H4V12\"\/><path d=\"M22 7H2v5h20V7z\"\/><path d=\"M12 22V7\"\/><path d=\"M12 7H7.5a2.5 2.5 0 010-5C11 2 12 7 12 7z\"\/><path d=\"M12 7h4.5a2.5 2.5 0 000-5C13 2 12 7 12 7z\"\/><\/svg>\n Je donne mes v\u00eatements \u2192\n <\/a>\n <a href=\"#how\" class=\"cta-sec\">\n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4M12 8h.01\"\/><\/svg>\n Comment \u00e7a fonctionne ?\n <\/a>\n <\/div>\n<\/div>\n\n<div class=\"scroll-hint\">\n <svg class=\"scroll-arrow\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12l7 7 7-7\"\/><\/svg>\n D\u00e9couvrir\n<\/div>\n\n\n<div class=\"why-section\">\n <div class=\"section-label\">Pourquoi donner<\/div>\n <h2 class=\"why-title\">Votre vieux pull vaut plus que vous croyez<\/h2>\n <p class=\"why-sub\">Chaque v\u00eatement donn\u00e9 sert de base \u00e0 des ateliers cr\u00e9atifs pour des personnes r\u00e9fugi\u00e9es et en r\u00e9insertion.<\/p>\n <div class=\"why-grid\">\n <div class=\"why-card wc-green\">\n <div class=\"why-icon-wrap\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2a3a1a\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n <path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n <path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/><path d=\"M16 3.13a4 4 0 010 7.75\"\/>\n <\/svg>\n <\/div>\n <div class=\"why-card-title\">Int\u00e9gration sociale<\/div>\n <div class=\"why-card-text\">Des ateliers mixtes entre r\u00e9fugi\u00e9\u00b7es et public g\u00e9n\u00e9ral<\/div>\n <\/div>\n <div class=\"why-card wc-magenta\">\n <div class=\"why-icon-wrap\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#e0005a\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/>\n <\/svg>\n <\/div>\n <div class=\"why-card-title\">Autonomie \u00e9conomique<\/div>\n <div class=\"why-card-text\">Cr\u00e9er des micro-entreprises \u00e0 partir de textiles recycl\u00e9s<\/div>\n <\/div>\n <div class=\"why-card wc-amber\">\n <div class=\"why-icon-wrap\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#8a5a00\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/>\n <\/svg>\n <\/div>\n <div class=\"why-card-title\">Z\u00e9ro d\u00e9chet textile<\/div>\n <div class=\"why-card-text\">100% de la mati\u00e8re est r\u00e9utilis\u00e9e \u2014 rien n'est jet\u00e9<\/div>\n <\/div>\n <div class=\"why-card wc-blue\">\n <div class=\"why-icon-wrap\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#185fa5\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\n <\/svg>\n <\/div>\n <div class=\"why-card-title\">Expression cr\u00e9ative<\/div>\n <div class=\"why-card-text\">Le v\u00eatement comme langage d'identit\u00e9 et de libert\u00e9<\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"how-section\" id=\"how\">\n <div class=\"section-label\" style=\"color:var(--vert-pale);opacity:0.7\">\n <span style=\"display:flex;align-items:center;gap:8px\"><span style=\"width:20px;height:2px;background:var(--magenta);display:block\"><\/span>Comment \u00e7a marche<\/span>\n <\/div>\n <h2 class=\"how-title\">5 \u00e9tapes simples<\/h2>\n <p class=\"how-sub\">De votre placard jusqu'aux ateliers RECO<\/p>\n\n <div class=\"steps-flow\">\n\n <div class=\"step\">\n <div class=\"step-left\">\n <div class=\"step-num-circle\">1<\/div>\n <div class=\"step-connector\"><\/div>\n <\/div>\n <div class=\"step-body\">\n <div class=\"step-icon-row\">\n <div class=\"step-icon-sm\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff6fa0\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\n <\/div>\n <\/div>\n <div class=\"step-title\">Remplissez le formulaire <em style=\"font-style:normal;opacity:0.6;font-size:11px\">\u2014 ou venez directement !<\/em><\/div>\n <div class=\"step-desc\">En ligne en 2 minutes pour planifier le d\u00e9p\u00f4t ou la collecte \u00e0 domicile. <strong style=\"color:#ff6fa0\">Mais pour la collecte du 30 mai, vous pouvez aussi venir sans formulaire<\/strong> \u2014 on vous accueille de 10h \u00e0 16h.<\/div>\n <span class=\"step-tag tag-magenta\">Online \u00b7 2 min \u00b7 ou sans RDV<\/span>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-left\">\n <div class=\"step-num-circle\">2<\/div>\n <div class=\"step-connector\"><\/div>\n <\/div>\n <div class=\"step-body\">\n <div class=\"step-icon-row\">\n <div class=\"step-icon-sm\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#8aab5a\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M20 12V22H4V12\"\/><path d=\"M22 7H2v5h20V7z\"\/><path d=\"M12 22V7\"\/><\/svg>\n <\/div>\n <\/div>\n <div class=\"step-title\">D\u00e9posez ou on passe chez vous<\/div>\n <div class=\"step-desc\">Le samedi 30 mai, de 10h \u00e0 16h \u2014 Maison \u00c9tudiante, 50 rue de Tournelles 75003. Collecte \u00e0 domicile disponible le m\u00eame jour, de 10h30 \u00e0 17h00.<\/div>\n <span class=\"step-tag tag-green\">Gratuit \u00b7 Paris<\/span>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-left\">\n <div class=\"step-num-circle\">3<\/div>\n <div class=\"step-connector\"><\/div>\n <\/div>\n <div class=\"step-body\">\n <div class=\"step-icon-row\">\n <div class=\"step-icon-sm\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#f5a623\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n <\/div>\n <\/div>\n <div class=\"step-title\">On trie & classe tout<\/div>\n <div class=\"step-desc\">Nos b\u00e9n\u00e9voles r\u00e9ceptionnent, trient et cataloguent chaque pi\u00e8ce selon son potentiel de transformation.<\/div>\n <span class=\"step-tag tag-amber\">B\u00e9n\u00e9voles RECO<\/span>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-left\">\n <div class=\"step-num-circle\">4<\/div>\n <div class=\"step-connector\"><\/div>\n <\/div>\n <div class=\"step-body\">\n <div class=\"step-icon-row\">\n <div class=\"step-icon-sm\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4e6b5\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"6\" cy=\"6\" r=\"3\"\/><circle cx=\"6\" cy=\"18\" r=\"3\"\/><line x1=\"20\" y1=\"4\" x2=\"8.12\" y2=\"15.88\"\/><line x1=\"14.47\" y1=\"14.48\" x2=\"20\" y2=\"20\"\/><line x1=\"8.12\" y1=\"8.12\" x2=\"12\" y2=\"12\"\/><\/svg>\n <\/div>\n <\/div>\n <div class=\"step-title\">Transformation en atelier<\/div>\n <div class=\"step-desc\">Les v\u00eatements deviennent mati\u00e8re premi\u00e8re pour les 3 axes RECO : mode, identit\u00e9 et entrepreneuriat.<\/div>\n <span class=\"step-tag tag-green\">Programme RECO<\/span>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-left\">\n <div class=\"step-num-circle\">5<\/div>\n <\/div>\n <div class=\"step-body\">\n <div class=\"step-icon-row\">\n <div class=\"step-icon-sm\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4e6b5\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n <\/div>\n <\/div>\n <div class=\"step-title\">Une cohorte mixte pour apprendre & cr\u00e9er<\/div>\n <div class=\"step-desc\">Vos v\u00eatements servent de mati\u00e8re premi\u00e8re \u00e0 une cohorte compos\u00e9e \u00e0 <strong style=\"color:var(--vert-pale)\">75% de r\u00e9fugi\u00e9\u00b7es, demandeur\u00b7euses d'asile et jeunes en difficult\u00e9 d'int\u00e9gration<\/strong>, et \u00e0 <strong style=\"color:var(--vert-pale)\">25% du public g\u00e9n\u00e9ral d'\u00cele-de-France<\/strong> \u2014 sans distinction d'\u00e2ge ni de sexe. Ils se forment individuellement, en projets de mode et en cr\u00e9ation d'entreprise.<\/div>\n <span class=\"step-tag tag-amber\">Programme RECO 2026<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n<div class=\"options-section\">\n <div class=\"section-label\">Vos options<\/div>\n <h2 class=\"options-title\">Comment d\u00e9poser ?<\/h2>\n <p class=\"options-sub\">Deux fa\u00e7ons simples de nous faire parvenir vos v\u00eatements<\/p>\n\n <div class=\"options-grid\">\n <div class=\"opt-card opt-drop\">\n <span class=\"opt-badge\">En personne<\/span>\n <div class=\"opt-big-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2a3a1a\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n <path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/>\n <\/svg>\n <\/div>\n <div class=\"opt-title\">D\u00e9p\u00f4t sur place<\/div>\n <div class=\"opt-detail\">\n <div class=\"opt-highlight\">Maison \u00c9tudiante<\/div>\n 50 rue de Tournelles<br>75003 Paris<br><br>\n <div class=\"opt-highlight\">Sam 30 mai uniquement<\/div>\n 10h00 \u2192 16h00<br>\n <em>Sans formulaire, venez directement !<\/em>\n <\/div>\n <\/div>\n\n <div class=\"opt-card opt-pickup\">\n <span class=\"opt-badge\">Chez vous<\/span>\n <div class=\"opt-big-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#e0005a\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"1\"\/><path d=\"M16 8h4l3 3v5h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/>\n <\/svg>\n <\/div>\n <div class=\"opt-title\">Collecte \u00e0 domicile<\/div>\n <div class=\"opt-detail\">\n <div class=\"opt-highlight\">Zone couverte<\/div>\n Triangle Bastille \u2013<br>R\u00e9publique \u2013 \u00c9tudiante<br><br>\n <div class=\"opt-highlight\">Sam 30 mai uniquement<\/div>\n 10h30 \u2192 17h00<br>\n <em>Sur inscription pr\u00e9alable<\/em>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"collect-section\">\n <div class=\"section-label\">Ce qu'on accepte<\/div>\n <h2 class=\"collect-title\">Que donner ?<\/h2>\n <p class=\"collect-sub\">Tout ce qui peut \u00eatre transform\u00e9 \u2014 pas de limite de style ou de taille<\/p>\n\n <div class=\"collect-grid\">\n <div class=\"collect-item\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2a3a1a\" stroke-width=\"1.6\" stroke-linecap=\"round\">\n \n <path d=\"M3 7L7 4H17L21 7L18 10L16 8V20H8V8L6 10Z\"\/>\n <line x1=\"8\" y1=\"8\" x2=\"16\" y2=\"8\"\/>\n <\/svg>\n <div class=\"collect-item-label\">Hauts &<br>chemises<\/div>\n <\/div>\n <div class=\"collect-item\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2a3a1a\" stroke-width=\"1.6\" stroke-linecap=\"round\">\n \n <path d=\"M5 3H19V8L14 22H10L5 8V3Z\"\/>\n <line x1=\"5\" y1=\"3\" x2=\"19\" y2=\"3\"\/>\n <line x1=\"10\" y1=\"8\" x2=\"14\" y2=\"8\"\/>\n <\/svg>\n <div class=\"collect-item-label\">Pantalons &<br>jupes<\/div>\n <\/div>\n <div class=\"collect-item\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2a3a1a\" stroke-width=\"1.6\" stroke-linecap=\"round\">\n \n <line x1=\"2\" y1=\"3\" x2=\"22\" y2=\"3\"\/>\n <path d=\"M4 3 Q5 12 4 22\"\/>\n <path d=\"M12 3 Q11 12 12 22\"\/>\n <path d=\"M12 3 Q13 12 12 22\"\/>\n <path d=\"M20 3 Q19 12 20 22\"\/>\n <line x1=\"2\" y1=\"22\" x2=\"22\" y2=\"22\"\/>\n <\/svg>\n <div class=\"collect-item-label\">Rideaux &<br>draps<\/div>\n <\/div>\n <div class=\"collect-item\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2a3a1a\" stroke-width=\"1.6\" stroke-linecap=\"round\">\n <path d=\"M10 2H14L22 8L19 11L16 8V20H8V8L5 11L2 8Z\"\/>\n <\/svg>\n <div class=\"collect-item-label\">Robes &<br>combinaisons<\/div>\n <\/div>\n <div class=\"collect-item\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2a3a1a\" stroke-width=\"1.6\" stroke-linecap=\"round\">\n <path d=\"M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10v6a2 2 0 01-2 2h-2v-8h2v-1a8 8 0 00-16 0v1h2v8H4a2 2 0 01-2-2v-6z\"\/>\n <\/svg>\n <div class=\"collect-item-label\">Pulls &<br>sweats<\/div>\n <\/div>\n <div class=\"collect-item\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2a3a1a\" stroke-width=\"1.6\" stroke-linecap=\"round\">\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2\"\/>\n <line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"16\"\/><line x1=\"10\" y1=\"14\" x2=\"14\" y2=\"14\"\/>\n <\/svg>\n <div class=\"collect-item-label\">Accessoires &<br>tissus<\/div>\n <\/div>\n <\/div>\n\n <div class=\"collect-note\">\n <strong>Condition accept\u00e9e :<\/strong> Propre mais us\u00e9, d\u00e9chir\u00e9, d\u00e9mod\u00e9 \u2014 tout est bienvenu sauf les pi\u00e8ces compl\u00e8tement d\u00e9truites. M\u00eame les habits avec des trous ont leur place dans nos ateliers !\n <\/div>\n<\/div>\n\n\n<div class=\"map-section\">\n <div class=\"section-label\">O\u00f9 aller<\/div>\n <h2 class=\"map-title\">Points de collecte<\/h2>\n <p class=\"map-sub\">Deux lieux fixes \u00e0 Paris \u2014 ou on vient chez vous<\/p>\n\n \n <div class=\"map-visual\">\n <svg viewbox=\"0 0 300 180\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto\">\n \n <rect width=\"300\" height=\"180\" fill=\"#eef4e2\" rx=\"8\"\/>\n \n <line x1=\"30\" y1=\"90\" x2=\"270\" y2=\"90\" stroke=\"#d4e6b5\" stroke-width=\"6\"\/>\n <line x1=\"150\" y1=\"20\" x2=\"150\" y2=\"160\" stroke=\"#d4e6b5\" stroke-width=\"4\"\/>\n <line x1=\"60\" y1=\"40\" x2=\"240\" y2=\"140\" stroke=\"#d4e6b5\" stroke-width=\"3\"\/>\n <line x1=\"240\" y1=\"40\" x2=\"60\" y2=\"140\" stroke=\"#d4e6b5\" stroke-width=\"3\"\/>\n \n <polygon points=\"150,60 220,130 80,130\" fill=\"rgba(42,58,26,0.08)\" stroke=\"#8aab5a\" stroke-width=\"1.5\" stroke-dasharray=\"5 3\"\/>\n \n <circle cx=\"150\" cy=\"60\" r=\"16\" fill=\"#2a3a1a\"\/>\n <text x=\"150\" y=\"65\" text-anchor=\"middle\" font-family=\"Syne,sans-serif\" font-size=\"14\" font-weight=\"800\" fill=\"#d4e6b5\">1<\/text>\n <text x=\"150\" y=\"45\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"8\" fill=\"#2a3a1a\" font-weight=\"500\">Maison \u00c9tudiante<\/text>\n <text x=\"150\" y=\"33\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"7\" fill=\"#4a6630\">75003<\/text>\n \n <circle cx=\"220\" cy=\"130\" r=\"13\" fill=\"#8aab5a\"\/>\n <text x=\"220\" y=\"135\" text-anchor=\"middle\" font-family=\"Syne,sans-serif\" font-size=\"12\" font-weight=\"800\" fill=\"#2a3a1a\">2<\/text>\n <text x=\"220\" y=\"149\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"7.5\" fill=\"#2a3a1a\">Paris 3e\u20134e<\/text>\n \n <circle cx=\"80\" cy=\"130\" r=\"10\" fill=\"rgba(138,171,90,0.3)\" stroke=\"#8aab5a\" stroke-width=\"1.5\"\/>\n <text x=\"80\" y=\"134\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"8\" fill=\"#2a3a1a\">Bastille<\/text>\n \n <text x=\"150\" y=\"105\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"7.5\" fill=\"#4a6630\" opacity=\"0.8\">Zone collecte \u00e0 domicile<\/text>\n <\/svg>\n <\/div>\n\n <div class=\"points-list\">\n <div class=\"point-card pp-main\">\n <div class=\"point-pin\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n <\/div>\n <div>\n <div class=\"point-name\">Maison \u00c9tudiante (CIUP)<\/div>\n <div class=\"point-address\">50 rue de Tournelles, 75003 Paris<br>Sans formulaire \u2014 venez directement !<\/div>\n <div class=\"point-hours\">\n <svg width=\"12\" height=\"12\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n Sam 30 mai \u00b7 10h\u201316h\n <\/div>\n <\/div>\n <\/div>\n <div class=\"point-card pp-alt\">\n <div class=\"point-pin\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n <\/div>\n <div>\n <div class=\"point-name\">Zone Paris 3e\u20134e<\/div>\n <div class=\"point-address\">Collecte \u00e0 domicile sur rendez-vous<br>Triangle Bastille \u2013 R\u00e9publique \u2013 \u00c9tudiante<\/div>\n <div class=\"point-hours\">\n <svg width=\"12\" height=\"12\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n Sam 30 mai \u00b7 10h30\u201317h\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"flow-section\">\n <div class=\"section-label\">Le cycle complet<\/div>\n <h2 class=\"flow-title\">De votre placard au monde<\/h2>\n <p class=\"flow-sub\">Chaque v\u00eatement que vous donnez suit un cycle vertueux<\/p>\n\n <div class=\"flow-svg-wrap\">\n <svg viewbox=\"0 0 300 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto\">\n \n <circle cx=\"150\" cy=\"150\" r=\"130\" fill=\"none\" stroke=\"#d4e6b5\" stroke-width=\"1\" stroke-dasharray=\"3 4\"\/>\n \n <circle cx=\"150\" cy=\"150\" r=\"42\" fill=\"#2a3a1a\"\/>\n <text x=\"150\" y=\"145\" text-anchor=\"middle\" font-family=\"Syne,sans-serif\" font-size=\"11\" font-weight=\"800\" fill=\"#d4e6b5\">RECO<\/text>\n <text x=\"150\" y=\"160\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"8\" fill=\"#8aab5a\">Circulaire<\/text>\n\n \n <circle cx=\"150\" cy=\"22\" r=\"26\" fill=\"#eef4e2\" stroke=\"#8aab5a\" stroke-width=\"1.5\"\/>\n <text x=\"150\" y=\"18\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"18\">\ud83d\udc5a<\/text>\n <text x=\"150\" y=\"32\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"7.5\" fill=\"#2a3a1a\" font-weight=\"500\">Vous donnez<\/text>\n\n \n <circle cx=\"268\" cy=\"150\" r=\"26\" fill=\"#fce8f0\" stroke=\"#e0005a\" stroke-width=\"1.5\"\/>\n <text x=\"268\" y=\"146\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"18\">\ud83d\udce6<\/text>\n <text x=\"268\" y=\"160\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"7.5\" fill=\"#e0005a\" font-weight=\"500\">Collecte<\/text>\n\n \n <circle cx=\"220\" cy=\"256\" r=\"26\" fill=\"#eef4e2\" stroke=\"#3d5228\" stroke-width=\"1.5\"\/>\n <text x=\"220\" y=\"252\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"18\">\u2702\ufe0f<\/text>\n <text x=\"220\" y=\"267\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"7\" fill=\"#2a3a1a\" font-weight=\"500\">Atelier RECO<\/text>\n\n \n <circle cx=\"80\" cy=\"256\" r=\"26\" fill=\"#amber-pale\" stroke=\"#f5a623\" stroke-width=\"1.5\"\/>\n <rect x=\"54\" y=\"230\" width=\"52\" height=\"52\" rx=\"26\" fill=\"#fef3d8\" stroke=\"#f5a623\" stroke-width=\"1.5\"\/>\n <text x=\"80\" y=\"252\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"18\">\ud83c\udf0d<\/text>\n <text x=\"80\" y=\"267\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"7\" fill=\"#8a5a00\" font-weight=\"500\">Impact r\u00e9el<\/text>\n\n \n <circle cx=\"32\" cy=\"150\" r=\"26\" fill=\"#eef4e2\" stroke=\"#8aab5a\" stroke-width=\"1.5\"\/>\n <text x=\"32\" y=\"146\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"18\">\ud83d\udd0d<\/text>\n <text x=\"32\" y=\"160\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"7\" fill=\"#2a3a1a\" font-weight=\"500\">Tri & class.<\/text>\n\n \n <path d=\"M170,34 Q230,50 250,126\" fill=\"none\" stroke=\"#e0005a\" stroke-width=\"1.5\" stroke-dasharray=\"5 3\" marker-end=\"url(#a1)\"\/>\n <path d=\"M264,176 Q258,220 238,242\" fill=\"none\" stroke=\"#8aab5a\" stroke-width=\"1.5\" stroke-dasharray=\"5 3\" marker-end=\"url(#a2)\"\/>\n <path d=\"M196,268 Q140,278 106,268\" fill=\"none\" stroke=\"#f5a623\" stroke-width=\"1.5\" stroke-dasharray=\"5 3\" marker-end=\"url(#a3)\"\/>\n <path d=\"M56,240 Q36,200 38,174\" fill=\"none\" stroke=\"#8aab5a\" stroke-width=\"1.5\" stroke-dasharray=\"5 3\" marker-end=\"url(#a4)\"\/>\n <path d=\"M50,130 Q80,60 130,32\" fill=\"none\" stroke=\"#2a3a1a\" stroke-width=\"1.5\" stroke-dasharray=\"5 3\" marker-end=\"url(#a5)\"\/>\n\n <defs>\n <marker id=\"a1\" markerwidth=\"6\" markerheight=\"6\" refx=\"3\" refy=\"3\" orient=\"auto\"><path d=\"M0,0 L6,3 L0,6 Z\" fill=\"#e0005a\"\/><\/marker>\n <marker id=\"a2\" markerwidth=\"6\" markerheight=\"6\" refx=\"3\" refy=\"3\" orient=\"auto\"><path d=\"M0,0 L6,3 L0,6 Z\" fill=\"#8aab5a\"\/><\/marker>\n <marker id=\"a3\" markerwidth=\"6\" markerheight=\"6\" refx=\"3\" refy=\"3\" orient=\"auto\"><path d=\"M0,0 L6,3 L0,6 Z\" fill=\"#f5a623\"\/><\/marker>\n <marker id=\"a4\" markerwidth=\"6\" markerheight=\"6\" refx=\"3\" refy=\"3\" orient=\"auto\"><path d=\"M0,0 L6,3 L0,6 Z\" fill=\"#8aab5a\"\/><\/marker>\n <marker id=\"a5\" markerwidth=\"6\" markerheight=\"6\" refx=\"3\" refy=\"3\" orient=\"auto\"><path d=\"M0,0 L6,3 L0,6 Z\" fill=\"#2a3a1a\"\/><\/marker>\n <\/defs>\n <\/svg>\n <\/div>\n<\/div>\n\n\n<div class=\"volunteer-section\">\n <div class=\"section-label\" style=\"color:var(--vert-pale);opacity:0.7\">\n <span style=\"display:flex;align-items:center;gap:8px\"><span style=\"width:20px;height:2px;background:var(--magenta);display:block\"><\/span>B\u00e9n\u00e9voles<\/span>\n <\/div>\n <h2 class=\"vol-title\">On a besoin de vous aussi<\/h2>\n <p class=\"vol-sub\">Pas seulement de v\u00eatements \u2014 des mains pour faire tourner le projet<\/p>\n\n <div class=\"vol-roles\">\n <div class=\"vol-role\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#8aab5a\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"1\"\/><path d=\"M16 8h4l3 3v5h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/>\n <\/svg>\n <div class=\"vol-role-name\">Collecte & livraison<\/div>\n <\/div>\n <div class=\"vol-role\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#8aab5a\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n <path d=\"M20 12V22H4V12\"\/><path d=\"M22 7H2v5h20V7z\"\/><path d=\"M12 22V7\"\/>\n <\/svg>\n <div class=\"vol-role-name\">Tri & organisation<\/div>\n <\/div>\n <div class=\"vol-role\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#8aab5a\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n <circle cx=\"6\" cy=\"6\" r=\"3\"\/><circle cx=\"6\" cy=\"18\" r=\"3\"\/>\n <line x1=\"20\" y1=\"4\" x2=\"8.12\" y2=\"15.88\"\/>\n <line x1=\"14.47\" y1=\"14.48\" x2=\"20\" y2=\"20\"\/>\n <line x1=\"8.12\" y1=\"8.12\" x2=\"12\" y2=\"12\"\/>\n <\/svg>\n <div class=\"vol-role-name\">Ateliers & couture<\/div>\n <\/div>\n <div class=\"vol-role\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#8aab5a\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n <path d=\"M18 20V10\"\/><path d=\"M12 20V4\"\/><path d=\"M6 20v-6\"\/>\n <\/svg>\n <div class=\"vol-role-name\">Comms & r\u00e9seaux<\/div>\n <\/div>\n <\/div>\n\n <a href=\"https:\/\/forms.gle\/EwRg6XfKupGM6xuH6\" class=\"cta-main\" style=\"max-width:300px;margin:0 auto;background:var(--vert-clair);color:var(--vert)\">\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/><path d=\"M16 3.13a4 4 0 010 7.75\"\/><\/svg>\n Devenir b\u00e9n\u00e9vole \u2192\n <\/a>\n<\/div>\n\n\n<div class=\"cta-section\">\n <div class=\"cta-label\">Agir maintenant<\/div>\n <h2 class=\"cta-title\">Pr\u00eat\u00b7e \u00e0 donner ?<\/h2>\n <p class=\"cta-desc\">2 minutes pour remplir le formulaire \u2014 ou venez directement le samedi 30 mai de 10h \u00e0 16h, sans inscription. Les notifications arrivent \u00e0 <strong>reco@pimpampum.fr<\/strong>.<\/p>\n <div class=\"cta-btn-stack\">\n <a href=\"https:\/\/forms.gle\/EwRg6XfKupGM6xuH6\" class=\"btn-white\">\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M20 12V22H4V12\"\/><path d=\"M22 7H2v5h20V7z\"\/><path d=\"M12 22V7\"\/><path d=\"M12 7H7.5a2.5 2.5 0 010-5C11 2 12 7 12 7z\"\/><path d=\"M12 7h4.5a2.5 2.5 0 000-5C13 2 12 7 12 7z\"\/><\/svg>\n Je donne mes v\u00eatements \u2192\n <\/a>\n <a href=\"https:\/\/pimpampum.fr\/Projets\/projet-reco\/\" class=\"btn-ghost-w\">\n En savoir plus sur RECO\n <\/a>\n <\/div>\n<\/div>\n\n<div class=\"footer-mini\">\n <p>ONG Pim Pam Pum \u00b7 50 rue de Tournelles, 75003 Paris<br>\n visibles@pimpampum.fr \u00b7 reco@pimpampum.fr \u00b7 pimpampum.fr \u00b7 @ong_pimpampum<\/p>\n<\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3d5ff27 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3d5ff27\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f39712d\" data-id=\"f39712d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-54ea2b3 elementor-widget elementor-widget-html\" data-id=\"54ea2b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>RECO Collecte \u2014 Saturday 30 May \u00b7 Coordination Master<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n*{margin:0;padding:0;box-sizing:border-box}\n:root{\n --vert:#2a3a1a;--vert-mid:#4a6630;--vert-clair:#8aab5a;--vert-pale:#d4e6b5;--vert-bg:#eef4e2;\n --magenta:#e0005a;--magenta-pale:#fce8f0;\n --amber:#f5a623;--amber-pale:#fef3d8;\n --creme:#f7f2e8;--creme-dark:#ede5d0;--blanc:#fff;--noir:#1a1a1a;--gris:#666;\n --blue:#1b3a6b;--blue-pale:#e6edf8;\n}\nbody{font-family:'DM Sans',sans-serif;background:var(--creme);color:var(--noir);overflow-x:hidden}\n\n\/* NAV TABS *\/\n.nav{background:var(--vert);padding:0 1.5rem;display:flex;gap:0;overflow-x:auto;position:sticky;top:0;z-index:100}\n.nav-btn{font-family:'Syne',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;padding:14px 16px;color:rgba(255,255,255,0.5);cursor:pointer;border:none;background:transparent;white-space:nowrap;border-bottom:2px solid transparent;transition:all .2s}\n.nav-btn.active,.nav-btn:hover{color:var(--vert-pale);border-bottom-color:var(--vert-clair)}\n.nav-btn.active{color:var(--blanc);border-bottom-color:var(--magenta)}\n\n\/* PAGES *\/\n.page{display:none;padding:2rem 1.5rem;max-width:900px;margin:0 auto}\n.page.active{display:block}\n\n\/* SHARED *\/\n.page-title{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(1.6rem,5vw,2.4rem);color:var(--vert);margin-bottom:0.3rem;line-height:1.1}\n.page-sub{font-size:13px;color:var(--gris);margin-bottom:2rem;line-height:1.5}\n.tag{display:inline-block;font-size:9px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;padding:3px 9px;border-radius:2px;margin-bottom:1rem}\n.tag-vert{background:var(--vert);color:var(--vert-pale)}\n.tag-magenta{background:var(--magenta);color:#fff}\n.tag-amber{background:var(--amber);color:var(--vert)}\n.tag-blue{background:var(--blue);color:#fff}\n\n\/* SECTION BLOCKS *\/\n.block{background:var(--blanc);border-radius:8px;padding:1.5rem;margin-bottom:1rem;border-left:3px solid var(--vert-clair)}\n.block.b-magenta{border-left-color:var(--magenta)}\n.block.b-amber{border-left-color:var(--amber)}\n.block.b-blue{border-left-color:var(--blue)}\n.block.b-red{border-left-color:#d00}\n.block-title{font-family:'Syne',sans-serif;font-weight:700;font-size:14px;color:var(--vert);margin-bottom:0.75rem;display:flex;align-items:center;gap:8px}\n.block-title .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}\n.dot-vert{background:var(--vert-clair)}\n.dot-magenta{background:var(--magenta)}\n.dot-amber{background:var(--amber)}\n.dot-blue{background:var(--blue)}\n.block ul{list-style:none;display:flex;flex-direction:column;gap:5px}\n.block ul li{font-size:12px;color:var(--gris);padding-left:14px;position:relative;line-height:1.55}\n.block ul li::before{content:'\u2192';position:absolute;left:0;color:var(--vert-clair);font-size:11px}\n.block ul li.b-magenta-li::before{color:var(--magenta)}\n.block ul li strong{color:var(--noir);font-weight:500}\n.note{background:var(--amber-pale);border:1px solid rgba(245,166,35,0.3);border-radius:6px;padding:12px 14px;font-size:12px;color:#7a5800;line-height:1.6;margin-top:0.75rem}\n.note strong{font-weight:600}\n.alert{background:var(--magenta-pale);border:1px solid rgba(224,0,90,0.2);border-radius:6px;padding:12px 14px;font-size:12px;color:#8a0036;line-height:1.6;margin-top:0.75rem}\n\n\/* TIMELINE *\/\n.timeline{display:flex;flex-direction:column;gap:0;margin-bottom:1.5rem}\n.tl{display:flex;gap:14px;position:relative}\n.tl-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:44px}\n.tl-time{font-family:'Syne',sans-serif;font-size:10px;font-weight:700;color:var(--vert);line-height:1;text-align:center;padding:3px 0}\n.tl-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:2px solid}\n.tl-dot.d-vert{background:var(--vert-clair);border-color:var(--vert-clair)}\n.tl-dot.d-magenta{background:var(--magenta);border-color:var(--magenta)}\n.tl-dot.d-amber{background:var(--amber);border-color:var(--amber)}\n.tl-dot.d-blue{background:var(--blue);border-color:var(--blue)}\n.tl-dot.d-empty{background:var(--creme);border-color:var(--vert-clair)}\n.tl-line{width:2px;flex:1;background:rgba(42,58,26,0.1);margin:2px 0}\n.tl-body{padding-bottom:18px;flex:1}\n.tl-label{font-family:'Syne',sans-serif;font-weight:700;font-size:13px;color:var(--vert);margin-bottom:4px}\n.tl-desc{font-size:12px;color:var(--gris);line-height:1.55}\n.tl-roles{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}\n.role-pill{font-size:10px;padding:2px 8px;border-radius:100px;font-weight:500}\n.rp-vert{background:var(--vert-bg);color:var(--vert)}\n.rp-magenta{background:var(--magenta-pale);color:var(--magenta)}\n.rp-amber{background:var(--amber-pale);color:#7a5800}\n.rp-blue{background:var(--blue-pale);color:var(--blue)}\n.rp-grey{background:#f0f0f0;color:#555}\n\n\/* INFOGRAPHIC FLOW *\/\n.flow-container{background:var(--vert);border-radius:12px;padding:2rem 1.5rem;margin-bottom:1.5rem;overflow:hidden;position:relative}\n.flow-container::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:rgba(138,171,90,0.1);pointer-events:none}\n.flow-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.1rem;color:var(--creme);margin-bottom:1.5rem;text-align:center}\n.two-teams{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.25rem}\n.team-col{border-radius:8px;padding:14px;background:rgba(255,255,255,0.06)}\n.team-col.t-core{border:1px solid rgba(138,171,90,0.3)}\n.team-col.t-vol{border:1px solid rgba(224,0,90,0.25)}\n.team-name{font-family:'Syne',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:10px}\n.team-core .team-name,.t-core .team-name{color:var(--vert-clair)}\n.t-vol .team-name{color:#ff6fa0}\n.person-row{display:flex;align-items:center;gap:7px;margin-bottom:6px}\n.person-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}\n.av-vert{background:var(--vert-mid);color:var(--vert-pale)}\n.av-magenta{background:var(--magenta);color:#fff;opacity:0.85}\n.av-amber{background:var(--amber);color:var(--vert)}\n.av-blue{background:var(--blue);color:#fff}\n.av-grey{background:rgba(255,255,255,0.15);color:rgba(255,255,255,0.7)}\n.person-info{}\n.person-name{font-size:11px;font-weight:500;color:var(--creme);line-height:1}\n.person-role{font-size:9px;color:rgba(255,255,255,0.45);line-height:1.3;margin-top:1px}\n\n.flow-arrows{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:1.25rem;flex-wrap:wrap}\n.flow-node{background:rgba(255,255,255,0.08);border:1px solid rgba(138,171,90,0.25);border-radius:6px;padding:8px 12px;text-align:center;min-width:80px}\n.fn-icon{font-size:18px;margin-bottom:3px}\n.fn-label{font-size:9px;font-weight:600;color:var(--vert-pale);letter-spacing:0.08em;text-transform:uppercase;line-height:1.3}\n.flow-arrow-svg{color:var(--vert-clair);font-size:18px;flex-shrink:0}\n.scooter-note{background:rgba(245,166,35,0.12);border:1px solid rgba(245,166,35,0.25);border-radius:6px;padding:10px 12px;font-size:11px;color:var(--amber);text-align:center;margin-top:8px}\n\n\/* BRIEFING HEADER *\/\n.briefing-header{background:var(--vert);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:16px}\n.bh-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-size:1.2rem;font-weight:800;flex-shrink:0}\n.bh-name{font-family:'Syne',sans-serif;font-weight:800;font-size:1.1rem;color:var(--creme);line-height:1;margin-bottom:4px}\n.bh-role{font-size:11px;color:var(--vert-clair);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:6px}\n.bh-email{font-size:11px;color:rgba(255,255,255,0.35)}\n\n\/* RECAP BOX *\/\n.recap{background:var(--vert);border-radius:8px;padding:1.25rem;margin-top:1.5rem}\n.recap-title{font-family:'Syne',sans-serif;font-weight:700;font-size:12px;letter-spacing:0.15em;text-transform:uppercase;color:var(--vert-clair);margin-bottom:10px}\n.recap ul{list-style:none;display:flex;flex-direction:column;gap:5px}\n.recap ul li{font-size:12px;color:var(--vert-pale);padding-left:14px;position:relative;line-height:1.5}\n.recap ul li::before{content:'\u2713';position:absolute;left:0;color:var(--vert-clair);font-size:10px}\n\n\/* WEB SUMMARY *\/\n.reco-summary{background:var(--blanc);border-radius:8px;padding:1.5rem;margin-bottom:1rem}\n.rs-tag{font-size:9px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--vert-mid);margin-bottom:0.5rem}\n.rs-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.2rem;color:var(--vert);margin-bottom:0.4rem;line-height:1.2}\n.rs-intro{font-size:13px;color:var(--gris);line-height:1.65;margin-bottom:1.25rem}\n.axes-row{display:grid;grid-template-columns:1fr;gap:10px}\n.axe-mini{border-radius:6px;padding:12px 14px;border-left:3px solid}\n.axe-mini.c{background:var(--magenta-pale);border-left-color:var(--magenta)}\n.axe-mini.v{background:var(--vert-bg);border-left-color:var(--vert-clair)}\n.axe-mini.t{background:var(--amber-pale);border-left-color:var(--amber)}\n.axe-mini-name{font-family:'Syne',sans-serif;font-weight:700;font-size:12px;margin-bottom:3px}\n.axe-mini.c .axe-mini-name{color:var(--magenta)}\n.axe-mini.v .axe-mini-name{color:var(--vert)}\n.axe-mini.t .axe-mini-name{color:#7a5800}\n.axe-mini-desc{font-size:11px;color:var(--gris);line-height:1.5}\n.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:1rem}\n.stat-mini{background:var(--vert);border-radius:6px;padding:12px;text-align:center}\n.stat-mini-num{font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:800;color:var(--creme);line-height:1}\n.stat-mini-label{font-size:9px;color:var(--vert-pale);opacity:0.7;text-transform:uppercase;letter-spacing:0.08em;margin-top:3px;line-height:1.3}\n\n@media(min-width:600px){\n .page{padding:2rem 2.5rem}\n .axes-row{grid-template-columns:1fr 1fr 1fr}\n .two-teams{gap:16px}\n}\n<\/style>\n<\/head>\n<body>\n\n<nav class=\"nav\">\n <button class=\"nav-btn active\" onclick=\"show('flow')\">\ud83d\udcca Flow Chart<\/button>\n <button class=\"nav-btn\" onclick=\"show('programme-equipe')\">\ud83d\uddd3 Programme \u00c9quipe<\/button>\n <button class=\"nav-btn\" onclick=\"show('programme-vol')\">\ud83d\ude4b Programme B\u00e9n\u00e9voles<\/button>\n <button class=\"nav-btn\" onclick=\"show('brief-octavia')\">\ud83d\udccb Octavia<\/button>\n <button class=\"nav-btn\" onclick=\"show('brief-victoria')\">\ud83d\udccb Victoria<\/button>\n <button class=\"nav-btn\" onclick=\"show('brief-matina')\">\ud83d\udccb Matina<\/button>\n <button class=\"nav-btn\" onclick=\"show('brief-aiwei')\">\ud83d\udccb Aiwei<\/button>\n <button class=\"nav-btn\" onclick=\"show('brief-mikhaela')\">\ud83d\udccb Mikhaela<\/button>\n <button class=\"nav-btn\" onclick=\"show('web-summary')\">\ud83c\udf10 Web Summary<\/button>\n<\/nav>\n\n\n<div class=\"page active\" id=\"flow\">\n <span class=\"tag tag-vert\">Internal Coordination<\/span>\n <h1 class=\"page-title\">RECO Collecte \u2014 Flow Chart<\/h1>\n <p class=\"page-sub\">Saturday 30 May 2025 \u00b7 10:00 \u2192 18:00 \u00b7 Maison \u00c9tudiante + Triangle Bastille\u2013R\u00e9publique<\/p>\n\n <div class=\"flow-container\">\n <div class=\"flow-title\">TWO TEAMS \u2014 ONE MISSION<\/div>\n\n <div class=\"two-teams\">\n <div class=\"team-col t-core\">\n <div class=\"team-name\">\ud83d\udfe2 Core Team<\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-vert\">Ma<\/div><div class=\"person-info\"><div class=\"person-name\">Marlis<\/div><div class=\"person-role\">Textile evaluation lead<\/div><\/div><\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-vert\">Mi<\/div><div class=\"person-info\"><div class=\"person-name\">Mikhaela<\/div><div class=\"person-role\">Classification support<\/div><\/div><\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-vert\">Aw<\/div><div class=\"person-info\"><div class=\"person-name\">Aiwei<\/div><div class=\"person-role\">Comms & social live<\/div><\/div><\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-vert\">Oc<\/div><div class=\"person-info\"><div class=\"person-name\">Octavia<\/div><div class=\"person-role\">Overall coordination<\/div><\/div><\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-magenta\">Mt<\/div><div class=\"person-info\"><div class=\"person-name\">Matina<\/div><div class=\"person-role\">Visual production & stories<\/div><\/div><\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-amber\">Q<\/div><div class=\"person-info\"><div class=\"person-name\">Quentin<\/div><div class=\"person-role\">Pro videographer \u00b7 16h\u201317h<\/div><\/div><\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-blue\">Ir?<\/div><div class=\"person-info\"><div class=\"person-name\">Irina (TBC)<\/div><div class=\"person-role\">Visual support if available<\/div><\/div><\/div>\n <\/div>\n <div class=\"team-col t-vol\">\n <div class=\"team-name\">\ud83d\udd34 Volunteer Team (~10)<\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-grey\">V1<\/div><div class=\"person-info\"><div class=\"person-name\">2 \u00d7 Pickup duo<\/div><div class=\"person-role\">Scooter route \u2014 1 films, 1 interacts<\/div><\/div><\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-grey\">V3<\/div><div class=\"person-info\"><div class=\"person-name\">2 \u00d7 Welcome desk<\/div><div class=\"person-role\">Greet, log, direct donations<\/div><\/div><\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-grey\">V5<\/div><div class=\"person-info\"><div class=\"person-name\">2 \u00d7 Sorting support<\/div><div class=\"person-role\">Assist Marlis & Mikhaela<\/div><\/div><\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-grey\">V7<\/div><div class=\"person-info\"><div class=\"person-name\">2 \u00d7 Pack & transport<\/div><div class=\"person-role\">Box, label, move to Acad\u00e9mie<\/div><\/div><\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-grey\">V9<\/div><div class=\"person-info\"><div class=\"person-name\">2 \u00d7 Floating support<\/div><div class=\"person-role\">Flexible \u2014 where needed<\/div><\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"flow-title\" style=\"font-size:12px;margin-bottom:1rem;opacity:0.7\">HOW THE DAY FLOWS<\/div>\n <div class=\"flow-arrows\">\n <div class=\"flow-node\"><div class=\"fn-icon\">\ud83d\udeaa<\/div><div class=\"fn-label\">Welcome &<br>Receive<\/div><\/div>\n <div class=\"flow-arrow-svg\">\u2192<\/div>\n <div class=\"flow-node\"><div class=\"fn-icon\">\ud83d\udd0d<\/div><div class=\"fn-label\">Evaluate<br>Quality<\/div><\/div>\n <div class=\"flow-arrow-svg\">\u2192<\/div>\n <div class=\"flow-node\"><div class=\"fn-icon\">\ud83d\udce6<\/div><div class=\"fn-label\">Sort &<br>Classify<\/div><\/div>\n <div class=\"flow-arrow-svg\">\u2192<\/div>\n <div class=\"flow-node\"><div class=\"fn-icon\">\ud83c\udfa5<\/div><div class=\"fn-label\">Document<br>& Post<\/div><\/div>\n <div class=\"flow-arrow-svg\">\u2192<\/div>\n <div class=\"flow-node\"><div class=\"fn-icon\">\ud83d\ude9b<\/div><div class=\"fn-label\">Pack &<br>Transport<\/div><\/div>\n <div class=\"flow-arrow-svg\">\u2192<\/div>\n <div class=\"flow-node\"><div class=\"fn-icon\">\ud83c\udf3f<\/div><div class=\"fn-label\">Acad\u00e9mie<br>du Climat<\/div><\/div>\n <\/div>\n\n <div class=\"scooter-note\">\ud83d\udef4 PICKUP ROUTE \u2014 Always 2 people on scooter: one films\/photos, one interacts with donor. Triangle: Bastille \u2192 R\u00e9publique \u2192 \u00c9tudiante<\/div>\n <\/div>\n\n <div class=\"block\">\n <div class=\"block-title\"><span class=\"dot dot-amber\"><\/span>Key Coordination Points<\/div>\n <ul>\n <li><strong>10:00<\/strong> \u2014 All team + early volunteers on site. Octavia opens and assigns stations.<\/li>\n <li><strong>12:00\u201313:30<\/strong> \u2014 Lunch break. Note on table: <em>\"We're on lunch break \u2014 leave donations on the table, we'll be right back.\"<\/em><\/li>\n <li><strong>13:30<\/strong> \u2014 Second wave. More public expected. Music volume up. Sorting speed increases.<\/li>\n <li><strong>16:00\u201317:00<\/strong> \u2014 Quentin arrives. Final interviews + professional capsule filmed.<\/li>\n <li><strong>17:00<\/strong> \u2014 Begin packing. Label all bags\/boxes clearly (axe + condition).<\/li>\n <li><strong>18:00<\/strong> \u2014 Close. Transport all to Acad\u00e9mie du Climat (cave storage).<\/li>\n <li><strong>18:00+<\/strong> \u2014 Optional: attend Magua dance performance (s\u00e1banas \u2192 faldas) at Acad\u00e9mie.<\/li>\n <\/ul>\n <div class=\"note\"><strong>Sewing machines:<\/strong> If donors offer sewing machines, accept with a smile and note it separately. Not a priority but useful for the Open Week installation in October.<\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"page\" id=\"programme-equipe\">\n <span class=\"tag tag-vert\">Core Team \u00b7 Internal<\/span>\n <h1 class=\"page-title\">Day Programme \u2014 Core Team<\/h1>\n <p class=\"page-sub\">Saturday 30 May \u00b7 Maison \u00c9tudiante, 50 rue de Tournelles \u00b7 10:00\u201318:00<\/p>\n\n <div class=\"timeline\">\n\n <div class=\"tl\">\n <div class=\"tl-left\"><div class=\"tl-time\">10:00<\/div><div class=\"tl-dot d-vert\"><\/div><div class=\"tl-line\"><\/div><\/div>\n <div class=\"tl-body\">\n <div class=\"tl-label\">Setup & Briefing<\/div>\n <div class=\"tl-desc\">All core team on site. Octavia assigns stations. Music on (ambient\/calm). Matina sets up filming spots. Aiwei posts first story announcing the day is live.<\/div>\n <div class=\"tl-roles\"><span class=\"role-pill rp-vert\">Octavia<\/span><span class=\"role-pill rp-magenta\">Matina<\/span><span class=\"role-pill rp-vert\">Aiwei<\/span><span class=\"role-pill rp-grey\">All team<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"tl\">\n <div class=\"tl-left\"><div class=\"tl-time\">10:00<\/div><div class=\"tl-dot d-magenta\"><\/div><div class=\"tl-line\"><\/div><\/div>\n <div class=\"tl-body\">\n <div class=\"tl-label\">Pickup Route Begins<\/div>\n <div class=\"tl-desc\">First pickup duo departs on scooter. One films\/photographs, one interacts with donor. Rotate every ~90 min to avoid fatigue.<\/div>\n <div class=\"tl-roles\"><span class=\"role-pill rp-magenta\">Pickup Duo 1<\/span><span class=\"role-pill rp-grey\">Scooter<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"tl\">\n <div class=\"tl-left\"><div class=\"tl-time\">10:30<\/div><div class=\"tl-dot d-vert\"><\/div><div class=\"tl-line\"><\/div><\/div>\n <div class=\"tl-body\">\n <div class=\"tl-label\">Sorting Zone Active<\/div>\n <div class=\"tl-desc\">Marlis leads quality evaluation using the selection guide. Mikhaela assists classification. Sorting volunteers support. Items tagged: A (programme use), B (upcycling), C (unusable).<\/div>\n <div class=\"tl-roles\"><span class=\"role-pill rp-vert\">Marlis<\/span><span class=\"role-pill rp-vert\">Mikhaela<\/span><span class=\"role-pill rp-grey\">Sort Vols<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"tl\">\n <div class=\"tl-left\"><div class=\"tl-time\">11:30<\/div><div class=\"tl-dot d-vert\"><\/div><div class=\"tl-line\"><\/div><\/div>\n <div class=\"tl-body\">\n <div class=\"tl-label\">Social Media Check-in<\/div>\n <div class=\"tl-desc\">Aiwei posts mid-morning update \u2014 donation count, atmosphere, quote from a volunteer or donor. Matina edits and sends short clip for reels.<\/div>\n <div class=\"tl-roles\"><span class=\"role-pill rp-vert\">Aiwei<\/span><span class=\"role-pill rp-magenta\">Matina<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"tl\">\n <div class=\"tl-left\"><div class=\"tl-time\">12:00<\/div><div class=\"tl-dot d-amber\"><\/div><div class=\"tl-line\"><\/div><\/div>\n <div class=\"tl-body\">\n <div class=\"tl-label\">Lunch Break \u00b7 12:00\u201313:30<\/div>\n <div class=\"tl-desc\">Leave note on table: <em>\"On d\u00e9jeune \u2014 laissez vos dons sur la table, on revient bient\u00f4t !\"<\/em> Picnic format \u2014 volunteers + team eat together if possible. Keep 1 person at welcome desk minimum.<\/div>\n <div class=\"tl-roles\"><span class=\"role-pill rp-grey\">All \u00b7 1 stays on desk<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"tl\">\n <div class=\"tl-left\"><div class=\"tl-time\">13:30<\/div><div class=\"tl-dot d-vert\"><\/div><div class=\"tl-line\"><\/div><\/div>\n <div class=\"tl-body\">\n <div class=\"tl-label\">Afternoon Wave \u2014 Music Up<\/div>\n <div class=\"tl-desc\">More public expected. Music becomes more dynamic. Sorting accelerates. Pickup route continues. Aiwei starts volunteer interviews for social content.<\/div>\n <div class=\"tl-roles\"><span class=\"role-pill rp-vert\">Aiwei<\/span><span class=\"role-pill rp-vert\">Marlis<\/span><span class=\"role-pill rp-grey\">All<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"tl\">\n <div class=\"tl-left\"><div class=\"tl-time\">14:30<\/div><div class=\"tl-dot d-magenta\"><\/div><div class=\"tl-line\"><\/div><\/div>\n <div class=\"tl-body\">\n <div class=\"tl-label\">Volunteer Interviews (ecology\/fashion)<\/div>\n <div class=\"tl-desc\">Short informal interviews with volunteers: What do they think about fast fashion? What does their donation mean to them? Filmed by Matina, managed by Aiwei.<\/div>\n <div class=\"tl-roles\"><span class=\"role-pill rp-magenta\">Matina<\/span><span class=\"role-pill rp-vert\">Aiwei<\/span><span class=\"role-pill rp-grey\">Volunteers<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"tl\">\n <div class=\"tl-left\"><div class=\"tl-time\">16:00<\/div><div class=\"tl-dot d-amber\"><\/div><div class=\"tl-line\"><\/div><\/div>\n <div class=\"tl-body\">\n <div class=\"tl-label\">Quentin Arrives \u2014 Pro Capsule<\/div>\n <div class=\"tl-desc\">1 hour. Quentin films the professional capsule: atmosphere, sorted items, team in action. Individual short interviews if time allows. Matina coordinates logistics, manages space. Irina supports visual direction if confirmed.<\/div>\n <div class=\"tl-roles\"><span class=\"role-pill rp-amber\">Quentin<\/span><span class=\"role-pill rp-magenta\">Matina<\/span><span class=\"role-pill rp-blue\">Irina (TBC)<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"tl\">\n <div class=\"tl-left\"><div class=\"tl-time\">17:00<\/div><div class=\"tl-dot d-vert\"><\/div><div class=\"tl-line\"><\/div><\/div>\n <div class=\"tl-body\">\n <div class=\"tl-label\">Begin Packing & Closing<\/div>\n <div class=\"tl-desc\">All sorted items into labelled bags\/boxes. Pack & transport volunteers begin moving to Acad\u00e9mie. Final stories posted. Aiwei archives all content to Drive.<\/div>\n <div class=\"tl-roles\"><span class=\"role-pill rp-vert\">Pack Vols<\/span><span class=\"role-pill rp-vert\">Aiwei<\/span><span class=\"role-pill rp-vert\">Octavia<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"tl\">\n <div class=\"tl-left\"><div class=\"tl-time\">18:00<\/div><div class=\"tl-dot d-blue\"><\/div><\/div>\n <div class=\"tl-body\">\n <div class=\"tl-label\">Transport to Acad\u00e9mie du Climat<\/div>\n <div class=\"tl-desc\">All items to designated storage space (cave). Team closes Maison \u00c9tudiante. Optional: Magua performance at Acad\u00e9mie \u2014 dance association presenting transformed sheets into skirts (140 people). Team welcome to attend.<\/div>\n <div class=\"tl-roles\"><span class=\"role-pill rp-blue\">Acad\u00e9mie<\/span><span class=\"role-pill rp-grey\">Optional: Magua 18h<\/span><\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"block b-amber\">\n <div class=\"block-title\"><span class=\"dot dot-amber\"><\/span>Music Guide<\/div>\n <ul>\n <li><strong>10:00\u201313:00<\/strong> \u2014 Calm, ambient. Sets a welcoming tone.<\/li>\n <li><strong>13:30\u201317:00<\/strong> \u2014 More dynamic. Energy for sorting sprint.<\/li>\n <li><strong>17:00\u201318:00<\/strong> \u2014 Upbeat closing energy.<\/li>\n <\/ul>\n <div class=\"note\">Whoever manages music: keep volume low enough that conversations remain easy. Suggest a shared playlist so anyone can add songs.<\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"page\" id=\"programme-vol\">\n <span class=\"tag tag-magenta\">Volunteer Team \u00b7 External<\/span>\n <h1 class=\"page-title\">Day Programme \u2014 Volunteers<\/h1>\n <p class=\"page-sub\">Saturday 30 May \u00b7 Maison \u00c9tudiante \u00b7 Welcome from 10:00 \u00b7 Priority: afternoon from 12:00<\/p>\n\n <div class=\"block b-magenta\">\n <div class=\"block-title\"><span class=\"dot dot-magenta\"><\/span>Before the Day \u2014 What to know<\/div>\n <ul>\n <li>You'll receive a Google Calendar invite for Saturday 30 May with the address and contact.<\/li>\n <li>Morning volunteers: arrive at <strong>10:00<\/strong>. Afternoon volunteers: arrive at <strong>12:00 or 13:30<\/strong>.<\/li>\n <li>It's a full outdoor\/indoor event \u2014 dress comfortably, bring water.<\/li>\n <li>There will be a shared picnic lunch around 12:00 \u2014 bring something to share if you'd like!<\/li>\n <li>All content from the day will be posted on RECO social channels \u2014 you may appear in videos\/photos.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"block\">\n <div class=\"block-title\"><span class=\"dot dot-vert\"><\/span>Role: Welcome Desk (2 people)<\/div>\n <ul>\n <li>Greet donors as they arrive with a smile and a thank you.<\/li>\n <li>Log each donation on the shared sheet (name optional, type of items, approx quantity).<\/li>\n <li>Direct people to the sorting zone or let them observe if they want to stay.<\/li>\n <li>During lunch: place the printed note on the table and step away for 1h30.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"block\">\n <div class=\"block-title\"><span class=\"dot dot-vert\"><\/span>Role: Sorting Support (2 people)<\/div>\n <ul>\n <li>Work directly with Marlis (textile evaluator) and Mikhaela.<\/li>\n <li>Follow Marlis's selection guide to classify items: A \/ B \/ C.<\/li>\n <li>Keep the sorting table clean and organized throughout the day.<\/li>\n <li>Do NOT discard anything without Marlis's confirmation.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"block b-magenta\">\n <div class=\"block-title\"><span class=\"dot dot-magenta\"><\/span>Role: Pickup Duo \u2014 Scooter Route (2 people)<\/div>\n <ul>\n <li>Two people always together. One drives\/navigates, one films and interacts.<\/li>\n <li><strong>Filmmaker:<\/strong> photo + short video of each pickup moment. Natural, warm, not staged.<\/li>\n <li><strong>Interactor:<\/strong> knock, greet, thank donor, carry items back to scooter.<\/li>\n <li>Route: Bastille \u2192 R\u00e9publique \u2192 \u00c9tudiante triangle. Octavia gives the list of confirmed addresses.<\/li>\n <li>Send content directly to Aiwei's phone or WhatsApp group after each stop.<\/li>\n <\/ul>\n <div class=\"alert\"><strong>Safety first:<\/strong> Never go to an address alone. Always the two of you. If anything feels off, call Octavia directly.<\/div>\n <\/div>\n\n <div class=\"block\">\n <div class=\"block-title\"><span class=\"dot dot-vert\"><\/span>Role: Pack & Transport (2 people)<\/div>\n <ul>\n <li>From 17:00: bag and box all sorted items. Label each bag clearly (A\/B\/C + category).<\/li>\n <li>Help load and transport everything to Acad\u00e9mie du Climat (approx. 15 min away).<\/li>\n <li>Organise items in the designated storage space \u2014 Octavia will show you where.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"block b-amber\">\n <div class=\"block-title\"><span class=\"dot dot-amber\"><\/span>Role: Floating Support (2 people)<\/div>\n <ul>\n <li>No fixed station \u2014 move where needed throughout the day.<\/li>\n <li>Check in with Octavia every 30\u201345 min for updates on where to help.<\/li>\n <li>Available for interviews, carrying items, welcoming donors, or helping Matina with filming logistics.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"block b-blue\">\n <div class=\"block-title\"><span class=\"dot dot-blue\"><\/span>What's in it for you<\/div>\n <ul>\n <li>Shared picnic lunch with the team (12:00\u201313:30).<\/li>\n <li>Short interview about your views on fashion & ecology \u2014 featured on our channels.<\/li>\n <li>Certificate of participation from ONG Pim Pam Pum.<\/li>\n <li>First access to the RECO Open Week programme in October.<\/li>\n <li>Optional: join us at Acad\u00e9mie du Climat for the Magua dance performance at 18:00.<\/li>\n <\/ul>\n <\/div>\n<\/div>\n\n\n<div class=\"page\" id=\"brief-octavia\">\n <span class=\"tag tag-vert\">Briefing \u00b7 This Week & Saturday<\/span>\n <div class=\"briefing-header\">\n <div class=\"person-avatar av-vert bh-avatar\" style=\"width:52px;height:52px;font-size:1.2rem\">Oc<\/div>\n <div>\n <div class=\"bh-name\">Octavia Peardon<\/div>\n <div class=\"bh-role\">RECO Lead \u00b7 Overall Coordinator<\/div>\n <div class=\"bh-email\">octaviapeardon@pimpampum.fr<\/div>\n <\/div>\n <\/div>\n\n <div class=\"block\">\n <div class=\"block-title\"><span class=\"dot dot-vert\"><\/span>Today & Tomorrow (Thu\u2013Fri) \u2014 Hand-off to Victoria<\/div>\n <ul>\n <li>Transfer everything about the collecte to Victoria during your morning sessions (Thu AM + Fri AM).<\/li>\n <li>Walk her through the Google Sheet \u2014 volunteer list, addresses, schedule, sorting guide.<\/li>\n <li>Make sure she has all contacts: volunteers, Marlis, Quentin, Aiwei.<\/li>\n <li>Confirm with <strong>Irina<\/strong> whether she can support Matina on Saturday and what hours \u2014 add her to the plan if yes.<\/li>\n <li>Ensure the volunteer Google Calendar event is live for Saturday 30 May \u2014 invite all confirmed volunteers.<\/li>\n <li>Send confirmed volunteers their briefing (programme + role) by <strong>Thursday evening latest<\/strong>.<\/li>\n <li>Brief Victoria on the partnership work she'll continue in the afternoons (see Victoria's briefing).<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"block b-magenta\">\n <div class=\"block-title\"><span class=\"dot dot-magenta\"><\/span>Saturday 30 May \u2014 Your Role<\/div>\n <ul>\n <li>Arrive at <strong>10:00 sharp<\/strong>. You open, you set up, you assign stations.<\/li>\n <li>Overall coordination of both teams \u2014 welcome desk, sorting zone, pickup route, floaters.<\/li>\n <li>You are the point of contact for all questions from volunteers throughout the day.<\/li>\n <li>Check in with Victoria every 30\u201345 min so she can see and learn the full flow.<\/li>\n <li>At 17:00: lead the packing and transport operation to Acad\u00e9mie du Climat.<\/li>\n <li>Debrief with team at end of day \u2014 what worked, what to improve for Open Week.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"block b-amber\">\n <div class=\"block-title\"><span class=\"dot dot-amber\"><\/span>Open Week \u2014 Action Required<\/div>\n <ul>\n <li>Update the Open Week programme for the <strong>3rd week of October 2026<\/strong>.<\/li>\n <li>Use the existing document as base \u2014 adjust dates, confirm partners, update venue info.<\/li>\n <li>Share updated PDF with Carolina for review before end of next week.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"note\"><strong>Irina:<\/strong> Please confirm with her directly whether she'll be available Saturday and at what hours. If yes, let Matina know so she can coordinate visual production together.<\/div>\n\n <div class=\"recap\">\n <div class=\"recap-title\">\ud83d\udccb Recap \u2014 What Octavia Must Complete<\/div>\n <ul>\n <li>Full hand-off to Victoria by Friday afternoon<\/li>\n <li>Volunteer briefing sent by Thursday evening<\/li>\n <li>Google Calendar event live with all volunteers invited<\/li>\n <li>Irina availability confirmed<\/li>\n <li>On site 10:00\u201318:00 Saturday as coordinator<\/li>\n <li>Open Week programme updated for 3rd week October<\/li>\n <\/ul>\n <\/div>\n<\/div>\n\n\n<div class=\"page\" id=\"brief-victoria\">\n <span class=\"tag tag-blue\">Briefing \u00b7 From Today Through Saturday<\/span>\n <div class=\"briefing-header\">\n <div class=\"person-avatar bh-avatar\" style=\"background:var(--blue);color:#fff;width:52px;height:52px;font-size:1.2rem\">Vi<\/div>\n <div>\n <div class=\"bh-name\">Victoria<\/div>\n <div class=\"bh-role\">Project Management \u00b7 Partnerships & Fundraising<\/div>\n <\/div>\n <\/div>\n\n <div class=\"block b-blue\">\n <div class=\"block-title\"><span class=\"dot dot-blue\"><\/span>This Week (Thu\u2013Fri Mornings) \u2014 Receive the Collecte<\/div>\n <ul>\n <li>Work with Octavia during Thursday and Friday mornings to receive everything about the collecte.<\/li>\n <li>Review the volunteer list, Google Sheet, addresses, and sorting guide with her. Ask questions now \u2014 she's the one who can answer everything before she leaves.<\/li>\n <li>Understand the pickup route and the two-person scooter system.<\/li>\n <li>Know how to reach each volunteer and what their role is.<\/li>\n <\/ul>\n <div class=\"note\"><strong>Note:<\/strong> The briefing is flexible \u2014 things will adapt on the day based on how many volunteers show up and what donations arrive. That's normal. Use your judgment and the team around you.<\/div>\n <\/div>\n\n <div class=\"block\">\n <div class=\"block-title\"><span class=\"dot dot-vert\"><\/span>This Week (Thu\u2013Fri Afternoons) \u2014 Partnerships & Fundraising<\/div>\n <ul>\n <li>Continue the partnership and fundraising work you were already managing.<\/li>\n <li>Prepare the press dossier \u2014 consult Carolina this afternoon for the version we're sending to Grand Paris.<\/li>\n <li>Continue outreach to potential partners using Octavia's existing list and contacts.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"block b-magenta\">\n <div class=\"block-title\"><span class=\"dot dot-magenta\"><\/span>Next Week \u2014 You Lead the Collecte Follow-up<\/div>\n <ul>\n <li>Coordinate all volunteer follow-up \u2014 thank you messages, next steps.<\/li>\n <li>Make sure the Google Sheet is up to date with all donation data from Saturday.<\/li>\n <li>Continue volunteer recruitment for the Open Week (October).<\/li>\n <li>Confirm each partner is still engaged \u2014 a quick check-in message per partner is enough.<\/li>\n <li>Morning: collecte & coordination tasks.<\/li>\n <li>Afternoon: partnerships and fundraising.<\/li>\n <li>By Friday: everything must be confirmed and clear for when Octavia returns.<\/li>\n <\/ul>\n <div class=\"note\"><strong>For any question about the programme or direction:<\/strong> first check with Octavia (she'll be reachable by phone\/message). For anything urgent on Saturday, use the team group chat.<\/div>\n <\/div>\n\n <div class=\"block b-amber\">\n <div class=\"block-title\"><span class=\"dot dot-amber\"><\/span>Saturday 30 May \u2014 Your Role on the Day<\/div>\n <ul>\n <li>You are the operational lead when Octavia needs to step back.<\/li>\n <li>Welcome new volunteers, explain their roles, make them feel part of something.<\/li>\n <li>Monitor the volunteer group chat and respond to any questions.<\/li>\n <li>Help Octavia with the 17:00 pack-up and transport.<\/li>\n <li>Take notes on what worked and what didn't \u2014 useful for the October Open Week.<\/li>\n <\/ul>\n <div class=\"note\"><strong>Volunteer interviews:<\/strong> if there are enough people, we'll do short informal video interviews \u2014 volunteers talking about fashion, ecology, the project. Aiwei and Matina lead this, but you can encourage people to participate.<\/div>\n <\/div>\n\n <div class=\"recap\">\n <div class=\"recap-title\">\ud83d\udccb Recap \u2014 What Victoria Must Complete<\/div>\n <ul>\n <li>Receive full collecte brief from Octavia by Friday PM<\/li>\n <li>Understand all volunteer contacts and roles<\/li>\n <li>Press dossier: adapt and send to Grand Paris (consult Carolina)<\/li>\n <li>On site Saturday 10:00\u201318:00 \u2014 operational support<\/li>\n <li>Next week: coordinate follow-up + continue partnerships AM\/PM split<\/li>\n <li>All confirmed and clean by following Friday<\/li>\n <\/ul>\n <\/div>\n<\/div>\n\n\n<div class=\"page\" id=\"brief-matina\">\n <span class=\"tag tag-magenta\">Briefing \u00b7 Today + Saturday<\/span>\n <div class=\"briefing-header\">\n <div class=\"person-avatar av-magenta bh-avatar\" style=\"width:52px;height:52px;font-size:1.2rem\">Mt<\/div>\n <div>\n <div class=\"bh-name\">Matina Ravan<\/div>\n <div class=\"bh-role\">Communications \u00b7 Visual Production & Social<\/div>\n <div class=\"bh-email\">matina.ravan@pimpampum.fr<\/div>\n <\/div>\n <\/div>\n\n <div class=\"block\">\n <div class=\"block-title\"><span class=\"dot dot-vert\"><\/span>Today (Thursday) \u2014 Website Fixes<\/div>\n <ul>\n <li>You'll be working on the RECO website today. The corrections involve HTML code \u2014 here's exactly how to do it safely:<\/li>\n <li><strong>Step 1:<\/strong> Go to WordPress (not IONOS \u2014 see access note below).<\/li>\n <li><strong>Step 2:<\/strong> Find the widget\/block with the code to fix. Do NOT delete the existing widget yet.<\/li>\n <li><strong>Step 3:<\/strong> Copy the current HTML code. Paste it into <strong>Divi\/Dize<\/strong> (the AI tool) and describe clearly what needs to change \u2014 include: the section it's in, the visual element (e.g. \"the 5 coloured circles in the programme section, currently using colour #5068XX\"), what the fix should be.<\/li>\n <li><strong>Step 4:<\/strong> Divi gives you a new corrected code. Create a NEW widget in WordPress, paste the new code there and verify it looks right.<\/li>\n <li><strong>Step 5:<\/strong> Only once you've confirmed it's correct, delete the old widget.<\/li>\n <li>You can also ask Claude directly for code corrections \u2014 paste the code + describe what's wrong and it'll give you the fixed version.<\/li>\n <li>Pages to fix today: RECO programme page + Collecte landing page + Open Week page.<\/li>\n <li>For the PDF uploads (Open Week + programme): add PDF to the WordPress media gallery, then embed via a gallery block or link button on the page.<\/li>\n <\/ul>\n <div class=\"alert\"><strong>WordPress access:<\/strong> For security reasons, the old IONOS login system is no longer valid. Please ask Carolina directly for your new WordPress user access when you're ready to start working on the site \u2014 not before, to avoid any overlap.<\/div>\n <\/div>\n\n <div class=\"block b-magenta\">\n <div class=\"block-title\"><span class=\"dot dot-magenta\"><\/span>Saturday 30 May \u2014 Visual Production Lead<\/div>\n <ul>\n <li>Arrive <strong>10:00<\/strong>. Set up your filming spots at the welcome desk and sorting zone.<\/li>\n <li>Film throughout the day: donations arriving, sorting in action, team energy, donor moments.<\/li>\n <li>Edit short clips on the go and send to Aiwei for stories\/reels posting.<\/li>\n <li>At <strong>16:00<\/strong>: Quentin (pro videographer) arrives. You coordinate logistics \u2014 who he films, where, in what order. One hour, make it count.<\/li>\n <li>If Irina is confirmed: coordinate with her on visual framing and what content to prioritise.<\/li>\n <li>From <strong>17:00<\/strong>: continue filming the pack-up. Final content of the day.<\/li>\n <li>End of day: archive ALL content (photos + videos + clips) to the shared Drive, clearly organised by time of day.<\/li>\n <li>Respond to comments\/questions on all social channels throughout the day.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"recap\">\n <div class=\"recap-title\">\ud83d\udccb Recap \u2014 What Matina Must Complete<\/div>\n <ul>\n <li>WordPress access from Carolina (ask when ready to work)<\/li>\n <li>RECO, Collecte & Open Week pages corrected via Divi + WordPress<\/li>\n <li>PDFs uploaded to gallery and linked on correct pages<\/li>\n <li>Saturday: visual production lead 10:00\u201318:00<\/li>\n <li>Coordinate Quentin's 1-hour session at 16:00<\/li>\n <li>All content archived to Drive by end of Saturday<\/li>\n <li>Social channels active and responsive all day<\/li>\n <\/ul>\n <\/div>\n<\/div>\n\n\n<div class=\"page\" id=\"brief-aiwei\">\n <span class=\"tag tag-vert\">Briefing \u00b7 Saturday<\/span>\n <div class=\"briefing-header\">\n <div class=\"person-avatar av-vert bh-avatar\" style=\"width:52px;height:52px;font-size:1.2rem\">Aw<\/div>\n <div>\n <div class=\"bh-name\">Aiwei Feng<\/div>\n <div class=\"bh-role\">Communications \u00b7 Live Social & Interviews<\/div>\n <div class=\"bh-email\">aiweifeng@pimpampum.fr<\/div>\n <\/div>\n <\/div>\n\n <div class=\"block\">\n <div class=\"block-title\"><span class=\"dot dot-vert\"><\/span>Before Saturday \u2014 Wrap Up Your Tasks<\/div>\n <ul>\n <li>Complete all small tasks assigned yesterday before Saturday.<\/li>\n <li>Carolina will share the website link once it's ready \u2014 review it and flag anything that looks off.<\/li>\n <li>Prepare your social media schedule for Saturday (stories plan, posting times, captions ready).<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"block b-vert\">\n <div class=\"block-title\"><span class=\"dot dot-vert\"><\/span>Saturday 30 May \u2014 Your Role<\/div>\n <ul>\n <li>Arrive <strong>10:00<\/strong>. You are the live social media lead for the entire day.<\/li>\n <li><strong>10:00<\/strong> \u2014 First story: \"We're live! The RECO collecte has started.\" Show the space, the team, the energy.<\/li>\n <li><strong>Every ~90 min<\/strong> \u2014 Post an update: donation count, atmosphere, a short clip or quote.<\/li>\n <li>Receive content from the pickup duo via WhatsApp group \u2014 repost promptly.<\/li>\n <li><strong>14:30<\/strong> \u2014 Lead the volunteer interviews: \"What do you think about fast fashion? Why did you come today?\" Film casually, warm tone.<\/li>\n <li>Respond to all comments and DMs on Instagram, Facebook throughout the day.<\/li>\n <li><strong>17:00<\/strong> \u2014 Final post of the day: closing, thank you, impact teaser (\"X bags collected, more to come\").<\/li>\n <li><strong>End of day<\/strong> \u2014 Archive ALL content to the shared Drive, organised by time. Label clearly.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"note\"><strong>Content to gather:<\/strong> donation moments, team sorting, pickup duo on scooters, volunteers talking, Matina filming Quentin's session. The more diverse, the better for future comms.<\/div>\n\n <div class=\"recap\">\n <div class=\"recap-title\">\ud83d\udccb Recap \u2014 What Aiwei Must Complete<\/div>\n <ul>\n <li>Pending tasks done before Saturday<\/li>\n <li>Social schedule prepared<\/li>\n <li>Saturday: live social lead 10:00\u201318:00<\/li>\n <li>Volunteer interviews filmed at 14:30<\/li>\n <li>All content archived to Drive end of day<\/li>\n <li>Comments\/DMs responded to throughout<\/li>\n <\/ul>\n <\/div>\n<\/div>\n\n\n<div class=\"page\" id=\"brief-mikhaela\">\n <span class=\"tag tag-vert\">Briefing \u00b7 Saturday + Next Week<\/span>\n <div class=\"briefing-header\">\n <div class=\"person-avatar av-vert bh-avatar\" style=\"width:52px;height:52px;font-size:1.2rem\">Mi<\/div>\n <div>\n <div class=\"bh-name\">Mikhaela Nomenjanahary<\/div>\n <div class=\"bh-role\">Project Management \u00b7 Classification Support + WITBAW<\/div>\n <div class=\"bh-email\">nomenjanahary@pimpampum.fr<\/div>\n <\/div>\n <\/div>\n\n <div class=\"block b-magenta\">\n <div class=\"block-title\"><span class=\"dot dot-magenta\"><\/span>Saturday 30 May \u2014 Classification Support<\/div>\n <ul>\n <li>Arrive <strong>10:00<\/strong>. You work directly with <strong>Marlis<\/strong> at the sorting zone all day.<\/li>\n <li>Marlis leads the quality evaluation \u2014 you follow her guide and classification system (A\/B\/C).<\/li>\n <li>Keep the sorting table clean and organised. Tag items clearly as you go.<\/li>\n <li>Do NOT discard or reclassify anything without Marlis confirming.<\/li>\n <li>From 17:00: help with packing labelled bags and preparing for transport.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"block\">\n <div class=\"block-title\"><span class=\"dot dot-vert\"><\/span>Next Week \u2014 Volunteer Coordination Support<\/div>\n <ul>\n <li>Every morning: check in with Victoria \u2014 how are the volunteers? Any issues? What needs attention?<\/li>\n <li>Help ensure the Google Sheet is automated and up to date (dates, confirmations, contact info).<\/li>\n <li>If a volunteer needs support or isn't responding, flag it to Victoria immediately.<\/li>\n <li>Continue your WITBAW work in parallel \u2014 this is your primary project and remains a priority.<\/li>\n <\/ul>\n <div class=\"note\"><strong>Morning check-in format:<\/strong> a quick 5-min message to Victoria each morning \u2014 \"anything I can help with today?\" is enough. You're support, not lead.<\/div>\n <\/div>\n\n <div class=\"recap\">\n <div class=\"recap-title\">\ud83d\udccb Recap \u2014 What Mikhaela Must Complete<\/div>\n <ul>\n <li>Saturday: sorting & classification support with Marlis, 10:00\u201318:00<\/li>\n <li>Next week: daily morning check-in with Victoria<\/li>\n <li>Google Sheet monitoring \u2014 flag any automation issues<\/li>\n <li>WITBAW continues as primary project all week<\/li>\n <\/ul>\n <\/div>\n<\/div>\n\n\n<div class=\"page\" id=\"web-summary\">\n <span class=\"tag tag-vert\">For the RECO Website<\/span>\n <h1 class=\"page-title\">Programme RECO \u2014 Web Summary<\/h1>\n <p class=\"page-sub\">A clear, concise description of the programme (not the collecte) for the pimpampum.fr website. Ready to paste.<\/p>\n\n <div class=\"reco-summary\">\n <div class=\"rs-tag\">ONG Pim Pam Pum \u00b7 \u00cele-de-France<\/div>\n <div class=\"rs-title\">Le Programme RECO<\/div>\n <div class=\"rs-intro\">RECO est un programme d'initiation, de cr\u00e9ativit\u00e9 et d'int\u00e9gration par le textile. Il s'appuie sur la revalorisation de v\u00eatements de seconde main comme mati\u00e8re premi\u00e8re \u2014 une approche \u00e0 faible co\u00fbt qui ouvre des perspectives concr\u00e8tes de d\u00e9veloppement personnel, d'expression cr\u00e9ative et d'insertion professionnelle.<br><br>Le programme s'adresse \u00e0 une cohorte mixte compos\u00e9e \u00e0 <strong>75 % de r\u00e9fugi\u00e9\u00b7es, demandeur\u00b7euses d'asile et jeunes en difficult\u00e9 d'int\u00e9gration<\/strong>, et \u00e0 <strong>25 % du public g\u00e9n\u00e9ral d'\u00cele-de-France<\/strong> \u2014 sans distinction d'\u00e2ge ni de sexe. Les participant\u00b7es peuvent s'inscrire \u00e0 un, deux ou les trois axes du programme, selon leurs int\u00e9r\u00eats et disponibilit\u00e9s.<br><br>Pim Pam Pum coordonne l'ensemble du programme \u2014 logistique, suivi des participant\u00b7es, partenariats \u2014 sans enseigner directement les modules. Ce sont des institutions partenaires et des expert\u00b7es du secteur qui animent les formations. RECO est un espace d'ouverture : pas une \u00e9cole de mode, mais une porte vers tout un univers de possibles.<\/div>\n\n <div class=\"axes-row\">\n <div class=\"axe-mini c\">\n <div class=\"axe-mini-name\">\u2702 Claudia \u2014 Mode & Design<\/div>\n <div class=\"axe-mini-desc\">Cr\u00e9ativit\u00e9 textile et design exp\u00e9rimental \u00e0 partir de v\u00eatements r\u00e9cup\u00e9r\u00e9s. Concevoir des pi\u00e8ces uniques, artistiques et originales.<\/div>\n <\/div>\n <div class=\"axe-mini v\">\n <div class=\"axe-mini-name\">\u25c8 Victorina \u2014 Expression de Soi<\/div>\n <div class=\"axe-mini-desc\">Travailler son identit\u00e9 et son image par le v\u00eatement. Adapter ses habits \u00e0 sa personnalit\u00e9 sans nouvel investissement.<\/div>\n <\/div>\n <div class=\"axe-mini t\">\n <div class=\"axe-mini-name\">\u27f3 Toro \u2014 Entrepreneuriat Circulaire<\/div>\n <div class=\"axe-mini-desc\">Cr\u00e9er une micro-activit\u00e9 \u00e0 partir de textiles de seconde main \u2014 couture, customisation, revente \u2014 avec un budget minimal.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"stats-row\">\n <div class=\"stat-mini\"><div class=\"stat-mini-num\">24<\/div><div class=\"stat-mini-label\">Participant\u00b7es<br>1\u00e8re cohorte<\/div><\/div>\n <div class=\"stat-mini\"><div class=\"stat-mini-num\">3<\/div><div class=\"stat-mini-label\">Axes<br>ind\u00e9pendants<\/div><\/div>\n <div class=\"stat-mini\"><div class=\"stat-mini-num\">Jan<br>2026<\/div><div class=\"stat-mini-label\">Lancement<br>1\u00e8re \u00e9dition<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"block b-blue\">\n <div class=\"block-title\"><span class=\"dot dot-blue\"><\/span>3 \u00e9tapes du projet \u2014 Vue d'ensemble<\/div>\n <ul>\n <li><strong>1. La Collecte<\/strong> \u2014 Collecte solidaire de v\u00eatements et mat\u00e9riaux de couture pour constituer la mati\u00e8re premi\u00e8re du programme.<\/li>\n <li><strong>2. La RECO Open Week (octobre 2026)<\/strong> \u2014 Semaine de sensibilisation ouverte au public. Ateliers gratuits, rencontre avec des partenaires, pr\u00e9sentation des trois axes. Objectif : visibilit\u00e9, partenariats, recrutement des b\u00e9n\u00e9ficiaires.<\/li>\n <li><strong>3. Le Programme RECO (janvier 2026)<\/strong> \u2014 Un mois de formation intensive (\u00e9dition pilote), puis trois mois pour les \u00e9ditions compl\u00e8tes. Candidatures ouvertes en d\u00e9cembre 2025.<\/li>\n <\/ul>\n <div class=\"note\">Ces trois \u00e9tapes sont li\u00e9es mais distinctes. Le programme RECO est l'objectif principal \u2014 la collecte et l'Open Week y m\u00e8nent et le nourrissent.<\/div>\n <\/div>\n<\/div>\n\n<script>\nfunction show(id){\n document.querySelectorAll('.page').forEach(p=>p.classList.remove('active'));\n document.querySelectorAll('.nav-btn').forEach(b=>b.classList.remove('active'));\n document.getElementById(id).classList.add('active');\n event.target.classList.add('active');\n window.scrollTo(0,0);\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Collecte RECO \u2014 Donnez vos v\u00eatements ONG Pim Pam Pum \u00b7 Projet RECO \u00b7 Paris Donnezvos v\u00eatements,changez des vies Vos habits de seconde main deviennent mati\u00e8re premi\u00e8re pour des ateliers d’int\u00e9gration et d’autonomie \u00e0 Paris. Collecte \u00b7 Samedi 30 mai…<\/p>\n<p> <a class=\"more-link\" href=\"https:\/\/pimpampum.fr\/en\/reco-drive-may-2026\/\">Read more<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"googlesitekit_rrm_CAowsNXCDA:productID":"","footnotes":""},"class_list":["post-16287","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/pimpampum.fr\/en\/wp-json\/wp\/v2\/pages\/16287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pimpampum.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pimpampum.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pimpampum.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pimpampum.fr\/en\/wp-json\/wp\/v2\/comments?post=16287"}],"version-history":[{"count":7,"href":"https:\/\/pimpampum.fr\/en\/wp-json\/wp\/v2\/pages\/16287\/revisions"}],"predecessor-version":[{"id":16398,"href":"https:\/\/pimpampum.fr\/en\/wp-json\/wp\/v2\/pages\/16287\/revisions\/16398"}],"wp:attachment":[{"href":"https:\/\/pimpampum.fr\/en\/wp-json\/wp\/v2\/media?parent=16287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nCollecte RECO \u2014 Donnez vos v\u00eatements<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;700;800&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n*{margin:0;padding:0;box-sizing:border-box}\n:root{\n --vert:#2a3a1a;\n --vert-mid:#4a6630;\n --vert-clair:#8aab5a;\n --vert-pale:#d4e6b5;\n --vert-bg:#eef4e2;\n --magenta:#e0005a;\n --creme:#f7f2e8;\n --creme-dark:#ede5d0;\n --amber:#f5a623;\n --amber-pale:#fef3d8;\n --blanc:#ffffff;\n --noir:#1a1a1a;\n}\nhtml{scroll-behavior:smooth}\nbody{font-family:'DM Sans',sans-serif;background:var(--creme);color:var(--noir);overflow-x:hidden}\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.hero{background:var(--vert);min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem 2.5rem;position:relative;overflow:hidden}\n.hero-blob{position:absolute;border-radius:50%;pointer-events:none}\n.hero-blob.b1{width:300px;height:300px;background:rgba(138,171,90,0.15);top:-80px;right:-80px}\n.hero-blob.b2{width:200px;height:200px;background:rgba(224,0,90,0.1);bottom:-60px;left:-60px}\n\n.hero-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:2rem}\n.hero-dot{width:8px;height:8px;border-radius:50%;background:var(--magenta)}\n.hero-eyebrow-text{font-size:10px;letter-spacing:0.28em;text-transform:uppercase;color:var(--vert-pale);opacity:0.7}\n\n.hero-icon-center{display:flex;justify-content:center;margin-bottom:2rem}\n.big-shirt-icon{animation:float 3s ease-in-out infinite}\n@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\n\n.hero-title{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(2.8rem,13vw,5.5rem);line-height:0.92;color:var(--creme);text-align:center;margin-bottom:1rem}\n.hero-title .accent{color:var(--vert-clair)}\n.hero-title .accent2{color:var(--amber)}\n\n.hero-tagline{font-size:14px;color:var(--vert-pale);text-align:center;line-height:1.6;max-width:320px;margin:0 auto 2rem;opacity:0.8}\n\n.hero-date-badge{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--magenta);color:#fff;font-family:'Syne',sans-serif;font-weight:700;font-size:13px;padding:12px 22px;border-radius:100px;margin:0 auto 2rem;width:fit-content;letter-spacing:0.04em}\n\n.hero-cta-stack{display:flex;flex-direction:column;gap:10px;max-width:320px;margin:0 auto}\n.cta-main{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--creme);color:var(--vert);font-family:'Syne',sans-serif;font-weight:700;font-size:14px;padding:16px 24px;border-radius:4px;text-decoration:none;letter-spacing:0.02em}\n.cta-sec{display:flex;align-items:center;justify-content:center;gap:10px;background:transparent;color:var(--vert-pale);font-size:13px;padding:12px;border:1px solid rgba(138,171,90,0.3);border-radius:4px;text-decoration:none}\n\n\/* \u2500\u2500 SCROLL HINT \u2500\u2500 *\/\n.scroll-hint{text-align:center;padding:1.5rem;color:var(--vert-mid);font-size:11px;letter-spacing:0.15em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px}\n.scroll-arrow{animation:bounce 1.8s ease-in-out infinite}\n@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}\n\n\/* \u2500\u2500 SHARED \u2500\u2500 *\/\n.section{padding:2.5rem 1.5rem}\n.section-label{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:0.25em;text-transform:uppercase;color:var(--vert-mid);margin-bottom:1.5rem;font-weight:500}\n.section-label::before{content:'';display:block;width:20px;height:2px;background:var(--magenta)}\n\n\/* \u2500\u2500 WHY GIVE \u2500\u2500 *\/\n.why-section{background:var(--blanc);padding:2.5rem 1.5rem}\n.why-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.5rem;color:var(--vert);text-align:center;margin-bottom:0.4rem;line-height:1.2}\n.why-sub{font-size:13px;color:#666;text-align:center;margin-bottom:2rem;line-height:1.6;max-width:300px;margin-left:auto;margin-right:auto}\n\n.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}\n.why-card{background:var(--creme);border-radius:12px;padding:18px 14px;text-align:center;border:1.5px solid transparent;transition:border-color .2s}\n.why-card:hover{border-color:var(--vert-pale)}\n.why-icon-wrap{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}\n.why-icon-wrap svg{width:26px;height:26px}\n.wc-green .why-icon-wrap{background:var(--vert-bg)}\n.wc-magenta .why-icon-wrap{background:#fce8f0}\n.wc-amber .why-icon-wrap{background:var(--amber-pale)}\n.wc-blue .why-icon-wrap{background:#e6f0fb}\n.why-card-title{font-family:'Syne',sans-serif;font-weight:700;font-size:12px;color:var(--vert);margin-bottom:5px;line-height:1.3}\n.why-card-text{font-size:11px;color:#777;line-height:1.5}\n\n\/* \u2500\u2500 HOW INFOGRAPHIC \u2500\u2500 *\/\n.how-section{background:var(--vert);padding:2.5rem 1.5rem;overflow:hidden;position:relative}\n.how-section::after{content:'';position:absolute;bottom:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:rgba(138,171,90,0.08);pointer-events:none}\n.how-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.5rem;color:var(--creme);text-align:center;margin-bottom:0.4rem}\n.how-sub{font-size:12px;color:var(--vert-pale);text-align:center;margin-bottom:2.5rem;opacity:0.7}\n\n.steps-flow{display:flex;flex-direction:column;gap:0;position:relative}\n.step{display:flex;gap:16px;padding:16px 0;position:relative}\n.step-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:52px}\n.step-num-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:800;font-size:1rem;flex-shrink:0;border:2px solid}\n.step:nth-child(1) .step-num-circle{background:var(--magenta);border-color:var(--magenta);color:#fff}\n.step:nth-child(2) .step-num-circle{background:var(--vert-clair);border-color:var(--vert-clair);color:var(--vert)}\n.step:nth-child(3) .step-num-circle{background:var(--amber);border-color:var(--amber);color:var(--vert)}\n.step:nth-child(4) .step-num-circle{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3);color:var(--creme)}\n.step:nth-child(5) .step-num-circle{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3);color:var(--creme)}\n.step-connector{width:2px;flex:1;margin-top:4px;background:rgba(138,171,90,0.2)}\n.step-body{padding-bottom:16px}\n.step-icon-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}\n.step-icon-sm{width:28px;height:28px;opacity:0.85}\n.step-icon-sm svg{width:28px;height:28px}\n.step-title{font-family:'Syne',sans-serif;font-weight:700;font-size:13px;color:var(--creme);margin-bottom:4px}\n.step-desc{font-size:12px;color:var(--vert-pale);line-height:1.55;opacity:0.8}\n.step-tag{display:inline-block;font-size:10px;letter-spacing:0.1em;padding:3px 9px;border-radius:100px;margin-top:7px;text-transform:uppercase}\n.tag-magenta{background:rgba(224,0,90,0.2);color:#ff6fa0}\n.tag-green{background:rgba(138,171,90,0.2);color:var(--vert-clair)}\n.tag-amber{background:rgba(245,166,35,0.2);color:var(--amber)}\n\n\/* \u2500\u2500 OPTIONS \u2500\u2500 *\/\n.options-section{background:var(--creme-dark);padding:2.5rem 1.5rem}\n.options-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.4rem;color:var(--vert);text-align:center;margin-bottom:0.4rem}\n.options-sub{font-size:12px;color:#777;text-align:center;margin-bottom:2rem;line-height:1.5}\n\n.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n.opt-card{background:var(--blanc);border-radius:12px;padding:20px 14px;text-align:center;border:2px solid transparent;position:relative}\n.opt-card.opt-drop{border-color:var(--vert-pale)}\n.opt-card.opt-pickup{border-color:#fce8f0}\n.opt-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:3px 10px;border-radius:100px}\n.opt-drop .opt-badge{background:var(--vert);color:var(--creme)}\n.opt-pickup .opt-badge{background:var(--magenta);color:#fff}\n.opt-big-icon{display:flex;justify-content:center;margin-bottom:12px;margin-top:8px}\n.opt-big-icon svg{width:48px;height:48px}\n.opt-title{font-family:'Syne',sans-serif;font-weight:700;font-size:13px;color:var(--vert);margin-bottom:6px;line-height:1.3}\n.opt-detail{font-size:11px;color:#777;line-height:1.6}\n.opt-highlight{font-weight:500;color:var(--vert)}\n\n\/* \u2500\u2500 WHAT WE COLLECT \u2500\u2500 *\/\n.collect-section{background:var(--blanc);padding:2.5rem 1.5rem}\n.collect-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.4rem;color:var(--vert);text-align:center;margin-bottom:0.4rem}\n.collect-sub{font-size:12px;color:#777;text-align:center;margin-bottom:2rem}\n\n.collect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:1.5rem}\n.collect-item{background:var(--vert-bg);border-radius:10px;padding:14px 8px;text-align:center}\n.collect-item svg{width:36px;height:36px;margin-bottom:7px}\n.collect-item-label{font-size:10px;color:var(--vert);font-weight:500;line-height:1.3}\n\n.collect-note{background:var(--amber-pale);border-left:3px solid var(--amber);padding:12px 14px;border-radius:0 8px 8px 0;font-size:12px;color:#7a5800;line-height:1.6}\n.collect-note strong{font-weight:600}\n\n\/* \u2500\u2500 MAP \/ POINTS \u2500\u2500 *\/\n.map-section{background:var(--vert-bg);padding:2.5rem 1.5rem}\n.map-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.4rem;color:var(--vert);text-align:center;margin-bottom:0.4rem}\n.map-sub{font-size:12px;color:var(--vert-mid);text-align:center;margin-bottom:2rem}\n\n.map-visual{background:var(--blanc);border-radius:12px;padding:1.5rem;margin-bottom:1.25rem}\n\n.points-list{display:flex;flex-direction:column;gap:12px}\n.point-card{background:var(--blanc);border-radius:10px;padding:15px;display:flex;gap:13px;align-items:flex-start}\n.point-pin{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}\n.point-pin svg{width:18px;height:18px}\n.pp-main .point-pin{background:var(--vert);} \n.pp-alt .point-pin{background:var(--vert-clair);}\n.point-name{font-family:'Syne',sans-serif;font-weight:700;font-size:13px;color:var(--vert);margin-bottom:3px}\n.point-address{font-size:11px;color:#666;line-height:1.5}\n.point-hours{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:500;color:var(--vert-mid);background:var(--vert-bg);padding:3px 8px;border-radius:100px;margin-top:5px}\n\n\/* \u2500\u2500 CIRCULAR FLOW \u2500\u2500 *\/\n.flow-section{background:var(--blanc);padding:2.5rem 1.5rem}\n.flow-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.4rem;color:var(--vert);text-align:center;margin-bottom:0.4rem}\n.flow-sub{font-size:12px;color:#777;text-align:center;margin-bottom:2rem;max-width:280px;margin-left:auto;margin-right:auto}\n\n.flow-svg-wrap{max-width:340px;margin:0 auto 1.5rem}\n\n\/* \u2500\u2500 VOLUNTEER \u2500\u2500 *\/\n.volunteer-section{background:var(--vert);padding:2.5rem 1.5rem}\n.vol-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.4rem;color:var(--creme);text-align:center;margin-bottom:0.4rem}\n.vol-sub{font-size:12px;color:var(--vert-pale);text-align:center;margin-bottom:2rem;opacity:0.75}\n\n.vol-roles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1.75rem}\n.vol-role{background:rgba(255,255,255,0.07);border-radius:10px;padding:14px 12px;text-align:center;border:1px solid rgba(138,171,90,0.2)}\n.vol-role svg{width:28px;height:28px;margin-bottom:8px}\n.vol-role-name{font-size:11px;font-weight:500;color:var(--vert-pale);line-height:1.3}\n\n\/* \u2500\u2500 CTA FINAL \u2500\u2500 *\/\n.cta-section{background:var(--magenta);padding:2.5rem 1.5rem;text-align:center;position:relative;overflow:hidden}\n.cta-section::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,0.07)}\n.cta-label{font-size:10px;letter-spacing:0.25em;text-transform:uppercase;color:rgba(255,255,255,0.6);margin-bottom:0.75rem}\n.cta-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.6rem;color:#fff;margin-bottom:0.5rem;line-height:1.1}\n.cta-desc{font-size:13px;color:rgba(255,255,255,0.75);margin-bottom:1.75rem;line-height:1.6}\n.cta-btn-stack{display:flex;flex-direction:column;gap:10px;max-width:300px;margin:0 auto}\n.btn-white{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:var(--magenta);font-family:'Syne',sans-serif;font-weight:700;font-size:14px;padding:16px;border-radius:4px;text-decoration:none;letter-spacing:0.02em}\n.btn-ghost-w{display:flex;align-items:center;justify-content:center;gap:10px;background:transparent;color:#fff;font-size:13px;padding:14px;border:1px solid rgba(255,255,255,0.35);border-radius:4px;text-decoration:none}\n\n.footer-mini{background:var(--vert);padding:1.25rem;text-align:center}\n.footer-mini p{font-size:11px;color:var(--vert-pale);opacity:0.5;line-height:1.7}\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"hero\">\n <div class=\"hero-blob b1\"><\/div>\n <div class=\"hero-blob b2\"><\/div>\n\n <div class=\"hero-eyebrow\">\n <div class=\"hero-dot\"><\/div>\n <span class=\"hero-eyebrow-text\">ONG Pim Pam Pum \u00b7 Projet RECO \u00b7 Paris<\/span>\n <\/div>\n\n <div class=\"hero-icon-center\">\n <svg class=\"big-shirt-icon\" width=\"96\" height=\"96\" viewbox=\"0 0 96 96\" fill=\"none\">\n <path d=\"M24 20L8 32L20 44L28 36V76H68V36L76 44L88 32L72 20C72 20 66 28 48 28C30 28 24 20 24 20Z\" fill=\"#8aab5a\" stroke=\"#d4e6b5\" stroke-width=\"2\"\/>\n <circle cx=\"48\" cy=\"22\" r=\"6\" fill=\"#2a3a1a\" stroke=\"#8aab5a\" stroke-width=\"1.5\"\/>\n <path d=\"M38 50H58M38 62H52\" stroke=\"#d4e6b5\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n\n <h1 class=\"hero-title\">\n Donnez<br>vos <span class=\"accent\">v\u00eatements<\/span>,<br>changez <span class=\"accent2\">des vies<\/span>\n <\/h1>\n <p class=\"hero-tagline\">Vos habits de seconde main deviennent mati\u00e8re premi\u00e8re pour des ateliers d'int\u00e9gration et d'autonomie \u00e0 Paris.<\/p>\n\n <div class=\"hero-date-badge\">\n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n Collecte \u00b7 Samedi 30 mai 2025\n <\/div>\n\n <div class=\"hero-cta-stack\">\n <a href=\"https:\/\/forms.gle\/EwRg6XfKupGM6xuH6\" class=\"cta-main\">\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M20 12V22H4V12\"\/><path d=\"M22 7H2v5h20V7z\"\/><path d=\"M12 22V7\"\/><path d=\"M12 7H7.5a2.5 2.5 0 010-5C11 2 12 7 12 7z\"\/><path d=\"M12 7h4.5a2.5 2.5 0 000-5C13 2 12 7 12 7z\"\/><\/svg>\n Je donne mes v\u00eatements \u2192\n <\/a>\n <a href=\"#how\" class=\"cta-sec\">\n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4M12 8h.01\"\/><\/svg>\n Comment \u00e7a fonctionne ?\n <\/a>\n <\/div>\n<\/div>\n\n<div class=\"scroll-hint\">\n <svg class=\"scroll-arrow\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12l7 7 7-7\"\/><\/svg>\n D\u00e9couvrir\n<\/div>\n\n\n<div class=\"why-section\">\n <div class=\"section-label\">Pourquoi donner<\/div>\n <h2 class=\"why-title\">Votre vieux pull vaut plus que vous croyez<\/h2>\n <p class=\"why-sub\">Chaque v\u00eatement donn\u00e9 sert de base \u00e0 des ateliers cr\u00e9atifs pour des personnes r\u00e9fugi\u00e9es et en r\u00e9insertion.<\/p>\n <div class=\"why-grid\">\n <div class=\"why-card wc-green\">\n <div class=\"why-icon-wrap\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2a3a1a\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n <path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n <path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/><path d=\"M16 3.13a4 4 0 010 7.75\"\/>\n <\/svg>\n <\/div>\n <div class=\"why-card-title\">Int\u00e9gration sociale<\/div>\n <div class=\"why-card-text\">Des ateliers mixtes entre r\u00e9fugi\u00e9\u00b7es et public g\u00e9n\u00e9ral<\/div>\n <\/div>\n <div class=\"why-card wc-magenta\">\n <div class=\"why-icon-wrap\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#e0005a\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/>\n <\/svg>\n <\/div>\n <div class=\"why-card-title\">Autonomie \u00e9conomique<\/div>\n <div class=\"why-card-text\">Cr\u00e9er des micro-entreprises \u00e0 partir de textiles recycl\u00e9s<\/div>\n <\/div>\n <div class=\"why-card wc-amber\">\n <div class=\"why-icon-wrap\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#8a5a00\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/>\n <\/svg>\n <\/div>\n <div class=\"why-card-title\">Z\u00e9ro d\u00e9chet textile<\/div>\n <div class=\"why-card-text\">100% de la mati\u00e8re est r\u00e9utilis\u00e9e \u2014 rien n'est jet\u00e9<\/div>\n <\/div>\n <div class=\"why-card wc-blue\">\n <div class=\"why-icon-wrap\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#185fa5\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n <path d=\"M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z\"\/>\n <\/svg>\n <\/div>\n <div class=\"why-card-title\">Expression cr\u00e9ative<\/div>\n <div class=\"why-card-text\">Le v\u00eatement comme langage d'identit\u00e9 et de libert\u00e9<\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"how-section\" id=\"how\">\n <div class=\"section-label\" style=\"color:var(--vert-pale);opacity:0.7\">\n <span style=\"display:flex;align-items:center;gap:8px\"><span style=\"width:20px;height:2px;background:var(--magenta);display:block\"><\/span>Comment \u00e7a marche<\/span>\n <\/div>\n <h2 class=\"how-title\">5 \u00e9tapes simples<\/h2>\n <p class=\"how-sub\">De votre placard jusqu'aux ateliers RECO<\/p>\n\n <div class=\"steps-flow\">\n\n <div class=\"step\">\n <div class=\"step-left\">\n <div class=\"step-num-circle\">1<\/div>\n <div class=\"step-connector\"><\/div>\n <\/div>\n <div class=\"step-body\">\n <div class=\"step-icon-row\">\n <div class=\"step-icon-sm\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff6fa0\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\n <\/div>\n <\/div>\n <div class=\"step-title\">Remplissez le formulaire <em style=\"font-style:normal;opacity:0.6;font-size:11px\">\u2014 ou venez directement !<\/em><\/div>\n <div class=\"step-desc\">En ligne en 2 minutes pour planifier le d\u00e9p\u00f4t ou la collecte \u00e0 domicile. <strong style=\"color:#ff6fa0\">Mais pour la collecte du 30 mai, vous pouvez aussi venir sans formulaire<\/strong> \u2014 on vous accueille de 10h \u00e0 16h.<\/div>\n <span class=\"step-tag tag-magenta\">Online \u00b7 2 min \u00b7 ou sans RDV<\/span>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-left\">\n <div class=\"step-num-circle\">2<\/div>\n <div class=\"step-connector\"><\/div>\n <\/div>\n <div class=\"step-body\">\n <div class=\"step-icon-row\">\n <div class=\"step-icon-sm\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#8aab5a\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M20 12V22H4V12\"\/><path d=\"M22 7H2v5h20V7z\"\/><path d=\"M12 22V7\"\/><\/svg>\n <\/div>\n <\/div>\n <div class=\"step-title\">D\u00e9posez ou on passe chez vous<\/div>\n <div class=\"step-desc\">Le samedi 30 mai, de 10h \u00e0 16h \u2014 Maison \u00c9tudiante, 50 rue de Tournelles 75003. Collecte \u00e0 domicile disponible le m\u00eame jour, de 10h30 \u00e0 17h00.<\/div>\n <span class=\"step-tag tag-green\">Gratuit \u00b7 Paris<\/span>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-left\">\n <div class=\"step-num-circle\">3<\/div>\n <div class=\"step-connector\"><\/div>\n <\/div>\n <div class=\"step-body\">\n <div class=\"step-icon-row\">\n <div class=\"step-icon-sm\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#f5a623\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n <\/div>\n <\/div>\n <div class=\"step-title\">On trie & classe tout<\/div>\n <div class=\"step-desc\">Nos b\u00e9n\u00e9voles r\u00e9ceptionnent, trient et cataloguent chaque pi\u00e8ce selon son potentiel de transformation.<\/div>\n <span class=\"step-tag tag-amber\">B\u00e9n\u00e9voles RECO<\/span>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-left\">\n <div class=\"step-num-circle\">4<\/div>\n <div class=\"step-connector\"><\/div>\n <\/div>\n <div class=\"step-body\">\n <div class=\"step-icon-row\">\n <div class=\"step-icon-sm\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4e6b5\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"6\" cy=\"6\" r=\"3\"\/><circle cx=\"6\" cy=\"18\" r=\"3\"\/><line x1=\"20\" y1=\"4\" x2=\"8.12\" y2=\"15.88\"\/><line x1=\"14.47\" y1=\"14.48\" x2=\"20\" y2=\"20\"\/><line x1=\"8.12\" y1=\"8.12\" x2=\"12\" y2=\"12\"\/><\/svg>\n <\/div>\n <\/div>\n <div class=\"step-title\">Transformation en atelier<\/div>\n <div class=\"step-desc\">Les v\u00eatements deviennent mati\u00e8re premi\u00e8re pour les 3 axes RECO : mode, identit\u00e9 et entrepreneuriat.<\/div>\n <span class=\"step-tag tag-green\">Programme RECO<\/span>\n <\/div>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-left\">\n <div class=\"step-num-circle\">5<\/div>\n <\/div>\n <div class=\"step-body\">\n <div class=\"step-icon-row\">\n <div class=\"step-icon-sm\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#d4e6b5\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\n <\/div>\n <\/div>\n <div class=\"step-title\">Une cohorte mixte pour apprendre & cr\u00e9er<\/div>\n <div class=\"step-desc\">Vos v\u00eatements servent de mati\u00e8re premi\u00e8re \u00e0 une cohorte compos\u00e9e \u00e0 <strong style=\"color:var(--vert-pale)\">75% de r\u00e9fugi\u00e9\u00b7es, demandeur\u00b7euses d'asile et jeunes en difficult\u00e9 d'int\u00e9gration<\/strong>, et \u00e0 <strong style=\"color:var(--vert-pale)\">25% du public g\u00e9n\u00e9ral d'\u00cele-de-France<\/strong> \u2014 sans distinction d'\u00e2ge ni de sexe. Ils se forment individuellement, en projets de mode et en cr\u00e9ation d'entreprise.<\/div>\n <span class=\"step-tag tag-amber\">Programme RECO 2026<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n<div class=\"options-section\">\n <div class=\"section-label\">Vos options<\/div>\n <h2 class=\"options-title\">Comment d\u00e9poser ?<\/h2>\n <p class=\"options-sub\">Deux fa\u00e7ons simples de nous faire parvenir vos v\u00eatements<\/p>\n\n <div class=\"options-grid\">\n <div class=\"opt-card opt-drop\">\n <span class=\"opt-badge\">En personne<\/span>\n <div class=\"opt-big-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2a3a1a\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n <path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/>\n <\/svg>\n <\/div>\n <div class=\"opt-title\">D\u00e9p\u00f4t sur place<\/div>\n <div class=\"opt-detail\">\n <div class=\"opt-highlight\">Maison \u00c9tudiante<\/div>\n 50 rue de Tournelles<br>75003 Paris<br><br>\n <div class=\"opt-highlight\">Sam 30 mai uniquement<\/div>\n 10h00 \u2192 16h00<br>\n <em>Sans formulaire, venez directement !<\/em>\n <\/div>\n <\/div>\n\n <div class=\"opt-card opt-pickup\">\n <span class=\"opt-badge\">Chez vous<\/span>\n <div class=\"opt-big-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#e0005a\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"1\"\/><path d=\"M16 8h4l3 3v5h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/>\n <\/svg>\n <\/div>\n <div class=\"opt-title\">Collecte \u00e0 domicile<\/div>\n <div class=\"opt-detail\">\n <div class=\"opt-highlight\">Zone couverte<\/div>\n Triangle Bastille \u2013<br>R\u00e9publique \u2013 \u00c9tudiante<br><br>\n <div class=\"opt-highlight\">Sam 30 mai uniquement<\/div>\n 10h30 \u2192 17h00<br>\n <em>Sur inscription pr\u00e9alable<\/em>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"collect-section\">\n <div class=\"section-label\">Ce qu'on accepte<\/div>\n <h2 class=\"collect-title\">Que donner ?<\/h2>\n <p class=\"collect-sub\">Tout ce qui peut \u00eatre transform\u00e9 \u2014 pas de limite de style ou de taille<\/p>\n\n <div class=\"collect-grid\">\n <div class=\"collect-item\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2a3a1a\" stroke-width=\"1.6\" stroke-linecap=\"round\">\n \n <path d=\"M3 7L7 4H17L21 7L18 10L16 8V20H8V8L6 10Z\"\/>\n <line x1=\"8\" y1=\"8\" x2=\"16\" y2=\"8\"\/>\n <\/svg>\n <div class=\"collect-item-label\">Hauts &<br>chemises<\/div>\n <\/div>\n <div class=\"collect-item\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2a3a1a\" stroke-width=\"1.6\" stroke-linecap=\"round\">\n \n <path d=\"M5 3H19V8L14 22H10L5 8V3Z\"\/>\n <line x1=\"5\" y1=\"3\" x2=\"19\" y2=\"3\"\/>\n <line x1=\"10\" y1=\"8\" x2=\"14\" y2=\"8\"\/>\n <\/svg>\n <div class=\"collect-item-label\">Pantalons &<br>jupes<\/div>\n <\/div>\n <div class=\"collect-item\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2a3a1a\" stroke-width=\"1.6\" stroke-linecap=\"round\">\n \n <line x1=\"2\" y1=\"3\" x2=\"22\" y2=\"3\"\/>\n <path d=\"M4 3 Q5 12 4 22\"\/>\n <path d=\"M12 3 Q11 12 12 22\"\/>\n <path d=\"M12 3 Q13 12 12 22\"\/>\n <path d=\"M20 3 Q19 12 20 22\"\/>\n <line x1=\"2\" y1=\"22\" x2=\"22\" y2=\"22\"\/>\n <\/svg>\n <div class=\"collect-item-label\">Rideaux &<br>draps<\/div>\n <\/div>\n <div class=\"collect-item\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2a3a1a\" stroke-width=\"1.6\" stroke-linecap=\"round\">\n <path d=\"M10 2H14L22 8L19 11L16 8V20H8V8L5 11L2 8Z\"\/>\n <\/svg>\n <div class=\"collect-item-label\">Robes &<br>combinaisons<\/div>\n <\/div>\n <div class=\"collect-item\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2a3a1a\" stroke-width=\"1.6\" stroke-linecap=\"round\">\n <path d=\"M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10v6a2 2 0 01-2 2h-2v-8h2v-1a8 8 0 00-16 0v1h2v8H4a2 2 0 01-2-2v-6z\"\/>\n <\/svg>\n <div class=\"collect-item-label\">Pulls &<br>sweats<\/div>\n <\/div>\n <div class=\"collect-item\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#2a3a1a\" stroke-width=\"1.6\" stroke-linecap=\"round\">\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2\"\/>\n <line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"16\"\/><line x1=\"10\" y1=\"14\" x2=\"14\" y2=\"14\"\/>\n <\/svg>\n <div class=\"collect-item-label\">Accessoires &<br>tissus<\/div>\n <\/div>\n <\/div>\n\n <div class=\"collect-note\">\n <strong>Condition accept\u00e9e :<\/strong> Propre mais us\u00e9, d\u00e9chir\u00e9, d\u00e9mod\u00e9 \u2014 tout est bienvenu sauf les pi\u00e8ces compl\u00e8tement d\u00e9truites. M\u00eame les habits avec des trous ont leur place dans nos ateliers !\n <\/div>\n<\/div>\n\n\n<div class=\"map-section\">\n <div class=\"section-label\">O\u00f9 aller<\/div>\n <h2 class=\"map-title\">Points de collecte<\/h2>\n <p class=\"map-sub\">Deux lieux fixes \u00e0 Paris \u2014 ou on vient chez vous<\/p>\n\n \n <div class=\"map-visual\">\n <svg viewbox=\"0 0 300 180\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto\">\n \n <rect width=\"300\" height=\"180\" fill=\"#eef4e2\" rx=\"8\"\/>\n \n <line x1=\"30\" y1=\"90\" x2=\"270\" y2=\"90\" stroke=\"#d4e6b5\" stroke-width=\"6\"\/>\n <line x1=\"150\" y1=\"20\" x2=\"150\" y2=\"160\" stroke=\"#d4e6b5\" stroke-width=\"4\"\/>\n <line x1=\"60\" y1=\"40\" x2=\"240\" y2=\"140\" stroke=\"#d4e6b5\" stroke-width=\"3\"\/>\n <line x1=\"240\" y1=\"40\" x2=\"60\" y2=\"140\" stroke=\"#d4e6b5\" stroke-width=\"3\"\/>\n \n <polygon points=\"150,60 220,130 80,130\" fill=\"rgba(42,58,26,0.08)\" stroke=\"#8aab5a\" stroke-width=\"1.5\" stroke-dasharray=\"5 3\"\/>\n \n <circle cx=\"150\" cy=\"60\" r=\"16\" fill=\"#2a3a1a\"\/>\n <text x=\"150\" y=\"65\" text-anchor=\"middle\" font-family=\"Syne,sans-serif\" font-size=\"14\" font-weight=\"800\" fill=\"#d4e6b5\">1<\/text>\n <text x=\"150\" y=\"45\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"8\" fill=\"#2a3a1a\" font-weight=\"500\">Maison \u00c9tudiante<\/text>\n <text x=\"150\" y=\"33\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"7\" fill=\"#4a6630\">75003<\/text>\n \n <circle cx=\"220\" cy=\"130\" r=\"13\" fill=\"#8aab5a\"\/>\n <text x=\"220\" y=\"135\" text-anchor=\"middle\" font-family=\"Syne,sans-serif\" font-size=\"12\" font-weight=\"800\" fill=\"#2a3a1a\">2<\/text>\n <text x=\"220\" y=\"149\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"7.5\" fill=\"#2a3a1a\">Paris 3e\u20134e<\/text>\n \n <circle cx=\"80\" cy=\"130\" r=\"10\" fill=\"rgba(138,171,90,0.3)\" stroke=\"#8aab5a\" stroke-width=\"1.5\"\/>\n <text x=\"80\" y=\"134\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"8\" fill=\"#2a3a1a\">Bastille<\/text>\n \n <text x=\"150\" y=\"105\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"7.5\" fill=\"#4a6630\" opacity=\"0.8\">Zone collecte \u00e0 domicile<\/text>\n <\/svg>\n <\/div>\n\n <div class=\"points-list\">\n <div class=\"point-card pp-main\">\n <div class=\"point-pin\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n <\/div>\n <div>\n <div class=\"point-name\">Maison \u00c9tudiante (CIUP)<\/div>\n <div class=\"point-address\">50 rue de Tournelles, 75003 Paris<br>Sans formulaire \u2014 venez directement !<\/div>\n <div class=\"point-hours\">\n <svg width=\"12\" height=\"12\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n Sam 30 mai \u00b7 10h\u201316h\n <\/div>\n <\/div>\n <\/div>\n <div class=\"point-card pp-alt\">\n <div class=\"point-pin\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n <\/div>\n <div>\n <div class=\"point-name\">Zone Paris 3e\u20134e<\/div>\n <div class=\"point-address\">Collecte \u00e0 domicile sur rendez-vous<br>Triangle Bastille \u2013 R\u00e9publique \u2013 \u00c9tudiante<\/div>\n <div class=\"point-hours\">\n <svg width=\"12\" height=\"12\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n Sam 30 mai \u00b7 10h30\u201317h\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"flow-section\">\n <div class=\"section-label\">Le cycle complet<\/div>\n <h2 class=\"flow-title\">De votre placard au monde<\/h2>\n <p class=\"flow-sub\">Chaque v\u00eatement que vous donnez suit un cycle vertueux<\/p>\n\n <div class=\"flow-svg-wrap\">\n <svg viewbox=\"0 0 300 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:100%;height:auto\">\n \n <circle cx=\"150\" cy=\"150\" r=\"130\" fill=\"none\" stroke=\"#d4e6b5\" stroke-width=\"1\" stroke-dasharray=\"3 4\"\/>\n \n <circle cx=\"150\" cy=\"150\" r=\"42\" fill=\"#2a3a1a\"\/>\n <text x=\"150\" y=\"145\" text-anchor=\"middle\" font-family=\"Syne,sans-serif\" font-size=\"11\" font-weight=\"800\" fill=\"#d4e6b5\">RECO<\/text>\n <text x=\"150\" y=\"160\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"8\" fill=\"#8aab5a\">Circulaire<\/text>\n\n \n <circle cx=\"150\" cy=\"22\" r=\"26\" fill=\"#eef4e2\" stroke=\"#8aab5a\" stroke-width=\"1.5\"\/>\n <text x=\"150\" y=\"18\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"18\">\ud83d\udc5a<\/text>\n <text x=\"150\" y=\"32\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"7.5\" fill=\"#2a3a1a\" font-weight=\"500\">Vous donnez<\/text>\n\n \n <circle cx=\"268\" cy=\"150\" r=\"26\" fill=\"#fce8f0\" stroke=\"#e0005a\" stroke-width=\"1.5\"\/>\n <text x=\"268\" y=\"146\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"18\">\ud83d\udce6<\/text>\n <text x=\"268\" y=\"160\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"7.5\" fill=\"#e0005a\" font-weight=\"500\">Collecte<\/text>\n\n \n <circle cx=\"220\" cy=\"256\" r=\"26\" fill=\"#eef4e2\" stroke=\"#3d5228\" stroke-width=\"1.5\"\/>\n <text x=\"220\" y=\"252\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"18\">\u2702\ufe0f<\/text>\n <text x=\"220\" y=\"267\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"7\" fill=\"#2a3a1a\" font-weight=\"500\">Atelier RECO<\/text>\n\n \n <circle cx=\"80\" cy=\"256\" r=\"26\" fill=\"#amber-pale\" stroke=\"#f5a623\" stroke-width=\"1.5\"\/>\n <rect x=\"54\" y=\"230\" width=\"52\" height=\"52\" rx=\"26\" fill=\"#fef3d8\" stroke=\"#f5a623\" stroke-width=\"1.5\"\/>\n <text x=\"80\" y=\"252\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"18\">\ud83c\udf0d<\/text>\n <text x=\"80\" y=\"267\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"7\" fill=\"#8a5a00\" font-weight=\"500\">Impact r\u00e9el<\/text>\n\n \n <circle cx=\"32\" cy=\"150\" r=\"26\" fill=\"#eef4e2\" stroke=\"#8aab5a\" stroke-width=\"1.5\"\/>\n <text x=\"32\" y=\"146\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"18\">\ud83d\udd0d<\/text>\n <text x=\"32\" y=\"160\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"7\" fill=\"#2a3a1a\" font-weight=\"500\">Tri & class.<\/text>\n\n \n <path d=\"M170,34 Q230,50 250,126\" fill=\"none\" stroke=\"#e0005a\" stroke-width=\"1.5\" stroke-dasharray=\"5 3\" marker-end=\"url(#a1)\"\/>\n <path d=\"M264,176 Q258,220 238,242\" fill=\"none\" stroke=\"#8aab5a\" stroke-width=\"1.5\" stroke-dasharray=\"5 3\" marker-end=\"url(#a2)\"\/>\n <path d=\"M196,268 Q140,278 106,268\" fill=\"none\" stroke=\"#f5a623\" stroke-width=\"1.5\" stroke-dasharray=\"5 3\" marker-end=\"url(#a3)\"\/>\n <path d=\"M56,240 Q36,200 38,174\" fill=\"none\" stroke=\"#8aab5a\" stroke-width=\"1.5\" stroke-dasharray=\"5 3\" marker-end=\"url(#a4)\"\/>\n <path d=\"M50,130 Q80,60 130,32\" fill=\"none\" stroke=\"#2a3a1a\" stroke-width=\"1.5\" stroke-dasharray=\"5 3\" marker-end=\"url(#a5)\"\/>\n\n <defs>\n <marker id=\"a1\" markerwidth=\"6\" markerheight=\"6\" refx=\"3\" refy=\"3\" orient=\"auto\"><path d=\"M0,0 L6,3 L0,6 Z\" fill=\"#e0005a\"\/><\/marker>\n <marker id=\"a2\" markerwidth=\"6\" markerheight=\"6\" refx=\"3\" refy=\"3\" orient=\"auto\"><path d=\"M0,0 L6,3 L0,6 Z\" fill=\"#8aab5a\"\/><\/marker>\n <marker id=\"a3\" markerwidth=\"6\" markerheight=\"6\" refx=\"3\" refy=\"3\" orient=\"auto\"><path d=\"M0,0 L6,3 L0,6 Z\" fill=\"#f5a623\"\/><\/marker>\n <marker id=\"a4\" markerwidth=\"6\" markerheight=\"6\" refx=\"3\" refy=\"3\" orient=\"auto\"><path d=\"M0,0 L6,3 L0,6 Z\" fill=\"#8aab5a\"\/><\/marker>\n <marker id=\"a5\" markerwidth=\"6\" markerheight=\"6\" refx=\"3\" refy=\"3\" orient=\"auto\"><path d=\"M0,0 L6,3 L0,6 Z\" fill=\"#2a3a1a\"\/><\/marker>\n <\/defs>\n <\/svg>\n <\/div>\n<\/div>\n\n\n<div class=\"volunteer-section\">\n <div class=\"section-label\" style=\"color:var(--vert-pale);opacity:0.7\">\n <span style=\"display:flex;align-items:center;gap:8px\"><span style=\"width:20px;height:2px;background:var(--magenta);display:block\"><\/span>B\u00e9n\u00e9voles<\/span>\n <\/div>\n <h2 class=\"vol-title\">On a besoin de vous aussi<\/h2>\n <p class=\"vol-sub\">Pas seulement de v\u00eatements \u2014 des mains pour faire tourner le projet<\/p>\n\n <div class=\"vol-roles\">\n <div class=\"vol-role\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#8aab5a\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n <rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"1\"\/><path d=\"M16 8h4l3 3v5h-7V8z\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/>\n <\/svg>\n <div class=\"vol-role-name\">Collecte & livraison<\/div>\n <\/div>\n <div class=\"vol-role\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#8aab5a\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n <path d=\"M20 12V22H4V12\"\/><path d=\"M22 7H2v5h20V7z\"\/><path d=\"M12 22V7\"\/>\n <\/svg>\n <div class=\"vol-role-name\">Tri & organisation<\/div>\n <\/div>\n <div class=\"vol-role\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#8aab5a\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n <circle cx=\"6\" cy=\"6\" r=\"3\"\/><circle cx=\"6\" cy=\"18\" r=\"3\"\/>\n <line x1=\"20\" y1=\"4\" x2=\"8.12\" y2=\"15.88\"\/>\n <line x1=\"14.47\" y1=\"14.48\" x2=\"20\" y2=\"20\"\/>\n <line x1=\"8.12\" y1=\"8.12\" x2=\"12\" y2=\"12\"\/>\n <\/svg>\n <div class=\"vol-role-name\">Ateliers & couture<\/div>\n <\/div>\n <div class=\"vol-role\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#8aab5a\" stroke-width=\"1.8\" stroke-linecap=\"round\">\n <path d=\"M18 20V10\"\/><path d=\"M12 20V4\"\/><path d=\"M6 20v-6\"\/>\n <\/svg>\n <div class=\"vol-role-name\">Comms & r\u00e9seaux<\/div>\n <\/div>\n <\/div>\n\n <a href=\"https:\/\/forms.gle\/EwRg6XfKupGM6xuH6\" class=\"cta-main\" style=\"max-width:300px;margin:0 auto;background:var(--vert-clair);color:var(--vert)\">\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/><path d=\"M16 3.13a4 4 0 010 7.75\"\/><\/svg>\n Devenir b\u00e9n\u00e9vole \u2192\n <\/a>\n<\/div>\n\n\n<div class=\"cta-section\">\n <div class=\"cta-label\">Agir maintenant<\/div>\n <h2 class=\"cta-title\">Pr\u00eat\u00b7e \u00e0 donner ?<\/h2>\n <p class=\"cta-desc\">2 minutes pour remplir le formulaire \u2014 ou venez directement le samedi 30 mai de 10h \u00e0 16h, sans inscription. Les notifications arrivent \u00e0 <strong>reco@pimpampum.fr<\/strong>.<\/p>\n <div class=\"cta-btn-stack\">\n <a href=\"https:\/\/forms.gle\/EwRg6XfKupGM6xuH6\" class=\"btn-white\">\n <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M20 12V22H4V12\"\/><path d=\"M22 7H2v5h20V7z\"\/><path d=\"M12 22V7\"\/><path d=\"M12 7H7.5a2.5 2.5 0 010-5C11 2 12 7 12 7z\"\/><path d=\"M12 7h4.5a2.5 2.5 0 000-5C13 2 12 7 12 7z\"\/><\/svg>\n Je donne mes v\u00eatements \u2192\n <\/a>\n <a href=\"https:\/\/pimpampum.fr\/Projets\/projet-reco\/\" class=\"btn-ghost-w\">\n En savoir plus sur RECO\n <\/a>\n <\/div>\n<\/div>\n\n<div class=\"footer-mini\">\n <p>ONG Pim Pam Pum \u00b7 50 rue de Tournelles, 75003 Paris<br>\n visibles@pimpampum.fr \u00b7 reco@pimpampum.fr \u00b7 pimpampum.fr \u00b7 @ong_pimpampum<\/p>\n<\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3d5ff27 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3d5ff27\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f39712d\" data-id=\"f39712d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-54ea2b3 elementor-widget elementor-widget-html\" data-id=\"54ea2b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>RECO Collecte \u2014 Saturday 30 May \u00b7 Coordination Master<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n*{margin:0;padding:0;box-sizing:border-box}\n:root{\n --vert:#2a3a1a;--vert-mid:#4a6630;--vert-clair:#8aab5a;--vert-pale:#d4e6b5;--vert-bg:#eef4e2;\n --magenta:#e0005a;--magenta-pale:#fce8f0;\n --amber:#f5a623;--amber-pale:#fef3d8;\n --creme:#f7f2e8;--creme-dark:#ede5d0;--blanc:#fff;--noir:#1a1a1a;--gris:#666;\n --blue:#1b3a6b;--blue-pale:#e6edf8;\n}\nbody{font-family:'DM Sans',sans-serif;background:var(--creme);color:var(--noir);overflow-x:hidden}\n\n\/* NAV TABS *\/\n.nav{background:var(--vert);padding:0 1.5rem;display:flex;gap:0;overflow-x:auto;position:sticky;top:0;z-index:100}\n.nav-btn{font-family:'Syne',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;padding:14px 16px;color:rgba(255,255,255,0.5);cursor:pointer;border:none;background:transparent;white-space:nowrap;border-bottom:2px solid transparent;transition:all .2s}\n.nav-btn.active,.nav-btn:hover{color:var(--vert-pale);border-bottom-color:var(--vert-clair)}\n.nav-btn.active{color:var(--blanc);border-bottom-color:var(--magenta)}\n\n\/* PAGES *\/\n.page{display:none;padding:2rem 1.5rem;max-width:900px;margin:0 auto}\n.page.active{display:block}\n\n\/* SHARED *\/\n.page-title{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(1.6rem,5vw,2.4rem);color:var(--vert);margin-bottom:0.3rem;line-height:1.1}\n.page-sub{font-size:13px;color:var(--gris);margin-bottom:2rem;line-height:1.5}\n.tag{display:inline-block;font-size:9px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;padding:3px 9px;border-radius:2px;margin-bottom:1rem}\n.tag-vert{background:var(--vert);color:var(--vert-pale)}\n.tag-magenta{background:var(--magenta);color:#fff}\n.tag-amber{background:var(--amber);color:var(--vert)}\n.tag-blue{background:var(--blue);color:#fff}\n\n\/* SECTION BLOCKS *\/\n.block{background:var(--blanc);border-radius:8px;padding:1.5rem;margin-bottom:1rem;border-left:3px solid var(--vert-clair)}\n.block.b-magenta{border-left-color:var(--magenta)}\n.block.b-amber{border-left-color:var(--amber)}\n.block.b-blue{border-left-color:var(--blue)}\n.block.b-red{border-left-color:#d00}\n.block-title{font-family:'Syne',sans-serif;font-weight:700;font-size:14px;color:var(--vert);margin-bottom:0.75rem;display:flex;align-items:center;gap:8px}\n.block-title .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}\n.dot-vert{background:var(--vert-clair)}\n.dot-magenta{background:var(--magenta)}\n.dot-amber{background:var(--amber)}\n.dot-blue{background:var(--blue)}\n.block ul{list-style:none;display:flex;flex-direction:column;gap:5px}\n.block ul li{font-size:12px;color:var(--gris);padding-left:14px;position:relative;line-height:1.55}\n.block ul li::before{content:'\u2192';position:absolute;left:0;color:var(--vert-clair);font-size:11px}\n.block ul li.b-magenta-li::before{color:var(--magenta)}\n.block ul li strong{color:var(--noir);font-weight:500}\n.note{background:var(--amber-pale);border:1px solid rgba(245,166,35,0.3);border-radius:6px;padding:12px 14px;font-size:12px;color:#7a5800;line-height:1.6;margin-top:0.75rem}\n.note strong{font-weight:600}\n.alert{background:var(--magenta-pale);border:1px solid rgba(224,0,90,0.2);border-radius:6px;padding:12px 14px;font-size:12px;color:#8a0036;line-height:1.6;margin-top:0.75rem}\n\n\/* TIMELINE *\/\n.timeline{display:flex;flex-direction:column;gap:0;margin-bottom:1.5rem}\n.tl{display:flex;gap:14px;position:relative}\n.tl-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:44px}\n.tl-time{font-family:'Syne',sans-serif;font-size:10px;font-weight:700;color:var(--vert);line-height:1;text-align:center;padding:3px 0}\n.tl-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:2px solid}\n.tl-dot.d-vert{background:var(--vert-clair);border-color:var(--vert-clair)}\n.tl-dot.d-magenta{background:var(--magenta);border-color:var(--magenta)}\n.tl-dot.d-amber{background:var(--amber);border-color:var(--amber)}\n.tl-dot.d-blue{background:var(--blue);border-color:var(--blue)}\n.tl-dot.d-empty{background:var(--creme);border-color:var(--vert-clair)}\n.tl-line{width:2px;flex:1;background:rgba(42,58,26,0.1);margin:2px 0}\n.tl-body{padding-bottom:18px;flex:1}\n.tl-label{font-family:'Syne',sans-serif;font-weight:700;font-size:13px;color:var(--vert);margin-bottom:4px}\n.tl-desc{font-size:12px;color:var(--gris);line-height:1.55}\n.tl-roles{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}\n.role-pill{font-size:10px;padding:2px 8px;border-radius:100px;font-weight:500}\n.rp-vert{background:var(--vert-bg);color:var(--vert)}\n.rp-magenta{background:var(--magenta-pale);color:var(--magenta)}\n.rp-amber{background:var(--amber-pale);color:#7a5800}\n.rp-blue{background:var(--blue-pale);color:var(--blue)}\n.rp-grey{background:#f0f0f0;color:#555}\n\n\/* INFOGRAPHIC FLOW *\/\n.flow-container{background:var(--vert);border-radius:12px;padding:2rem 1.5rem;margin-bottom:1.5rem;overflow:hidden;position:relative}\n.flow-container::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:rgba(138,171,90,0.1);pointer-events:none}\n.flow-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.1rem;color:var(--creme);margin-bottom:1.5rem;text-align:center}\n.two-teams{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.25rem}\n.team-col{border-radius:8px;padding:14px;background:rgba(255,255,255,0.06)}\n.team-col.t-core{border:1px solid rgba(138,171,90,0.3)}\n.team-col.t-vol{border:1px solid rgba(224,0,90,0.25)}\n.team-name{font-family:'Syne',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:10px}\n.team-core .team-name,.t-core .team-name{color:var(--vert-clair)}\n.t-vol .team-name{color:#ff6fa0}\n.person-row{display:flex;align-items:center;gap:7px;margin-bottom:6px}\n.person-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}\n.av-vert{background:var(--vert-mid);color:var(--vert-pale)}\n.av-magenta{background:var(--magenta);color:#fff;opacity:0.85}\n.av-amber{background:var(--amber);color:var(--vert)}\n.av-blue{background:var(--blue);color:#fff}\n.av-grey{background:rgba(255,255,255,0.15);color:rgba(255,255,255,0.7)}\n.person-info{}\n.person-name{font-size:11px;font-weight:500;color:var(--creme);line-height:1}\n.person-role{font-size:9px;color:rgba(255,255,255,0.45);line-height:1.3;margin-top:1px}\n\n.flow-arrows{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:1.25rem;flex-wrap:wrap}\n.flow-node{background:rgba(255,255,255,0.08);border:1px solid rgba(138,171,90,0.25);border-radius:6px;padding:8px 12px;text-align:center;min-width:80px}\n.fn-icon{font-size:18px;margin-bottom:3px}\n.fn-label{font-size:9px;font-weight:600;color:var(--vert-pale);letter-spacing:0.08em;text-transform:uppercase;line-height:1.3}\n.flow-arrow-svg{color:var(--vert-clair);font-size:18px;flex-shrink:0}\n.scooter-note{background:rgba(245,166,35,0.12);border:1px solid rgba(245,166,35,0.25);border-radius:6px;padding:10px 12px;font-size:11px;color:var(--amber);text-align:center;margin-top:8px}\n\n\/* BRIEFING HEADER *\/\n.briefing-header{background:var(--vert);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:16px}\n.bh-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-size:1.2rem;font-weight:800;flex-shrink:0}\n.bh-name{font-family:'Syne',sans-serif;font-weight:800;font-size:1.1rem;color:var(--creme);line-height:1;margin-bottom:4px}\n.bh-role{font-size:11px;color:var(--vert-clair);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:6px}\n.bh-email{font-size:11px;color:rgba(255,255,255,0.35)}\n\n\/* RECAP BOX *\/\n.recap{background:var(--vert);border-radius:8px;padding:1.25rem;margin-top:1.5rem}\n.recap-title{font-family:'Syne',sans-serif;font-weight:700;font-size:12px;letter-spacing:0.15em;text-transform:uppercase;color:var(--vert-clair);margin-bottom:10px}\n.recap ul{list-style:none;display:flex;flex-direction:column;gap:5px}\n.recap ul li{font-size:12px;color:var(--vert-pale);padding-left:14px;position:relative;line-height:1.5}\n.recap ul li::before{content:'\u2713';position:absolute;left:0;color:var(--vert-clair);font-size:10px}\n\n\/* WEB SUMMARY *\/\n.reco-summary{background:var(--blanc);border-radius:8px;padding:1.5rem;margin-bottom:1rem}\n.rs-tag{font-size:9px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--vert-mid);margin-bottom:0.5rem}\n.rs-title{font-family:'Syne',sans-serif;font-weight:800;font-size:1.2rem;color:var(--vert);margin-bottom:0.4rem;line-height:1.2}\n.rs-intro{font-size:13px;color:var(--gris);line-height:1.65;margin-bottom:1.25rem}\n.axes-row{display:grid;grid-template-columns:1fr;gap:10px}\n.axe-mini{border-radius:6px;padding:12px 14px;border-left:3px solid}\n.axe-mini.c{background:var(--magenta-pale);border-left-color:var(--magenta)}\n.axe-mini.v{background:var(--vert-bg);border-left-color:var(--vert-clair)}\n.axe-mini.t{background:var(--amber-pale);border-left-color:var(--amber)}\n.axe-mini-name{font-family:'Syne',sans-serif;font-weight:700;font-size:12px;margin-bottom:3px}\n.axe-mini.c .axe-mini-name{color:var(--magenta)}\n.axe-mini.v .axe-mini-name{color:var(--vert)}\n.axe-mini.t .axe-mini-name{color:#7a5800}\n.axe-mini-desc{font-size:11px;color:var(--gris);line-height:1.5}\n.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:1rem}\n.stat-mini{background:var(--vert);border-radius:6px;padding:12px;text-align:center}\n.stat-mini-num{font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:800;color:var(--creme);line-height:1}\n.stat-mini-label{font-size:9px;color:var(--vert-pale);opacity:0.7;text-transform:uppercase;letter-spacing:0.08em;margin-top:3px;line-height:1.3}\n\n@media(min-width:600px){\n .page{padding:2rem 2.5rem}\n .axes-row{grid-template-columns:1fr 1fr 1fr}\n .two-teams{gap:16px}\n}\n<\/style>\n<\/head>\n<body>\n\n<nav class=\"nav\">\n <button class=\"nav-btn active\" onclick=\"show('flow')\">\ud83d\udcca Flow Chart<\/button>\n <button class=\"nav-btn\" onclick=\"show('programme-equipe')\">\ud83d\uddd3 Programme \u00c9quipe<\/button>\n <button class=\"nav-btn\" onclick=\"show('programme-vol')\">\ud83d\ude4b Programme B\u00e9n\u00e9voles<\/button>\n <button class=\"nav-btn\" onclick=\"show('brief-octavia')\">\ud83d\udccb Octavia<\/button>\n <button class=\"nav-btn\" onclick=\"show('brief-victoria')\">\ud83d\udccb Victoria<\/button>\n <button class=\"nav-btn\" onclick=\"show('brief-matina')\">\ud83d\udccb Matina<\/button>\n <button class=\"nav-btn\" onclick=\"show('brief-aiwei')\">\ud83d\udccb Aiwei<\/button>\n <button class=\"nav-btn\" onclick=\"show('brief-mikhaela')\">\ud83d\udccb Mikhaela<\/button>\n <button class=\"nav-btn\" onclick=\"show('web-summary')\">\ud83c\udf10 Web Summary<\/button>\n<\/nav>\n\n\n<div class=\"page active\" id=\"flow\">\n <span class=\"tag tag-vert\">Internal Coordination<\/span>\n <h1 class=\"page-title\">RECO Collecte \u2014 Flow Chart<\/h1>\n <p class=\"page-sub\">Saturday 30 May 2025 \u00b7 10:00 \u2192 18:00 \u00b7 Maison \u00c9tudiante + Triangle Bastille\u2013R\u00e9publique<\/p>\n\n <div class=\"flow-container\">\n <div class=\"flow-title\">TWO TEAMS \u2014 ONE MISSION<\/div>\n\n <div class=\"two-teams\">\n <div class=\"team-col t-core\">\n <div class=\"team-name\">\ud83d\udfe2 Core Team<\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-vert\">Ma<\/div><div class=\"person-info\"><div class=\"person-name\">Marlis<\/div><div class=\"person-role\">Textile evaluation lead<\/div><\/div><\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-vert\">Mi<\/div><div class=\"person-info\"><div class=\"person-name\">Mikhaela<\/div><div class=\"person-role\">Classification support<\/div><\/div><\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-vert\">Aw<\/div><div class=\"person-info\"><div class=\"person-name\">Aiwei<\/div><div class=\"person-role\">Comms & social live<\/div><\/div><\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-vert\">Oc<\/div><div class=\"person-info\"><div class=\"person-name\">Octavia<\/div><div class=\"person-role\">Overall coordination<\/div><\/div><\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-magenta\">Mt<\/div><div class=\"person-info\"><div class=\"person-name\">Matina<\/div><div class=\"person-role\">Visual production & stories<\/div><\/div><\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-amber\">Q<\/div><div class=\"person-info\"><div class=\"person-name\">Quentin<\/div><div class=\"person-role\">Pro videographer \u00b7 16h\u201317h<\/div><\/div><\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-blue\">Ir?<\/div><div class=\"person-info\"><div class=\"person-name\">Irina (TBC)<\/div><div class=\"person-role\">Visual support if available<\/div><\/div><\/div>\n <\/div>\n <div class=\"team-col t-vol\">\n <div class=\"team-name\">\ud83d\udd34 Volunteer Team (~10)<\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-grey\">V1<\/div><div class=\"person-info\"><div class=\"person-name\">2 \u00d7 Pickup duo<\/div><div class=\"person-role\">Scooter route \u2014 1 films, 1 interacts<\/div><\/div><\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-grey\">V3<\/div><div class=\"person-info\"><div class=\"person-name\">2 \u00d7 Welcome desk<\/div><div class=\"person-role\">Greet, log, direct donations<\/div><\/div><\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-grey\">V5<\/div><div class=\"person-info\"><div class=\"person-name\">2 \u00d7 Sorting support<\/div><div class=\"person-role\">Assist Marlis & Mikhaela<\/div><\/div><\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-grey\">V7<\/div><div class=\"person-info\"><div class=\"person-name\">2 \u00d7 Pack & transport<\/div><div class=\"person-role\">Box, label, move to Acad\u00e9mie<\/div><\/div><\/div>\n <div class=\"person-row\"><div class=\"person-avatar av-grey\">V9<\/div><div class=\"person-info\"><div class=\"person-name\">2 \u00d7 Floating support<\/div><div class=\"person-role\">Flexible \u2014 where needed<\/div><\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"flow-title\" style=\"font-size:12px;margin-bottom:1rem;opacity:0.7\">HOW THE DAY FLOWS<\/div>\n <div class=\"flow-arrows\">\n <div class=\"flow-node\"><div class=\"fn-icon\">\ud83d\udeaa<\/div><div class=\"fn-label\">Welcome &<br>Receive<\/div><\/div>\n <div class=\"flow-arrow-svg\">\u2192<\/div>\n <div class=\"flow-node\"><div class=\"fn-icon\">\ud83d\udd0d<\/div><div class=\"fn-label\">Evaluate<br>Quality<\/div><\/div>\n <div class=\"flow-arrow-svg\">\u2192<\/div>\n <div class=\"flow-node\"><div class=\"fn-icon\">\ud83d\udce6<\/div><div class=\"fn-label\">Sort &<br>Classify<\/div><\/div>\n <div class=\"flow-arrow-svg\">\u2192<\/div>\n <div class=\"flow-node\"><div class=\"fn-icon\">\ud83c\udfa5<\/div><div class=\"fn-label\">Document<br>& Post<\/div><\/div>\n <div class=\"flow-arrow-svg\">\u2192<\/div>\n <div class=\"flow-node\"><div class=\"fn-icon\">\ud83d\ude9b<\/div><div class=\"fn-label\">Pack &<br>Transport<\/div><\/div>\n <div class=\"flow-arrow-svg\">\u2192<\/div>\n <div class=\"flow-node\"><div class=\"fn-icon\">\ud83c\udf3f<\/div><div class=\"fn-label\">Acad\u00e9mie<br>du Climat<\/div><\/div>\n <\/div>\n\n <div class=\"scooter-note\">\ud83d\udef4 PICKUP ROUTE \u2014 Always 2 people on scooter: one films\/photos, one interacts with donor. Triangle: Bastille \u2192 R\u00e9publique \u2192 \u00c9tudiante<\/div>\n <\/div>\n\n <div class=\"block\">\n <div class=\"block-title\"><span class=\"dot dot-amber\"><\/span>Key Coordination Points<\/div>\n <ul>\n <li><strong>10:00<\/strong> \u2014 All team + early volunteers on site. Octavia opens and assigns stations.<\/li>\n <li><strong>12:00\u201313:30<\/strong> \u2014 Lunch break. Note on table: <em>\"We're on lunch break \u2014 leave donations on the table, we'll be right back.\"<\/em><\/li>\n <li><strong>13:30<\/strong> \u2014 Second wave. More public expected. Music volume up. Sorting speed increases.<\/li>\n <li><strong>16:00\u201317:00<\/strong> \u2014 Quentin arrives. Final interviews + professional capsule filmed.<\/li>\n <li><strong>17:00<\/strong> \u2014 Begin packing. Label all bags\/boxes clearly (axe + condition).<\/li>\n <li><strong>18:00<\/strong> \u2014 Close. Transport all to Acad\u00e9mie du Climat (cave storage).<\/li>\n <li><strong>18:00+<\/strong> \u2014 Optional: attend Magua dance performance (s\u00e1banas \u2192 faldas) at Acad\u00e9mie.<\/li>\n <\/ul>\n <div class=\"note\"><strong>Sewing machines:<\/strong> If donors offer sewing machines, accept with a smile and note it separately. Not a priority but useful for the Open Week installation in October.<\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"page\" id=\"programme-equipe\">\n <span class=\"tag tag-vert\">Core Team \u00b7 Internal<\/span>\n <h1 class=\"page-title\">Day Programme \u2014 Core Team<\/h1>\n <p class=\"page-sub\">Saturday 30 May \u00b7 Maison \u00c9tudiante, 50 rue de Tournelles \u00b7 10:00\u201318:00<\/p>\n\n <div class=\"timeline\">\n\n <div class=\"tl\">\n <div class=\"tl-left\"><div class=\"tl-time\">10:00<\/div><div class=\"tl-dot d-vert\"><\/div><div class=\"tl-line\"><\/div><\/div>\n <div class=\"tl-body\">\n <div class=\"tl-label\">Setup & Briefing<\/div>\n <div class=\"tl-desc\">All core team on site. Octavia assigns stations. Music on (ambient\/calm). Matina sets up filming spots. Aiwei posts first story announcing the day is live.<\/div>\n <div class=\"tl-roles\"><span class=\"role-pill rp-vert\">Octavia<\/span><span class=\"role-pill rp-magenta\">Matina<\/span><span class=\"role-pill rp-vert\">Aiwei<\/span><span class=\"role-pill rp-grey\">All team<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"tl\">\n <div class=\"tl-left\"><div class=\"tl-time\">10:00<\/div><div class=\"tl-dot d-magenta\"><\/div><div class=\"tl-line\"><\/div><\/div>\n <div class=\"tl-body\">\n <div class=\"tl-label\">Pickup Route Begins<\/div>\n <div class=\"tl-desc\">First pickup duo departs on scooter. One films\/photographs, one interacts with donor. Rotate every ~90 min to avoid fatigue.<\/div>\n <div class=\"tl-roles\"><span class=\"role-pill rp-magenta\">Pickup Duo 1<\/span><span class=\"role-pill rp-grey\">Scooter<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"tl\">\n <div class=\"tl-left\"><div class=\"tl-time\">10:30<\/div><div class=\"tl-dot d-vert\"><\/div><div class=\"tl-line\"><\/div><\/div>\n <div class=\"tl-body\">\n <div class=\"tl-label\">Sorting Zone Active<\/div>\n <div class=\"tl-desc\">Marlis leads quality evaluation using the selection guide. Mikhaela assists classification. Sorting volunteers support. Items tagged: A (programme use), B (upcycling), C (unusable).<\/div>\n <div class=\"tl-roles\"><span class=\"role-pill rp-vert\">Marlis<\/span><span class=\"role-pill rp-vert\">Mikhaela<\/span><span class=\"role-pill rp-grey\">Sort Vols<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"tl\">\n <div class=\"tl-left\"><div class=\"tl-time\">11:30<\/div><div class=\"tl-dot d-vert\"><\/div><div class=\"tl-line\"><\/div><\/div>\n <div class=\"tl-body\">\n <div class=\"tl-label\">Social Media Check-in<\/div>\n <div class=\"tl-desc\">Aiwei posts mid-morning update \u2014 donation count, atmosphere, quote from a volunteer or donor. Matina edits and sends short clip for reels.<\/div>\n <div class=\"tl-roles\"><span class=\"role-pill rp-vert\">Aiwei<\/span><span class=\"role-pill rp-magenta\">Matina<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"tl\">\n <div class=\"tl-left\"><div class=\"tl-time\">12:00<\/div><div class=\"tl-dot d-amber\"><\/div><div class=\"tl-line\"><\/div><\/div>\n <div class=\"tl-body\">\n <div class=\"tl-label\">Lunch Break \u00b7 12:00\u201313:30<\/div>\n <div class=\"tl-desc\">Leave note on table: <em>\"On d\u00e9jeune \u2014 laissez vos dons sur la table, on revient bient\u00f4t !\"<\/em> Picnic format \u2014 volunteers + team eat together if possible. Keep 1 person at welcome desk minimum.<\/div>\n <div class=\"tl-roles\"><span class=\"role-pill rp-grey\">All \u00b7 1 stays on desk<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"tl\">\n <div class=\"tl-left\"><div class=\"tl-time\">13:30<\/div><div class=\"tl-dot d-vert\"><\/div><div class=\"tl-line\"><\/div><\/div>\n <div class=\"tl-body\">\n <div class=\"tl-label\">Afternoon Wave \u2014 Music Up<\/div>\n <div class=\"tl-desc\">More public expected. Music becomes more dynamic. Sorting accelerates. Pickup route continues. Aiwei starts volunteer interviews for social content.<\/div>\n <div class=\"tl-roles\"><span class=\"role-pill rp-vert\">Aiwei<\/span><span class=\"role-pill rp-vert\">Marlis<\/span><span class=\"role-pill rp-grey\">All<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"tl\">\n <div class=\"tl-left\"><div class=\"tl-time\">14:30<\/div><div class=\"tl-dot d-magenta\"><\/div><div class=\"tl-line\"><\/div><\/div>\n <div class=\"tl-body\">\n <div class=\"tl-label\">Volunteer Interviews (ecology\/fashion)<\/div>\n <div class=\"tl-desc\">Short informal interviews with volunteers: What do they think about fast fashion? What does their donation mean to them? Filmed by Matina, managed by Aiwei.<\/div>\n <div class=\"tl-roles\"><span class=\"role-pill rp-magenta\">Matina<\/span><span class=\"role-pill rp-vert\">Aiwei<\/span><span class=\"role-pill rp-grey\">Volunteers<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"tl\">\n <div class=\"tl-left\"><div class=\"tl-time\">16:00<\/div><div class=\"tl-dot d-amber\"><\/div><div class=\"tl-line\"><\/div><\/div>\n <div class=\"tl-body\">\n <div class=\"tl-label\">Quentin Arrives \u2014 Pro Capsule<\/div>\n <div class=\"tl-desc\">1 hour. Quentin films the professional capsule: atmosphere, sorted items, team in action. Individual short interviews if time allows. Matina coordinates logistics, manages space. Irina supports visual direction if confirmed.<\/div>\n <div class=\"tl-roles\"><span class=\"role-pill rp-amber\">Quentin<\/span><span class=\"role-pill rp-magenta\">Matina<\/span><span class=\"role-pill rp-blue\">Irina (TBC)<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"tl\">\n <div class=\"tl-left\"><div class=\"tl-time\">17:00<\/div><div class=\"tl-dot d-vert\"><\/div><div class=\"tl-line\"><\/div><\/div>\n <div class=\"tl-body\">\n <div class=\"tl-label\">Begin Packing & Closing<\/div>\n <div class=\"tl-desc\">All sorted items into labelled bags\/boxes. Pack & transport volunteers begin moving to Acad\u00e9mie. Final stories posted. Aiwei archives all content to Drive.<\/div>\n <div class=\"tl-roles\"><span class=\"role-pill rp-vert\">Pack Vols<\/span><span class=\"role-pill rp-vert\">Aiwei<\/span><span class=\"role-pill rp-vert\">Octavia<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"tl\">\n <div class=\"tl-left\"><div class=\"tl-time\">18:00<\/div><div class=\"tl-dot d-blue\"><\/div><\/div>\n <div class=\"tl-body\">\n <div class=\"tl-label\">Transport to Acad\u00e9mie du Climat<\/div>\n <div class=\"tl-desc\">All items to designated storage space (cave). Team closes Maison \u00c9tudiante. Optional: Magua performance at Acad\u00e9mie \u2014 dance association presenting transformed sheets into skirts (140 people). Team welcome to attend.<\/div>\n <div class=\"tl-roles\"><span class=\"role-pill rp-blue\">Acad\u00e9mie<\/span><span class=\"role-pill rp-grey\">Optional: Magua 18h<\/span><\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"block b-amber\">\n <div class=\"block-title\"><span class=\"dot dot-amber\"><\/span>Music Guide<\/div>\n <ul>\n <li><strong>10:00\u201313:00<\/strong> \u2014 Calm, ambient. Sets a welcoming tone.<\/li>\n <li><strong>13:30\u201317:00<\/strong> \u2014 More dynamic. Energy for sorting sprint.<\/li>\n <li><strong>17:00\u201318:00<\/strong> \u2014 Upbeat closing energy.<\/li>\n <\/ul>\n <div class=\"note\">Whoever manages music: keep volume low enough that conversations remain easy. Suggest a shared playlist so anyone can add songs.<\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"page\" id=\"programme-vol\">\n <span class=\"tag tag-magenta\">Volunteer Team \u00b7 External<\/span>\n <h1 class=\"page-title\">Day Programme \u2014 Volunteers<\/h1>\n <p class=\"page-sub\">Saturday 30 May \u00b7 Maison \u00c9tudiante \u00b7 Welcome from 10:00 \u00b7 Priority: afternoon from 12:00<\/p>\n\n <div class=\"block b-magenta\">\n <div class=\"block-title\"><span class=\"dot dot-magenta\"><\/span>Before the Day \u2014 What to know<\/div>\n <ul>\n <li>You'll receive a Google Calendar invite for Saturday 30 May with the address and contact.<\/li>\n <li>Morning volunteers: arrive at <strong>10:00<\/strong>. Afternoon volunteers: arrive at <strong>12:00 or 13:30<\/strong>.<\/li>\n <li>It's a full outdoor\/indoor event \u2014 dress comfortably, bring water.<\/li>\n <li>There will be a shared picnic lunch around 12:00 \u2014 bring something to share if you'd like!<\/li>\n <li>All content from the day will be posted on RECO social channels \u2014 you may appear in videos\/photos.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"block\">\n <div class=\"block-title\"><span class=\"dot dot-vert\"><\/span>Role: Welcome Desk (2 people)<\/div>\n <ul>\n <li>Greet donors as they arrive with a smile and a thank you.<\/li>\n <li>Log each donation on the shared sheet (name optional, type of items, approx quantity).<\/li>\n <li>Direct people to the sorting zone or let them observe if they want to stay.<\/li>\n <li>During lunch: place the printed note on the table and step away for 1h30.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"block\">\n <div class=\"block-title\"><span class=\"dot dot-vert\"><\/span>Role: Sorting Support (2 people)<\/div>\n <ul>\n <li>Work directly with Marlis (textile evaluator) and Mikhaela.<\/li>\n <li>Follow Marlis's selection guide to classify items: A \/ B \/ C.<\/li>\n <li>Keep the sorting table clean and organized throughout the day.<\/li>\n <li>Do NOT discard anything without Marlis's confirmation.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"block b-magenta\">\n <div class=\"block-title\"><span class=\"dot dot-magenta\"><\/span>Role: Pickup Duo \u2014 Scooter Route (2 people)<\/div>\n <ul>\n <li>Two people always together. One drives\/navigates, one films and interacts.<\/li>\n <li><strong>Filmmaker:<\/strong> photo + short video of each pickup moment. Natural, warm, not staged.<\/li>\n <li><strong>Interactor:<\/strong> knock, greet, thank donor, carry items back to scooter.<\/li>\n <li>Route: Bastille \u2192 R\u00e9publique \u2192 \u00c9tudiante triangle. Octavia gives the list of confirmed addresses.<\/li>\n <li>Send content directly to Aiwei's phone or WhatsApp group after each stop.<\/li>\n <\/ul>\n <div class=\"alert\"><strong>Safety first:<\/strong> Never go to an address alone. Always the two of you. If anything feels off, call Octavia directly.<\/div>\n <\/div>\n\n <div class=\"block\">\n <div class=\"block-title\"><span class=\"dot dot-vert\"><\/span>Role: Pack & Transport (2 people)<\/div>\n <ul>\n <li>From 17:00: bag and box all sorted items. Label each bag clearly (A\/B\/C + category).<\/li>\n <li>Help load and transport everything to Acad\u00e9mie du Climat (approx. 15 min away).<\/li>\n <li>Organise items in the designated storage space \u2014 Octavia will show you where.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"block b-amber\">\n <div class=\"block-title\"><span class=\"dot dot-amber\"><\/span>Role: Floating Support (2 people)<\/div>\n <ul>\n <li>No fixed station \u2014 move where needed throughout the day.<\/li>\n <li>Check in with Octavia every 30\u201345 min for updates on where to help.<\/li>\n <li>Available for interviews, carrying items, welcoming donors, or helping Matina with filming logistics.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"block b-blue\">\n <div class=\"block-title\"><span class=\"dot dot-blue\"><\/span>What's in it for you<\/div>\n <ul>\n <li>Shared picnic lunch with the team (12:00\u201313:30).<\/li>\n <li>Short interview about your views on fashion & ecology \u2014 featured on our channels.<\/li>\n <li>Certificate of participation from ONG Pim Pam Pum.<\/li>\n <li>First access to the RECO Open Week programme in October.<\/li>\n <li>Optional: join us at Acad\u00e9mie du Climat for the Magua dance performance at 18:00.<\/li>\n <\/ul>\n <\/div>\n<\/div>\n\n\n<div class=\"page\" id=\"brief-octavia\">\n <span class=\"tag tag-vert\">Briefing \u00b7 This Week & Saturday<\/span>\n <div class=\"briefing-header\">\n <div class=\"person-avatar av-vert bh-avatar\" style=\"width:52px;height:52px;font-size:1.2rem\">Oc<\/div>\n <div>\n <div class=\"bh-name\">Octavia Peardon<\/div>\n <div class=\"bh-role\">RECO Lead \u00b7 Overall Coordinator<\/div>\n <div class=\"bh-email\">octaviapeardon@pimpampum.fr<\/div>\n <\/div>\n <\/div>\n\n <div class=\"block\">\n <div class=\"block-title\"><span class=\"dot dot-vert\"><\/span>Today & Tomorrow (Thu\u2013Fri) \u2014 Hand-off to Victoria<\/div>\n <ul>\n <li>Transfer everything about the collecte to Victoria during your morning sessions (Thu AM + Fri AM).<\/li>\n <li>Walk her through the Google Sheet \u2014 volunteer list, addresses, schedule, sorting guide.<\/li>\n <li>Make sure she has all contacts: volunteers, Marlis, Quentin, Aiwei.<\/li>\n <li>Confirm with <strong>Irina<\/strong> whether she can support Matina on Saturday and what hours \u2014 add her to the plan if yes.<\/li>\n <li>Ensure the volunteer Google Calendar event is live for Saturday 30 May \u2014 invite all confirmed volunteers.<\/li>\n <li>Send confirmed volunteers their briefing (programme + role) by <strong>Thursday evening latest<\/strong>.<\/li>\n <li>Brief Victoria on the partnership work she'll continue in the afternoons (see Victoria's briefing).<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"block b-magenta\">\n <div class=\"block-title\"><span class=\"dot dot-magenta\"><\/span>Saturday 30 May \u2014 Your Role<\/div>\n <ul>\n <li>Arrive at <strong>10:00 sharp<\/strong>. You open, you set up, you assign stations.<\/li>\n <li>Overall coordination of both teams \u2014 welcome desk, sorting zone, pickup route, floaters.<\/li>\n <li>You are the point of contact for all questions from volunteers throughout the day.<\/li>\n <li>Check in with Victoria every 30\u201345 min so she can see and learn the full flow.<\/li>\n <li>At 17:00: lead the packing and transport operation to Acad\u00e9mie du Climat.<\/li>\n <li>Debrief with team at end of day \u2014 what worked, what to improve for Open Week.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"block b-amber\">\n <div class=\"block-title\"><span class=\"dot dot-amber\"><\/span>Open Week \u2014 Action Required<\/div>\n <ul>\n <li>Update the Open Week programme for the <strong>3rd week of October 2026<\/strong>.<\/li>\n <li>Use the existing document as base \u2014 adjust dates, confirm partners, update venue info.<\/li>\n <li>Share updated PDF with Carolina for review before end of next week.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"note\"><strong>Irina:<\/strong> Please confirm with her directly whether she'll be available Saturday and at what hours. If yes, let Matina know so she can coordinate visual production together.<\/div>\n\n <div class=\"recap\">\n <div class=\"recap-title\">\ud83d\udccb Recap \u2014 What Octavia Must Complete<\/div>\n <ul>\n <li>Full hand-off to Victoria by Friday afternoon<\/li>\n <li>Volunteer briefing sent by Thursday evening<\/li>\n <li>Google Calendar event live with all volunteers invited<\/li>\n <li>Irina availability confirmed<\/li>\n <li>On site 10:00\u201318:00 Saturday as coordinator<\/li>\n <li>Open Week programme updated for 3rd week October<\/li>\n <\/ul>\n <\/div>\n<\/div>\n\n\n<div class=\"page\" id=\"brief-victoria\">\n <span class=\"tag tag-blue\">Briefing \u00b7 From Today Through Saturday<\/span>\n <div class=\"briefing-header\">\n <div class=\"person-avatar bh-avatar\" style=\"background:var(--blue);color:#fff;width:52px;height:52px;font-size:1.2rem\">Vi<\/div>\n <div>\n <div class=\"bh-name\">Victoria<\/div>\n <div class=\"bh-role\">Project Management \u00b7 Partnerships & Fundraising<\/div>\n <\/div>\n <\/div>\n\n <div class=\"block b-blue\">\n <div class=\"block-title\"><span class=\"dot dot-blue\"><\/span>This Week (Thu\u2013Fri Mornings) \u2014 Receive the Collecte<\/div>\n <ul>\n <li>Work with Octavia during Thursday and Friday mornings to receive everything about the collecte.<\/li>\n <li>Review the volunteer list, Google Sheet, addresses, and sorting guide with her. Ask questions now \u2014 she's the one who can answer everything before she leaves.<\/li>\n <li>Understand the pickup route and the two-person scooter system.<\/li>\n <li>Know how to reach each volunteer and what their role is.<\/li>\n <\/ul>\n <div class=\"note\"><strong>Note:<\/strong> The briefing is flexible \u2014 things will adapt on the day based on how many volunteers show up and what donations arrive. That's normal. Use your judgment and the team around you.<\/div>\n <\/div>\n\n <div class=\"block\">\n <div class=\"block-title\"><span class=\"dot dot-vert\"><\/span>This Week (Thu\u2013Fri Afternoons) \u2014 Partnerships & Fundraising<\/div>\n <ul>\n <li>Continue the partnership and fundraising work you were already managing.<\/li>\n <li>Prepare the press dossier \u2014 consult Carolina this afternoon for the version we're sending to Grand Paris.<\/li>\n <li>Continue outreach to potential partners using Octavia's existing list and contacts.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"block b-magenta\">\n <div class=\"block-title\"><span class=\"dot dot-magenta\"><\/span>Next Week \u2014 You Lead the Collecte Follow-up<\/div>\n <ul>\n <li>Coordinate all volunteer follow-up \u2014 thank you messages, next steps.<\/li>\n <li>Make sure the Google Sheet is up to date with all donation data from Saturday.<\/li>\n <li>Continue volunteer recruitment for the Open Week (October).<\/li>\n <li>Confirm each partner is still engaged \u2014 a quick check-in message per partner is enough.<\/li>\n <li>Morning: collecte & coordination tasks.<\/li>\n <li>Afternoon: partnerships and fundraising.<\/li>\n <li>By Friday: everything must be confirmed and clear for when Octavia returns.<\/li>\n <\/ul>\n <div class=\"note\"><strong>For any question about the programme or direction:<\/strong> first check with Octavia (she'll be reachable by phone\/message). For anything urgent on Saturday, use the team group chat.<\/div>\n <\/div>\n\n <div class=\"block b-amber\">\n <div class=\"block-title\"><span class=\"dot dot-amber\"><\/span>Saturday 30 May \u2014 Your Role on the Day<\/div>\n <ul>\n <li>You are the operational lead when Octavia needs to step back.<\/li>\n <li>Welcome new volunteers, explain their roles, make them feel part of something.<\/li>\n <li>Monitor the volunteer group chat and respond to any questions.<\/li>\n <li>Help Octavia with the 17:00 pack-up and transport.<\/li>\n <li>Take notes on what worked and what didn't \u2014 useful for the October Open Week.<\/li>\n <\/ul>\n <div class=\"note\"><strong>Volunteer interviews:<\/strong> if there are enough people, we'll do short informal video interviews \u2014 volunteers talking about fashion, ecology, the project. Aiwei and Matina lead this, but you can encourage people to participate.<\/div>\n <\/div>\n\n <div class=\"recap\">\n <div class=\"recap-title\">\ud83d\udccb Recap \u2014 What Victoria Must Complete<\/div>\n <ul>\n <li>Receive full collecte brief from Octavia by Friday PM<\/li>\n <li>Understand all volunteer contacts and roles<\/li>\n <li>Press dossier: adapt and send to Grand Paris (consult Carolina)<\/li>\n <li>On site Saturday 10:00\u201318:00 \u2014 operational support<\/li>\n <li>Next week: coordinate follow-up + continue partnerships AM\/PM split<\/li>\n <li>All confirmed and clean by following Friday<\/li>\n <\/ul>\n <\/div>\n<\/div>\n\n\n<div class=\"page\" id=\"brief-matina\">\n <span class=\"tag tag-magenta\">Briefing \u00b7 Today + Saturday<\/span>\n <div class=\"briefing-header\">\n <div class=\"person-avatar av-magenta bh-avatar\" style=\"width:52px;height:52px;font-size:1.2rem\">Mt<\/div>\n <div>\n <div class=\"bh-name\">Matina Ravan<\/div>\n <div class=\"bh-role\">Communications \u00b7 Visual Production & Social<\/div>\n <div class=\"bh-email\">matina.ravan@pimpampum.fr<\/div>\n <\/div>\n <\/div>\n\n <div class=\"block\">\n <div class=\"block-title\"><span class=\"dot dot-vert\"><\/span>Today (Thursday) \u2014 Website Fixes<\/div>\n <ul>\n <li>You'll be working on the RECO website today. The corrections involve HTML code \u2014 here's exactly how to do it safely:<\/li>\n <li><strong>Step 1:<\/strong> Go to WordPress (not IONOS \u2014 see access note below).<\/li>\n <li><strong>Step 2:<\/strong> Find the widget\/block with the code to fix. Do NOT delete the existing widget yet.<\/li>\n <li><strong>Step 3:<\/strong> Copy the current HTML code. Paste it into <strong>Divi\/Dize<\/strong> (the AI tool) and describe clearly what needs to change \u2014 include: the section it's in, the visual element (e.g. \"the 5 coloured circles in the programme section, currently using colour #5068XX\"), what the fix should be.<\/li>\n <li><strong>Step 4:<\/strong> Divi gives you a new corrected code. Create a NEW widget in WordPress, paste the new code there and verify it looks right.<\/li>\n <li><strong>Step 5:<\/strong> Only once you've confirmed it's correct, delete the old widget.<\/li>\n <li>You can also ask Claude directly for code corrections \u2014 paste the code + describe what's wrong and it'll give you the fixed version.<\/li>\n <li>Pages to fix today: RECO programme page + Collecte landing page + Open Week page.<\/li>\n <li>For the PDF uploads (Open Week + programme): add PDF to the WordPress media gallery, then embed via a gallery block or link button on the page.<\/li>\n <\/ul>\n <div class=\"alert\"><strong>WordPress access:<\/strong> For security reasons, the old IONOS login system is no longer valid. Please ask Carolina directly for your new WordPress user access when you're ready to start working on the site \u2014 not before, to avoid any overlap.<\/div>\n <\/div>\n\n <div class=\"block b-magenta\">\n <div class=\"block-title\"><span class=\"dot dot-magenta\"><\/span>Saturday 30 May \u2014 Visual Production Lead<\/div>\n <ul>\n <li>Arrive <strong>10:00<\/strong>. Set up your filming spots at the welcome desk and sorting zone.<\/li>\n <li>Film throughout the day: donations arriving, sorting in action, team energy, donor moments.<\/li>\n <li>Edit short clips on the go and send to Aiwei for stories\/reels posting.<\/li>\n <li>At <strong>16:00<\/strong>: Quentin (pro videographer) arrives. You coordinate logistics \u2014 who he films, where, in what order. One hour, make it count.<\/li>\n <li>If Irina is confirmed: coordinate with her on visual framing and what content to prioritise.<\/li>\n <li>From <strong>17:00<\/strong>: continue filming the pack-up. Final content of the day.<\/li>\n <li>End of day: archive ALL content (photos + videos + clips) to the shared Drive, clearly organised by time of day.<\/li>\n <li>Respond to comments\/questions on all social channels throughout the day.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"recap\">\n <div class=\"recap-title\">\ud83d\udccb Recap \u2014 What Matina Must Complete<\/div>\n <ul>\n <li>WordPress access from Carolina (ask when ready to work)<\/li>\n <li>RECO, Collecte & Open Week pages corrected via Divi + WordPress<\/li>\n <li>PDFs uploaded to gallery and linked on correct pages<\/li>\n <li>Saturday: visual production lead 10:00\u201318:00<\/li>\n <li>Coordinate Quentin's 1-hour session at 16:00<\/li>\n <li>All content archived to Drive by end of Saturday<\/li>\n <li>Social channels active and responsive all day<\/li>\n <\/ul>\n <\/div>\n<\/div>\n\n\n<div class=\"page\" id=\"brief-aiwei\">\n <span class=\"tag tag-vert\">Briefing \u00b7 Saturday<\/span>\n <div class=\"briefing-header\">\n <div class=\"person-avatar av-vert bh-avatar\" style=\"width:52px;height:52px;font-size:1.2rem\">Aw<\/div>\n <div>\n <div class=\"bh-name\">Aiwei Feng<\/div>\n <div class=\"bh-role\">Communications \u00b7 Live Social & Interviews<\/div>\n <div class=\"bh-email\">aiweifeng@pimpampum.fr<\/div>\n <\/div>\n <\/div>\n\n <div class=\"block\">\n <div class=\"block-title\"><span class=\"dot dot-vert\"><\/span>Before Saturday \u2014 Wrap Up Your Tasks<\/div>\n <ul>\n <li>Complete all small tasks assigned yesterday before Saturday.<\/li>\n <li>Carolina will share the website link once it's ready \u2014 review it and flag anything that looks off.<\/li>\n <li>Prepare your social media schedule for Saturday (stories plan, posting times, captions ready).<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"block b-vert\">\n <div class=\"block-title\"><span class=\"dot dot-vert\"><\/span>Saturday 30 May \u2014 Your Role<\/div>\n <ul>\n <li>Arrive <strong>10:00<\/strong>. You are the live social media lead for the entire day.<\/li>\n <li><strong>10:00<\/strong> \u2014 First story: \"We're live! The RECO collecte has started.\" Show the space, the team, the energy.<\/li>\n <li><strong>Every ~90 min<\/strong> \u2014 Post an update: donation count, atmosphere, a short clip or quote.<\/li>\n <li>Receive content from the pickup duo via WhatsApp group \u2014 repost promptly.<\/li>\n <li><strong>14:30<\/strong> \u2014 Lead the volunteer interviews: \"What do you think about fast fashion? Why did you come today?\" Film casually, warm tone.<\/li>\n <li>Respond to all comments and DMs on Instagram, Facebook throughout the day.<\/li>\n <li><strong>17:00<\/strong> \u2014 Final post of the day: closing, thank you, impact teaser (\"X bags collected, more to come\").<\/li>\n <li><strong>End of day<\/strong> \u2014 Archive ALL content to the shared Drive, organised by time. Label clearly.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"note\"><strong>Content to gather:<\/strong> donation moments, team sorting, pickup duo on scooters, volunteers talking, Matina filming Quentin's session. The more diverse, the better for future comms.<\/div>\n\n <div class=\"recap\">\n <div class=\"recap-title\">\ud83d\udccb Recap \u2014 What Aiwei Must Complete<\/div>\n <ul>\n <li>Pending tasks done before Saturday<\/li>\n <li>Social schedule prepared<\/li>\n <li>Saturday: live social lead 10:00\u201318:00<\/li>\n <li>Volunteer interviews filmed at 14:30<\/li>\n <li>All content archived to Drive end of day<\/li>\n <li>Comments\/DMs responded to throughout<\/li>\n <\/ul>\n <\/div>\n<\/div>\n\n\n<div class=\"page\" id=\"brief-mikhaela\">\n <span class=\"tag tag-vert\">Briefing \u00b7 Saturday + Next Week<\/span>\n <div class=\"briefing-header\">\n <div class=\"person-avatar av-vert bh-avatar\" style=\"width:52px;height:52px;font-size:1.2rem\">Mi<\/div>\n <div>\n <div class=\"bh-name\">Mikhaela Nomenjanahary<\/div>\n <div class=\"bh-role\">Project Management \u00b7 Classification Support + WITBAW<\/div>\n <div class=\"bh-email\">nomenjanahary@pimpampum.fr<\/div>\n <\/div>\n <\/div>\n\n <div class=\"block b-magenta\">\n <div class=\"block-title\"><span class=\"dot dot-magenta\"><\/span>Saturday 30 May \u2014 Classification Support<\/div>\n <ul>\n <li>Arrive <strong>10:00<\/strong>. You work directly with <strong>Marlis<\/strong> at the sorting zone all day.<\/li>\n <li>Marlis leads the quality evaluation \u2014 you follow her guide and classification system (A\/B\/C).<\/li>\n <li>Keep the sorting table clean and organised. Tag items clearly as you go.<\/li>\n <li>Do NOT discard or reclassify anything without Marlis confirming.<\/li>\n <li>From 17:00: help with packing labelled bags and preparing for transport.<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"block\">\n <div class=\"block-title\"><span class=\"dot dot-vert\"><\/span>Next Week \u2014 Volunteer Coordination Support<\/div>\n <ul>\n <li>Every morning: check in with Victoria \u2014 how are the volunteers? Any issues? What needs attention?<\/li>\n <li>Help ensure the Google Sheet is automated and up to date (dates, confirmations, contact info).<\/li>\n <li>If a volunteer needs support or isn't responding, flag it to Victoria immediately.<\/li>\n <li>Continue your WITBAW work in parallel \u2014 this is your primary project and remains a priority.<\/li>\n <\/ul>\n <div class=\"note\"><strong>Morning check-in format:<\/strong> a quick 5-min message to Victoria each morning \u2014 \"anything I can help with today?\" is enough. You're support, not lead.<\/div>\n <\/div>\n\n <div class=\"recap\">\n <div class=\"recap-title\">\ud83d\udccb Recap \u2014 What Mikhaela Must Complete<\/div>\n <ul>\n <li>Saturday: sorting & classification support with Marlis, 10:00\u201318:00<\/li>\n <li>Next week: daily morning check-in with Victoria<\/li>\n <li>Google Sheet monitoring \u2014 flag any automation issues<\/li>\n <li>WITBAW continues as primary project all week<\/li>\n <\/ul>\n <\/div>\n<\/div>\n\n\n<div class=\"page\" id=\"web-summary\">\n <span class=\"tag tag-vert\">For the RECO Website<\/span>\n <h1 class=\"page-title\">Programme RECO \u2014 Web Summary<\/h1>\n <p class=\"page-sub\">A clear, concise description of the programme (not the collecte) for the pimpampum.fr website. Ready to paste.<\/p>\n\n <div class=\"reco-summary\">\n <div class=\"rs-tag\">ONG Pim Pam Pum \u00b7 \u00cele-de-France<\/div>\n <div class=\"rs-title\">Le Programme RECO<\/div>\n <div class=\"rs-intro\">RECO est un programme d'initiation, de cr\u00e9ativit\u00e9 et d'int\u00e9gration par le textile. Il s'appuie sur la revalorisation de v\u00eatements de seconde main comme mati\u00e8re premi\u00e8re \u2014 une approche \u00e0 faible co\u00fbt qui ouvre des perspectives concr\u00e8tes de d\u00e9veloppement personnel, d'expression cr\u00e9ative et d'insertion professionnelle.<br><br>Le programme s'adresse \u00e0 une cohorte mixte compos\u00e9e \u00e0 <strong>75 % de r\u00e9fugi\u00e9\u00b7es, demandeur\u00b7euses d'asile et jeunes en difficult\u00e9 d'int\u00e9gration<\/strong>, et \u00e0 <strong>25 % du public g\u00e9n\u00e9ral d'\u00cele-de-France<\/strong> \u2014 sans distinction d'\u00e2ge ni de sexe. Les participant\u00b7es peuvent s'inscrire \u00e0 un, deux ou les trois axes du programme, selon leurs int\u00e9r\u00eats et disponibilit\u00e9s.<br><br>Pim Pam Pum coordonne l'ensemble du programme \u2014 logistique, suivi des participant\u00b7es, partenariats \u2014 sans enseigner directement les modules. Ce sont des institutions partenaires et des expert\u00b7es du secteur qui animent les formations. RECO est un espace d'ouverture : pas une \u00e9cole de mode, mais une porte vers tout un univers de possibles.<\/div>\n\n <div class=\"axes-row\">\n <div class=\"axe-mini c\">\n <div class=\"axe-mini-name\">\u2702 Claudia \u2014 Mode & Design<\/div>\n <div class=\"axe-mini-desc\">Cr\u00e9ativit\u00e9 textile et design exp\u00e9rimental \u00e0 partir de v\u00eatements r\u00e9cup\u00e9r\u00e9s. Concevoir des pi\u00e8ces uniques, artistiques et originales.<\/div>\n <\/div>\n <div class=\"axe-mini v\">\n <div class=\"axe-mini-name\">\u25c8 Victorina \u2014 Expression de Soi<\/div>\n <div class=\"axe-mini-desc\">Travailler son identit\u00e9 et son image par le v\u00eatement. Adapter ses habits \u00e0 sa personnalit\u00e9 sans nouvel investissement.<\/div>\n <\/div>\n <div class=\"axe-mini t\">\n <div class=\"axe-mini-name\">\u27f3 Toro \u2014 Entrepreneuriat Circulaire<\/div>\n <div class=\"axe-mini-desc\">Cr\u00e9er une micro-activit\u00e9 \u00e0 partir de textiles de seconde main \u2014 couture, customisation, revente \u2014 avec un budget minimal.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"stats-row\">\n <div class=\"stat-mini\"><div class=\"stat-mini-num\">24<\/div><div class=\"stat-mini-label\">Participant\u00b7es<br>1\u00e8re cohorte<\/div><\/div>\n <div class=\"stat-mini\"><div class=\"stat-mini-num\">3<\/div><div class=\"stat-mini-label\">Axes<br>ind\u00e9pendants<\/div><\/div>\n <div class=\"stat-mini\"><div class=\"stat-mini-num\">Jan<br>2026<\/div><div class=\"stat-mini-label\">Lancement<br>1\u00e8re \u00e9dition<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"block b-blue\">\n <div class=\"block-title\"><span class=\"dot dot-blue\"><\/span>3 \u00e9tapes du projet \u2014 Vue d'ensemble<\/div>\n <ul>\n <li><strong>1. La Collecte<\/strong> \u2014 Collecte solidaire de v\u00eatements et mat\u00e9riaux de couture pour constituer la mati\u00e8re premi\u00e8re du programme.<\/li>\n <li><strong>2. La RECO Open Week (octobre 2026)<\/strong> \u2014 Semaine de sensibilisation ouverte au public. Ateliers gratuits, rencontre avec des partenaires, pr\u00e9sentation des trois axes. Objectif : visibilit\u00e9, partenariats, recrutement des b\u00e9n\u00e9ficiaires.<\/li>\n <li><strong>3. Le Programme RECO (janvier 2026)<\/strong> \u2014 Un mois de formation intensive (\u00e9dition pilote), puis trois mois pour les \u00e9ditions compl\u00e8tes. Candidatures ouvertes en d\u00e9cembre 2025.<\/li>\n <\/ul>\n <div class=\"note\">Ces trois \u00e9tapes sont li\u00e9es mais distinctes. Le programme RECO est l'objectif principal \u2014 la collecte et l'Open Week y m\u00e8nent et le nourrissent.<\/div>\n <\/div>\n<\/div>\n\n<script>\nfunction show(id){\n document.querySelectorAll('.page').forEach(p=>p.classList.remove('active'));\n document.querySelectorAll('.nav-btn').forEach(b=>b.classList.remove('active'));\n document.getElementById(id).classList.add('active');\n event.target.classList.add('active');\n window.scrollTo(0,0);\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Collecte RECO \u2014 Donnez vos v\u00eatements ONG Pim Pam Pum \u00b7 Projet RECO \u00b7 Paris Donnezvos v\u00eatements,changez des vies Vos habits de seconde main deviennent mati\u00e8re premi\u00e8re pour des ateliers d’int\u00e9gration et d’autonomie \u00e0 Paris. Collecte \u00b7 Samedi 30 mai…<\/p>\n<p> <a class=\"more-link\" href=\"https:\/\/pimpampum.fr\/en\/reco-drive-may-2026\/\">Read more<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"googlesitekit_rrm_CAowsNXCDA:productID":"","footnotes":""},"class_list":["post-16287","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/pimpampum.fr\/en\/wp-json\/wp\/v2\/pages\/16287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pimpampum.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pimpampum.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pimpampum.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pimpampum.fr\/en\/wp-json\/wp\/v2\/comments?post=16287"}],"version-history":[{"count":7,"href":"https:\/\/pimpampum.fr\/en\/wp-json\/wp\/v2\/pages\/16287\/revisions"}],"predecessor-version":[{"id":16398,"href":"https:\/\/pimpampum.fr\/en\/wp-json\/wp\/v2\/pages\/16287\/revisions\/16398"}],"wp:attachment":[{"href":"https:\/\/pimpampum.fr\/en\/wp-json\/wp\/v2\/media?parent=16287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}