{"id":7,"date":"2025-09-13T16:48:25","date_gmt":"2025-09-13T14:48:25","guid":{"rendered":"https:\/\/www.mission240.com\/collection\/boutique\/"},"modified":"2026-04-02T19:44:28","modified_gmt":"2026-04-02T17:44:28","slug":"boutique","status":"publish","type":"page","link":"https:\/\/www.mission240.com\/collection\/","title":{"rendered":"La Boutique Mission 240"},"content":{"rendered":"\n<!-- ============================\n     HOME MISSION 240 \u2014 V2 SIMPLE & CLAIRE\n     Hero explicite + raccourcis + preuve + top ventes + impact + personnalisation\n     ============================ -->\n\n<!-- ============================\n     HERO EXPLICITE\n     ============================ -->\n<style>\n  :root{\n    --m240-orange:#f97316;\n    --m240-orange-dark:#ea580c;\n    --m240-purple:#5c4b8a;\n    --m240-purple-dark:#2b235a;\n    --m240-soft:#f7f4ff;\n    --m240-cream:#fff7ef;\n    --m240-text:#111827;\n    --m240-muted:#6b7280;\n    --m240-border:#e5e7eb;\n    --m240-white:#ffffff;\n    --m240-radius:22px;\n    --m240-shadow:0 18px 40px rgba(15,23,42,.08);\n    --m240-shadow-strong:0 22px 50px rgba(15,23,42,.12);\n  }\n\n  #m240-home-v2{\n    font-family:system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\n    color:var(--m240-text);\n  }\n\n  #m240-hero-v2{\n    background:linear-gradient(180deg,#f8f8fa 0%, #f3ecff 100%);\n    padding:44px 0 28px;\n  }\n\n  .m240-wrap{\n    max-width:1100px;\n    margin:0 auto;\n    padding:0 1.5rem;\n  }\n\n  .m240-hero-grid{\n    display:grid;\n    grid-template-columns:minmax(0,1.15fr) minmax(0,0.95fr);\n    gap:26px;\n    align-items:center;\n  }\n\n  .m240-kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    padding:7px 12px;\n    border-radius:999px;\n    background:#fff;\n    border:1px solid rgba(92,75,138,.14);\n    color:var(--m240-purple-dark);\n    font-size:12px;\n    font-weight:800;\n    margin-bottom:14px;\n  }\n\n  .m240-hero-title{\n    font-size:clamp(2rem,4vw,3rem);\n    line-height:1.05;\n    font-weight:900;\n    margin:0 0 14px;\n    letter-spacing:-0.02em;\n  }\n\n  .m240-hero-title .accent{\n    color:var(--m240-orange-dark);\n  }\n\n  .m240-hero-text{\n    font-size:1rem;\n    line-height:1.7;\n    color:#374151;\n    max-width:700px;\n    margin:0 0 18px;\n  }\n\n  .m240-hero-points{\n    display:flex;\n    flex-wrap:wrap;\n    gap:10px;\n    margin:0 0 18px;\n  }\n\n  .m240-hero-point{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    padding:8px 12px;\n    border-radius:999px;\n    background:#fff;\n    border:1px solid #ececf1;\n    color:#374151;\n    font-size:13px;\n    font-weight:700;\n  }\n\n  .m240-hero-actions{\n    display:flex;\n    flex-wrap:wrap;\n    gap:10px;\n    margin:0 0 10px;\n  }\n\n  .m240-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    text-decoration:none;\n    border-radius:999px;\n    padding:12px 18px;\n    font-size:14px;\n    font-weight:800;\n    transition:.18s ease;\n  }\n\n  .m240-btn-primary{\n    background:linear-gradient(135deg,var(--m240-orange),var(--m240-orange-dark));\n    color:#fff;\n    box-shadow:0 12px 28px rgba(249,115,22,.26);\n  }\n\n  .m240-btn-primary:hover{\n    transform:translateY(-1px);\n  }\n\n  .m240-btn-secondary{\n    background:#fff;\n    color:var(--m240-purple-dark);\n    border:1px solid rgba(92,75,138,.18);\n  }\n\n  .m240-hero-note{\n    font-size:13px;\n    color:var(--m240-muted);\n  }\n\n  .m240-hero-card{\n    background:#111827;\n    color:#fff;\n    text-decoration:none;\n    border-radius:24px;\n    padding:18px;\n    box-shadow:var(--m240-shadow-strong);\n    display:flex;\n    flex-direction:column;\n    gap:14px;\n  }\n\n  .m240-hero-card-img{\n    border-radius:18px;\n    overflow:hidden;\n    background:#0b1220;\n  }\n\n  .m240-hero-card-img img{\n    display:block;\n    width:100%;\n    height:auto;\n  }\n\n  .m240-hero-card-title{\n    font-size:18px;\n    font-weight:900;\n    margin:0 0 6px;\n  }\n\n  .m240-hero-card-sub{\n    font-size:14px;\n    line-height:1.6;\n    color:#e5e7eb;\n    margin:0;\n  }\n\n  .m240-hero-card-bottom{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:12px;\n    margin-top:4px;\n  }\n\n  .m240-price-wrap{\n    display:flex;\n    align-items:baseline;\n    gap:8px;\n  }\n\n  .m240-old-price{\n    color:#9ca3af;\n    text-decoration:line-through;\n    font-size:13px;\n    font-weight:600;\n  }\n\n  .m240-price{\n    color:#fff;\n    font-size:20px;\n    font-weight:900;\n  }\n\n  .m240-card-link{\n    color:#f97316;\n    font-size:13px;\n    font-weight:800;\n    white-space:nowrap;\n  }\n\n  @media (max-width: 900px){\n    .m240-hero-grid{\n      grid-template-columns:1fr;\n    }\n    .m240-hero-card{\n      max-width:440px;\n      width:100%;\n      margin:0 auto;\n    }\n  }\n\n  @media (max-width: 600px){\n    .m240-wrap{\n      padding:0 1rem;\n    }\n    #m240-hero-v2{\n      padding:30px 0 20px;\n    }\n    .m240-hero-actions{\n      display:grid;\n      grid-template-columns:1fr;\n    }\n    .m240-btn{\n      width:100%;\n      box-sizing:border-box;\n    }\n  }\n<\/style>\n\n<div id=\"m240-home-v2\">\n  <section id=\"m240-hero-v2\">\n    <div class=\"m240-wrap\">\n      <div class=\"m240-hero-grid\">\n        <div>\n          <div class=\"m240-kicker\">V\u00eatements de sport solidaires<\/div>\n\n          <h1 class=\"m240-hero-title\">\n            Des v\u00eatements de sport qui font plus que t\u2019habiller :\n            <span class=\"accent\">ils financent des actions concr\u00e8tes.<\/span>\n          <\/h1>\n\n          <p class=\"m240-hero-text\">\n            Bienvenue sur Mission 240, une marque fran\u00e7aise de running solidaire.\n            Ici, tu retrouves des t-shirts techniques, d\u00e9bardeurs, sweats et accessoires pens\u00e9s pour l\u2019effort,\n            avec une diff\u00e9rence simple : chaque commande contribue \u00e0 aider concr\u00e8tement des enfants malades,\n            des pompiers et des bless\u00e9s des Arm\u00e9es.\n          <\/p>\n\n          <div class=\"m240-hero-points\">\n            <span class=\"m240-hero-point\">Textile technique respirant<\/span>\n            <span class=\"m240-hero-point\">1 \u20ac revers\u00e9 par commande<\/span>\n            <span class=\"m240-hero-point\">Marque n\u00e9e sur le terrain<\/span>\n          <\/div>\n\n          <div class=\"m240-hero-actions\">\n            <a href=\"https:\/\/www.mission240.com\/collection\/categorie-produit\/t-shirts-techniques\/\" class=\"m240-btn m240-btn-primary\">Voir les t-shirts<\/a>\n            <a href=\"https:\/\/www.mission240.com\/collection\/notre-impact-solidaire\/\" class=\"m240-btn m240-btn-secondary\">Comprendre l\u2019impact<\/a>\n          <\/div>\n\n          <div class=\"m240-hero-note\">\n            T-shirts, shorts, d\u00e9bardeurs, sweats et accessoires : une boutique pens\u00e9e pour les coureurs\u2026 et pour celles et ceux qui veulent acheter avec du sens.\n          <\/div>\n        <\/div>\n\n        <a href=\"https:\/\/www.mission240.com\/collection\/produit\/t-shirt-team-tortue\/\" class=\"m240-hero-card\">\n          <div class=\"m240-hero-card-img\">\n            <img decoding=\"async\" src=\"https:\/\/www.mission240.com\/collection\/wp-content\/uploads\/2025\/09\/DSC_0311-scaled.webp\" alt=\"T-shirt Team Tortue Mission 240\">\n          <\/div>\n\n          <div>\n            <div class=\"m240-hero-card-title\">T-shirt Team Tortue<\/div>\n            <p class=\"m240-hero-card-sub\">\n              Ton best-seller iconique : un mod\u00e8le technique, confortable et engag\u00e9,\n              pens\u00e9 pour celles et ceux qui avancent \u00e0 leur rythme.\n            <\/p>\n          <\/div>\n\n          <div class=\"m240-hero-card-bottom\">\n            <div class=\"m240-price-wrap\">\n  \n              <span class=\"m240-price\">24,90 \u20ac<\/span>\n            <\/div>\n            <div class=\"m240-card-link\">Voir le produit \u203a<\/div>\n          <\/div>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================\n       RACCOURCIS CAT\u00c9GORIES UTILES\n       ============================ -->\n  <style>\n    #m240-quicklinks{\n      padding:18px 0 8px;\n    }\n\n    .m240-quicklinks-title{\n      font-size:13px;\n      font-weight:800;\n      color:#6b7280;\n      margin:0 0 12px;\n      text-transform:uppercase;\n      letter-spacing:.04em;\n    }\n\n    .m240-quicklinks-grid{\n      display:grid;\n      grid-template-columns:repeat(4,minmax(0,1fr));\n      gap:12px;\n    }\n\n    .m240-ql{\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      min-height:58px;\n      text-align:center;\n      padding:10px 12px;\n      border-radius:16px;\n      text-decoration:none;\n      background:#fff;\n      border:1px solid rgba(17,24,39,.08);\n      box-shadow:0 8px 22px rgba(15,23,42,.04);\n      color:#111827;\n      font-size:14px;\n      font-weight:800;\n      transition:.18s ease;\n    }\n\n    .m240-ql:hover{\n      transform:translateY(-2px);\n      border-color:rgba(249,115,22,.34);\n      box-shadow:0 14px 28px rgba(15,23,42,.08);\n      color:#ea580c;\n    }\n\n    @media (max-width: 900px){\n      .m240-quicklinks-grid{\n        grid-template-columns:repeat(2,minmax(0,1fr));\n      }\n    }\n\n    @media (max-width: 600px){\n      .m240-quicklinks-grid{\n        grid-template-columns:1fr 1fr;\n      }\n    }\n  <\/style>\n\n\n\n  <!-- ============================\n       PREUVE SOCIALE \/ IMPACT\n       ============================ -->\n  <style>\n    #m240-proof-section{\n      padding:22px 0 8px;\n    }\n\n    .m240-proof-wrap{\n      background:#f3ecff;\n      border:1px solid rgba(92,75,138,.14);\n      border-radius:22px;\n      padding:18px;\n      box-shadow:0 12px 30px rgba(15,23,42,.05);\n    }\n\n    .m240-proof-top{\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap:16px;\n      margin-bottom:16px;\n    }\n\n    .m240-proof-headline{\n      font-size:16px;\n      font-weight:700;\n      color:#1f2937;\n    }\n\n    .m240-proof-headline strong{\n      color:#2b235a;\n      font-weight:900;\n    }\n\n    .m240-proof-cta{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      padding:10px 14px;\n      border-radius:999px;\n      text-decoration:none;\n      font-size:13px;\n      font-weight:800;\n      background:#2b235a;\n      color:#fff;\n      white-space:nowrap;\n    }\n\n    .m240-proof-grid{\n      display:grid;\n      grid-template-columns:repeat(4,minmax(0,1fr));\n      gap:12px;\n    }\n\n    .m240-proof-card{\n      background:#fff;\n      border-radius:18px;\n      padding:14px;\n      border:1px solid rgba(17,24,39,.05);\n    }\n\n    .m240-proof-label{\n      font-size:13px;\n      color:#6b7280;\n      margin-bottom:8px;\n      font-weight:700;\n    }\n\n    .m240-proof-value{\n      font-size:28px;\n      line-height:1;\n      font-weight:900;\n      color:#111827;\n      margin-bottom:8px;\n    }\n\n    .m240-proof-sub{\n      display:inline-block;\n      font-size:12px;\n      font-weight:900;\n      color:#5c4b8a;\n      background:#f3ecff;\n      border-radius:999px;\n      padding:4px 8px;\n    }\n\n    @media (max-width: 900px){\n      .m240-proof-grid{\n        grid-template-columns:repeat(2,minmax(0,1fr));\n      }\n      .m240-proof-top{\n        flex-direction:column;\n        align-items:flex-start;\n      }\n    }\n\n    @media (max-width: 600px){\n      .m240-proof-grid{\n        grid-template-columns:1fr;\n      }\n    }\n  <\/style>\n\n  <section id=\"m240-proof-section\">\n    <div class=\"m240-wrap\">\n      <div class=\"m240-proof-wrap\">\n        <div class=\"m240-proof-top\">\n          <div class=\"m240-proof-headline\">\n            <strong>Mission 240<\/strong> : une marque port\u00e9e par une vraie communaut\u00e9, avec un vrai impact.\n          <\/div>\n          <a class=\"m240-proof-cta\" href=\"https:\/\/www.mission240.com\/collection\/notre-impact-solidaire\/\">Voir notre impact solidaire<\/a>\n        <\/div>\n\n        <div class=\"m240-proof-grid\">\n          <div class=\"m240-proof-card\">\n            <div class=\"m240-proof-label\">Sportifs \u00e9quip\u00e9s<\/div>\n            <div class=\"m240-proof-value\" id=\"m240-clients-count\">\u2026<\/div>\n            <div class=\"m240-proof-sub\"><span id=\"m240-clients-week\">\u2026<\/span> cette semaine<\/div>\n          <\/div>\n\n          <div class=\"m240-proof-card\">\n            <div class=\"m240-proof-label\">T-shirts port\u00e9s<\/div>\n            <div class=\"m240-proof-value\" id=\"m240-shirts-count\">\u2026<\/div>\n            <div class=\"m240-proof-sub\"><span id=\"m240-shirts-week\">\u2026<\/span> cette semaine<\/div>\n          <\/div>\n\n          <div class=\"m240-proof-card\">\n            <div class=\"m240-proof-label\">\u20ac revers\u00e9s<\/div>\n            <div class=\"m240-proof-value\" id=\"m240-collected\">\u2026<\/div>\n            <div class=\"m240-proof-sub\">1 \u20ac par commande<\/div>\n          <\/div>\n\n          <div class=\"m240-proof-card\">\n            <div class=\"m240-proof-label\">Avis clients<\/div>\n            <div class=\"m240-proof-value\"><span id=\"m240-rating\">\u2026<\/span>\/5<\/div>\n            <div class=\"m240-proof-sub\"><span id=\"m240-reviews\">\u2026<\/span> avis v\u00e9rifi\u00e9s<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  \n  \n  <section id=\"m240-quicklinks\">\n    <div class=\"m240-wrap\">\n      <div class=\"m240-quicklinks-title\">Acc\u00e8s rapide<\/div>\n      <div class=\"m240-quicklinks-grid\">\n        <a class=\"m240-ql\" href=\"https:\/\/www.mission240.com\/collection\/categorie-produit\/nouveautes\/\">\ud83d\udd25 Nouveaut\u00e9s<\/a>\n        <a class=\"m240-ql\" href=\"https:\/\/www.mission240.com\/collection\/categorie-produit\/t-shirts-techniques\/\">T-shirts<\/a>\n        <a class=\"m240-ql\" href=\"https:\/\/www.mission240.com\/collection\/categorie-produit\/shorts\/\">Shorts<\/a>\n        <a class=\"m240-ql\" href=\"https:\/\/www.mission240.com\/collection\/categorie-produit\/debardeurs\/\">D\u00e9bardeurs<\/a>\n        <a class=\"m240-ql\" href=\"https:\/\/www.mission240.com\/collection\/categorie-produit\/sweat\/\">Sweats<\/a>\n        <a class=\"m240-ql\" href=\"https:\/\/www.mission240.com\/collection\/categorie-produit\/casquettes\/\">Accessoires<\/a>\n        <a class=\"m240-ql\" href=\"https:\/\/www.mission240.com\/collection\/categorie-produit\/personnalisation\/\">\u2728 Personnalisation<\/a>\n        <a class=\"m240-ql\" href=\"https:\/\/www.mission240.com\/collection\/categorie-produit\/promo\/\">Promos<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n  <script>\n  document.addEventListener('DOMContentLoaded', function () {\n    fetch('\/collection\/wp-json\/m240\/v51\/social', { credentials: 'same-origin' })\n      .then(r => r.json())\n      .then(d => {\n        var el;\n        el = document.getElementById('m240-clients-count');\n        if (el) el.textContent = d.clients || '0';\n\n        el = document.getElementById('m240-clients-week');\n        if (el) el.textContent = d.clients_week || '+0';\n\n        el = document.getElementById('m240-shirts-count');\n        if (el) el.textContent = d.shirts || '0';\n\n        el = document.getElementById('m240-shirts-week');\n        if (el) el.textContent = d.shirts_week || '+0';\n\n        el = document.getElementById('m240-collected');\n        if (el) el.textContent = d.collected || '0';\n\n        el = document.getElementById('m240-rating');\n        if (el) el.textContent = d.rating || '0';\n\n        el = document.getElementById('m240-reviews');\n        if (el) el.textContent = d.reviews || '0';\n      })\n      .catch(() => {});\n  });\n  <\/script>\n\n  <!-- ============================\n       TOP VENTES\n       ============================ -->\n  <style>\n    #m240-topvente{\n      padding:34px 0 8px;\n    }\n\n    .m240-section-head{\n      text-align:center;\n      margin-bottom:20px;\n    }\n\n    .m240-section-head h2{\n      font-size:2rem;\n      margin:0 0 6px;\n      font-weight:900;\n      color:#111827;\n    }\n\n    .m240-section-head p{\n      margin:0;\n      color:#6b7280;\n      font-size:15px;\n    }\n\n    .m240-tv-grid{\n      display:grid;\n      grid-template-columns:repeat(4,minmax(0,1fr));\n      gap:18px;\n    }\n\n    .m240-tv-card{\n      background:#fff;\n      border-radius:22px;\n      box-shadow:0 18px 40px rgba(15,23,42,.08);\n      text-decoration:none;\n      color:#111827;\n      overflow:hidden;\n      display:flex;\n      flex-direction:column;\n      transition:.18s ease;\n    }\n\n    .m240-tv-card:hover{\n      transform:translateY(-4px);\n      box-shadow:0 24px 48px rgba(15,23,42,.12);\n    }\n\n    .m240-tv-img{\n      background:#f3f4f6;\n    }\n\n    .m240-tv-img img{\n      width:100%;\n      display:block;\n      height:auto;\n    }\n\n    .m240-tv-body{\n      padding:14px;\n      display:flex;\n      flex-direction:column;\n      flex:1;\n    }\n\n    .m240-tv-title{\n      font-size:15px;\n      font-weight:800;\n      line-height:1.35;\n      margin-bottom:8px;\n    }\n\n    .m240-tv-price{\n      font-size:14px;\n      margin-bottom:14px;\n    }\n\n    .m240-tv-btn{\n      margin-top:auto;\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      border-radius:999px;\n      padding:10px 14px;\n      background:#f97316;\n      color:#fff;\n      font-size:13px;\n      font-weight:800;\n    }\n\n    @media (max-width: 960px){\n      .m240-tv-grid{\n        grid-template-columns:repeat(2,minmax(0,1fr));\n      }\n    }\n\n    @media (max-width: 640px){\n      .m240-tv-grid{\n        grid-template-columns:1fr;\n      }\n    }\n  <\/style>\n\n  <section id=\"m240-topvente\">\n    <div class=\"m240-wrap\">\n      <div class=\"m240-section-head\">\n        <h2>Top ventes<\/h2>\n        <p>Les mod\u00e8les les plus aim\u00e9s par la communaut\u00e9 Mission 240.<\/p>\n      <\/div>\n\n      <div class=\"m240-tv-grid\">\n        <a href=\"https:\/\/www.mission240.com\/collection\/produit\/t-shirt-team-licorne\/\" class=\"m240-tv-card\">\n          <div class=\"m240-tv-img\">\n            <img decoding=\"async\" src=\"https:\/\/www.mission240.com\/collection\/wp-content\/uploads\/2025\/10\/DSC_0168-scaled.webp\" alt=\"T-shirt Team Licorne\">\n          <\/div>\n          <div class=\"m240-tv-body\">\n            <div class=\"m240-tv-title\">T-shirt Team Licorne<\/div>\n            <div class=\"m240-tv-price\">\n              <span style=\"text-decoration:line-through; color:#999; margin-right:6px;\">29,90 \u20ac<\/span>\n              <span style=\"color:#3b185a; font-weight:800;\">24,90 \u20ac<\/span>\n            <\/div>\n            <div class=\"m240-tv-btn\">Je le veux<\/div>\n          <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/www.mission240.com\/collection\/produit\/t-shirt-team-panda\/\" class=\"m240-tv-card\">\n          <div class=\"m240-tv-img\">\n            <img decoding=\"async\" src=\"https:\/\/www.mission240.com\/collection\/wp-content\/uploads\/2025\/10\/panda.webp\" alt=\"T-shirt Panda\">\n          <\/div>\n          <div class=\"m240-tv-body\">\n            <div class=\"m240-tv-title\">T-shirt Team Panda<\/div>\n            <div class=\"m240-tv-price\">\n              <span style=\"text-decoration:line-through; color:#999; margin-right:6px;\">29,90 \u20ac<\/span>\n              <span style=\"color:#3b185a; font-weight:800;\">24,90 \u20ac<\/span>\n            <\/div>\n            <div class=\"m240-tv-btn\">Je le veux<\/div>\n          <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/www.mission240.com\/collection\/produit\/t-shirt-team-biere\/\" class=\"m240-tv-card\">\n          <div class=\"m240-tv-img\">\n            <img decoding=\"async\" src=\"https:\/\/www.mission240.com\/collection\/wp-content\/uploads\/2025\/10\/DSC_0178-scaled.webp\" alt=\"T-shirt Team bi\u00e8re\">\n          <\/div>\n          <div class=\"m240-tv-body\">\n            <div class=\"m240-tv-title\">T-shirt Team bi\u00e8re<\/div>\n            <div class=\"m240-tv-price\">\n              <span style=\"text-decoration:line-through; color:#999; margin-right:6px;\">29,90 \u20ac<\/span>\n              <span style=\"color:#3b185a; font-weight:800;\">24,90 \u20ac<\/span>\n            <\/div>\n            <div class=\"m240-tv-btn\">Je le veux<\/div>\n          <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/www.mission240.com\/collection\/produit\/t-shirt-240-liconique\/\" class=\"m240-tv-card\">\n          <div class=\"m240-tv-img\">\n            <img decoding=\"async\" src=\"https:\/\/www.mission240.com\/collection\/wp-content\/uploads\/2025\/10\/DSC_0212-scaled.webp\" alt=\"T-shirt L'iconique\">\n          <\/div>\n          <div class=\"m240-tv-body\">\n            <div class=\"m240-tv-title\">L&rsquo;iconique<\/div>\n            <div class=\"m240-tv-price\">\n              <span style=\"color:#3b185a; font-weight:800;\">12,90 \u20ac<\/span>\n            <\/div>\n            <div class=\"m240-tv-btn\">Je le veux<\/div>\n          <\/div>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================\n       \u00c0 PROPOS \/ IMPACT HUMAIN\n       ============================ -->\n  <style>\n    #m240-about-v2{\n      padding:42px 0 10px;\n    }\n\n    .m240-about-card{\n      max-width:860px;\n      margin:0 auto;\n      background:#fff;\n      border-radius:24px;\n      padding:34px;\n      box-shadow:0 14px 38px rgba(15,23,42,.07);\n      text-align:center;\n    }\n\n    .m240-about-card h2{\n      font-size:2rem;\n      margin:0 0 18px;\n      font-weight:900;\n    }\n\n    .m240-about-card img{\n      width:136px;\n      height:136px;\n      border-radius:50%;\n      object-fit:cover;\n      margin:0 auto 20px;\n      display:block;\n      border:4px solid #7b61ff;\n    }\n\n    .m240-about-card p{\n      font-size:16px;\n      line-height:1.75;\n      color:#444;\n      margin:0 0 16px;\n    }\n\n    .m240-about-btn{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      padding:12px 20px;\n      border-radius:999px;\n      background:#7b61ff;\n      color:#fff;\n      text-decoration:none;\n      font-weight:800;\n      margin-top:10px;\n    }\n  <\/style>\n\n  <section id=\"m240-about-v2\">\n    <div class=\"m240-wrap\">\n      <div class=\"m240-about-card\">\n        <h2>Pourquoi Mission 240 existe ?<\/h2>\n        <img decoding=\"async\" src=\"https:\/\/www.mission240.com\/ma-photo.jpg\" alt=\"Christophe Mission 240\">\n\n        <p>Je m\u2019appelle <strong>Christophe<\/strong>. Mission 240 est n\u00e9e d\u2019un d\u00e9fi de 240 km, mais surtout d\u2019une volont\u00e9 simple : transformer l\u2019effort en soutien concret.<\/p>\n\n        <p>Ici, on ne vend pas seulement des v\u00eatements de running. On construit une marque utile, port\u00e9e par le terrain, la communaut\u00e9 et l\u2019envie d\u2019aider vraiment.<\/p>\n\n        <p>Chaque commande participe \u00e0 financer des actions concr\u00e8tes pour les enfants malades, les pompiers et les bless\u00e9s des Arm\u00e9es.<\/p>\n\n        <a class=\"m240-about-btn\" href=\"https:\/\/www.mission240.com\/collection\/notre-impact-solidaire\/\">Voir l&rsquo;impact<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================\n       CTA PERSONNALISATION\n       ============================ -->\n  <style>\n    #m240-custom-v2{\n      padding:34px 0 60px;\n    }\n\n    .m240-custom-card{\n      background:#fff7ef;\n      border-radius:24px;\n      padding:34px;\n      display:grid;\n      grid-template-columns:minmax(0,1fr) minmax(260px,320px);\n      gap:28px;\n      align-items:center;\n    }\n\n    .m240-custom-pill{\n      display:inline-block;\n      padding:6px 12px;\n      border-radius:999px;\n      background:#ffe5ba;\n      font-size:12px;\n      font-weight:800;\n      text-transform:uppercase;\n      letter-spacing:.04em;\n      margin-bottom:12px;\n    }\n\n    .m240-custom-card h2{\n      margin:0 0 10px;\n      font-size:2rem;\n      line-height:1.15;\n      font-weight:900;\n    }\n\n    .m240-custom-card p{\n      margin:0 0 14px;\n      font-size:15px;\n      line-height:1.7;\n      color:#444;\n    }\n\n    .m240-custom-list{\n      list-style:none;\n      padding:0;\n      margin:0 0 18px;\n      font-size:14px;\n      color:#374151;\n    }\n\n    .m240-custom-list li{\n      margin-bottom:7px;\n    }\n\n    .m240-custom-btn{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      padding:12px 18px;\n      border-radius:999px;\n      background:#ff8a2b;\n      color:#fff;\n      text-decoration:none;\n      font-weight:800;\n      font-size:14px;\n    }\n\n    .m240-custom-visual{\n      text-align:right;\n    }\n\n    .m240-custom-visual img{\n      max-width:100%;\n      height:auto;\n      border-radius:20px;\n      display:inline-block;\n    }\n\n    @media (max-width: 860px){\n      .m240-custom-card{\n        grid-template-columns:1fr;\n      }\n      .m240-custom-visual{\n        text-align:left;\n      }\n    }\n  <\/style>\n\n  <section id=\"m240-custom-v2\">\n    <div class=\"m240-wrap\">\n      <div class=\"m240-custom-card\">\n        <div>\n          <div class=\"m240-custom-pill\">Clubs &#038; \u00e9v\u00e9nements<\/div>\n          <h2>Besoin d\u2019une s\u00e9rie pour ton club ou ton \u00e9v\u00e9nement ?<\/h2>\n          <p>\n            Mission 240 propose aussi des s\u00e9ries personnalis\u00e9es pour les clubs, associations et \u00e9v\u00e9nements solidaires.\n            Une solution simple, locale et coh\u00e9rente avec l\u2019esprit de la marque.\n          <\/p>\n\n          <ul class=\"m240-custom-list\">\n            <li>Textile technique respirant<\/li>\n            <li>Petites s\u00e9ries possibles<\/li>\n            <li>Impression locale et qualitative<\/li>\n            <li>Parfait pour clubs, assos et \u00e9v\u00e9nements engag\u00e9s<\/li>\n          <\/ul>\n\n          <a class=\"m240-custom-btn\" href=\"https:\/\/www.mission240.com\/collection\/categorie-produit\/personnalisation\/\">Voir l&rsquo;offre<\/a>\n        <\/div>\n\n        <div class=\"m240-custom-visual\">\n          <img decoding=\"async\" src=\"https:\/\/www.mission240.com\/collection\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-29-sept.-2025-17_53_30.png\" alt=\"Personnalisation Mission 240\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>V\u00eatements de sport solidaires Des v\u00eatements de sport qui font plus que t\u2019habiller : ils financent des actions concr\u00e8tes. Bienvenue sur Mission 240, une marque fran\u00e7aise de running solidaire. Ici, tu retrouves des t-shirts techniques, d\u00e9bardeurs, sweats et accessoires pens\u00e9s pour l\u2019effort, avec une diff\u00e9rence simple : chaque commande contribue \u00e0 aider concr\u00e8tement des enfants [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.mission240.com\/collection\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mission240.com\/collection\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mission240.com\/collection\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mission240.com\/collection\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mission240.com\/collection\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":10,"href":"https:\/\/www.mission240.com\/collection\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":22422,"href":"https:\/\/www.mission240.com\/collection\/wp-json\/wp\/v2\/pages\/7\/revisions\/22422"}],"wp:attachment":[{"href":"https:\/\/www.mission240.com\/collection\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}