{"id":183,"date":"2026-08-28T21:02:45","date_gmt":"2026-08-28T21:02:45","guid":{"rendered":"https:\/\/ns-crea.com\/?page_id=183"},"modified":"2026-09-03T16:35:01","modified_gmt":"2026-09-03T16:35:01","slug":"183-2","status":"publish","type":"page","link":"https:\/\/ns-crea.com\/index.php\/183-2\/","title":{"rendered":""},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');\n\n:root {\n    --cream: #fffaf1;\n    --paper: #fffdf8;\n    --ink: #334155;\n    --muted: #6b7280;\n\n    --blue: #52769f;\n    --blue-light: #e3edf7;\n\n    --green: #7e9f76;\n    --green-light: #e5efdf;\n\n    --yellow: #f3c85b;\n    --yellow-light: #fff1b8;\n\n    --coral: #e6aaa1;\n    --purple: #9888b7;\n\n    --line: #e8dfd2;\n\n    --shadow: 0 14px 35px rgba(51,65,85,.10);\n\n    --radius: 24px;\n}\n\n\n\/* RESET *\/\n\n* {\n    box-sizing: border-box;\n}\n\nhtml {\n    scroll-behavior: smooth;\n}\n\nbody {\n    margin: 0;\n\n    background:\n        radial-gradient(\n            circle at 5% 8%,\n            rgba(243,200,91,.18),\n            transparent 24%\n        ),\n        radial-gradient(\n            circle at 96% 18%,\n            rgba(126,159,118,.14),\n            transparent 24%\n        ),\n        var(--cream);\n\n    color: var(--ink);\n\n    font-family:\n        Inter,\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    line-height: 1.5;\n}\n\nbody::before {\n    content: \"\";\n\n    position: fixed;\n    inset: 0;\n\n    pointer-events: none;\n\n    opacity: .24;\n\n    background-image:\n        radial-gradient(\n            #b9aa95 .7px,\n            transparent .7px\n        );\n\n    background-size: 18px 18px;\n\n    z-index: -1;\n}\n\n\nimg {\n    max-width: 100%;\n    display: block;\n}\n\na {\n    text-decoration: none;\n    color: inherit;\n}\n\nbutton,\ninput,\ntextarea,\nselect {\n    font-family: inherit;\n}\n\n.container {\n    width: min(1120px, 92%);\n    margin: auto;\n}\n\nsection {\n    padding: 66px 0;\n}\n\n.muted {\n    color: var(--muted);\n    line-height: 1.65;\n}\n\n\n\/* HEADER *\/\n\n.site-header {\n    position: sticky;\n    top: 0;\n    z-index: 50;\n\n    background:\n        rgba(255,250,241,.94);\n\n    backdrop-filter: blur(14px);\n\n    border-bottom:\n        1px dashed #d8ccba;\n}\n\n.nav {\n    min-height: 78px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 18px;\n}\n\n\n\/* LOGO *\/\n\n.logo {\n    display: flex;\n    align-items: center;\n    gap: 11px;\n\n    font-weight: 900;\n}\n\n.logo-mark {\n    width: 46px;\n    height: 46px;\n\n    border-radius: 14px;\n\n    background: var(--yellow);\n\n    display: grid;\n    place-items: center;\n\n    font-size: 23px;\n\n    box-shadow:\n        4px 5px 0 #ddb34c;\n\n    transform: rotate(-4deg);\n}\n\n.logo small {\n    display: block;\n\n    color: var(--muted);\n\n    font-weight: 700;\n\n    font-size: 10px;\n\n    margin-top: 2px;\n}\n\n\n\/* NAVIGATION *\/\n\nnav {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n}\n\nnav a {\n    font-size: 13px;\n    font-weight: 800;\n\n    padding: 10px 12px;\n\n    border-radius: 12px;\n\n    transition: .2s;\n}\n\nnav a:hover {\n    background: var(--blue-light);\n}\n\n\n\/* MENU MOBILE *\/\n\n.menu {\n    display: none;\n\n    border: 0;\n\n    background: var(--blue);\n\n    color: white;\n\n    padding: 10px 13px;\n\n    border-radius: 12px;\n\n    font-weight: 800;\n\n    cursor: pointer;\n}\n\n\n\/* HERO *\/\n\n.hero {\n    padding: 72px 0 62px;\n}\n\n.hero-grid {\n    display: grid;\n\n    grid-template-columns:\n        1.08fr .92fr;\n\n    gap: 52px;\n\n    align-items: center;\n}\n\n.badge {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 7px;\n\n    background: white;\n\n    border: 1px solid var(--line);\n\n    padding: 9px 14px;\n\n    border-radius: 999px;\n\n    font-size: 12px;\n\n    font-weight: 900;\n\n    box-shadow: var(--shadow);\n}\n\nh1 {\n    font-size:\n        clamp(43px,6.5vw,72px);\n\n    line-height: .98;\n\n    letter-spacing: -3px;\n\n    margin: 19px 0 18px;\n}\n\nh1 em {\n    font-style: normal;\n    color: var(--blue);\n}\n\n.lead {\n    font-size: 18px;\n\n    line-height: 1.65;\n\n    color: var(--muted);\n\n    max-width: 650px;\n}\n\n.hero-buttons {\n    margin-top: 12px;\n}\n\n\n\/* BUTTONS *\/\n\n.btn {\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    padding: 14px 18px;\n\n    border-radius: 15px;\n\n    background: var(--blue);\n\n    color: white;\n\n    font-weight: 900;\n\n    font-size: 14px;\n\n    margin: 10px 8px 0 0;\n\n    box-shadow:\n        0 5px 0 #3d628c;\n\n    border: none;\n\n    cursor: pointer;\n\n    transition: .18s;\n}\n\n.btn:hover {\n    transform: translateY(-2px);\n\n    box-shadow:\n        0 7px 0 #3d628c;\n}\n\n.btn.secondary {\n    background: white;\n\n    color: var(--ink);\n\n    box-shadow:\n        0 5px 0 #ded5c7;\n}\n\n\n\/* HERO CARD *\/\n\n.hero-note {\n    background: var(--paper);\n\n    border: 1px solid var(--line);\n\n    border-radius: 30px;\n\n    padding: 30px;\n\n    box-shadow: var(--shadow);\n\n    transform: rotate(1.5deg);\n\n    position: relative;\n}\n\n.hero-note::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: -12px;\n    top: 20px;\n\n    width: 75px;\n    height: 23px;\n\n    background:\n        rgba(243,200,91,.48);\n\n    transform: rotate(8deg);\n}\n\n.doodle {\n    font-size: 66px;\n\n    text-align: center;\n\n    margin: 4px 0 18px;\n}\n\n.note-paper {\n    background: #fff0a8;\n\n    padding: 20px 18px;\n\n    border-radius: 5px;\n\n    transform: rotate(-2deg);\n\n    box-shadow:\n        0 8px 18px #0000000b;\n\n    font-weight: 900;\n\n    line-height: 1.45;\n}\n\n.hero-note p {\n    color: var(--muted);\n\n    line-height: 1.6;\n}\n\n\n\/* TITRES *\/\n\n.section-head {\n    display: flex;\n\n    justify-content: space-between;\n\n    align-items: end;\n\n    gap: 20px;\n\n    margin-bottom: 28px;\n}\n\n.eyebrow {\n    text-transform: uppercase;\n\n    letter-spacing: 2px;\n\n    color: var(--green);\n\n    font-size: 11px;\n\n    font-weight: 900;\n}\n\nh2 {\n    font-size: 37px;\n\n    letter-spacing: -1.2px;\n\n    margin: 7px 0 0;\n}\n\n\n\/* STATS *\/\n\n.stats {\n    display: grid;\n\n    grid-template-columns:\n        repeat(4,1fr);\n\n    gap: 14px;\n}\n\n.stat {\n    background: white;\n\n    border: 1px solid var(--line);\n\n    border-radius: 20px;\n\n    padding: 21px;\n\n    box-shadow: var(--shadow);\n}\n\n.stat strong {\n    display: block;\n\n    font-size: 31px;\n}\n\n.stat span {\n    font-size: 12px;\n\n    color: var(--muted);\n\n    font-weight: 800;\n}\n\n\n\/* CARDS *\/\n\n.cards {\n    display: grid;\n\n    grid-template-columns:\n        repeat(3,1fr);\n\n    gap: 20px;\n}\n\n.card {\n    background: white;\n\n    border: 1px solid var(--line);\n\n    border-radius: var(--radius);\n\n    padding: 24px;\n\n    box-shadow: var(--shadow);\n}\n\n.card h3 {\n    margin: 9px 0 8px;\n\n    font-size: 20px;\n}\n\n.icon {\n    font-size: 30px;\n}\n\n\n\/* ACTIONS *\/\n\n.action {\n    border-top:\n        5px solid var(--yellow);\n}\n\n.action:nth-child(2) {\n    border-top-color: var(--green);\n}\n\n.action:nth-child(3) {\n    border-top-color: var(--coral);\n}\n\n\n\/* PROJETS *\/\n\n.project-grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(2,1fr);\n\n    gap: 20px;\n}\n\n.project {\n    position: relative;\n    overflow: hidden;\n}\n\n.project-top {\n    display: flex;\n\n    justify-content: space-between;\n\n    gap: 12px;\n\n    align-items: start;\n}\n\n.class-tag {\n    font-size: 12px;\n\n    font-weight: 900;\n\n    padding: 8px 11px;\n\n    border-radius: 999px;\n\n    background: var(--blue-light);\n\n    color: #496b90;\n}\n\n.project:nth-child(2) .class-tag {\n    background: var(--green-light);\n    color: #55714f;\n}\n\n.project:nth-child(3) .class-tag {\n    background: #fff0ed;\n    color: #9b6158;\n}\n\n.project:nth-child(4) .class-tag {\n    background: #f1edf8;\n    color: #6f5c92;\n}\n\n.project:nth-child(5) .class-tag {\n    background: var(--yellow-light);\n    color: #8b6a19;\n}\n\n.illustration {\n    font-size: 46px;\n}\n\n.project p {\n    color: var(--muted);\n\n    line-height: 1.6;\n}\n\n\n\/* PROGRESSION *\/\n\n.progress {\n    height: 9px;\n\n    background: #eee8df;\n\n    border-radius: 99px;\n\n    overflow: hidden;\n\n    margin: 17px 0 8px;\n}\n\n.progress span {\n    display: block;\n\n    height: 100%;\n\n    border-radius: 99px;\n\n    background: var(--green);\n}\n\n.progress-row {\n    display: flex;\n\n    justify-content: space-between;\n\n    font-size: 12px;\n\n    font-weight: 900;\n}\n\n\n\/* META *\/\n\n.project-meta {\n    display: flex;\n\n    flex-wrap: wrap;\n\n    gap: 8px;\n\n    margin-top: 17px;\n}\n\n.meta {\n    background: #faf7f1;\n\n    padding: 7px 9px;\n\n    border-radius: 10px;\n\n    font-size: 11px;\n\n    font-weight: 800;\n}\n\n\n\/* DETAILS *\/\n\n.project-detail {\n    margin-top: 22px;\n\n    border-top:\n        1px dashed var(--line);\n\n    padding-top: 17px;\n}\n\n.project-detail summary {\n    cursor: pointer;\n\n    font-weight: 900;\n\n    font-size: 13px;\n\n    color: var(--blue);\n}\n\n.project-detail p {\n    margin-bottom: 0;\n}\n\n\n\/* VENTE *\/\n\n.sale {\n    display: grid;\n\n    grid-template-columns:\n        .85fr 1.15fr;\n\n    gap: 24px;\n\n    align-items: center;\n}\n\n.sale-art {\n    background: var(--yellow-light);\n\n    border-radius: 28px;\n\n    padding: 45px;\n\n    text-align: center;\n\n    font-size: 90px;\n\n    border:\n        1px dashed #d8bd6c;\n}\n\n.sale-title {\n    font-size: 29px !important;\n    margin-bottom: 8px !important;\n}\n\n.price {\n    font-size: 28px;\n\n    font-weight: 900;\n\n    color: var(--green);\n}\n\n\n\/* TIMELINE *\/\n\n.timeline {\n    display: grid;\n\n    gap: 14px;\n}\n\n.timeline-item {\n    display: grid;\n\n    grid-template-columns:\n        115px 1fr;\n\n    gap: 18px;\n\n    align-items: start;\n}\n\n.date {\n    background: white;\n\n    border:\n        1px solid var(--line);\n\n    border-radius: 15px;\n\n    padding: 12px;\n\n    text-align: center;\n\n    font-weight: 900;\n\n    font-size: 12px;\n}\n\n\n\/* FORMS *\/\n\n.form-grid {\n    display: grid;\n\n    grid-template-columns:\n        .72fr 1.28fr;\n\n    gap: 24px;\n}\n\nform {\n    display: grid;\n\n    gap: 13px;\n}\n\ninput,\nselect,\ntextarea {\n    font: inherit;\n\n    width: 100%;\n\n    padding: 14px;\n\n    border:\n        1px solid #ddd3c4;\n\n    border-radius: 14px;\n\n    background: #fffdf9;\n\n    color: var(--ink);\n\n    outline: none;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n    border-color: var(--blue);\n\n    box-shadow:\n        0 0 0 3px\n        rgba(82,118,159,.10);\n}\n\ntextarea {\n    min-height: 140px;\n\n    resize: vertical;\n}\n\n\n\/* TOAST *\/\n\n.toast {\n    display: none;\n\n    background:\n        var(--green-light);\n\n    border:\n        1px solid #bfd1b8;\n\n    border-radius: 13px;\n\n    padding: 13px;\n\n    font-weight: 800;\n\n    font-size: 13px;\n}\n\n\n\/* CONTACT *\/\n\n.contact-list {\n    display: grid;\n\n    gap: 13px;\n\n    margin-top: 20px;\n}\n\n.contact-item {\n    display: flex;\n\n    gap: 12px;\n\n    align-items: start;\n}\n\n.contact-item b {\n    display: block;\n}\n\n.contact-item span {\n    font-size: 13px;\n\n    color: var(--muted);\n}\n\n\n\/* FOOTER *\/\n\nfooter {\n    background: #334155;\n\n    color: white;\n\n    padding: 42px 0;\n\n    margin-top: 20px;\n}\n\n.footer {\n    display: flex;\n\n    justify-content: space-between;\n\n    gap: 25px;\n\n    flex-wrap: wrap;\n}\n\n.footer small {\n    color: #cbd5e1;\n}\n\n\n\/* TABLET *\/\n\n@media (max-width:900px) {\n\n    nav {\n        display: none;\n    }\n\n    .menu {\n        display: block;\n    }\n\n    .hero-grid,\n    .sale,\n    .form-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .stats {\n        grid-template-columns:\n            repeat(2,1fr);\n    }\n\n    .cards,\n    .project-grid {\n        grid-template-columns:\n            1fr 1fr;\n    }\n\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width:600px) {\n\n    .nav {\n        min-height: 68px;\n    }\n\n    .hero {\n        padding:\n            48px 0 38px;\n    }\n\n    section {\n        padding:\n            50px 0;\n    }\n\n    .cards,\n    .project-grid,\n    .stats {\n        grid-template-columns: 1fr;\n    }\n\n    h1 {\n        letter-spacing: -2px;\n    }\n\n    h2 {\n        font-size: 31px;\n    }\n\n    .timeline-item {\n        grid-template-columns:\n            90px 1fr;\n    }\n\n    .section-head {\n        align-items: start;\n        flex-direction: column;\n    }\n\n    .hero-note {\n        margin-top: 15px;\n    }\n\n    .sale-art {\n        padding: 30px;\n        font-size: 70px;\n    }\n\n    .footer {\n        text-align: center;\n        justify-content: center;\n    }\n\n}\n@media (max-width: 900px) {\n\n    #nav.mobile-open {\n        display: flex;\n\n        position: absolute;\n\n        top: 68px;\n        right: 4%;\n\n        flex-direction: column;\n\n        align-items: stretch;\n\n        min-width: 210px;\n\n        padding: 12px;\n\n        background: #fffaf1;\n\n        border: 1px solid #e8dfd2;\n\n        border-radius: 16px;\n\n        box-shadow: 0 15px 35px rgba(0,0,0,.12);\n    }\n\n    #nav.mobile-open a {\n        width: 100%;\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\nfunction toggleNav() {\n\n    const nav = document.getElementById(\"nav\");\n\n    const isOpen = nav.classList.contains(\"mobile-open\");\n\n    if (isOpen) {\n\n        nav.classList.remove(\"mobile-open\");\n\n    } else {\n\n        nav.classList.add(\"mobile-open\");\n\n    }\n\n}\n\n\n\/* Fermer le menu apr\u00e8s avoir cliqu\u00e9 sur un lien *\/\n\ndocument.querySelectorAll(\"#nav a\").forEach(function(link) {\n\n    link.addEventListener(\"click\", function() {\n\n        const nav = document.getElementById(\"nav\");\n\n        nav.classList.remove(\"mobile-open\");\n\n    });\n\n});\n\n\n\/* Formulaires de d\u00e9monstration *\/\n\nfunction send(event, id) {\n\n    event.preventDefault();\n\n    const message = document.getElementById(id);\n\n    if (!message) {\n        return;\n    }\n\n    message.style.display = \"block\";\n\n    event.target.reset();\n\n}\n<\/script>\n\n<!-- =========================\n     RETOUR AUX MAQUETTES\n========================= -->\n\n<style>\n\n.demo-back {\n  position: fixed;\n  top: 20px;\n  left: 20px;\n  z-index: 99999;\n\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  padding: 10px 16px;\n\n  background: rgba(255,255,255,0.96);\n  color: #111111 !important;\n\n  border: 1px solid rgba(0,0,0,0.08);\n  border-radius: 50px;\n\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 12px;\n  font-weight: 600;\n\n  text-decoration: none !important;\n\n  box-shadow: 0 8px 25px rgba(0,0,0,0.12);\n}\n\n.demo-back:hover {\n  color: #111111 !important;\n  background: #ffffff;\n  transform: translateY(-2px);\n}\n\n.demo-back::after {\n  display: none !important;\n  content: none !important;\n}\n\n@media (max-width: 700px) {\n  .demo-back {\n    top: 14px;\n    left: 14px;\n    padding: 9px 13px;\n    font-size: 11px;\n  }\n}\n\n<\/style>\n\n<a href=\"https:\/\/ns-crea.com\/index.php\/maquette\/\" class=\"demo-back\">\n  \u2190 Retour aux maquettes\n<\/a> \n\n<header class=\"site-header\">\n  <div class=\"container nav\">\n\n    <a class=\"logo\" href=\"#accueil\">\n      <span class=\"logo-mark\">\u270f\ufe0f<\/span>\n\n      <span>\n        APE Marie Curie\n        <small>Association des Parents d&rsquo;\u00c9l\u00e8ves<\/small>\n      <\/span>\n    <\/a>\n\n    <button class=\"menu\" type=\"button\" onclick=\"toggleNav()\" aria-label=\"Ouvrir le menu\">\n      Menu\n    <\/button>\n\n    <nav id=\"nav\">\n      <a href=\"#accueil\">Accueil<\/a>\n      <a href=\"#actions\">Nos actions<\/a>\n      <a href=\"#projets\">Projets<\/a>\n      <a href=\"#vente\">Vente<\/a>\n      <a href=\"#question\">Question<\/a>\n      <a href=\"#contact\">Contact<\/a>\n    <\/nav>\n\n  <\/div>\n<\/header>\n\n\n<main>\n\n  <!-- HERO -->\n  <section class=\"hero\" id=\"accueil\">\n\n    <div class=\"container hero-grid\">\n\n      <div class=\"hero-content\">\n\n        <span class=\"badge\">\n          \ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66 Une association qui rassemble\n        <\/span>\n\n        <h1>\n          Ensemble pour faire vivre\n          <em>l\u2019\u00e9cole.<\/em>\n        <\/h1>\n\n        <p class=\"lead\">\n          Bienvenue sur le site de l\u2019Association des Parents d\u2019\u00c9l\u00e8ves\n          de l\u2019\u00c9cole Marie Curie.\n        <\/p>\n\n        <p class=\"lead\">\n          D\u00e9couvrez nos actions, suivez les projets de chaque classe\n          et voyez concr\u00e8tement comment votre participation aide les enfants.\n        <\/p>\n\n        <div class=\"hero-buttons\">\n          <a class=\"btn\" href=\"#projets\">\n            D\u00e9couvrir les projets\n          <\/a>\n\n          <a class=\"btn secondary\" href=\"#actions\">\n            Voir nos actions\n          <\/a>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"hero-note\">\n\n        <div class=\"doodle\">\n          \ud83c\udf92 \ud83d\udcda \u270f\ufe0f\n        <\/div>\n\n        <div class=\"note-paper\">\n          Chaque vente, chaque \u00e9v\u00e9nement et chaque coup de main compte.\n        <\/div>\n\n        <p>\n          Notre objectif : cr\u00e9er du lien entre les familles et contribuer\n          aux projets qui rendent l\u2019ann\u00e9e scolaire encore plus riche\n          pour nos enfants.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- STATISTIQUES -->\n  <section class=\"stats-section\">\n\n    <div class=\"container\">\n\n      <div class=\"section-head\">\n        <div>\n          <div class=\"eyebrow\">Cette ann\u00e9e avec vous<\/div>\n\n          <h2>Des projets qui prennent vie<\/h2>\n        <\/div>\n      <\/div>\n\n\n      <div class=\"stats\">\n\n        <div class=\"stat\">\n          <strong>5<\/strong>\n          <span>projets soutenus<\/span>\n        <\/div>\n\n        <div class=\"stat\">\n          <strong>3<\/strong>\n          <span>sorties financ\u00e9es<\/span>\n        <\/div>\n\n        <div class=\"stat\">\n          <strong>127<\/strong>\n          <span>familles participantes<\/span>\n        <\/div>\n\n        <div class=\"stat\">\n          <strong>2 840 \u20ac<\/strong>\n          <span>d\u00e9j\u00e0 mobilis\u00e9s<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ACTIONS -->\n  <section id=\"actions\">\n\n    <div class=\"container\">\n\n      <div class=\"section-head\">\n\n        <div>\n          <div class=\"eyebrow\">La vie de l\u2019association<\/div>\n\n          <h2>Nos prochaines actions<\/h2>\n        <\/div>\n\n        <span class=\"muted\">Septembre \u00b7 Octobre<\/span>\n\n      <\/div>\n\n\n      <div class=\"cards\">\n\n        <article class=\"card action\">\n\n          <div class=\"icon\">\ud83c\udfa8<\/div>\n\n          <h3>Go\u00fbter de rentr\u00e9e<\/h3>\n\n          <small>12 septembre \u00b7 16h30<\/small>\n\n          <p class=\"muted\">\n            Un moment convivial dans la cour pour accueillir\n            les nouvelles familles et retrouver les copains.\n          <\/p>\n\n        <\/article>\n\n\n        <article class=\"card action\">\n\n          <div class=\"icon\">\ud83c\udf6a<\/div>\n\n          <h3>Vente de biscuits<\/h3>\n\n          <small>Du 2 au 20 septembre<\/small>\n\n          <p class=\"muted\">\n            Les b\u00e9n\u00e9fices participeront au financement des projets\n            et sorties des diff\u00e9rentes classes.\n          <\/p>\n\n        <\/article>\n\n\n        <article class=\"card action\">\n\n          <div class=\"icon\">\ud83c\udf89<\/div>\n\n          <h3>F\u00eate de l\u2019\u00e9cole<\/h3>\n\n          <small>28 juin \u00b7 14h00<\/small>\n\n          <p class=\"muted\">\n            Une grande apr\u00e8s-midi pr\u00e9par\u00e9e par les familles :\n            jeux, stands, go\u00fbter et surprises pour les enfants.\n          <\/p>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- PROJETS -->\n  <section id=\"projets\">\n\n    <div class=\"container\">\n\n      <div class=\"section-head\">\n\n        <div>\n          <div class=\"eyebrow\">Le c\u0153ur de notre association<\/div>\n\n          <h2>Projets par classe<\/h2>\n\n          <p class=\"muted\">\n            Suivez l\u2019avancement des projets et d\u00e9couvrez\n            \u00e0 quoi servent les fonds r\u00e9colt\u00e9s.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"project-grid\">\n\n\n        <!-- CP -->\n        <article class=\"card project\">\n\n          <div class=\"project-top\">\n            <span class=\"class-tag\">CP<\/span>\n            <span class=\"illustration\">\ud83c\udf31<\/span>\n          <\/div>\n\n          <h3>Mon premier potager<\/h3>\n\n          <p>\n            Cr\u00e9er un petit potager p\u00e9dagogique dans la cour\n            pour observer les saisons, semer, r\u00e9colter\n            et apprendre autrement.\n          <\/p>\n\n          <div class=\"progress\">\n            <span style=\"width:78%\"><\/span>\n          <\/div>\n\n          <div class=\"progress-row\">\n            <span>1 170 \u20ac \/ 1 500 \u20ac<\/span>\n            <span>78 %<\/span>\n          <\/div>\n\n          <div class=\"project-meta\">\n            <span class=\"meta\">\ud83c\udfaf Mat\u00e9riel &amp; plantations<\/span>\n            <span class=\"meta\">\ud83d\udcc5 Printemps<\/span>\n          <\/div>\n\n          <details class=\"project-detail\">\n            <summary>Voir le projet<\/summary>\n\n            <p>\n              Les parents financent les bacs, la terre,\n              les graines et le petit mat\u00e9riel n\u00e9cessaire\n              aux ateliers.\n            <\/p>\n          <\/details>\n\n        <\/article>\n\n\n        <!-- CE1 -->\n        <article class=\"card project\">\n\n          <div class=\"project-top\">\n            <span class=\"class-tag\">CE1<\/span>\n            <span class=\"illustration\">\ud83d\udc3e<\/span>\n          <\/div>\n\n          <h3>\u00c0 la rencontre des animaux<\/h3>\n\n          <p>\n            Une journ\u00e9e d\u00e9couverte dans un parc animalier\n            avec ateliers p\u00e9dagogiques et carnet d\u2019observation\n            pour chaque enfant.\n          <\/p>\n\n          <div class=\"progress\">\n            <span style=\"width:64%\"><\/span>\n          <\/div>\n\n          <div class=\"progress-row\">\n            <span>640 \u20ac \/ 1 000 \u20ac<\/span>\n            <span>64 %<\/span>\n          <\/div>\n\n          <div class=\"project-meta\">\n            <span class=\"meta\">\ud83c\udfaf Transport &amp; entr\u00e9e<\/span>\n            <span class=\"meta\">\ud83d\udcc5 Mai<\/span>\n          <\/div>\n\n          <details class=\"project-detail\">\n            <summary>Voir le projet<\/summary>\n\n            <p>\n              L\u2019association prend en charge une partie du transport\n              et des entr\u00e9es afin de r\u00e9duire le co\u00fbt demand\u00e9\n              aux familles.\n            <\/p>\n          <\/details>\n\n        <\/article>\n\n\n        <!-- CE2 -->\n        <article class=\"card project\">\n\n          <div class=\"project-top\">\n            <span class=\"class-tag\">CE2<\/span>\n            <span class=\"illustration\">\ud83d\udd2c<\/span>\n          <\/div>\n\n          <h3>Les petits scientifiques<\/h3>\n\n          <p>\n            \u00c9quiper la classe avec du mat\u00e9riel d\u2019exp\u00e9rimentation\n            pour mener des ateliers de sciences tout au long\n            de l\u2019ann\u00e9e.\n          <\/p>\n\n          <div class=\"progress\">\n            <span style=\"width:91%\"><\/span>\n          <\/div>\n\n          <div class=\"progress-row\">\n            <span>455 \u20ac \/ 500 \u20ac<\/span>\n            <span>91 %<\/span>\n          <\/div>\n\n          <div class=\"project-meta\">\n            <span class=\"meta\">\ud83c\udfaf Kits scientifiques<\/span>\n            <span class=\"meta\">\ud83d\udcc5 Toute l\u2019ann\u00e9e<\/span>\n          <\/div>\n\n          <details class=\"project-detail\">\n            <summary>Voir le projet<\/summary>\n\n            <p>\n              Balance, loupes, \u00e9prouvettes et mat\u00e9riel d\u2019exp\u00e9riences\n              seront r\u00e9unis dans une mallette accessible \u00e0 la classe.\n            <\/p>\n          <\/details>\n\n        <\/article>\n\n\n        <!-- CM1 -->\n        <article class=\"card project\">\n\n          <div class=\"project-top\">\n            <span class=\"class-tag\">CM1<\/span>\n            <span class=\"illustration\">\ud83c\udfdb\ufe0f<\/span>\n          <\/div>\n\n          <h3>Sur les traces de l\u2019Histoire<\/h3>\n\n          <p>\n            Une sortie culturelle pour d\u00e9couvrir le patrimoine local\n            et prolonger les apprentissages r\u00e9alis\u00e9s en classe.\n          <\/p>\n\n          <div class=\"progress\">\n            <span style=\"width:52%\"><\/span>\n          <\/div>\n\n          <div class=\"progress-row\">\n            <span>390 \u20ac \/ 750 \u20ac<\/span>\n            <span>52 %<\/span>\n          <\/div>\n\n          <div class=\"project-meta\">\n            <span class=\"meta\">\ud83c\udfaf Sortie culturelle<\/span>\n            <span class=\"meta\">\ud83d\udcc5 Avril<\/span>\n          <\/div>\n\n          <details class=\"project-detail\">\n            <summary>Voir le projet<\/summary>\n\n            <p>\n              Le financement permet notamment de participer\n              au transport et aux activit\u00e9s guid\u00e9es.\n            <\/p>\n          <\/details>\n\n        <\/article>\n\n\n        <!-- CM2 -->\n        <article class=\"card project\">\n\n          <div class=\"project-top\">\n            <span class=\"class-tag\">CM2<\/span>\n            <span class=\"illustration\">\ud83d\ude8c<\/span>\n          <\/div>\n\n          <h3>Cap sur l\u2019aventure !<\/h3>\n\n          <p>\n            Contribuer au voyage scolaire de fin d\u2019ann\u00e9e\n            et permettre \u00e0 chaque \u00e9l\u00e8ve de profiter pleinement\n            de cette exp\u00e9rience.\n          <\/p>\n\n          <div class=\"progress\">\n            <span style=\"width:47%\"><\/span>\n          <\/div>\n\n          <div class=\"progress-row\">\n            <span>940 \u20ac \/ 2 000 \u20ac<\/span>\n            <span>47 %<\/span>\n          <\/div>\n\n          <div class=\"project-meta\">\n            <span class=\"meta\">\ud83c\udfaf Voyage scolaire<\/span>\n            <span class=\"meta\">\ud83d\udcc5 Juin<\/span>\n          <\/div>\n\n          <details class=\"project-detail\">\n            <summary>Voir le projet<\/summary>\n\n            <p>\n              Les diff\u00e9rentes actions de l\u2019association sont destin\u00e9es\n              \u00e0 r\u00e9duire le reste \u00e0 charge pour les familles.\n            <\/p>\n          <\/details>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- VENTE -->\n  <section id=\"vente\">\n\n    <div class=\"container\">\n\n      <div class=\"section-head\">\n\n        <div>\n          <div class=\"eyebrow\">Op\u00e9ration du moment<\/div>\n          <h2>Vente en cours<\/h2>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"card sale\">\n\n        <div class=\"sale-art\">\n          \ud83c\udf6a\n          <br>\n          \ud83c\udf81\n        <\/div>\n\n\n        <div>\n\n          <span class=\"badge\">\n            Jusqu\u2019au 20 septembre\n          <\/span>\n\n          <h3 class=\"sale-title\">\n            La bo\u00eete d\u00e9couverte de biscuits\n          <\/h3>\n\n          <p class=\"muted\">\n            Une s\u00e9lection gourmande pr\u00e9par\u00e9e par notre partenaire\n            fictif \u00ab Les Douceurs de Jeanne \u00bb.\n            Une partie des b\u00e9n\u00e9fices est revers\u00e9e \u00e0 l\u2019association\n            pour soutenir les projets des classes.\n          <\/p>\n\n          <div class=\"price\">\n            8 \u20ac la bo\u00eete\n          <\/div>\n\n          <a class=\"btn\" href=\"#contact\">\n            Commander\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- AGENDA -->\n  <section class=\"agenda\">\n\n    <div class=\"container\">\n\n      <div class=\"section-head\">\n\n        <div>\n          <div class=\"eyebrow\">Agenda des familles<\/div>\n          <h2>\u00c0 noter dans vos agendas<\/h2>\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"timeline\">\n\n\n        <div class=\"timeline-item\">\n\n          <div class=\"date\">\n            12\n            <br>\n            SEPT.\n          <\/div>\n\n          <div class=\"card\">\n            <h3>Go\u00fbter de rentr\u00e9e<\/h3>\n\n            <p class=\"muted\">\n              Cour de l\u2019\u00e9cole \u00b7 16h30 \u00b7\n              Toutes les familles sont les bienvenues.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"timeline-item\">\n\n          <div class=\"date\">\n            03\n            <br>\n            OCT.\n          <\/div>\n\n          <div class=\"card\">\n            <h3>R\u00e9union de pr\u00e9sentation des projets<\/h3>\n\n            <p class=\"muted\">\n              Salle polyvalente \u00b7 18h30 \u00b7\n              Venez d\u00e9couvrir les objectifs de chaque classe.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"timeline-item\">\n\n          <div class=\"date\">\n            18\n            <br>\n            OCT.\n          <\/div>\n\n          <div class=\"card\">\n            <h3>Atelier parents b\u00e9n\u00e9voles<\/h3>\n\n            <p class=\"muted\">\n              Pr\u00e9paration des prochaines actions de l\u2019association\n              \u00b7 18h00.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- QUESTION -->\n  <section id=\"question\">\n\n    <div class=\"container form-grid\">\n\n      <div>\n\n        <div class=\"eyebrow\">\n          Nous sommes \u00e0 votre \u00e9coute\n        <\/div>\n\n        <h2>Une question ?<\/h2>\n\n        <p class=\"muted\">\n          Vous souhaitez en savoir plus sur un projet,\n          proposer une id\u00e9e ou participer \u00e0 une action ?\n          \u00c9crivez-nous.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"card\">\n\n        <form onsubmit=\"send(event, 'questionToast')\">\n\n          <input required=\"\" placeholder=\"Pr\u00e9nom et nom\">\n\n          <select required=\"\">\n\n            <option value=\"\">\n              Votre classe\n            <\/option>\n\n            <option>CP<\/option>\n            <option>CE1<\/option>\n            <option>CE2<\/option>\n            <option>CM1<\/option>\n            <option>CM2<\/option>\n            <option>Autre<\/option>\n\n          <\/select>\n\n          <input required=\"\" type=\"email\" placeholder=\"Adresse e-mail\">\n\n          <textarea required=\"\" placeholder=\"Votre question ou votre message...\"><\/textarea>\n\n          <button class=\"btn\" type=\"submit\">\n            Envoyer ma question\n          <\/button>\n\n          <div class=\"toast\" id=\"questionToast\">\n            Merci ! Votre message a bien \u00e9t\u00e9 envoy\u00e9\n            \u00e0 l\u2019association. \u2728\n          <\/div>\n\n        <\/form>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- CONTACT -->\n  <section id=\"contact\">\n\n    <div class=\"container form-grid\">\n\n      <div class=\"card\">\n\n        <div class=\"eyebrow\">\n          Nous contacter\n        <\/div>\n\n        <h2>Association APE<\/h2>\n\n        <p class=\"muted\">\n          \u00c9cole Marie Curie\n          <br>\n          12 rue des \u00c9coliers\n          <br>\n          69420 Montfleur-sur-Sa\u00f4ne\n        <\/p>\n\n\n        <div class=\"contact-list\">\n\n\n          <div class=\"contact-item\">\n\n            <span>\ud83d\udcde<\/span>\n\n            <div>\n              <b>04 72 00 18 42<\/b>\n              <span>Du lundi au vendredi<\/span>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"contact-item\">\n\n            <span>\u2709\ufe0f<\/span>\n\n            <div>\n              <b>bonjour@ape-mariecurie.fr<\/b>\n              <span>Nous r\u00e9pondons sous 48h<\/span>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"contact-item\">\n\n            <span>\ud83e\udd1d<\/span>\n\n            <div>\n              <b>Permanence parents<\/b>\n              <span>Jeudi \u00b7 17h00 \u00e0 18h30<\/span>\n            <\/div>\n\n          <\/div>\n\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"card\">\n\n        <form onsubmit=\"send(event, 'contactToast')\">\n\n          <input required=\"\" placeholder=\"Nom et pr\u00e9nom\">\n\n          <input required=\"\" type=\"email\" placeholder=\"Votre e-mail\">\n\n          <input placeholder=\"Objet\">\n\n          <textarea required=\"\" placeholder=\"Votre message...\"><\/textarea>\n\n          <button class=\"btn\" type=\"submit\">\n            Envoyer le message\n          <\/button>\n\n          <div class=\"toast\" id=\"contactToast\">\n            Merci ! Votre message a bien \u00e9t\u00e9 envoy\u00e9. \u2728\n          <\/div>\n\n        <\/form>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n<\/main>\n\n\n<!-- FOOTER -->\n<footer>\n\n  <div class=\"container footer\">\n\n    <div>\n      <strong>APE Marie Curie<\/strong>\n      <br>\n      <small>Ensemble pour faire vivre l\u2019\u00e9cole.<\/small>\n    <\/div>\n\n    <div>\n      <small>\n        Site d\u00e9mo fictif \u00b7 Ville et coordonn\u00e9es imaginaires\n      <\/small>\n    <\/div>\n\n  <\/div>\n\n<\/footer>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u2190 Retour aux maquettes \u270f\ufe0f APE Marie Curie Association des Parents d&rsquo;\u00c9l\u00e8ves Menu Accueil Nos actions Projets Vente Question Contact [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-183","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/pages\/183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/comments?post=183"}],"version-history":[{"count":3,"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/pages\/183\/revisions"}],"predecessor-version":[{"id":201,"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/pages\/183\/revisions\/201"}],"wp:attachment":[{"href":"https:\/\/ns-crea.com\/index.php\/wp-json\/wp\/v2\/media?parent=183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}