{"id":4329,"date":"2026-09-24T07:52:13","date_gmt":"2026-09-24T05:52:13","guid":{"rendered":"https:\/\/acj-clairmatin.fr\/test\/?page_id=4329"},"modified":"2026-09-24T10:17:26","modified_gmt":"2026-09-24T08:17:26","slug":"soutenez-nous","status":"publish","type":"page","link":"https:\/\/acj-clairmatin.fr\/?page_id=4329","title":{"rendered":"Soutenez-nous"},"content":{"rendered":"\n<style>\n.cm-soutien {\n    --cm-blue: #1f587f;\n    --cm-light: #eef5f9;\n    --cm-text: #29343b;\n    --cm-gold: #d8aa32;\n    max-width: 1180px;\n    margin: 0 auto;\n    color: var(--cm-text);\n    font-family: inherit;\n}\n\n.cm-soutien * {\n    box-sizing: border-box;\n}\n\n\/* ===== BANDEAU ===== *\/\n\n.cm-hero {\n    background: linear-gradient(135deg, #205a80, #347da8);\n    color: white;\n    text-align: center;\n    border-radius: 17px;\n    padding: 32px 25px;\n    margin-bottom: 25px;\n}\n\n.cm-hero h1 {\n    color: white;\n    margin: 0 0 5px;\n    font-size: clamp(2rem, 4vw, 2.8rem);\n    line-height: 1.1;\n}\n\n.cm-hero strong {\n    display: block;\n    font-size: 1.3rem;\n    margin-bottom: 5px;\n}\n\n.cm-hero p {\n    margin: 0;\n    font-size: .98rem;\n}\n\n\/* ===== INTRODUCTION ===== *\/\n\n.cm-intro {\n    text-align: center;\n    max-width: 900px;\n    margin: 0 auto 22px;\n}\n\n.cm-intro h2 {\n    color: var(--cm-blue);\n    font-size: 1.55rem;\n    margin: 0 0 8px;\n}\n\n.cm-intro p {\n    margin: 0;\n    line-height: 1.55;\n}\n\n\/* ===== USAGES ===== *\/\n\n.cm-usages {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n    margin-bottom: 22px;\n}\n\n.cm-usage {\n    background: var(--cm-light);\n    border-radius: 13px;\n    padding: 17px 14px;\n    text-align: center;\n}\n\n.cm-usage .icone {\n    display: block;\n    font-size: 1.7rem;\n    margin-bottom: 4px;\n}\n\n.cm-usage h3 {\n    color: var(--cm-blue);\n    font-size: 1.08rem;\n    margin: 3px 0 5px;\n}\n\n.cm-usage p {\n    margin: 0;\n    font-size: .89rem;\n    line-height: 1.4;\n}\n\n\/* ===== DON ===== *\/\n\n.cm-don {\n    border: 2px solid var(--cm-blue);\n    border-radius: 15px;\n    padding: 22px 25px;\n    text-align: center;\n    margin-bottom: 18px;\n}\n\n.cm-don h2 {\n    color: var(--cm-blue);\n    font-size: 1.55rem;\n    margin: 0 0 7px;\n}\n\n.cm-don p {\n    margin: 0 auto 13px;\n    max-width: 800px;\n    line-height: 1.45;\n}\n\n.cm-btn {\n    display: inline-block;\n    background: var(--cm-blue);\n    color: white !important;\n    text-decoration: none !important;\n    font-weight: 700;\n    padding: 12px 27px;\n    border-radius: 8px;\n}\n\n.cm-don .precision {\n    margin: 9px 0 0;\n    font-size: .86rem;\n}\n\n\/* ===== FISCAL ===== *\/\n\n.cm-fiscal {\n    background: #f7f7f7;\n    border-left: 5px solid var(--cm-gold);\n    border-radius: 0 9px 9px 0;\n    padding: 13px 18px;\n    margin-bottom: 15px;\n}\n\n.cm-fiscal strong {\n    color: var(--cm-blue);\n}\n\n.cm-fiscal p {\n    margin: 0;\n    font-size: .89rem;\n    line-height: 1.45;\n}\n\n.cm-merci {\n    text-align: center;\n    color: var(--cm-blue);\n    font-weight: 700;\n    margin: 13px 0 5px;\n}\n\/* Remonter la page sur ordinateur *\/\n@media (min-width: 901px) {\n    .cm-soutien {\n        margin-top: -35px;\n    }\n}\n\n\/* ===== SMARTPHONE ===== *\/\n@media (max-width: 600px) {\n\n    .cm-soutien {\n        padding: 0 3px;\n    }\n\n    \/* Bandeau beaucoup plus compact *\/\n    .cm-hero {\n        padding: 18px 12px;\n        margin-bottom: 14px;\n        border-radius: 14px;\n    }\n\n    .cm-hero h1 {\n        font-size: 1.65rem;\n        line-height: 1.1;\n        margin-bottom: 4px;\n        white-space: normal;\n    }\n\n    .cm-hero strong {\n        font-size: .98rem;\n        margin-bottom: 4px;\n    }\n\n    .cm-hero p {\n        font-size: .78rem;\n        line-height: 1.3;\n    }\n\n    \/* Sur mobile l'introduction d\u00e9taill\u00e9e dispara\u00eet *\/\n    .cm-intro {\n        display: none;\n    }\n\n    \/* 4 usages tr\u00e8s compacts *\/\n    .cm-usages {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 7px;\n        margin-bottom: 13px;\n    }\n\n    .cm-usage {\n        padding: 9px 5px;\n        min-height: 0;\n    }\n\n    .cm-usage .icone {\n        font-size: 1.25rem;\n        margin-bottom: 1px;\n    }\n\n    .cm-usage h3 {\n        font-size: .88rem;\n        margin: 1px 0;\n    }\n\n    \/* On garde uniquement le titre des usages *\/\n    .cm-usage p {\n        display: none;\n    }\n\n    \/* Bloc don *\/\n    .cm-don {\n        padding: 14px 12px;\n        margin-bottom: 11px;\n        border-radius: 13px;\n    }\n\n    .cm-don h2 {\n        font-size: 1.18rem;\n        margin-bottom: 5px;\n    }\n\n    .cm-don p {\n        font-size: .82rem;\n        line-height: 1.3;\n        margin-bottom: 9px;\n    }\n\n    .cm-btn {\n        display: block;\n        width: 100%;\n        padding: 10px 5px;\n        font-size: .95rem;\n    }\n\n    .cm-don .precision {\n        margin-top: 6px;\n        margin-bottom: 0;\n        font-size: .70rem;\n    }\n\n    \/* Fiscalit\u00e9 compacte *\/\n    .cm-fiscal {\n        padding: 9px 11px;\n        margin-bottom: 8px;\n        border-left-width: 4px;\n    }\n\n    .cm-fiscal p {\n        font-size: .72rem;\n        line-height: 1.3;\n    }\n\n    .cm-merci {\n        font-size: .82rem;\n        margin: 8px 5px 2px;\n        line-height: 1.25;\n    }\n}\n<\/style>\n\n\n<div class=\"cm-soutien\">\n\n    <section class=\"cm-hero\">\n        <h1>Soutenez CLAIR MATIN<\/h1>\n        <strong>Ensemble, faisons vivre la musique.<\/strong>\n        <p>Depuis 1955, votre soutien accompagne nos projets et nous aide \u00e0 les partager avec le public.<\/p>\n    <\/section>\n\n\n    <section class=\"cm-intro\">\n        <h2>Faire vivre un ch\u0153ur, c&rsquo;est bien plus que chanter ensemble.<\/h2>\n        <p>\n            Concerts, musiciens et solistes, partitions, rencontres et d\u00e9placements :\n            votre soutien contribue concr\u00e8tement \u00e0 la vie et aux projets de CLAIR MATIN.\n        <\/p>\n    <\/section>\n\n\n    <section class=\"cm-usages\">\n\n        <div class=\"cm-usage\">\n            <span class=\"icone\">&#x1f3bb;<\/span>\n            <h3>Musiciens<\/h3>\n            <p>Instrumentistes et solistes pour nos grands projets.<\/p>\n        <\/div>\n\n        <div class=\"cm-usage\">\n            <span class=\"icone\">&#x1f3bc;<\/span>\n            <h3>Musique<\/h3>\n            <p>Partitions, ressources musicales et mat\u00e9riel.<\/p>\n        <\/div>\n\n        <div class=\"cm-usage\">\n            <span class=\"icone\">&#x1f3ad;<\/span>\n            <h3>Concerts<\/h3>\n            <p>Salles, communication et organisation.<\/p>\n        <\/div>\n\n        <div class=\"cm-usage\">\n            <span class=\"icone\">&#x1f91d;<\/span>\n            <h3>Rencontres<\/h3>\n            <p>Projets partag\u00e9s, \u00e9changes et d\u00e9placements.<\/p>\n        <\/div>\n\n    <\/section>\n\n\n    <section class=\"cm-don\">\n\n        <h2>Chaque soutien compte<\/h2>\n\n        <p>\n            Don ponctuel, soutien r\u00e9gulier, petit ou grand montant :\n            chacun participe selon ses envies et ses possibilit\u00e9s.\n        <\/p>\n\n        <!-- Remplacer # par le lien HelloAsso -->\n        <a class=\"cm-btn\" href=\"https:\/\/www.helloasso.com\/associations\/association-clair-matin\/formulaires\/1\"\ntarget=\"_blank\"    rel=\"noopener noreferrer\">\n            Je soutiens CLAIR MATIN\n        <\/a>\n\n        <p class=\"precision\">\n            Paiement s\u00e9curis\u00e9 via HelloAsso \u2022 Don ponctuel ou r\u00e9gulier\n        <\/p>\n\n    <\/section>\n\n\n    <section class=\"cm-fiscal\">\n        <p>\n            <strong>Votre don et les imp\u00f4ts \u2014<\/strong>\n            CLAIR MATIN est une association loi 1901 \u00e0 but non lucratif,\n            cr\u00e9\u00e9e \u00e0 Toulon en 1955 et affili\u00e9e au mouvement \u00c0 C\u0153ur Joie.\n            Les dons \u00e9ligibles font l&rsquo;objet d&rsquo;un re\u00e7u fiscal.\n        <\/p>\n    <\/section>\n\n\n    <p class=\"cm-merci\">\n        Merci de nous aider \u00e0 faire vivre et partager la musique !\n    <\/p>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Soutenez CLAIR MATIN Ensemble, faisons vivre la musique. Depuis 1955, votre soutien accompagne nos projets et nous aide \u00e0 les partager avec le public. Faire vivre un ch\u0153ur, c&rsquo;est bien plus que chanter ensemble. Concerts, musiciens et solistes, partitions, rencontres et d\u00e9placements : votre soutien contribue concr\u00e8tement \u00e0 la vie et aux projets de CLAIR [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-4329","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/acj-clairmatin.fr\/index.php?rest_route=\/wp\/v2\/pages\/4329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acj-clairmatin.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/acj-clairmatin.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/acj-clairmatin.fr\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/acj-clairmatin.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4329"}],"version-history":[{"count":6,"href":"https:\/\/acj-clairmatin.fr\/index.php?rest_route=\/wp\/v2\/pages\/4329\/revisions"}],"predecessor-version":[{"id":11553,"href":"https:\/\/acj-clairmatin.fr\/index.php?rest_route=\/wp\/v2\/pages\/4329\/revisions\/11553"}],"wp:attachment":[{"href":"https:\/\/acj-clairmatin.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}