{"id":347,"date":"2026-08-17T15:38:11","date_gmt":"2026-08-17T13:38:11","guid":{"rendered":"https:\/\/la-lucarne.org\/?page_id=347"},"modified":"2026-10-20T09:15:39","modified_gmt":"2026-10-20T07:15:39","slug":"appel-a-projets-care-la-lucarne","status":"publish","type":"page","link":"https:\/\/la-lucarne.org\/index.php\/appel-a-projets-care-la-lucarne\/","title":{"rendered":"AAP Pr\u00e9venir, accompagner, inclure"},"content":{"rendered":"<div id=\"cs-content\" class=\"cs-content\"><!-- ============================================================\n  LA LUCARNE \u2014 Appel \u00e0 projets 2026 \u2014 Bloc 1 \u2014 Hero\n  \u00c0 coller dans un \u00e9l\u00e9ment \"Code Block\" (bloc de code brut) de Cornerstone.\n  Ce bloc est autonome : il contient tout son CSS, vous pouvez le placer\n  seul, dans n'importe quel ordre, sur n'importe quelle page.\n============================================================= -->\n<div class=\"apn-2026\">\n<style>\n\n\/* Neutralise le padding\/margin du conteneur Cornerstone autour du bloc hero *\/\n.apn-2026 .hero {\n  margin-bottom: 0 !important;\n  padding-bottom: 0 !important;\n}\n\n\/* Si le th\u00e8me enveloppe le bloc dans un .cs-content-area ou .x-section *\/\n.x-section:has(.apn-2026 .hero),\n.cs-section:has(.apn-2026 .hero) {\n  padding-bottom: 0 !important;\n  margin-bottom: 0 !important;\n}\n\n  \/* -- \u00c0 REMPLACER par vos fichiers de police r\u00e9els -- *\/\n  @font-face {\n    font-family: 'Lemon Milk';\n    src: url('\/wp-content\/fonts\/LemonMilk-Bold.woff2') format('woff2');\n    font-weight: 700; font-display: swap;\n  }\n  @font-face {\n    font-family: 'Avenir';\n    src: url('\/wp-content\/fonts\/Avenir-Book.woff2') format('woff2');\n    font-weight: 400; font-display: swap;\n  }\n  @font-face {\n    font-family: 'Avenir';\n    src: url('\/wp-content\/fonts\/Avenir-Heavy.woff2') format('woff2');\n    font-weight: 700; font-display: swap;\n  }\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700;800&family=Jost:wght@400;500;600&display=swap');\n\n  .apn-2026, .apn-2026 * { box-sizing: border-box; }\n\n  .apn-2026 {\n    \/* ---- charte officielle La Lucarne ---- *\/\n    --ink:        #06242C; \/* bleu nuit \u2014 texte, fonds sombres *\/\n    --paper:      #F9FBF1; \/* blanc cass\u00e9 \u2014 fond principal *\/\n    --sand:       #EADDC1; \/* sable \u2014 fonds altern\u00e9s *\/\n    --khaki:      #C9B186; \/* tan \u2014 accents discrets *\/\n    --gold:       #F1A83F; \/* jaune dor\u00e9 \u2014 accent principal \/ CTA *\/\n    --coral:      #EE844F; \/* corail \u2014 accent secondaire *\/\n    --red:        #E7532B; \/* rouge-orang\u00e9 \u2014 accent fort \/ hover *\/\n    --teal:       #44CABD; \/* turquoise \u2014 accent *\/\n    --teal-deep:  #21938C; \/* turquoise fonc\u00e9 \u2014 accent \/ fonds *\/\n    --white:      #FFFFFF;\n\n    --display: 'Lemon Milk', 'Poppins', sans-serif;\n    --sans:    'Avenir', 'Jost', -apple-system, 'Century Gothic', Helvetica, Arial, sans-serif;\n    --mono:    'Jost', ui-monospace, monospace;\n\n    background: var(--paper);\n    color: var(--ink);\n    font-family: var(--sans);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n  }\n\n  .apn-2026 h1, .apn-2026 h2, .apn-2026 h3 {\n    font-family: var(--display);\n    font-weight: 700;\n    text-transform: uppercase;\n    line-height: 1.14;\n    letter-spacing: .01em;\n    margin: 0 0 .5em;\n    color: var(--ink);\n  }\n  .apn-2026 p { margin: 0 0 1em; }\n  .apn-2026 a { color: inherit; }\n  .apn-2026 .eyebrow {\n    font-family: var(--display);\n    font-size: .68rem;\n    letter-spacing: .18em;\n    text-transform: uppercase;\n    color: var(--red);\n    display: inline-flex;\n    align-items: center;\n    gap: .6em;\n    margin-bottom: 1.1em;\n  }\n  .apn-2026 .eyebrow::before {\n    content: \"\";\n    width: 26px; height: 3px;\n    background: var(--gold);\n    display: inline-block;\n  }\n  .apn-2026 .wrap { max-width: 1140px; margin: 0 auto; padding: 0 6vw; }\n  .apn-2026 section { position: relative; padding: 6.5rem 0; }\n  .apn-2026 .reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }\n  .apn-2026 .reveal.in { opacity: 1; transform: none; }\n\n  \/* ---------- pictos : cadre + pastille couleur (sans croisillon) ---------- *\/\n  .apn-2026 .pane-icon {\n    width: 64px; height: 64px;\n    border: 2px solid var(--ink);\n    border-radius: 16px;\n    position: relative;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 1.6rem;\n    flex-shrink: 0;\n    background: var(--white);\n  }\n  .apn-2026 .pane-icon .dot {\n    position:absolute; width:15px; height:15px; border-radius:50%;\n    background: var(--dot, var(--gold)); top:-7px; right:-7px;\n    border: 2px solid var(--paper);\n  }\n\n  \/* ---------- buttons ---------- *\/\n  .apn-2026 .btn {\n    font-family: var(--display);\n    font-weight: 700;\n    font-size: .82rem;\n    letter-spacing: .04em;\n    text-transform: uppercase;\n    border-radius: 999px;\n    padding: 1em 2.1em;\n    display: inline-flex;\n    align-items: center;\n    gap: .6em;\n    text-decoration: none;\n    border: 2px solid transparent;\n    cursor: pointer;\n    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;\n  }\n  .apn-2026 .btn:hover { transform: translateY(-2px); }\n  .apn-2026 .btn-primary { background: var(--gold); color: var(--ink); }\n  .apn-2026 .btn-primary:hover { background: var(--red); color: var(--white); box-shadow: 0 10px 24px -10px rgba(231,83,43,.55); }\n  .apn-2026 .btn-ghost-dark { border-color: var(--ink); color: var(--ink); background: transparent; }\n  .apn-2026 .btn-ghost-dark:hover { background: var(--ink); color: var(--paper); }\n  .apn-2026 .btn-on-ink { background: var(--gold); color: var(--ink); }\n  .apn-2026 .btn-on-ink:hover { background: var(--white); }\n\n  \/* ============ HERO ============ *\/\n  .apn-2026 .hero { padding: 5.5rem 0 5rem; position: relative; background: var(--paper); overflow: hidden; }\n  .apn-2026 .hero-window {\n    position: absolute; right: -6%; top: -10%; width: 620px; height: 620px;\n    border: 2px solid var(--sand); border-radius: 50%; pointer-events: none;\n  }\n  .apn-2026 .hero-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 3.5rem; align-items: center; position: relative; }\n  .apn-2026 .hero h1 { font-size: clamp(1.9rem, 3.6vw, 3rem); max-width: 13ch; }\n  .apn-2026 .hero .lede { font-size: 1.08rem; color: var(--ink); opacity:.78; max-width: 46ch; }\n  .apn-2026 .hero .dates {\n    font-family: var(--sans); font-weight:600; font-size: .88rem;\n    display:inline-flex; align-items:center; gap:.6em;\n    background: var(--white); border: 2px solid var(--ink);\n    border-radius: 999px;\n    padding: .7em 1.3em; margin: 1.6rem 0 1.9rem;\n  }\n  .apn-2026 .hero .ctas { display:flex; gap: 1rem; flex-wrap: wrap; }\n  .apn-2026 .hero-photo { aspect-ratio: 4\/5; position: relative; overflow: hidden; border: 3px solid var(--ink); border-radius: 18px; }\n  .apn-2026 .hero-photo .cap {\n    position:absolute; left:1.2rem; bottom:1.2rem; right:1.2rem;\n    color: var(--white); font-family: var(--sans); font-weight:600; font-size:.72rem;\n    letter-spacing:.05em; opacity:.95;\n  }\n  .apn-2026 .hero-photo svg { position:absolute; inset:0; width:100%; height:100%; }\n  .apn-2026 .logo-row { margin-top: 4rem; display:flex; align-items:center; gap: 2.4rem; flex-wrap:wrap; }\n  .apn-2026 .logo-row span:first-child { font-family: var(--display); font-size:.62rem; letter-spacing:.12em; text-transform:uppercase; color: var(--teal-deep); }\n  .apn-2026 .logo-row .names { display:flex; align-items:center; gap: 1.6rem; flex-wrap:wrap; }\n  .apn-2026 .logo-row .names img { width:auto; object-fit:contain; }\n  .apn-2026 .logo-row .names span { opacity:.4; font-family: var(--display); font-weight:700; }\n  \/* Fichiers recadr\u00e9s \u2014 m\u00eame hauteur pour les 3. Ajustez ici si un logo para\u00eet encore d\u00e9cal\u00e9. *\/\n  .apn-2026 .logo-lucarne  { height: 52px; }\n  .apn-2026 .logo-ag2r     { height: 64px; }\n  .apn-2026 .logo-malakoff { height: 74px; }\n\n  \/* ============ SECTION 2 \u2014 pourquoi ============ *\/\n  .apn-2026 .why-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items:start; }\n  .apn-2026 .why-grid p { color: var(--ink); opacity:.78; font-size: 1.02rem; }\n  .apn-2026 .panes { display:grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n  .apn-2026 .pane-card { background: var(--white); border: 2px solid var(--ink); border-radius: 14px; padding: 1.6rem 1.3rem; display:flex; flex-direction:column; gap:.9rem; }\n  .apn-2026 .pane-card .pane-icon { width:52px; height:52px; font-size:1.35rem; }\n  .apn-2026 .pane-card b { font-family: var(--display); font-size: .92rem; text-transform:uppercase; letter-spacing:.02em; font-weight:700; }\n  .apn-2026 .pane-card:nth-child(1) .pane-icon{ --dot:var(--coral); }\n  .apn-2026 .pane-card:nth-child(2) .pane-icon{ --dot:var(--teal); }\n  .apn-2026 .pane-card:nth-child(3) .pane-icon{ --dot:var(--gold); }\n  .apn-2026 .pane-card:nth-child(4) .pane-icon{ --dot:var(--teal-deep); }\n\n  \/* ============ SECTION 3 \u2014 \u00e9ligibilit\u00e9 ============ *\/\n  .apn-2026 .elig { background: var(--ink); color: var(--paper); }\n  .apn-2026 .elig .eyebrow { color: var(--gold); }\n  .apn-2026 .elig .eyebrow::before { background: var(--coral); }\n  .apn-2026 .elig h2 { color: var(--paper); }\n  .apn-2026 .elig-cols { display:grid; grid-template-columns: repeat(3,1fr); gap: 1.4rem; margin-top: 2.5rem; }\n  .apn-2026 .elig-card { background: rgba(249,251,241,.06); border: 2px solid rgba(249,251,241,.22); border-radius: 14px; padding: 1.7rem 1.5rem; }\n  .apn-2026 .elig-card h3 { font-size: .92rem; color: var(--gold); margin-bottom: 1rem; }\n  .apn-2026 .elig-card ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.7rem; }\n  .apn-2026 .elig-card li { display:flex; gap:.7em; align-items:flex-start; font-size:.94rem; color: rgba(249,251,241,.9); }\n  .apn-2026 .elig-card li::before { content:\"\"; width:14px; height:14px; margin-top:.2em; flex-shrink:0; border:2px solid var(--teal); border-radius:4px; background: transparent; }\n  .apn-2026 .elig-note { margin-top: 2.2rem; text-align:center; font-family: var(--display); text-transform:none; font-weight:700; font-size: 1.1rem; color: var(--paper); }\n\n  \/* ============ SECTION 4 \u2014 parcours 18 mois ============ *\/\n  .apn-2026 .timeline { margin-top: 3rem; position:relative; }\n  .apn-2026 .timeline::before { content:\"\"; position:absolute; left: 19px; top:6px; bottom:6px; width:2px; background: repeating-linear-gradient(180deg, var(--khaki) 0 6px, transparent 6px 12px); }\n  .apn-2026 .t-step { display:flex; gap: 1.4rem; padding: 1.05rem 0; align-items:flex-start; }\n  .apn-2026 .t-dot { width:40px; height:40px; border-radius:50%; background: var(--white); border: 2px solid var(--ink); display:flex; align-items:center; justify-content:center; font-family: var(--display); font-weight:700; font-size:.78rem; flex-shrink:0; z-index:1; }\n  .apn-2026 .t-step:nth-child(4n+1) .t-dot { background: var(--gold); }\n  .apn-2026 .t-step:nth-child(4n+2) .t-dot { background: var(--teal); }\n  .apn-2026 .t-step:nth-child(4n+3) .t-dot { background: var(--coral); }\n  .apn-2026 .t-step:nth-child(4n+4) .t-dot { background: var(--khaki); }\n  .apn-2026 .t-step b { font-family: var(--display); font-size: .96rem; text-transform:uppercase; font-weight:700; display:block; }\n  .apn-2026 .t-step span { color: var(--ink); opacity:.72; font-size: .92rem; }\n\n  \/* ============ SECTION 5 \u2014 ce que vous trouverez ============ *\/\n  .apn-2026 .find-grid { display:grid; grid-template-columns: repeat(4,1fr); gap: 1.2rem; margin-top: 2.6rem; }\n  .apn-2026 .find-card { background: var(--white); border: 2px solid var(--ink); border-radius: 14px; padding: 1.8rem 1.4rem; }\n  .apn-2026 .find-card .pane-icon { margin-bottom: 1.1rem; }\n  .apn-2026 .find-card:nth-child(1) .pane-icon{ --dot:var(--coral); }\n  .apn-2026 .find-card:nth-child(2) .pane-icon{ --dot:var(--teal); }\n  .apn-2026 .find-card:nth-child(3) .pane-icon{ --dot:var(--gold); }\n  .apn-2026 .find-card:nth-child(4) .pane-icon{ --dot:var(--red); }\n  .apn-2026 .find-card h3 { font-size: .9rem; }\n  .apn-2026 .find-card p { font-size: .9rem; color: var(--ink); opacity:.72; margin:0; }\n\n  \/* ============ SECTION 6 \u2014 chiffres ============ *\/\n  .apn-2026 .stats { background: var(--teal-deep); color: var(--paper); }\n  .apn-2026 .stats-grid { display:grid; grid-template-columns: repeat(4,1fr); gap: 2rem; text-align:center; margin-top: 1rem;}\n  .apn-2026 .stats h2 { color: var(--paper); text-align:center; }\n  .apn-2026 .stats .eyebrow { color: var(--gold); justify-content:center; }\n  .apn-2026 .stat b { font-family: var(--display); font-size: clamp(2rem,3.6vw,2.7rem); font-weight:700; display:block; }\n  .apn-2026 .stat:nth-child(1) b{ color: var(--gold); }\n  .apn-2026 .stat:nth-child(2) b{ color: var(--coral); }\n  .apn-2026 .stat:nth-child(3) b{ color: var(--white); }\n  .apn-2026 .stat:nth-child(4) b{ color: var(--gold); }\n  .apn-2026 .stat span { font-size: .82rem; color: rgba(249,251,241,.8); }\n\n  \/* ============ SECTION 7 \u2014 s\u00e9lection ============ *\/\n  .apn-2026 .selection-line { display:flex; justify-content:space-between; margin-top: 3rem; position:relative; flex-wrap: wrap; gap: 2rem 0; }\n  .apn-2026 .selection-line::before { content:\"\"; position:absolute; left:0; right:0; top:9px; height:2px; background: var(--sand); }\n  .apn-2026 .sel-step { flex: 1 1 0; min-width: 130px; text-align:center; position:relative; }\n  .apn-2026 .sel-dot { width:20px; height:20px; border-radius:50%; background: var(--red); border:3px solid var(--paper); box-shadow:0 0 0 2px var(--ink); margin: 0 auto .9rem; position:relative; z-index:1; }\n  .apn-2026 .sel-step time { font-family: var(--display); font-weight:700; font-size:.76rem; text-transform:uppercase; color: var(--red); display:block; margin-bottom:.3rem; }\n  .apn-2026 .sel-step p { font-size:.88rem; margin:0; color: var(--ink); opacity:.72; }\n  .apn-2026 .sel-note { margin-top: 3rem; background: var(--white); border: 2px solid var(--ink); border-left: 6px solid var(--gold); border-radius: 0 14px 14px 0; padding: 1.3rem 1.6rem; font-size: .95rem; color: var(--ink); opacity:.85; max-width: 62ch; }\n\n  \/* ============ SECTION 8 \u2014 FAQ ============ *\/\n  .apn-2026 .faq { max-width: 820px; margin: 2.4rem auto 0; }\n  .apn-2026 .faq details { border-bottom: 2px solid var(--ink); padding: 1.15rem 0; }\n  .apn-2026 .faq summary { cursor:pointer; list-style:none; font-family: var(--display); text-transform:none; font-weight:700; font-size: .98rem; display:flex; justify-content:space-between; gap:1rem; align-items:center; }\n  .apn-2026 .faq summary::-webkit-details-marker { display:none; }\n  .apn-2026 .faq summary::after { content:\"+\"; font-family: var(--display); font-size:1.3rem; color: var(--red); flex-shrink:0; transition: transform .2s ease; }\n  .apn-2026 .faq details[open] summary::after { transform: rotate(45deg); }\n  .apn-2026 .faq .a { padding-top:.8rem; color: var(--ink); opacity:.75; font-size: .95rem; max-width: 68ch; }\n\n  \/* ============ SECTION 9 \u2014 partenaires ============ *\/\n  .apn-2026 .partners-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 2.4rem; margin-top: 2.2rem; }\n  .apn-2026 .partner-block { background: var(--white); border: 2px solid var(--ink); border-radius: 14px; padding: 1.8rem; }\n  .apn-2026 .partner-block h3 { font-size: .92rem; margin-bottom:.6rem; }\n  .apn-2026 .partner-block p { font-size: .92rem; color: var(--ink); opacity:.75; margin:0; }\n  .apn-2026 .partner-logos { margin-top: 2.6rem; display:flex; align-items:center; justify-content:center; gap: 3.2rem; flex-wrap: wrap; }\n  .apn-2026 .logo-slot { font-family: var(--display); font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; border:2px dashed var(--khaki); border-radius: 999px; padding: 1.1rem 1.6rem; color: var(--ink); opacity:.7; }\n\n  \/* ============ SECTION 10 \u2014 CTA final ============ *\/\n  .apn-2026 .final-cta { background: var(--gold); text-align:center; padding: 5.5rem 0; position:relative; overflow:hidden; }\n  .apn-2026 .final-cta .wrap { position:relative; }\n  .apn-2026 .final-cta h2 { font-size: clamp(1.7rem, 3.2vw, 2.5rem); max-width: 18ch; margin: 0 auto .3em; color: var(--ink); }\n  .apn-2026 .final-cta p.sub { font-family: var(--sans); font-weight:600; font-size:1.05rem; margin-bottom: 1.8rem; color: var(--ink); opacity:.85; }\n  .apn-2026 .final-cta .deadline { font-family: var(--display); font-weight:700; font-size:.78rem; text-transform:uppercase; letter-spacing:.05em; margin-bottom: 1.6rem; display:block; color: var(--ink); }\n\n  \/* mobile sticky cta *\/\n  .apn-2026 .mobile-cta { display:none; }\n  @media (max-width: 720px) {\n    .apn-2026 .mobile-cta { display:flex; position: sticky; bottom:0; z-index:39; background: var(--ink); padding: .8rem 1rem; justify-content:center; }\n    .apn-2026 .mobile-cta .btn { width:100%; justify-content:center; }\n  }\n\n  \/* ============ RESPONSIVE ============ *\/\n  @media (max-width: 900px) {\n    .apn-2026 .hero-grid { grid-template-columns: 1fr; }\n    .apn-2026 .hero-photo { max-width: 380px; }\n    .apn-2026 .why-grid { grid-template-columns: 1fr; gap: 2rem; }\n    .apn-2026 .elig-cols { grid-template-columns: 1fr; }\n    .apn-2026 .find-grid { grid-template-columns: 1fr 1fr; }\n    .apn-2026 .stats-grid { grid-template-columns: 1fr 1fr; row-gap: 2.4rem; }\n    .apn-2026 .partners-grid { grid-template-columns: 1fr; }\n    .apn-2026 section { padding: 4rem 0; }\n  }\n  @media (max-width: 560px) {\n    .apn-2026 .find-grid { grid-template-columns: 1fr; }\n    .apn-2026 .selection-line { flex-direction: column; }\n    .apn-2026 .selection-line::before { display:none; }\n  }\n  @media (prefers-reduced-motion: reduce) { .apn-2026 .reveal { transition: none; opacity:1; transform:none; } }\n\n<\/style>\n<!-- ===================== HERO ===================== -->\n<div class=\"hero\">\n  <div class=\"hero-window\" aria-hidden=\"true\"><\/div>\n  <div class=\"wrap hero-grid\">\n    <div class=\"reveal in\">\n      <span class=\"eyebrow\">Appel \u00e0 projets 2026<\/span>\n      <h1>Appel \u00e0 projets Care : \u00ab&nbsp;Pr\u00e9venir, accompagner, inclure&nbsp;\u00bb<\/h1>\n      <p class=\"lede\">Vous d\u00e9veloppez une <strong> solution innovante<\/strong> pour pr\u00e9venir les fragilit\u00e9s, accompagner les parcours de vie ou favoriser l'inclusion&nbsp;? Postulez afin de b\u00e9n\u00e9ficier de <strong>18 mois d'accompagnement <\/strong> et transformer votre projet en <strong>solution durable.<\/strong><\/p> \n\n      <div class=\"dates\">\ud83d\udcc5 Postulez du 16 septembre au 15 novembre 2026 inclus<\/div>\n      <div class=\"ctas\">\n        <a href=\"https:\/\/la-lucarne.org\/index.php\/postuler\/\" class=\"btn btn-primary\">Je postule<\/a>\n        <a href=\"https:\/\/la-lucarne.org\/wp-content\/uploads\/2025\/10\/Plaquette-beneficiaire-La-Lucarne-2025.pdf\" class=\"btn btn-ghost-dark\">Je t\u00e9l\u00e9charge la plaquette<\/a>\n      <\/div>\n      <div class=\"logo-row\">\n        \n        <div class=\"names\">\n          <img decoding=\"async\" class=\"logo-lucarne\" src=\"\">\n          <span><\/span>\n          <img decoding=\"async\" class=\"logo-ag2r\" src=\"\" alt=\"\">\n          <span><\/span>\n          <img decoding=\"async\" class=\"logo-malakoff\" src=\"\" alt=\"\">\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"hero-photo reveal in\">\n      <img decoding=\"async\" src=\"https:\/\/la-lucarne.org\/wp-content\/uploads\/2026\/08\/174397.jpg\" alt=\"Deux personnes se tenant les mains, geste d'accompagnement et de lien humain\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\n      <div class=\"cap\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n(function(){\n  var scriptEl = document.currentScript;\n  var root = scriptEl.closest('.apn-2026');\n  if (!root) return;\n  var els = root.querySelectorAll('.reveal');\n  if (!('IntersectionObserver' in window)) { els.forEach(function(e){e.classList.add('in');}); return; }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(en){ if (en.isIntersecting) { en.target.classList.add('in'); io.unobserve(en.target); } });\n  }, {threshold:.12});\n  els.forEach(function(e){ io.observe(e); });\n  root.querySelectorAll('a[href^=\"#\"]').forEach(function(a){\n    a.addEventListener('click', function(ev){\n      var id = a.getAttribute('href').slice(1);\n      var target = document.getElementById(id);\n      if (target) { ev.preventDefault(); target.scrollIntoView({behavior:'smooth', block:'start'}); }\n    });\n  });\n})();\n<\/script>\n<\/div>\n<div class=\"apn-2026\">\n<style>\n\n  @font-face {\n    font-family: 'Lemon Milk';\n    src: url('\/wp-content\/fonts\/LemonMilk-Bold.woff2') format('woff2');\n    font-weight: 700; font-display: swap;\n  }\n  @font-face {\n    font-family: 'Avenir';\n    src: url('\/wp-content\/fonts\/Avenir-Book.woff2') format('woff2');\n    font-weight: 400; font-display: swap;\n  }\n  @font-face {\n    font-family: 'Avenir';\n    src: url('\/wp-content\/fonts\/Avenir-Heavy.woff2') format('woff2');\n    font-weight: 700; font-display: swap;\n  }\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700;800&family=Jost:wght@400;500;600&display=swap');\n\n  .apn-2026, .apn-2026 * { box-sizing: border-box; }\n\n  .apn-2026 {\n    --ink:        #06242C;\n    --paper:      #F9FBF1;\n    --sand:       #EADDC1;\n    --khaki:      #C9B186;\n    --gold:       #F1A83F;\n    --coral:      #EE844F;\n    --red:        #E7532B;\n    --teal:       #44CABD;\n    --teal-deep:  #21938C;\n    --white:      #FFFFFF;\n\n    --display: 'Lemon Milk', 'Poppins', sans-serif;\n    --sans:    'Avenir', 'Jost', -apple-system, 'Century Gothic', Helvetica, Arial, sans-serif;\n\n    background: var(--paper);\n    color: var(--ink);\n    font-family: var(--sans);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n  }\n\n  .apn-2026 h1, .apn-2026 h2, .apn-2026 h3 {\n    font-family: var(--display);\n    font-weight: 700;\n    text-transform: uppercase;\n    line-height: 1.14;\n    letter-spacing: .01em;\n    margin: 0 0 .5em;\n    color: var(--ink);\n  }\n  .apn-2026 p { margin: 0 0 1em; }\n  .apn-2026 a { color: inherit; }\n\n  .apn-2026 .eyebrow {\n    font-family: var(--display);\n    font-size: .68rem;\n    letter-spacing: .18em;\n    text-transform: uppercase;\n    color: var(--red);\n    display: inline-flex;\n    align-items: center;\n    gap: .6em;\n    margin-bottom: 1.1em;\n  }\n  .apn-2026 .eyebrow::before {\n    content: \"\";\n    width: 26px; height: 3px;\n    background: var(--gold);\n    display: inline-block;\n  }\n\n  .apn-2026 .wrap  { max-width: 1140px; margin: 0 auto; padding: 0 6vw; }\n  .apn-2026 section { position: relative; padding: 6.5rem 0; }\n  .apn-2026 .reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }\n  .apn-2026 .reveal.in { opacity: 1; transform: none; }\n\n  \/* ============ SECTION 2 \u2014 pourquoi ============ *\/\n  .apn-2026 .why-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 4rem;\n    align-items: start;   \/* les deux colonnes partent du m\u00eame bord haut *\/\n  }\n\n  .apn-2026 .why-left {\n    align-self: start;\n  }\n\n  .apn-2026 .why-grid p { color: var(--ink); opacity: .78; font-size: 1.02rem; }\n\n  \/* \u2726 colonne droite : d\u00e9marre exactement au niveau du haut du titre\n     On utilise un pseudo-\u00e9l\u00e9ment sur le wrapper gauche pour mesurer\n     la hauteur de l'eyebrow, puis on compense sur la colonne droite.\n     Solution la plus fiable : on place l'eyebrow DANS la colonne gauche\n     et les cartes partent du top de la grille = niveau du titre. *\/\n  .apn-2026 .panes {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 1rem;\n    align-self: start;\n    \/* eyebrow height : font ~0.68rem + margin-bottom 1.1em \u2248 2.2rem *\/\n    margin-top: 2.2rem;\n  }\n\n  .apn-2026 .pane-card {\n    background: var(--white);\n    border: 2px solid var(--ink);\n    border-radius: 14px;\n    padding: 1.6rem 1.3rem;\n    display: flex;\n    flex-direction: column;\n    gap: .9rem;\n  }\n  .apn-2026 .pane-card b {\n    font-family: var(--display);\n    font-size: .92rem;\n    text-transform: uppercase;\n    letter-spacing: .02em;\n    font-weight: 700;\n  }\n  .apn-2026 .pane-icon {\n    width: 52px; height: 52px;\n    font-size: 1.35rem;\n    border: 2px solid var(--ink);\n    border-radius: 16px;\n    position: relative;\n    display: flex; align-items: center; justify-content: center;\n    flex-shrink: 0;\n    background: var(--white);\n  }\n  .apn-2026 .pane-icon .dot {\n    position: absolute; width: 15px; height: 15px; border-radius: 50%;\n    background: var(--dot, var(--gold)); top: -7px; right: -7px;\n    border: 2px solid var(--paper);\n  }\n  .apn-2026 .pane-card:nth-child(1) .pane-icon { --dot: var(--coral); }\n  .apn-2026 .pane-card:nth-child(2) .pane-icon { --dot: var(--teal); }\n  .apn-2026 .pane-card:nth-child(3) .pane-icon { --dot: var(--gold); }\n  .apn-2026 .pane-card:nth-child(4) .pane-icon { --dot: var(--teal-deep); }\n\n  @media (max-width: 900px) {\n    .apn-2026 .why-grid  { grid-template-columns: 1fr; gap: 2rem; }\n    .apn-2026 .panes     { margin-top: 0; }\n    .apn-2026 section    { padding: 4rem 0; }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .apn-2026 .reveal { transition: none; opacity: 1; transform: none; }\n  }\n\n<\/style>\n\n<section id=\"pourquoi\">\n  <div class=\"wrap why-grid\">\n\n    <!-- colonne gauche : eyebrow + titre + texte -->\n    <div class=\"reveal why-left\">\n      <span class=\"eyebrow\">Le contexte<\/span>\n      <h2>Pourquoi cet appel \u00e0 projets&nbsp;?<\/h2>\n      <p>Le Grand Est (comme la France enti\u00e8re) fait face \u00e0 des <strong>mutations profondes<\/strong>&nbsp;: vieillissement de la population, isolement, fragilisation des parcours de vie, prise en charge \u00e0 g\u00e9om\u00e9trie variable du handicap, besoin croissant d'inclusion.<\/p>\n      <p>Des <strong>r\u00e9ponses innovantes<\/strong> \u00e9mergent partout, port\u00e9es par des personnes ing\u00e9nieuses, associations et collectifs.<\/p>\n      <p>La Lucarne structure cet appel \u00e0 projets pour <strong>faire \u00e9merger des solutions<\/strong> \u00e0 ces enjeux de soci\u00e9t\u00e9 autour du \u00ab&nbsp;<strong>Care<\/strong>&nbsp;\u00bb.<\/p>\n      <p>Cet appel se structure autour de quatre d\u00e9fis, pour lesquels des solutions peuvent \u00eatre d\u00e9velopp\u00e9es \u00e0 l'\u00e9chelle de la r\u00e9gion et pourquoi pas du territoire fran\u00e7ais.<\/p>\n    <\/div>\n\n    <!-- colonne droite : cartes align\u00e9es avec le haut du titre -->\n    <div class=\"reveal panes\">\n      <div class=\"pane-card\">\n        <div class=\"pane-icon\">\ud83d\udc65<span class=\"dot\"><\/span><\/div>\n        <b>Aidance<\/b>\n        <span style=\"font-size:.86rem;color:var(--ink);opacity:.7\">Soutenir celles et ceux qui accompagnent un proche<\/span>\n      <\/div>\n      <div class=\"pane-card\">\n        <div class=\"pane-icon\">\u267f<span class=\"dot\"><\/span><\/div>\n        <b>Inclusion<\/b>\n        <span style=\"font-size:.86rem;color:var(--ink);opacity:.7\">Faciliter les d\u00e9placements et la participation de tout un chacun<\/span>\n      <\/div>\n      <div class=\"pane-card\">\n        <div class=\"pane-icon\">\ud83c\udf31<span class=\"dot\"><\/span><\/div>\n        <b>Pr\u00e9vention<\/b>\n        <span style=\"font-size:.86rem;color:var(--ink);opacity:.7\">Agir en amont des fragilit\u00e9s et des ruptures<\/span>\n      <\/div>\n      <div class=\"pane-card\">\n        <div class=\"pane-icon\">\ud83d\udc75<span class=\"dot\"><\/span><\/div>\n        <b>Bien vieillir<\/b>\n        <span style=\"font-size:.86rem;color:var(--ink);opacity:.7\">Accompagner l'avanc\u00e9e en \u00e2ge dans la dignit\u00e9<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var scriptEl = document.currentScript;\n  var root = scriptEl.closest('.apn-2026');\n  if (!root) return;\n  var els = root.querySelectorAll('.reveal');\n  if (!('IntersectionObserver' in window)) { els.forEach(function(e){e.classList.add('in');}); return; }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(en){ if (en.isIntersecting) { en.target.classList.add('in'); io.unobserve(en.target); } });\n  }, {threshold:.12});\n  els.forEach(function(e){ io.observe(e); });\n})();\n<\/script>\n<\/div>\n<!-- ============================================================\n  LA LUCARNE \u2014 Appel \u00e0 projets 2026 \u2014 Bloc 3 \u2014 \u00c9ligibilit\u00e9 (auto-diagnostic)\n  \u00c0 coller dans un \u00e9l\u00e9ment \"Code Block\" de Cornerstone.\n============================================================= -->\n<div class=\"apn-2026\">\n<style>\n  @font-face {\n    font-family: 'Lemon Milk';\n    src: url('\/wp-content\/fonts\/LemonMilk-Bold.woff2') format('woff2');\n    font-weight: 700; font-display: swap;\n  }\n  @font-face {\n    font-family: 'Avenir';\n    src: url('\/wp-content\/fonts\/Avenir-Book.woff2') format('woff2');\n    font-weight: 400; font-display: swap;\n  }\n  @font-face {\n    font-family: 'Avenir';\n    src: url('\/wp-content\/fonts\/Avenir-Heavy.woff2') format('woff2');\n    font-weight: 700; font-display: swap;\n  }\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700;800&family=Jost:wght@400;500;600&display=swap');\n\n  .apn-2026, .apn-2026 * { box-sizing: border-box; }\n\n  .apn-2026 {\n    --ink:        #06242C;\n    --paper:      #F9FBF1;\n    --sand:       #EADDC1;\n    --khaki:      #C9B186;\n    --gold:       #F1A83F;\n    --coral:      #EE844F;\n    --red:        #E7532B;\n    --teal:       #44CABD;\n    --teal-deep:  #21938C;\n    --white:      #FFFFFF;\n\n    --display: 'Lemon Milk', 'Poppins', sans-serif;\n    --sans:    'Avenir', 'Jost', -apple-system, 'Century Gothic', Helvetica, Arial, sans-serif;\n\n    background: var(--paper);\n    color: var(--ink);\n    font-family: var(--sans);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n  }\n\n  .apn-2026 h1, .apn-2026 h2, .apn-2026 h3 {\n    font-family: var(--display);\n    font-weight: 700;\n    text-transform: uppercase;\n    line-height: 1.14;\n    letter-spacing: .01em;\n    margin: 0 0 .5em;\n    color: var(--ink);\n  }\n  .apn-2026 p { margin: 0 0 1em; }\n  .apn-2026 a { color: inherit; }\n  .apn-2026 .eyebrow {\n    font-family: var(--display);\n    font-size: .68rem;\n    letter-spacing: .18em;\n    text-transform: uppercase;\n    color: var(--red);\n    display: inline-flex;\n    align-items: center;\n    gap: .6em;\n    margin-bottom: 1.1em;\n  }\n  .apn-2026 .eyebrow::before {\n    content: \"\";\n    width: 26px; height: 3px;\n    background: var(--gold);\n    display: inline-block;\n  }\n  .apn-2026 .wrap { max-width: 1140px; margin: 0 auto; padding: 0 6vw; }\n  .apn-2026 section { position: relative; padding: 6.5rem 0; }\n  .apn-2026 .reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }\n  .apn-2026 .reveal.in { opacity: 1; transform: none; }\n\n  \/* Bouton Je postule *\/\n  .apn-2026 .btn {\n    font-family: var(--display);\n    font-weight: 700;\n    font-size: .82rem;\n    letter-spacing: .04em;\n    text-transform: uppercase;\n    border-radius: 999px;\n    padding: 1em 2.1em;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: .6em;\n    text-decoration: none;\n    border: 2px solid transparent;\n    cursor: pointer;\n    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;\n  }\n  .apn-2026 .btn:hover { transform: translateY(-2px); }\n  .apn-2026 .btn-primary { background: var(--gold); color: var(--ink); }\n  .apn-2026 .btn-primary:hover { background: var(--red); color: var(--white); box-shadow: 0 10px 24px -10px rgba(231,83,43,.55); }\n\n  \/* Bouton Webinaires (Vert fonc\u00e9 -> Hover Orange) *\/\n  :root body .apn-2026 a.btn-webinar-target {\n    background: #21938C !important;\n    background-color: #21938C !important;\n    color: #FFFFFF !important;\n    font-family: var(--display) !important;\n    font-weight: 700 !important;\n    font-size: .82rem !important;\n    letter-spacing: .04em !important;\n    text-transform: uppercase !important;\n    border-radius: 999px !important;\n    padding: 1.1em 2.2em !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    text-decoration: none !important;\n    border: 2px solid transparent !important;\n    box-shadow: 0 4px 14px rgba(0,0,0,0.25) !important;\n    transition: all .2s ease !important;\n  }\n  :root body .apn-2026 a.btn-webinar-target:hover {\n    background: #EE844F !important;\n    background-color: #EE844F !important;\n    color: #FFFFFF !important;\n    transform: translateY(-2px) !important;\n    box-shadow: 0 10px 24px -6px rgba(238, 132, 79, 0.7) !important;\n  }\n\n  \/* \u00c9ligibilit\u00e9 *\/\n  .apn-2026 .elig { background: var(--ink); color: var(--paper); }\n  .apn-2026 .elig .eyebrow { color: var(--gold); }\n  .apn-2026 .elig .eyebrow::before { background: var(--coral); }\n  .apn-2026 .elig h2 { color: var(--paper); }\n  .apn-2026 .elig-cols { display:grid; grid-template-columns: repeat(3,1fr); gap: 1.4rem; margin-top: 2.5rem; }\n  .apn-2026 .elig-card { background: rgba(249,251,241,.06); border: 2px solid rgba(249,251,241,.22); border-radius: 14px; padding: 1.7rem 1.5rem; }\n  .apn-2026 .elig-card h3 { font-size: .92rem; color: var(--gold); margin-bottom: 1rem; }\n  .apn-2026 .elig-card ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.7rem; }\n  .apn-2026 .elig-card li { display:flex; gap:.7em; align-items:flex-start; font-size:.94rem; color: rgba(249,251,241,.9); }\n  .apn-2026 .elig-card li::before { content:\"\"; width:14px; height:14px; margin-top:.2em; flex-shrink:0; border:2px solid var(--teal); border-radius:4px; background: transparent; }\n  .apn-2026 .elig-note { margin-top: 2.2rem; text-align:center; font-family: var(--display); text-transform:none; font-weight:700; font-size: 1.1rem; color: var(--paper); }\n\n  .apn-2026 .elig-cta-wrap {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    margin-top: 2rem;\n  }\n  .apn-2026 .elig-webinar-text {\n    max-width: 60ch;\n    margin: 2.4rem auto 1.4rem;\n    font-size: .95rem;\n    color: rgba(249,251,241,.85);\n    line-height: 1.6;\n  }\n\n  @media (max-width: 900px) {\n    .apn-2026 .elig-cols { grid-template-columns: 1fr; }\n    .apn-2026 section { padding: 4rem 0; }\n  }\n  @media (max-width: 560px) {\n    .apn-2026 .btn, :root body .apn-2026 a.btn-webinar-target { width: 100% !important; max-width: 320px !important; }\n  }\n  @media (prefers-reduced-motion: reduce) { .apn-2026 .reveal { transition: none; opacity:1; transform:none; } }\n<\/style>\n\n<!-- SECTION 3 \u2014 \u00c9ligibilit\u00e9 -->\n<section id=\"eligibilite\" class=\"elig\">\n  <div class=\"wrap reveal\">\n    <span class=\"eyebrow\">Auto-diagnostic<\/span>\n    <h2>Suis-je \u00e9ligible&nbsp;?<\/h2>\n    \n    <div class=\"elig-cols\">\n      <div class=\"elig-card\">\n        <h3>Vous d\u00e9veloppez\u2026<\/h3>\n        <ul>\n          <li>un produit<\/li>\n          <li>un service<\/li>\n          <li>une innovation sociale<\/li>\n          <li>une innovation num\u00e9rique<\/li>\n          <li>une nouvelle organisation<\/li>\n        <\/ul>\n      <\/div>\n      \n      <div class=\"elig-card\">\n        <h3>Vous \u00eates\u2026<\/h3>\n        <ul>\n          <li>un\u00b7e entrepreneur\u00b7e<\/li>\n          <li>un\u00b7e intrapreneur\u00b7e<\/li>\n          <li>une association<\/li>\n          <li>une entreprise<\/li>\n          <li>une coop\u00e9rative<\/li>\n        <\/ul>\n      <\/div>\n      \n      <div class=\"elig-card\">\n        <h3>Votre projet\u2026<\/h3>\n        <ul>\n          <li>est implant\u00e9 dans le Grand Est<\/li>\n          <li>r\u00e9pond \u00e0 un enjeu social<\/li>\n          <li>poss\u00e8de un mod\u00e8le \u00e9conomique viable<\/li>\n          <li>et innovant<\/li>\n          <li>vous pouvez vous investir pendant 18 mois<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    \n    <p class=\"elig-note\">Si vous cochez la majorit\u00e9 de ces crit\u00e8res, nous vous invitons chaleureusement \u00e0 postuler.<\/p>\n\n    <!-- Zone CTA -->\n    <div class=\"elig-cta-wrap\">\n      <div>\n        <a href=\"https:\/\/la-lucarne.org\/index.php\/postuler\/\" class=\"btn btn-primary\">Je postule<\/a>\n      <\/div>\n      \n      <p class=\"elig-webinar-text\">\n        Si vous avez des questions sur votre \u00e9ligibilit\u00e9 ou souhaitez simplement nous rencontrer, vous trouverez un rendez-vous sous forme de webinaire en bas de cette page. Pr\u00e9-inscrivez-vous !\n      <\/p>\n\n      <div>\n        <a href=\"#webinaires-bloc\" \n           class=\"btn-webinar-target\" \n           style=\"background-color: #21938C !important; color: #FFFFFF !important; display: inline-flex !important; padding: 1.1em 2.2em !important; border-radius: 999px !important; text-decoration: none !important; font-weight: 700 !important; cursor: pointer !important;\"\n           onclick=\"var target = document.getElementById('webinaires-bloc'); if(target){ target.scrollIntoView({behavior:'smooth', block:'start'}); return false; }\">\n          Voir le webinaire &nbsp;\u2193\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var scriptEl = document.currentScript;\n  var root = scriptEl.closest('.apn-2026');\n  if (!root) return;\n  var els = root.querySelectorAll('.reveal');\n  if (!('IntersectionObserver' in window)) { els.forEach(function(e){e.classList.add('in');}); return; }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(en){ if (en.isIntersecting) { en.target.classList.add('in'); io.unobserve(en.target); } });\n  }, {threshold:.12});\n  els.forEach(function(e){ io.observe(e); });\n})();\n<\/script>\n<\/div>\n<div class=\"x-section e347-e4 m9n-0\"><\/div><!-- ============================================================\n  LA LUCARNE \u2014 Appel \u00e0 projets 2026 \u2014 Bloc 4 \u2014 Parcours 18 mois\n  \u00c0 coller dans un \u00e9l\u00e9ment \"Code Block\" (bloc de code brut) de Cornerstone.\n  Ce bloc est autonome : il contient tout son CSS, vous pouvez le placer\n  seul, dans n'importe quel ordre, sur n'importe quelle page.\n============================================================= -->\n<div class=\"apn-2026\">\n<style>\n\n  \/* -- \u00c0 REMPLACER par vos fichiers de police r\u00e9els -- *\/\n  @font-face {\n    font-family: 'Lemon Milk';\n    src: url('\/wp-content\/fonts\/LemonMilk-Bold.woff2') format('woff2');\n    font-weight: 700; font-display: swap;\n  }\n  @font-face {\n    font-family: 'Avenir';\n    src: url('\/wp-content\/fonts\/Avenir-Book.woff2') format('woff2');\n    font-weight: 400; font-display: swap;\n  }\n  @font-face {\n    font-family: 'Avenir';\n    src: url('\/wp-content\/fonts\/Avenir-Heavy.woff2') format('woff2');\n    font-weight: 700; font-display: swap;\n  }\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700;800&family=Jost:wght@400;500;600&display=swap');\n\n  .apn-2026, .apn-2026 * { box-sizing: border-box; }\n\n  .apn-2026 {\n    \/* ---- charte officielle La Lucarne ---- *\/\n    --ink:        #06242C; \/* bleu nuit \u2014 texte, fonds sombres *\/\n    --paper:      #F9FBF1; \/* blanc cass\u00e9 \u2014 fond principal *\/\n    --sand:       #EADDC1; \/* sable \u2014 fonds altern\u00e9s *\/\n    --khaki:      #C9B186; \/* tan \u2014 accents discrets *\/\n    --gold:       #F1A83F; \/* jaune dor\u00e9 \u2014 accent principal \/ CTA *\/\n    --coral:      #EE844F; \/* corail \u2014 accent secondaire *\/\n    --red:        #E7532B; \/* rouge-orang\u00e9 \u2014 accent fort \/ hover *\/\n    --teal:       #44CABD; \/* turquoise \u2014 accent *\/\n    --teal-deep:  #21938C; \/* turquoise fonc\u00e9 \u2014 accent \/ fonds *\/\n    --white:      #FFFFFF;\n\n    --display: 'Lemon Milk', 'Poppins', sans-serif;\n    --sans:    'Avenir', 'Jost', -apple-system, 'Century Gothic', Helvetica, Arial, sans-serif;\n    --mono:    'Jost', ui-monospace, monospace;\n\n    background: var(--paper);\n    color: var(--ink);\n    font-family: var(--sans);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n  }\n\n  .apn-2026 h1, .apn-2026 h2, .apn-2026 h3 {\n    font-family: var(--display);\n    font-weight: 700;\n    text-transform: uppercase;\n    line-height: 1.14;\n    letter-spacing: .01em;\n    margin: 0 0 .5em;\n    color: var(--ink);\n  }\n  .apn-2026 p { margin: 0 0 1em; }\n  .apn-2026 a { color: inherit; }\n  .apn-2026 .eyebrow {\n    font-family: var(--display);\n    font-size: .68rem;\n    letter-spacing: .18em;\n    text-transform: uppercase;\n    color: var(--red);\n    display: inline-flex;\n    align-items: center;\n    gap: .6em;\n    margin-bottom: 1.1em;\n  }\n  .apn-2026 .eyebrow::before {\n    content: \"\";\n    width: 26px; height: 3px;\n    background: var(--gold);\n    display: inline-block;\n  }\n  .apn-2026 .wrap { max-width: 1140px; margin: 0 auto; padding: 0 6vw; }\n  .apn-2026 section { position: relative; padding: 6.5rem 0; }\n  .apn-2026 .reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }\n  .apn-2026 .reveal.in { opacity: 1; transform: none; }\n\n  \/* ---------- pictos : cadre + pastille couleur (sans croisillon) ---------- *\/\n  .apn-2026 .pane-icon {\n    width: 64px; height: 64px;\n    border: 2px solid var(--ink);\n    border-radius: 16px;\n    position: relative;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 1.6rem;\n    flex-shrink: 0;\n    background: var(--white);\n  }\n  .apn-2026 .pane-icon .dot {\n    position:absolute; width:15px; height:15px; border-radius:50%;\n    background: var(--dot, var(--gold)); top:-7px; right:-7px;\n    border: 2px solid var(--paper);\n  }\n\n  \/* ---------- buttons ---------- *\/\n  .apn-2026 .btn {\n    font-family: var(--display);\n    font-weight: 700;\n    font-size: .82rem;\n    letter-spacing: .04em;\n    text-transform: uppercase;\n    border-radius: 999px;\n    padding: 1em 2.1em;\n    display: inline-flex;\n    align-items: center;\n    gap: .6em;\n    text-decoration: none;\n    border: 2px solid transparent;\n    cursor: pointer;\n    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;\n  }\n  .apn-2026 .btn:hover { transform: translateY(-2px); }\n  .apn-2026 .btn-primary { background: var(--gold); color: var(--ink); }\n  .apn-2026 .btn-primary:hover { background: var(--red); color: var(--white); box-shadow: 0 10px 24px -10px rgba(231,83,43,.55); }\n  .apn-2026 .btn-ghost-dark { border-color: var(--ink); color: var(--ink); background: transparent; }\n  .apn-2026 .btn-ghost-dark:hover { background: var(--ink); color: var(--paper); }\n  .apn-2026 .btn-on-ink { background: var(--gold); color: var(--ink); }\n  .apn-2026 .btn-on-ink:hover { background: var(--white); }\n\n  \/* ============ HERO ============ *\/\n  .apn-2026 .hero { padding: 5.5rem 0 5rem; position: relative; background: var(--paper); overflow: hidden; }\n  .apn-2026 .hero-window {\n    position: absolute; right: -6%; top: -10%; width: 620px; height: 620px;\n    border: 2px solid var(--sand); border-radius: 50%; pointer-events: none;\n  }\n  .apn-2026 .hero-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 3.5rem; align-items: center; position: relative; }\n  .apn-2026 .hero h1 { font-size: clamp(1.9rem, 3.6vw, 3rem); max-width: 13ch; }\n  .apn-2026 .hero .lede { font-size: 1.08rem; color: var(--ink); opacity:.78; max-width: 46ch; }\n  .apn-2026 .hero .dates {\n    font-family: var(--sans); font-weight:600; font-size: .88rem;\n    display:inline-flex; align-items:center; gap:.6em;\n    background: var(--white); border: 2px solid var(--ink);\n    border-radius: 999px;\n    padding: .7em 1.3em; margin: 1.6rem 0 1.9rem;\n  }\n  .apn-2026 .hero .ctas { display:flex; gap: 1rem; flex-wrap: wrap; }\n  .apn-2026 .hero-photo { aspect-ratio: 4\/5; position: relative; overflow: hidden; border: 3px solid var(--ink); border-radius: 18px; }\n  .apn-2026 .hero-photo .cap {\n    position:absolute; left:1.2rem; bottom:1.2rem; right:1.2rem;\n    color: var(--white); font-family: var(--sans); font-weight:600; font-size:.72rem;\n    letter-spacing:.05em; opacity:.95;\n  }\n  .apn-2026 .hero-photo svg { position:absolute; inset:0; width:100%; height:100%; }\n  .apn-2026 .logo-row { margin-top: 4rem; display:flex; align-items:center; gap: 2.4rem; flex-wrap:wrap; }\n  .apn-2026 .logo-row span:first-child { font-family: var(--display); font-size:.62rem; letter-spacing:.12em; text-transform:uppercase; color: var(--teal-deep); }\n  .apn-2026 .logo-row .names { display:flex; gap: 1.6rem; flex-wrap:wrap; font-family: var(--display); font-weight:700; font-size:.92rem; text-transform:uppercase; color: var(--ink); }\n  .apn-2026 .logo-row .names span { opacity:.55; }\n\n  \/* ============ SECTION 2 \u2014 pourquoi ============ *\/\n  .apn-2026 .why-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items:start; }\n  .apn-2026 .why-grid p { color: var(--ink); opacity:.78; font-size: 1.02rem; }\n  .apn-2026 .panes { display:grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n  .apn-2026 .pane-card { background: var(--white); border: 2px solid var(--ink); border-radius: 14px; padding: 1.6rem 1.3rem; display:flex; flex-direction:column; gap:.9rem; }\n  .apn-2026 .pane-card .pane-icon { width:52px; height:52px; font-size:1.35rem; }\n  .apn-2026 .pane-card b { font-family: var(--display); font-size: .92rem; text-transform:uppercase; letter-spacing:.02em; font-weight:700; }\n  .apn-2026 .pane-card:nth-child(1) .pane-icon{ --dot:var(--coral); }\n  .apn-2026 .pane-card:nth-child(2) .pane-icon{ --dot:var(--teal); }\n  .apn-2026 .pane-card:nth-child(3) .pane-icon{ --dot:var(--gold); }\n  .apn-2026 .pane-card:nth-child(4) .pane-icon{ --dot:var(--teal-deep); }\n\n  \/* ============ SECTION 3 \u2014 \u00e9ligibilit\u00e9 ============ *\/\n  .apn-2026 .elig { background: var(--ink); color: var(--paper); }\n  .apn-2026 .elig .eyebrow { color: var(--gold); }\n  .apn-2026 .elig .eyebrow::before { background: var(--coral); }\n  .apn-2026 .elig h2 { color: var(--paper); }\n  .apn-2026 .elig-cols { display:grid; grid-template-columns: repeat(3,1fr); gap: 1.4rem; margin-top: 2.5rem; }\n  .apn-2026 .elig-card { background: rgba(249,251,241,.06); border: 2px solid rgba(249,251,241,.22); border-radius: 14px; padding: 1.7rem 1.5rem; }\n  .apn-2026 .elig-card h3 { font-size: .92rem; color: var(--gold); margin-bottom: 1rem; }\n  .apn-2026 .elig-card ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.7rem; }\n  .apn-2026 .elig-card li { display:flex; gap:.7em; align-items:flex-start; font-size:.94rem; color: rgba(249,251,241,.9); }\n  .apn-2026 .elig-card li::before { content:\"\"; width:14px; height:14px; margin-top:.2em; flex-shrink:0; border:2px solid var(--teal); border-radius:4px; background: transparent; }\n  .apn-2026 .elig-note { margin-top: 2.2rem; text-align:center; font-family: var(--display); text-transform:none; font-weight:700; font-size: 1.1rem; color: var(--paper); }\n\n  \/* ============ SECTION 4 \u2014 parcours 18 mois ============ *\/\n  .apn-2026 .timeline { margin-top: 3rem; position:relative; }\n  .apn-2026 .timeline::before { content:\"\"; position:absolute; left: 19px; top:6px; bottom:6px; width:2px; background: repeating-linear-gradient(180deg, var(--khaki) 0 6px, transparent 6px 12px); }\n  .apn-2026 .t-step { display:flex; gap: 1.4rem; padding: 1.05rem 0; align-items:flex-start; }\n  .apn-2026 .t-dot { width:40px; height:40px; border-radius:50%; background: var(--white); border: 2px solid var(--ink); display:flex; align-items:center; justify-content:center; font-family: var(--display); font-weight:700; font-size:.78rem; flex-shrink:0; z-index:1; }\n  .apn-2026 .t-step:nth-child(4n+1) .t-dot { background: var(--gold); }\n  .apn-2026 .t-step:nth-child(4n+2) .t-dot { background: var(--teal); }\n  .apn-2026 .t-step:nth-child(4n+3) .t-dot { background: var(--coral); }\n  .apn-2026 .t-step:nth-child(4n+4) .t-dot { background: var(--khaki); }\n  .apn-2026 .t-step b { font-family: var(--display); font-size: .96rem; text-transform:uppercase; font-weight:700; display:block; }\n  .apn-2026 .t-step span { color: var(--ink); opacity:.72; font-size: .92rem; }\n\n  \/* ============ SECTION 5 \u2014 ce que vous trouverez ============ *\/\n  .apn-2026 .find-grid { display:grid; grid-template-columns: repeat(4,1fr); gap: 1.2rem; margin-top: 2.6rem; }\n  .apn-2026 .find-card { background: var(--white); border: 2px solid var(--ink); border-radius: 14px; padding: 1.8rem 1.4rem; }\n  .apn-2026 .find-card .pane-icon { margin-bottom: 1.1rem; }\n  .apn-2026 .find-card:nth-child(1) .pane-icon{ --dot:var(--coral); }\n  .apn-2026 .find-card:nth-child(2) .pane-icon{ --dot:var(--teal); }\n  .apn-2026 .find-card:nth-child(3) .pane-icon{ --dot:var(--gold); }\n  .apn-2026 .find-card:nth-child(4) .pane-icon{ --dot:var(--red); }\n  .apn-2026 .find-card h3 { font-size: .9rem; }\n  .apn-2026 .find-card p { font-size: .9rem; color: var(--ink); opacity:.72; margin:0; }\n\n  \/* ============ SECTION 6 \u2014 chiffres ============ *\/\n  .apn-2026 .stats { background: var(--teal-deep); color: var(--paper); }\n  .apn-2026 .stats-grid { display:grid; grid-template-columns: repeat(4,1fr); gap: 2rem; text-align:center; margin-top: 1rem;}\n  .apn-2026 .stats h2 { color: var(--paper); text-align:center; }\n  .apn-2026 .stats .eyebrow { color: var(--gold); justify-content:center; }\n  .apn-2026 .stat b { font-family: var(--display); font-size: clamp(2rem,3.6vw,2.7rem); font-weight:700; display:block; }\n  .apn-2026 .stat:nth-child(1) b{ color: var(--gold); }\n  .apn-2026 .stat:nth-child(2) b{ color: var(--coral); }\n  .apn-2026 .stat:nth-child(3) b{ color: var(--white); }\n  .apn-2026 .stat:nth-child(4) b{ color: var(--gold); }\n  .apn-2026 .stat span { font-size: .82rem; color: rgba(249,251,241,.8); }\n\n  \/* ============ SECTION 7 \u2014 s\u00e9lection ============ *\/\n  .apn-2026 .selection-line { display:flex; justify-content:space-between; margin-top: 3rem; position:relative; flex-wrap: wrap; gap: 2rem 0; }\n  .apn-2026 .selection-line::before { content:\"\"; position:absolute; left:0; right:0; top:9px; height:2px; background: var(--sand); }\n  .apn-2026 .sel-step { flex: 1 1 0; min-width: 130px; text-align:center; position:relative; }\n  .apn-2026 .sel-dot { width:20px; height:20px; border-radius:50%; background: var(--red); border:3px solid var(--paper); box-shadow:0 0 0 2px var(--ink); margin: 0 auto .9rem; position:relative; z-index:1; }\n  .apn-2026 .sel-step time { font-family: var(--display); font-weight:700; font-size:.76rem; text-transform:uppercase; color: var(--red); display:block; margin-bottom:.3rem; }\n  .apn-2026 .sel-step p { font-size:.88rem; margin:0; color: var(--ink); opacity:.72; }\n  .apn-2026 .sel-note { margin-top: 3rem; background: var(--white); border: 2px solid var(--ink); border-left: 6px solid var(--gold); border-radius: 0 14px 14px 0; padding: 1.3rem 1.6rem; font-size: .95rem; color: var(--ink); opacity:.85; max-width: 62ch; }\n\n  \/* ============ SECTION 8 \u2014 FAQ ============ *\/\n  .apn-2026 .faq { max-width: 820px; margin: 2.4rem auto 0; }\n  .apn-2026 .faq details { border-bottom: 2px solid var(--ink); padding: 1.15rem 0; }\n  .apn-2026 .faq summary { cursor:pointer; list-style:none; font-family: var(--display); text-transform:none; font-weight:700; font-size: .98rem; display:flex; justify-content:space-between; gap:1rem; align-items:center; }\n  .apn-2026 .faq summary::-webkit-details-marker { display:none; }\n  .apn-2026 .faq summary::after { content:\"+\"; font-family: var(--display); font-size:1.3rem; color: var(--red); flex-shrink:0; transition: transform .2s ease; }\n  .apn-2026 .faq details[open] summary::after { transform: rotate(45deg); }\n  .apn-2026 .faq .a { padding-top:.8rem; color: var(--ink); opacity:.75; font-size: .95rem; max-width: 68ch; }\n\n  \/* ============ SECTION 9 \u2014 partenaires ============ *\/\n  .apn-2026 .partners-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 2.4rem; margin-top: 2.2rem; }\n  .apn-2026 .partner-block { background: var(--white); border: 2px solid var(--ink); border-radius: 14px; padding: 1.8rem; }\n  .apn-2026 .partner-block h3 { font-size: .92rem; margin-bottom:.6rem; }\n  .apn-2026 .partner-block p { font-size: .92rem; color: var(--ink); opacity:.75; margin:0; }\n  .apn-2026 .partner-logos { margin-top: 2.6rem; display:flex; align-items:center; justify-content:center; gap: 3.2rem; flex-wrap: wrap; }\n  .apn-2026 .logo-slot { font-family: var(--display); font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; border:2px dashed var(--khaki); border-radius: 999px; padding: 1.1rem 1.6rem; color: var(--ink); opacity:.7; }\n\n  \/* ============ SECTION 10 \u2014 CTA final ============ *\/\n  .apn-2026 .final-cta { background: var(--gold); text-align:center; padding: 5.5rem 0; position:relative; overflow:hidden; }\n  .apn-2026 .final-cta .wrap { position:relative; }\n  .apn-2026 .final-cta h2 { font-size: clamp(1.7rem, 3.2vw, 2.5rem); max-width: 18ch; margin: 0 auto .3em; color: var(--ink); }\n  .apn-2026 .final-cta p.sub { font-family: var(--sans); font-weight:600; font-size:1.05rem; margin-bottom: 1.8rem; color: var(--ink); opacity:.85; }\n  .apn-2026 .final-cta .deadline { font-family: var(--display); font-weight:700; font-size:.78rem; text-transform:uppercase; letter-spacing:.05em; margin-bottom: 1.6rem; display:block; color: var(--ink); }\n\n  \/* mobile sticky cta *\/\n  .apn-2026 .mobile-cta { display:none; }\n  @media (max-width: 720px) {\n    .apn-2026 .mobile-cta { display:flex; position: sticky; bottom:0; z-index:39; background: var(--ink); padding: .8rem 1rem; justify-content:center; }\n    .apn-2026 .mobile-cta .btn { width:100%; justify-content:center; }\n  }\n\n  \/* ============ RESPONSIVE ============ *\/\n  @media (max-width: 900px) {\n    .apn-2026 .hero-grid { grid-template-columns: 1fr; }\n    .apn-2026 .hero-photo { max-width: 380px; }\n    .apn-2026 .why-grid { grid-template-columns: 1fr; gap: 2rem; }\n    .apn-2026 .elig-cols { grid-template-columns: 1fr; }\n    .apn-2026 .find-grid { grid-template-columns: 1fr 1fr; }\n    .apn-2026 .stats-grid { grid-template-columns: 1fr 1fr; row-gap: 2.4rem; }\n    .apn-2026 .partners-grid { grid-template-columns: 1fr; }\n    .apn-2026 section { padding: 4rem 0; }\n  }\n  @media (max-width: 560px) {\n    .apn-2026 .find-grid { grid-template-columns: 1fr; }\n    .apn-2026 .selection-line { flex-direction: column; }\n    .apn-2026 .selection-line::before { display:none; }\n  }\n  @media (prefers-reduced-motion: reduce) { .apn-2026 .reveal { transition: none; opacity:1; transform:none; } }\n\n<\/style>\n<!-- ===================== SECTION 4 \u2014 parcours 18 mois ===================== -->\n<section id=\"parcours\">\n  <div class=\"wrap\">\n    <div class=\"reveal\"><span class=\"eyebrow\">Le parcours<\/span><h2>Ce que vous allez vivre pendant 18&nbsp;mois<\/h2><\/div>\n    <div class=\"timeline reveal\">\n      <div class=\"t-step\"><div class=\"t-dot\">1<\/div><div><b>Candidature<\/b><span>D\u00e9p\u00f4t de votre dossier en ligne<\/span><\/div><\/div>\n      <div class=\"t-step\"><div class=\"t-dot\">2<\/div><div><b>S\u00e9lection<\/b><span>\u00c9tude du dossier et comit\u00e9 de s\u00e9lection<\/span><\/div><\/div>\n      <div class=\"t-step\"><div class=\"t-dot\">3<\/div><div><b>Accompagnement collectif<\/b><span>Ateliers et temps forts avec la promotion<\/span><\/div><\/div>\n      <div class=\"t-step\"><div class=\"t-dot\">4<\/div><div><b>Accompagnement individuel<\/b><span>Suivi personnalis\u00e9 avec la personne qui vous accompagnera<\/span><\/div><\/div>\n      <div class=\"t-step\"><div class=\"t-dot\">5<\/div><div><b>Programme de financement optionnel<\/b><span>Pr\u00e9paration et acc\u00e8s au financement de l'innovation (si pertinent pour le projet)<\/span><\/div><\/div>\n      <div class=\"t-step\"><div class=\"t-dot\">6<\/div><div><b>Experts<\/b><span>Mobilisation d'expertises sectorielles cibl\u00e9es<\/span><\/div><\/div>\n      <div class=\"t-step\"><div class=\"t-dot\">7<\/div><div><b>Mentorat<\/b><span>Mise en relation avec des personnes \u00e0 l'expertise pertinente pour votre projet<\/span><\/div><\/div>\n      <div class=\"t-step\"><div class=\"t-dot\">8<\/div><div><b>Revue de projets<\/b><span>Points d'\u00e9tape r\u00e9guliers sur votre trajectoire<\/span><\/div><\/div>\n      <div class=\"t-step\"><div class=\"t-dot\">9<\/div><div><b>R\u00e9seau et \u00e9cosyst\u00e8me<\/b><span>Int\u00e9gration au r\u00e9seau des projets accompagn\u00e9s<\/span><\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n(function(){\n  var scriptEl = document.currentScript;\n  var root = scriptEl.closest('.apn-2026');\n  if (!root) return;\n  var els = root.querySelectorAll('.reveal');\n  if (!('IntersectionObserver' in window)) { els.forEach(function(e){e.classList.add('in');}); return; }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(en){ if (en.isIntersecting) { en.target.classList.add('in'); io.unobserve(en.target); } });\n  }, {threshold:.12});\n  els.forEach(function(e){ io.observe(e); });\n  root.querySelectorAll('a[href^=\"#\"]').forEach(function(a){\n    a.addEventListener('click', function(ev){\n      var id = a.getAttribute('href').slice(1);\n      var target = document.getElementById(id);\n      if (target) { ev.preventDefault(); target.scrollIntoView({behavior:'smooth', block:'start'}); }\n    });\n  });\n})();\n<\/script>\n<\/div>\n<!-- ============================================================\n  LA LUCARNE \u2014 Appel \u00e0 projets 2026 \u2014 Bloc 5 \u2014 Ce que vous trouverez \u00e0 La Lucarne\n  \u00c0 coller dans un \u00e9l\u00e9ment \"Code Block\" (bloc de code brut) de Cornerstone.\n  Ce bloc est autonome : il contient tout son CSS, vous pouvez le placer\n  seul, dans n'importe quel ordre, sur n'importe quelle page.\n============================================================= -->\n<div class=\"apn-2026\">\n<style>\n\n  \/* -- \u00c0 REMPLACER par vos fichiers de police r\u00e9els -- *\/\n  @font-face {\n    font-family: 'Lemon Milk';\n    src: url('\/wp-content\/fonts\/LemonMilk-Bold.woff2') format('woff2');\n    font-weight: 700; font-display: swap;\n  }\n  @font-face {\n    font-family: 'Avenir';\n    src: url('\/wp-content\/fonts\/Avenir-Book.woff2') format('woff2');\n    font-weight: 400; font-display: swap;\n  }\n  @font-face {\n    font-family: 'Avenir';\n    src: url('\/wp-content\/fonts\/Avenir-Heavy.woff2') format('woff2');\n    font-weight: 700; font-display: swap;\n  }\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700;800&family=Jost:wght@400;500;600&display=swap');\n\n  .apn-2026, .apn-2026 * { box-sizing: border-box; }\n\n  .apn-2026 {\n    \/* ---- charte officielle La Lucarne ---- *\/\n    --ink:        #06242C; \/* bleu nuit \u2014 texte, fonds sombres *\/\n    --paper:      #F9FBF1; \/* blanc cass\u00e9 \u2014 fond principal *\/\n    --sand:       #EADDC1; \/* sable \u2014 fonds altern\u00e9s *\/\n    --khaki:      #C9B186; \/* tan \u2014 accents discrets *\/\n    --gold:       #F1A83F; \/* jaune dor\u00e9 \u2014 accent principal \/ CTA *\/\n    --coral:      #EE844F; \/* corail \u2014 accent secondaire *\/\n    --red:        #E7532B; \/* rouge-orang\u00e9 \u2014 accent fort \/ hover *\/\n    --teal:       #44CABD; \/* turquoise \u2014 accent *\/\n    --teal-deep:  #21938C; \/* turquoise fonc\u00e9 \u2014 accent \/ fonds *\/\n    --white:      #FFFFFF;\n\n    --display: 'Lemon Milk', 'Poppins', sans-serif;\n    --sans:    'Avenir', 'Jost', -apple-system, 'Century Gothic', Helvetica, Arial, sans-serif;\n    --mono:    'Jost', ui-monospace, monospace;\n\n    background: var(--paper);\n    color: var(--ink);\n    font-family: var(--sans);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n  }\n\n  .apn-2026 h1, .apn-2026 h2, .apn-2026 h3 {\n    font-family: var(--display);\n    font-weight: 700;\n    text-transform: uppercase;\n    line-height: 1.14;\n    letter-spacing: .01em;\n    margin: 0 0 .5em;\n    color: var(--ink);\n  }\n  .apn-2026 p { margin: 0 0 1em; }\n  .apn-2026 a { color: inherit; }\n  .apn-2026 .eyebrow {\n    font-family: var(--display);\n    font-size: .68rem;\n    letter-spacing: .18em;\n    text-transform: uppercase;\n    color: var(--red);\n    display: inline-flex;\n    align-items: center;\n    gap: .6em;\n    margin-bottom: 1.1em;\n  }\n  .apn-2026 .eyebrow::before {\n    content: \"\";\n    width: 26px; height: 3px;\n    background: var(--gold);\n    display: inline-block;\n  }\n  .apn-2026 .wrap { max-width: 1140px; margin: 0 auto; padding: 0 6vw; }\n  .apn-2026 section { position: relative; padding: 6.5rem 0; }\n  .apn-2026 .reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }\n  .apn-2026 .reveal.in { opacity: 1; transform: none; }\n\n  \/* ---------- pictos : cadre + pastille couleur (sans croisillon) ---------- *\/\n  .apn-2026 .pane-icon {\n    width: 64px; height: 64px;\n    border: 2px solid var(--ink);\n    border-radius: 16px;\n    position: relative;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 1.6rem;\n    flex-shrink: 0;\n    background: var(--white);\n  }\n  .apn-2026 .pane-icon .dot {\n    position:absolute; width:15px; height:15px; border-radius:50%;\n    background: var(--dot, var(--gold)); top:-7px; right:-7px;\n    border: 2px solid var(--paper);\n  }\n\n  \/* ---------- buttons ---------- *\/\n  .apn-2026 .btn {\n    font-family: var(--display);\n    font-weight: 700;\n    font-size: .82rem;\n    letter-spacing: .04em;\n    text-transform: uppercase;\n    border-radius: 999px;\n    padding: 1em 2.1em;\n    display: inline-flex;\n    align-items: center;\n    gap: .6em;\n    text-decoration: none;\n    border: 2px solid transparent;\n    cursor: pointer;\n    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;\n  }\n  .apn-2026 .btn:hover { transform: translateY(-2px); }\n  .apn-2026 .btn-primary { background: var(--gold); color: var(--ink); }\n  .apn-2026 .btn-primary:hover { background: var(--red); color: var(--white); box-shadow: 0 10px 24px -10px rgba(231,83,43,.55); }\n  .apn-2026 .btn-ghost-dark { border-color: var(--ink); color: var(--ink); background: transparent; }\n  .apn-2026 .btn-ghost-dark:hover { background: var(--ink); color: var(--paper); }\n  .apn-2026 .btn-on-ink { background: var(--gold); color: var(--ink); }\n  .apn-2026 .btn-on-ink:hover { background: var(--white); }\n\n  \/* ============ HERO ============ *\/\n  .apn-2026 .hero { padding: 5.5rem 0 5rem; position: relative; background: var(--paper); overflow: hidden; }\n  .apn-2026 .hero-window {\n    position: absolute; right: -6%; top: -10%; width: 620px; height: 620px;\n    border: 2px solid var(--sand); border-radius: 50%; pointer-events: none;\n  }\n  .apn-2026 .hero-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 3.5rem; align-items: center; position: relative; }\n  .apn-2026 .hero h1 { font-size: clamp(1.9rem, 3.6vw, 3rem); max-width: 13ch; }\n  .apn-2026 .hero .lede { font-size: 1.08rem; color: var(--ink); opacity:.78; max-width: 46ch; }\n  .apn-2026 .hero .dates {\n    font-family: var(--sans); font-weight:600; font-size: .88rem;\n    display:inline-flex; align-items:center; gap:.6em;\n    background: var(--white); border: 2px solid var(--ink);\n    border-radius: 999px;\n    padding: .7em 1.3em; margin: 1.6rem 0 1.9rem;\n  }\n  .apn-2026 .hero .ctas { display:flex; gap: 1rem; flex-wrap: wrap; }\n  .apn-2026 .hero-photo { aspect-ratio: 4\/5; position: relative; overflow: hidden; border: 3px solid var(--ink); border-radius: 18px; }\n  .apn-2026 .hero-photo .cap {\n    position:absolute; left:1.2rem; bottom:1.2rem; right:1.2rem;\n    color: var(--white); font-family: var(--sans); font-weight:600; font-size:.72rem;\n    letter-spacing:.05em; opacity:.95;\n  }\n  .apn-2026 .hero-photo svg { position:absolute; inset:0; width:100%; height:100%; }\n  .apn-2026 .logo-row { margin-top: 4rem; display:flex; align-items:center; gap: 2.4rem; flex-wrap:wrap; }\n  .apn-2026 .logo-row span:first-child { font-family: var(--display); font-size:.62rem; letter-spacing:.12em; text-transform:uppercase; color: var(--teal-deep); }\n  .apn-2026 .logo-row .names { display:flex; gap: 1.6rem; flex-wrap:wrap; font-family: var(--display); font-weight:700; font-size:.92rem; text-transform:uppercase; color: var(--ink); }\n  .apn-2026 .logo-row .names span { opacity:.55; }\n\n  \/* ============ SECTION 2 \u2014 pourquoi ============ *\/\n  .apn-2026 .why-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items:start; }\n  .apn-2026 .why-grid p { color: var(--ink); opacity:.78; font-size: 1.02rem; }\n  .apn-2026 .panes { display:grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n  .apn-2026 .pane-card { background: var(--white); border: 2px solid var(--ink); border-radius: 14px; padding: 1.6rem 1.3rem; display:flex; flex-direction:column; gap:.9rem; }\n  .apn-2026 .pane-card .pane-icon { width:52px; height:52px; font-size:1.35rem; }\n  .apn-2026 .pane-card b { font-family: var(--display); font-size: .92rem; text-transform:uppercase; letter-spacing:.02em; font-weight:700; }\n  .apn-2026 .pane-card:nth-child(1) .pane-icon{ --dot:var(--coral); }\n  .apn-2026 .pane-card:nth-child(2) .pane-icon{ --dot:var(--teal); }\n  .apn-2026 .pane-card:nth-child(3) .pane-icon{ --dot:var(--gold); }\n  .apn-2026 .pane-card:nth-child(4) .pane-icon{ --dot:var(--teal-deep); }\n\n  \/* ============ SECTION 3 \u2014 \u00e9ligibilit\u00e9 ============ *\/\n  .apn-2026 .elig { background: var(--ink); color: var(--paper); }\n  .apn-2026 .elig .eyebrow { color: var(--gold); }\n  .apn-2026 .elig .eyebrow::before { background: var(--coral); }\n  .apn-2026 .elig h2 { color: var(--paper); }\n  .apn-2026 .elig-cols { display:grid; grid-template-columns: repeat(3,1fr); gap: 1.4rem; margin-top: 2.5rem; }\n  .apn-2026 .elig-card { background: rgba(249,251,241,.06); border: 2px solid rgba(249,251,241,.22); border-radius: 14px; padding: 1.7rem 1.5rem; }\n  .apn-2026 .elig-card h3 { font-size: .92rem; color: var(--gold); margin-bottom: 1rem; }\n  .apn-2026 .elig-card ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.7rem; }\n  .apn-2026 .elig-card li { display:flex; gap:.7em; align-items:flex-start; font-size:.94rem; color: rgba(249,251,241,.9); }\n  .apn-2026 .elig-card li::before { content:\"\"; width:14px; height:14px; margin-top:.2em; flex-shrink:0; border:2px solid var(--teal); border-radius:4px; background: transparent; }\n  .apn-2026 .elig-note { margin-top: 2.2rem; text-align:center; font-family: var(--display); text-transform:none; font-weight:700; font-size: 1.1rem; color: var(--paper); }\n\n  \/* ============ SECTION 4 \u2014 parcours 18 mois ============ *\/\n  .apn-2026 .timeline { margin-top: 3rem; position:relative; }\n  .apn-2026 .timeline::before { content:\"\"; position:absolute; left: 19px; top:6px; bottom:6px; width:2px; background: repeating-linear-gradient(180deg, var(--khaki) 0 6px, transparent 6px 12px); }\n  .apn-2026 .t-step { display:flex; gap: 1.4rem; padding: 1.05rem 0; align-items:flex-start; }\n  .apn-2026 .t-dot { width:40px; height:40px; border-radius:50%; background: var(--white); border: 2px solid var(--ink); display:flex; align-items:center; justify-content:center; font-family: var(--display); font-weight:700; font-size:.78rem; flex-shrink:0; z-index:1; }\n  .apn-2026 .t-step:nth-child(4n+1) .t-dot { background: var(--gold); }\n  .apn-2026 .t-step:nth-child(4n+2) .t-dot { background: var(--teal); }\n  .apn-2026 .t-step:nth-child(4n+3) .t-dot { background: var(--coral); }\n  .apn-2026 .t-step:nth-child(4n+4) .t-dot { background: var(--khaki); }\n  .apn-2026 .t-step b { font-family: var(--display); font-size: .96rem; text-transform:uppercase; font-weight:700; display:block; }\n  .apn-2026 .t-step span { color: var(--ink); opacity:.72; font-size: .92rem; }\n\n  \/* ============ SECTION 5 \u2014 ce que vous trouverez ============ *\/\n  .apn-2026 .find-grid { display:grid; grid-template-columns: repeat(4,1fr); gap: 1.2rem; margin-top: 2.6rem; }\n  .apn-2026 .find-card { background: var(--white); border: 2px solid var(--ink); border-radius: 14px; padding: 1.8rem 1.4rem; }\n  .apn-2026 .find-card .pane-icon { margin-bottom: 1.1rem; }\n  .apn-2026 .find-card:nth-child(1) .pane-icon{ --dot:var(--coral); }\n  .apn-2026 .find-card:nth-child(2) .pane-icon{ --dot:var(--teal); }\n  .apn-2026 .find-card:nth-child(3) .pane-icon{ --dot:var(--gold); }\n  .apn-2026 .find-card:nth-child(4) .pane-icon{ --dot:var(--red); }\n  .apn-2026 .find-card h3 { font-size: .9rem; }\n  .apn-2026 .find-card p { font-size: .9rem; color: var(--ink); opacity:.72; margin:0; }\n\n  \/* ============ SECTION 6 \u2014 chiffres ============ *\/\n  .apn-2026 .stats { background: var(--teal-deep); color: var(--paper); }\n  .apn-2026 .stats-grid { display:grid; grid-template-columns: repeat(4,1fr); gap: 2rem; text-align:center; margin-top: 1rem;}\n  .apn-2026 .stats h2 { color: var(--paper); text-align:center; }\n  .apn-2026 .stats .eyebrow { color: var(--gold); justify-content:center; }\n  .apn-2026 .stat b { font-family: var(--display); font-size: clamp(2rem,3.6vw,2.7rem); font-weight:700; display:block; }\n  .apn-2026 .stat:nth-child(1) b{ color: var(--gold); }\n  .apn-2026 .stat:nth-child(2) b{ color: var(--coral); }\n  .apn-2026 .stat:nth-child(3) b{ color: var(--white); }\n  .apn-2026 .stat:nth-child(4) b{ color: var(--gold); }\n  .apn-2026 .stat span { font-size: .82rem; color: rgba(249,251,241,.8); }\n\n  \/* ============ SECTION 7 \u2014 s\u00e9lection ============ *\/\n  .apn-2026 .selection-line { display:flex; justify-content:space-between; margin-top: 3rem; position:relative; flex-wrap: wrap; gap: 2rem 0; }\n  .apn-2026 .selection-line::before { content:\"\"; position:absolute; left:0; right:0; top:9px; height:2px; background: var(--sand); }\n  .apn-2026 .sel-step { flex: 1 1 0; min-width: 130px; text-align:center; position:relative; }\n  .apn-2026 .sel-dot { width:20px; height:20px; border-radius:50%; background: var(--red); border:3px solid var(--paper); box-shadow:0 0 0 2px var(--ink); margin: 0 auto .9rem; position:relative; z-index:1; }\n  .apn-2026 .sel-step time { font-family: var(--display); font-weight:700; font-size:.76rem; text-transform:uppercase; color: var(--red); display:block; margin-bottom:.3rem; }\n  .apn-2026 .sel-step p { font-size:.88rem; margin:0; color: var(--ink); opacity:.72; }\n  .apn-2026 .sel-note { margin-top: 3rem; background: var(--white); border: 2px solid var(--ink); border-left: 6px solid var(--gold); border-radius: 0 14px 14px 0; padding: 1.3rem 1.6rem; font-size: .95rem; color: var(--ink); opacity:.85; max-width: 62ch; }\n\n  \/* ============ SECTION 8 \u2014 FAQ ============ *\/\n  .apn-2026 .faq { max-width: 820px; margin: 2.4rem auto 0; }\n  .apn-2026 .faq details { border-bottom: 2px solid var(--ink); padding: 1.15rem 0; }\n  .apn-2026 .faq summary { cursor:pointer; list-style:none; font-family: var(--display); text-transform:none; font-weight:700; font-size: .98rem; display:flex; justify-content:space-between; gap:1rem; align-items:center; }\n  .apn-2026 .faq summary::-webkit-details-marker { display:none; }\n  .apn-2026 .faq summary::after { content:\"+\"; font-family: var(--display); font-size:1.3rem; color: var(--red); flex-shrink:0; transition: transform .2s ease; }\n  .apn-2026 .faq details[open] summary::after { transform: rotate(45deg); }\n  .apn-2026 .faq .a { padding-top:.8rem; color: var(--ink); opacity:.75; font-size: .95rem; max-width: 68ch; }\n\n  \/* ============ SECTION 9 \u2014 partenaires ============ *\/\n  .apn-2026 .partners-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 2.4rem; margin-top: 2.2rem; }\n  .apn-2026 .partner-block { background: var(--white); border: 2px solid var(--ink); border-radius: 14px; padding: 1.8rem; }\n  .apn-2026 .partner-block h3 { font-size: .92rem; margin-bottom:.6rem; }\n  .apn-2026 .partner-block p { font-size: .92rem; color: var(--ink); opacity:.75; margin:0; }\n  .apn-2026 .partner-logos { margin-top: 2.6rem; display:flex; align-items:center; justify-content:center; gap: 3.2rem; flex-wrap: wrap; }\n  .apn-2026 .logo-slot { font-family: var(--display); font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; border:2px dashed var(--khaki); border-radius: 999px; padding: 1.1rem 1.6rem; color: var(--ink); opacity:.7; }\n\n  \/* ============ SECTION 10 \u2014 CTA final ============ *\/\n  .apn-2026 .final-cta { background: var(--gold); text-align:center; padding: 5.5rem 0; position:relative; overflow:hidden; }\n  .apn-2026 .final-cta .wrap { position:relative; }\n  .apn-2026 .final-cta h2 { font-size: clamp(1.7rem, 3.2vw, 2.5rem); max-width: 18ch; margin: 0 auto .3em; color: var(--ink); }\n  .apn-2026 .final-cta p.sub { font-family: var(--sans); font-weight:600; font-size:1.05rem; margin-bottom: 1.8rem; color: var(--ink); opacity:.85; }\n  .apn-2026 .final-cta .deadline { font-family: var(--display); font-weight:700; font-size:.78rem; text-transform:uppercase; letter-spacing:.05em; margin-bottom: 1.6rem; display:block; color: var(--ink); }\n\n  \/* mobile sticky cta *\/\n  .apn-2026 .mobile-cta { display:none; }\n  @media (max-width: 720px) {\n    .apn-2026 .mobile-cta { display:flex; position: sticky; bottom:0; z-index:39; background: var(--ink); padding: .8rem 1rem; justify-content:center; }\n    .apn-2026 .mobile-cta .btn { width:100%; justify-content:center; }\n  }\n\n  \/* ============ RESPONSIVE ============ *\/\n  @media (max-width: 900px) {\n    .apn-2026 .hero-grid { grid-template-columns: 1fr; }\n    .apn-2026 .hero-photo { max-width: 380px; }\n    .apn-2026 .why-grid { grid-template-columns: 1fr; gap: 2rem; }\n    .apn-2026 .elig-cols { grid-template-columns: 1fr; }\n    .apn-2026 .find-grid { grid-template-columns: 1fr 1fr; }\n    .apn-2026 .stats-grid { grid-template-columns: 1fr 1fr; row-gap: 2.4rem; }\n    .apn-2026 .partners-grid { grid-template-columns: 1fr; }\n    .apn-2026 section { padding: 4rem 0; }\n  }\n  @media (max-width: 560px) {\n    .apn-2026 .find-grid { grid-template-columns: 1fr; }\n    .apn-2026 .selection-line { flex-direction: column; }\n    .apn-2026 .selection-line::before { display:none; }\n  }\n  @media (prefers-reduced-motion: reduce) { .apn-2026 .reveal { transition: none; opacity:1; transform:none; } }\n\n<\/style>\n<!-- ===================== SECTION 5 \u2014 ce que vous trouverez ===================== -->\n<section id=\"ressources\" style=\"background:var(--sand)\">\n  <div class=\"wrap\">\n    <div class=\"reveal\"><span class=\"eyebrow\">Votre parcours<\/span><h2>Ce que  La Lucarne vous apportera<\/h2><\/div>\n    <div class=\"find-grid reveal\">\n      <div class=\"find-card\"><div class=\"pane-icon\">\ud83e\udded<span class=\"dot\"><\/span><\/div><h3>Un accompagnement individuel et personnalis\u00e9<\/h3>\n<p>Une personne pour vous accompagner et construire votre feuille de route \u00e0 quatre mains.<\/p><\/div>\n      <div class=\"find-card\"><div class=\"pane-icon\">\ud83e\udd1d<span class=\"dot\"><\/span><\/div><h3>Un r\u00e9seau engag\u00e9<\/h3><p>L'acc\u00e8s direct \u00e0 l'\u00e9cosyst\u00e8me Quest for change, Initiatives durables et France Active et \u00e0 ses partenaires du Grand Est.<\/p><\/div>\n      <div class=\"find-card\"><div class=\"pane-icon\">\ud83d\udcb0<span class=\"dot\"><\/span><\/div><h3>De l'aide pour d\u00e9crocher des financements<\/h3><p>Une pr\u00e9paration sur mesure aux m\u00e9caniques de financements de l'innovation, \u00e0 l'\u00e9chelle r\u00e9gionale et nationale.<\/p><\/div>\n      <div class=\"find-card\"><div class=\"pane-icon\">\ud83e\udde0<span class=\"dot\"><\/span><\/div><h3>Des expertises pertinentes<\/h3><p>Nous mobiliserons des expert\u00b7e\u00b7s secteur et des mentor\u00b7e\u00b7s selon les besoins de votre projet.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n(function(){\n  var scriptEl = document.currentScript;\n  var root = scriptEl.closest('.apn-2026');\n  if (!root) return;\n  var els = root.querySelectorAll('.reveal');\n  if (!('IntersectionObserver' in window)) { els.forEach(function(e){e.classList.add('in');}); return; }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(en){ if (en.isIntersecting) { en.target.classList.add('in'); io.unobserve(en.target); } });\n  }, {threshold:.12});\n  els.forEach(function(e){ io.observe(e); });\n  root.querySelectorAll('a[href^=\"#\"]').forEach(function(a){\n    a.addEventListener('click', function(ev){\n      var id = a.getAttribute('href').slice(1);\n      var target = document.getElementById(id);\n      if (target) { ev.preventDefault(); target.scrollIntoView({behavior:'smooth', block:'start'}); }\n    });\n  });\n})();\n<\/script>\n<\/div>\n<div class=\"apn-2026\">\n<style>\n\n  @font-face {\n    font-family: 'Lemon Milk';\n    src: url('\/wp-content\/fonts\/LemonMilk-Bold.woff2') format('woff2');\n    font-weight: 700; font-display: swap;\n  }\n  @font-face {\n    font-family: 'Avenir';\n    src: url('\/wp-content\/fonts\/Avenir-Book.woff2') format('woff2');\n    font-weight: 400; font-display: swap;\n  }\n  @font-face {\n    font-family: 'Avenir';\n    src: url('\/wp-content\/fonts\/Avenir-Heavy.woff2') format('woff2');\n    font-weight: 700; font-display: swap;\n  }\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700;800&family=Jost:wght@400;500;600&display=swap');\n\n  .apn-2026, .apn-2026 * { box-sizing: border-box; }\n\n  .apn-2026 {\n    --ink:        #06242C;\n    --paper:      #F9FBF1;\n    --sand:       #EADDC1;\n    --khaki:      #C9B186;\n    --gold:       #F1A83F;\n    --coral:      #EE844F;\n    --red:        #E7532B;\n    --teal:       #44CABD;\n    --teal-deep:  #21938C;\n    --white:      #FFFFFF;\n    --display: 'Lemon Milk', 'Poppins', sans-serif;\n    --sans:    'Avenir', 'Jost', -apple-system, 'Century Gothic', Helvetica, Arial, sans-serif;\n    background: var(--paper);\n    color: var(--ink);\n    font-family: var(--sans);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n  }\n\n  .apn-2026 h1, .apn-2026 h2, .apn-2026 h3 {\n    font-family: var(--display);\n    font-weight: 700;\n    text-transform: uppercase;\n    line-height: 1.14;\n    letter-spacing: .01em;\n    margin: 0 0 .5em;\n    color: var(--ink);\n  }\n  .apn-2026 p { margin: 0; }\n  .apn-2026 .wrap { max-width: 1140px; margin: 0 auto; padding: 0 6vw; }\n  .apn-2026 section { position: relative; padding: 6.5rem 0; }\n  .apn-2026 .reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }\n  .apn-2026 .reveal.in { opacity: 1; transform: none; }\n\n  .apn-2026 .eyebrow {\n    font-family: var(--display);\n    font-size: .68rem;\n    letter-spacing: .18em;\n    text-transform: uppercase;\n    color: var(--red);\n    display: inline-flex;\n    align-items: center;\n    gap: .6em;\n    margin-bottom: 1.1em;\n  }\n  .apn-2026 .eyebrow::before {\n    content: \"\";\n    width: 26px; height: 3px;\n    background: var(--gold);\n    display: inline-block;\n  }\n\n  .apn-2026 .stats { background: var(--teal-deep); color: var(--paper); }\n  .apn-2026 .stats .eyebrow { color: var(--gold); justify-content: center; }\n  .apn-2026 .stats .eyebrow::before { background: var(--coral); }\n  .apn-2026 .stats h2 { color: var(--paper); text-align: center; }\n  .apn-2026 .stats > .wrap { text-align: center; }\n\n  \/* \u2726 3 colonnes forc\u00e9es \u2014 !important pour \u00e9craser Cornerstone *\/\n  .apn-2026 .stats-grid {\n    margin-top: 2.6rem;\n    display: grid !important;\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 1.3rem;\n    text-align: left;\n  }\n\n  \/* Chaque tile occupe exactement 1 colonne \u2014 jamais plus *\/\n  .apn-2026 .stats-grid .stat-tile {\n    grid-column: span 1 !important;\n  }\n\n  .apn-2026 .stat-tile {\n    background: var(--white);\n    border: 2px solid var(--tile-accent, var(--ink));\n    border-radius: 18px;\n    padding: 1.7rem 1.6rem;\n    color: var(--ink);\n    display: flex;\n    flex-direction: column;\n    gap: .6rem;\n  }\n  .apn-2026 .stat-tile .picto { width: 30px; height: 30px; color: var(--ink); flex-shrink: 0; }\n  .apn-2026 .stat-tile .picto svg { width: 100%; height: 100%; display: block; }\n\n  .apn-2026 .stat-tile b {\n    font-family: var(--display);\n    font-weight: 700;\n    text-transform: uppercase;\n    font-size: .96rem;\n    letter-spacing: .01em;\n    line-height: 1.25;\n    display: block;\n    min-height: 2.5em;\n  }\n  .apn-2026 .stat-tile p {\n    font-size: .88rem;\n    line-height: 1.5;\n    color: var(--ink);\n    opacity: .78;\n  }\n\n  .apn-2026 .t-teal     { --tile-accent: var(--teal); }\n  .apn-2026 .t-gold     { --tile-accent: var(--gold); }\n  .apn-2026 .t-coral    { --tile-accent: var(--coral); }\n  .apn-2026 .t-red      { --tile-accent: var(--red); }\n  .apn-2026 .t-tealdeep { --tile-accent: var(--teal-deep); }\n  .apn-2026 .t-sand     { --tile-accent: var(--khaki); }\n\n  @media (max-width: 900px) {\n    .apn-2026 .stats-grid { grid-template-columns: repeat(2, 1fr) !important; }\n    .apn-2026 section { padding: 4rem 0; }\n  }\n  @media (max-width: 560px) {\n    .apn-2026 .stats-grid { grid-template-columns: 1fr !important; }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .apn-2026 .reveal { transition: none; opacity: 1; transform: none; }\n  }\n\n<\/style>\n\n<section class=\"stats\">\n  <div class=\"wrap reveal\">\n    <span class=\"eyebrow\">Ce qui rend cet accompagnement unique<\/span>\n    <h2>Pourquoi La Lucarne<\/h2>\n\n    <div class=\"stats-grid\">\n\n      <!-- 1 -->\n      <div class=\"stat-tile t-teal\">\n        <span class=\"picto\">\n          <svg viewBox=\"0 0 32 32\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M16 27S4 19.5 4 11.5C4 8 6.5 5 10 5c2 0 4 1 6 3 2-2 4-3 6-3 3.5 0 6 3 6 6.5C28 19.5 16 27 16 27Z\"\/>\n            <polyline points=\"13,17 16,13 19,17\" stroke-width=\"1.5\"\/>\n            <line x1=\"16\" y1=\"13\" x2=\"16\" y2=\"20\" stroke-width=\"1.5\"\/>\n          <\/svg>\n        <\/span>\n        <b>L'impact<br>au c\u0153ur<\/b>\n        <p>Innover dans les limites plan\u00e9taires, au service de la soci\u00e9t\u00e9 et du vivant.<\/p>\n      <\/div>\n\n      <!-- 2 -->\n      <div class=\"stat-tile t-gold\">\n        <span class=\"picto\">\n          <svg viewBox=\"0 0 32 32\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M5 25V17M13 25V11M21 25V15M27 25V6\"\/>\n            <path d=\"M5 12l8-6 8 4 6-6\"\/>\n          <\/svg>\n        <\/span>\n        <b>Une robustesse<br>\u00e9conomique<\/b>\n        <p>Un mod\u00e8le \u00e9conomique solide, construit avec vous pour durer dans le temps.<\/p>\n      <\/div>\n\n      <!-- 3 -->\n      <div class=\"stat-tile t-coral\">\n        <span class=\"picto\">\n          <svg viewBox=\"0 0 32 32\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"8\" cy=\"10\" r=\"3.2\"\/><circle cx=\"24\" cy=\"8\" r=\"3.2\"\/><circle cx=\"16\" cy=\"24\" r=\"3.2\"\/>\n            <path d=\"M10.6 12l3 9M21.4 10.4l-3 9M11 9h10\"\/>\n          <\/svg>\n        <\/span>\n        <b>Une expertise<br>sectorielle<\/b>\n        <p>Adoss\u00e9s \u00e0 Quest for Change, un mentorat de qualit\u00e9 pour des projets viables.<\/p>\n      <\/div>\n\n      <!-- 4 -->\n      <div class=\"stat-tile t-red\">\n        <span class=\"picto\">\n          <svg viewBox=\"0 0 32 32\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"10\" r=\"4\"\/><path d=\"M4 27c0-5 3.6-8 8-8s8 3 8 8\"\/>\n            <circle cx=\"23\" cy=\"12\" r=\"3.2\"\/><path d=\"M21 19.3c3.4.3 6 2.9 6 7.7\"\/>\n          <\/svg>\n        <\/span>\n        <b>5 \u00e0 10 <br>projets<br><\/b>\n        <p>Une promotion resserr\u00e9e, pour un accompagnement vraiment personnalis\u00e9 et plus d'intelligence collective.<\/p>\n      <\/div>\n\n      <!-- 5 \u2014 tirelire cochon -->\n      <div class=\"stat-tile t-tealdeep\">\n        <span class=\"picto\">\n          <svg viewBox=\"0 0 32 32\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <ellipse cx=\"15\" cy=\"18\" rx=\"9\" ry=\"7\"\/>\n            <ellipse cx=\"24\" cy=\"17\" rx=\"2.5\" ry=\"1.8\"\/>\n            <path d=\"M12 11.5c1-2.5 4-2.5 5-0.5\"\/>\n            <circle cx=\"21\" cy=\"15.5\" r=\".8\" fill=\"currentColor\"\/>\n            <path d=\"M10 24.5v3M14 25.5v3M18 25v3M22 24v3\"\/>\n            <path d=\"M14 11.5h4\" stroke-width=\"2\"\/>\n            <line x1=\"16\" y1=\"8\" x2=\"16\" y2=\"11\"\/>\n            <circle cx=\"16\" cy=\"6.5\" r=\"2\"\/>\n          <\/svg>\n        <\/span>\n        <b>Quasi int\u00e9gralement financ\u00e9<\/b>\n        <p>L'accompagnement est quasi int\u00e9gralement pris en charge pour les porteur\u00b7euses : le reste \u00e0 charge est de 300\u20ac.<\/p>\n      <\/div>\n\n      <!-- 6 -->\n      <div class=\"stat-tile t-sand\">\n        <span class=\"picto\">\n          <svg viewBox=\"0 0 32 32\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"7\"  cy=\"16\" r=\"3\"\/>\n            <circle cx=\"25\" cy=\"16\" r=\"3\"\/>\n            <circle cx=\"16\" cy=\"7\"  r=\"3\"\/>\n            <circle cx=\"16\" cy=\"25\" r=\"3\"\/>\n            <path d=\"M10 16h12M16 10v12\"\/>\n          <\/svg>\n        <\/span>\n        <b>Un r\u00e9seau<br>riche<\/b>\n        <p>Des projets sur le bien vieillir et l'aide au handicap sont d\u00e9j\u00e0 accompagn\u00e9s par La Lucarne&nbsp;: ils partageront leur exp\u00e9rience.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var scriptEl = document.currentScript;\n  var root = scriptEl.closest('.apn-2026');\n  if (!root) return;\n  var els = root.querySelectorAll('.reveal');\n  if (!('IntersectionObserver' in window)) { els.forEach(function(e){e.classList.add('in');}); return; }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(en){ if (en.isIntersecting) { en.target.classList.add('in'); io.unobserve(en.target); } });\n  }, {threshold:.12});\n  els.forEach(function(e){ io.observe(e); });\n})();\n<\/script>\n<\/div>\n<!-- ============================================================\n  LA LUCARNE \u2014 Appel \u00e0 projets 2026 \u2014 Bloc 7 \u2014 Calendrier de s\u00e9lection\n  \u00c0 coller dans un \u00e9l\u00e9ment \"Code Block\" (bloc de code brut) de Cornerstone.\n  Ce bloc est autonome : il contient tout son CSS, vous pouvez le placer\n  seul, dans n'importe quel ordre, sur n'importe quelle page.\n============================================================= -->\n<div class=\"apn-2026\">\n<style>\n\n  \/* -- \u00c0 REMPLACER par vos fichiers de police r\u00e9els -- *\/\n  @font-face {\n    font-family: 'Lemon Milk';\n    src: url('\/wp-content\/fonts\/LemonMilk-Bold.woff2') format('woff2');\n    font-weight: 700; font-display: swap;\n  }\n  @font-face {\n    font-family: 'Avenir';\n    src: url('\/wp-content\/fonts\/Avenir-Book.woff2') format('woff2');\n    font-weight: 400; font-display: swap;\n  }\n  @font-face {\n    font-family: 'Avenir';\n    src: url('\/wp-content\/fonts\/Avenir-Heavy.woff2') format('woff2');\n    font-weight: 700; font-display: swap;\n  }\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700;800&family=Jost:wght@400;500;600&display=swap');\n\n  .apn-2026, .apn-2026 * { box-sizing: border-box; }\n\n  .apn-2026 {\n    \/* ---- charte officielle La Lucarne ---- *\/\n    --ink:        #06242C; \/* bleu nuit \u2014 texte, fonds sombres *\/\n    --paper:      #F9FBF1; \/* blanc cass\u00e9 \u2014 fond principal *\/\n    --sand:       #EADDC1; \/* sable \u2014 fonds altern\u00e9s *\/\n    --khaki:      #C9B186; \/* tan \u2014 accents discrets *\/\n    --gold:       #F1A83F; \/* jaune dor\u00e9 \u2014 accent principal \/ CTA *\/\n    --coral:      #EE844F; \/* corail \u2014 accent secondaire *\/\n    --red:        #E7532B; \/* rouge-orang\u00e9 \u2014 accent fort \/ hover *\/\n    --teal:       #44CABD; \/* turquoise \u2014 accent *\/\n    --teal-deep:  #21938C; \/* turquoise fonc\u00e9 \u2014 accent \/ fonds *\/\n    --white:      #FFFFFF;\n\n    --display: 'Lemon Milk', 'Poppins', sans-serif;\n    --sans:    'Avenir', 'Jost', -apple-system, 'Century Gothic', Helvetica, Arial, sans-serif;\n    --mono:    'Jost', ui-monospace, monospace;\n\n    background: var(--paper);\n    color: var(--ink);\n    font-family: var(--sans);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n  }\n\n  .apn-2026 h1, .apn-2026 h2, .apn-2026 h3 {\n    font-family: var(--display);\n    font-weight: 700;\n    text-transform: uppercase;\n    line-height: 1.14;\n    letter-spacing: .01em;\n    margin: 0 0 .5em;\n    color: var(--ink);\n  }\n  .apn-2026 p { margin: 0 0 1em; }\n  .apn-2026 a { color: inherit; }\n  .apn-2026 .eyebrow {\n    font-family: var(--display);\n    font-size: .68rem;\n    letter-spacing: .18em;\n    text-transform: uppercase;\n    color: var(--red);\n    display: inline-flex;\n    align-items: center;\n    gap: .6em;\n    margin-bottom: 1.1em;\n  }\n  .apn-2026 .eyebrow::before {\n    content: \"\";\n    width: 26px; height: 3px;\n    background: var(--gold);\n    display: inline-block;\n  }\n  .apn-2026 .wrap { max-width: 1140px; margin: 0 auto; padding: 0 6vw; }\n  .apn-2026 section { position: relative; padding: 6.5rem 0; }\n  .apn-2026 .reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }\n  .apn-2026 .reveal.in { opacity: 1; transform: none; }\n\n  \/* ---------- pictos : cadre + pastille couleur (sans croisillon) ---------- *\/\n  .apn-2026 .pane-icon {\n    width: 64px; height: 64px;\n    border: 2px solid var(--ink);\n    border-radius: 16px;\n    position: relative;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 1.6rem;\n    flex-shrink: 0;\n    background: var(--white);\n  }\n  .apn-2026 .pane-icon .dot {\n    position:absolute; width:15px; height:15px; border-radius:50%;\n    background: var(--dot, var(--gold)); top:-7px; right:-7px;\n    border: 2px solid var(--paper);\n  }\n\n  \/* ---------- buttons ---------- *\/\n  .apn-2026 .btn {\n    font-family: var(--display);\n    font-weight: 700;\n    font-size: .82rem;\n    letter-spacing: .04em;\n    text-transform: uppercase;\n    border-radius: 999px;\n    padding: 1em 2.1em;\n    display: inline-flex;\n    align-items: center;\n    gap: .6em;\n    text-decoration: none;\n    border: 2px solid transparent;\n    cursor: pointer;\n    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;\n  }\n  .apn-2026 .btn:hover { transform: translateY(-2px); }\n  .apn-2026 .btn-primary { background: var(--gold); color: var(--ink); }\n  .apn-2026 .btn-primary:hover { background: var(--red); color: var(--white); box-shadow: 0 10px 24px -10px rgba(231,83,43,.55); }\n  .apn-2026 .btn-ghost-dark { border-color: var(--ink); color: var(--ink); background: transparent; }\n  .apn-2026 .btn-ghost-dark:hover { background: var(--ink); color: var(--paper); }\n  .apn-2026 .btn-on-ink { background: var(--gold); color: var(--ink); }\n  .apn-2026 .btn-on-ink:hover { background: var(--white); }\n\n  \/* ============ HERO ============ *\/\n  .apn-2026 .hero { padding: 5.5rem 0 5rem; position: relative; background: var(--paper); overflow: hidden; }\n  .apn-2026 .hero-window {\n    position: absolute; right: -6%; top: -10%; width: 620px; height: 620px;\n    border: 2px solid var(--sand); border-radius: 50%; pointer-events: none;\n  }\n  .apn-2026 .hero-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 3.5rem; align-items: center; position: relative; }\n  .apn-2026 .hero h1 { font-size: clamp(1.9rem, 3.6vw, 3rem); max-width: 13ch; }\n  .apn-2026 .hero .lede { font-size: 1.08rem; color: var(--ink); opacity:.78; max-width: 46ch; }\n  .apn-2026 .hero .dates {\n    font-family: var(--sans); font-weight:600; font-size: .88rem;\n    display:inline-flex; align-items:center; gap:.6em;\n    background: var(--white); border: 2px solid var(--ink);\n    border-radius: 999px;\n    padding: .7em 1.3em; margin: 1.6rem 0 1.9rem;\n  }\n  .apn-2026 .hero .ctas { display:flex; gap: 1rem; flex-wrap: wrap; }\n  .apn-2026 .hero-photo { aspect-ratio: 4\/5; position: relative; overflow: hidden; border: 3px solid var(--ink); border-radius: 18px; }\n  .apn-2026 .hero-photo .cap {\n    position:absolute; left:1.2rem; bottom:1.2rem; right:1.2rem;\n    color: var(--white); font-family: var(--sans); font-weight:600; font-size:.72rem;\n    letter-spacing:.05em; opacity:.95;\n  }\n  .apn-2026 .hero-photo svg { position:absolute; inset:0; width:100%; height:100%; }\n  .apn-2026 .logo-row { margin-top: 4rem; display:flex; align-items:center; gap: 2.4rem; flex-wrap:wrap; }\n  .apn-2026 .logo-row span:first-child { font-family: var(--display); font-size:.62rem; letter-spacing:.12em; text-transform:uppercase; color: var(--teal-deep); }\n  .apn-2026 .logo-row .names { display:flex; gap: 1.6rem; flex-wrap:wrap; font-family: var(--display); font-weight:700; font-size:.92rem; text-transform:uppercase; color: var(--ink); }\n  .apn-2026 .logo-row .names span { opacity:.55; }\n\n  \/* ============ SECTION 2 \u2014 pourquoi ============ *\/\n  .apn-2026 .why-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items:start; }\n  .apn-2026 .why-grid p { color: var(--ink); opacity:.78; font-size: 1.02rem; }\n  .apn-2026 .panes { display:grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n  .apn-2026 .pane-card { background: var(--white); border: 2px solid var(--ink); border-radius: 14px; padding: 1.6rem 1.3rem; display:flex; flex-direction:column; gap:.9rem; }\n  .apn-2026 .pane-card .pane-icon { width:52px; height:52px; font-size:1.35rem; }\n  .apn-2026 .pane-card b { font-family: var(--display); font-size: .92rem; text-transform:uppercase; letter-spacing:.02em; font-weight:700; }\n  .apn-2026 .pane-card:nth-child(1) .pane-icon{ --dot:var(--coral); }\n  .apn-2026 .pane-card:nth-child(2) .pane-icon{ --dot:var(--teal); }\n  .apn-2026 .pane-card:nth-child(3) .pane-icon{ --dot:var(--gold); }\n  .apn-2026 .pane-card:nth-child(4) .pane-icon{ --dot:var(--teal-deep); }\n\n  \/* ============ SECTION 3 \u2014 \u00e9ligibilit\u00e9 ============ *\/\n  .apn-2026 .elig { background: var(--ink); color: var(--paper); }\n  .apn-2026 .elig .eyebrow { color: var(--gold); }\n  .apn-2026 .elig .eyebrow::before { background: var(--coral); }\n  .apn-2026 .elig h2 { color: var(--paper); }\n  .apn-2026 .elig-cols { display:grid; grid-template-columns: repeat(3,1fr); gap: 1.4rem; margin-top: 2.5rem; }\n  .apn-2026 .elig-card { background: rgba(249,251,241,.06); border: 2px solid rgba(249,251,241,.22); border-radius: 14px; padding: 1.7rem 1.5rem; }\n  .apn-2026 .elig-card h3 { font-size: .92rem; color: var(--gold); margin-bottom: 1rem; }\n  .apn-2026 .elig-card ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.7rem; }\n  .apn-2026 .elig-card li { display:flex; gap:.7em; align-items:flex-start; font-size:.94rem; color: rgba(249,251,241,.9); }\n  .apn-2026 .elig-card li::before { content:\"\"; width:14px; height:14px; margin-top:.2em; flex-shrink:0; border:2px solid var(--teal); border-radius:4px; background: transparent; }\n  .apn-2026 .elig-note { margin-top: 2.2rem; text-align:center; font-family: var(--display); text-transform:none; font-weight:700; font-size: 1.1rem; color: var(--paper); }\n\n  \/* ============ SECTION 4 \u2014 parcours 18 mois ============ *\/\n  .apn-2026 .timeline { margin-top: 3rem; position:relative; }\n  .apn-2026 .timeline::before { content:\"\"; position:absolute; left: 19px; top:6px; bottom:6px; width:2px; background: repeating-linear-gradient(180deg, var(--khaki) 0 6px, transparent 6px 12px); }\n  .apn-2026 .t-step { display:flex; gap: 1.4rem; padding: 1.05rem 0; align-items:flex-start; }\n  .apn-2026 .t-dot { width:40px; height:40px; border-radius:50%; background: var(--white); border: 2px solid var(--ink); display:flex; align-items:center; justify-content:center; font-family: var(--display); font-weight:700; font-size:.78rem; flex-shrink:0; z-index:1; }\n  .apn-2026 .t-step:nth-child(4n+1) .t-dot { background: var(--gold); }\n  .apn-2026 .t-step:nth-child(4n+2) .t-dot { background: var(--teal); }\n  .apn-2026 .t-step:nth-child(4n+3) .t-dot { background: var(--coral); }\n  .apn-2026 .t-step:nth-child(4n+4) .t-dot { background: var(--khaki); }\n  .apn-2026 .t-step b { font-family: var(--display); font-size: .96rem; text-transform:uppercase; font-weight:700; display:block; }\n  .apn-2026 .t-step span { color: var(--ink); opacity:.72; font-size: .92rem; }\n\n  \/* ============ SECTION 5 \u2014 ce que vous trouverez ============ *\/\n  .apn-2026 .find-grid { display:grid; grid-template-columns: repeat(4,1fr); gap: 1.2rem; margin-top: 2.6rem; }\n  .apn-2026 .find-card { background: var(--white); border: 2px solid var(--ink); border-radius: 14px; padding: 1.8rem 1.4rem; }\n  .apn-2026 .find-card .pane-icon { margin-bottom: 1.1rem; }\n  .apn-2026 .find-card:nth-child(1) .pane-icon{ --dot:var(--coral); }\n  .apn-2026 .find-card:nth-child(2) .pane-icon{ --dot:var(--teal); }\n  .apn-2026 .find-card:nth-child(3) .pane-icon{ --dot:var(--gold); }\n  .apn-2026 .find-card:nth-child(4) .pane-icon{ --dot:var(--red); }\n  .apn-2026 .find-card h3 { font-size: .9rem; }\n  .apn-2026 .find-card p { font-size: .9rem; color: var(--ink); opacity:.72; margin:0; }\n\n  \/* ============ SECTION 6 \u2014 chiffres ============ *\/\n  .apn-2026 .stats { background: var(--teal-deep); color: var(--paper); }\n  .apn-2026 .stats-grid { display:grid; grid-template-columns: repeat(4,1fr); gap: 2rem; text-align:center; margin-top: 1rem;}\n  .apn-2026 .stats h2 { color: var(--paper); text-align:center; }\n  .apn-2026 .stats .eyebrow { color: var(--gold); justify-content:center; }\n  .apn-2026 .stat b { font-family: var(--display); font-size: clamp(2rem,3.6vw,2.7rem); font-weight:700; display:block; }\n  .apn-2026 .stat:nth-child(1) b{ color: var(--gold); }\n  .apn-2026 .stat:nth-child(2) b{ color: var(--coral); }\n  .apn-2026 .stat:nth-child(3) b{ color: var(--white); }\n  .apn-2026 .stat:nth-child(4) b{ color: var(--gold); }\n  .apn-2026 .stat span { font-size: .82rem; color: rgba(249,251,241,.8); }\n\n  \/* ============ SECTION 7 \u2014 s\u00e9lection ============ *\/\n  .apn-2026 .selection-line { display:flex; justify-content:space-between; margin-top: 3rem; position:relative; flex-wrap: wrap; gap: 2rem 0; }\n  .apn-2026 .selection-line::before { content:\"\"; position:absolute; left:0; right:0; top:9px; height:2px; background: var(--sand); }\n  .apn-2026 .sel-step { flex: 1 1 0; min-width: 130px; text-align:center; position:relative; }\n  .apn-2026 .sel-dot { width:20px; height:20px; border-radius:50%; background: var(--red); border:3px solid var(--paper); box-shadow:0 0 0 2px var(--ink); margin: 0 auto .9rem; position:relative; z-index:1; }\n  .apn-2026 .sel-step time { font-family: var(--display); font-weight:700; font-size:.76rem; text-transform:uppercase; color: var(--red); display:block; margin-bottom:.3rem; }\n  .apn-2026 .sel-step p { font-size:.88rem; margin:0; color: var(--ink); opacity:.72; }\n  .apn-2026 .sel-note { margin-top: 3rem; background: var(--white); border: 2px solid var(--ink); border-left: 6px solid var(--gold); border-radius: 0 14px 14px 0; padding: 1.3rem 1.6rem; font-size: .95rem; color: var(--ink); opacity:.85; max-width: 62ch; }\n\n  \/* ============ SECTION 8 \u2014 FAQ ============ *\/\n  .apn-2026 .faq { max-width: 820px; margin: 2.4rem auto 0; }\n  .apn-2026 .faq details { border-bottom: 2px solid var(--ink); padding: 1.15rem 0; }\n  .apn-2026 .faq summary { cursor:pointer; list-style:none; font-family: var(--display); text-transform:none; font-weight:700; font-size: .98rem; display:flex; justify-content:space-between; gap:1rem; align-items:center; }\n  .apn-2026 .faq summary::-webkit-details-marker { display:none; }\n  .apn-2026 .faq summary::after { content:\"+\"; font-family: var(--display); font-size:1.3rem; color: var(--red); flex-shrink:0; transition: transform .2s ease; }\n  .apn-2026 .faq details[open] summary::after { transform: rotate(45deg); }\n  .apn-2026 .faq .a { padding-top:.8rem; color: var(--ink); opacity:.75; font-size: .95rem; max-width: 68ch; }\n\n  \/* ============ SECTION 9 \u2014 partenaires ============ *\/\n  .apn-2026 .partners-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 2.4rem; margin-top: 2.2rem; }\n  .apn-2026 .partner-block { background: var(--white); border: 2px solid var(--ink); border-radius: 14px; padding: 1.8rem; }\n  .apn-2026 .partner-block h3 { font-size: .92rem; margin-bottom:.6rem; }\n  .apn-2026 .partner-block p { font-size: .92rem; color: var(--ink); opacity:.75; margin:0; }\n  .apn-2026 .partner-logos { margin-top: 2.6rem; display:flex; align-items:center; justify-content:center; gap: 3.2rem; flex-wrap: wrap; }\n  .apn-2026 .logo-slot { font-family: var(--display); font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; border:2px dashed var(--khaki); border-radius: 999px; padding: 1.1rem 1.6rem; color: var(--ink); opacity:.7; }\n\n  \/* ============ SECTION 10 \u2014 CTA final ============ *\/\n  .apn-2026 .final-cta { background: var(--gold); text-align:center; padding: 5.5rem 0; position:relative; overflow:hidden; }\n  .apn-2026 .final-cta .wrap { position:relative; }\n  .apn-2026 .final-cta h2 { font-size: clamp(1.7rem, 3.2vw, 2.5rem); max-width: 18ch; margin: 0 auto .3em; color: var(--ink); }\n  .apn-2026 .final-cta p.sub { font-family: var(--sans); font-weight:600; font-size:1.05rem; margin-bottom: 1.8rem; color: var(--ink); opacity:.85; }\n  .apn-2026 .final-cta .deadline { font-family: var(--display); font-weight:700; font-size:.78rem; text-transform:uppercase; letter-spacing:.05em; margin-bottom: 1.6rem; display:block; color: var(--ink); }\n\n  \/* mobile sticky cta *\/\n  .apn-2026 .mobile-cta { display:none; }\n  @media (max-width: 720px) {\n    .apn-2026 .mobile-cta { display:flex; position: sticky; bottom:0; z-index:39; background: var(--ink); padding: .8rem 1rem; justify-content:center; }\n    .apn-2026 .mobile-cta .btn { width:100%; justify-content:center; }\n  }\n\n  \/* ============ RESPONSIVE ============ *\/\n  @media (max-width: 900px) {\n    .apn-2026 .hero-grid { grid-template-columns: 1fr; }\n    .apn-2026 .hero-photo { max-width: 380px; }\n    .apn-2026 .why-grid { grid-template-columns: 1fr; gap: 2rem; }\n    .apn-2026 .elig-cols { grid-template-columns: 1fr; }\n    .apn-2026 .find-grid { grid-template-columns: 1fr 1fr; }\n    .apn-2026 .stats-grid { grid-template-columns: 1fr 1fr; row-gap: 2.4rem; }\n    .apn-2026 .partners-grid { grid-template-columns: 1fr; }\n    .apn-2026 section { padding: 4rem 0; }\n  }\n  @media (max-width: 560px) {\n    .apn-2026 .find-grid { grid-template-columns: 1fr; }\n    .apn-2026 .selection-line { flex-direction: column; }\n    .apn-2026 .selection-line::before { display:none; }\n  }\n  @media (prefers-reduced-motion: reduce) { .apn-2026 .reveal { transition: none; opacity:1; transform:none; } }\n\n<\/style>\n<!-- ===================== SECTION 7 \u2014 s\u00e9lection ===================== -->\n<section>\n  <div class=\"wrap\">\n    <div class=\"reveal\"><span class=\"eyebrow\">Le calendrier<\/span><h2>Comment se d\u00e9roule la s\u00e9lection&nbsp;?<\/h2><\/div>\n    <div class=\"selection-line reveal\">\n      <div class=\"sel-step\"><div class=\"sel-dot\"><\/div><time>16 sept.<\/time><p>Ouverture<\/p><\/div>\n      <div class=\"sel-step\"><div class=\"sel-dot\"><\/div><time>Sept\u2013Oct.<\/time><p>Rendez-vous de d\u00e9tection<\/p><\/div>\n      <div class=\"sel-step\"><div class=\"sel-dot\"><\/div><time>15 nov.<\/time><p>Cl\u00f4ture<\/p><\/div>\n      <div class=\"sel-step\"><div class=\"sel-dot\"><\/div><time>27 nov.<\/time><p>Comit\u00e9 de s\u00e9lection<\/p><\/div>\n      <div class=\"sel-step\"><div class=\"sel-dot\"><\/div><time>Janvier<\/time><p>D\u00e9but du programme<\/p><\/div>\n    <\/div>\n    <p class=\"sel-note reveal\">Chaque candidature est \u00e9tudi\u00e9e individuellement. Les projets pr\u00e9s\u00e9lectionn\u00e9s b\u00e9n\u00e9ficient d'un \u00e9change avec l'\u00e9quipe de La Lucarne avant leur pr\u00e9sentation devant le comit\u00e9 de s\u00e9lection.<\/p>\n  <\/div>\n<\/section>\n<script>\n(function(){\n  var scriptEl = document.currentScript;\n  var root = scriptEl.closest('.apn-2026');\n  if (!root) return;\n  var els = root.querySelectorAll('.reveal');\n  if (!('IntersectionObserver' in window)) { els.forEach(function(e){e.classList.add('in');}); return; }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(en){ if (en.isIntersecting) { en.target.classList.add('in'); io.unobserve(en.target); } });\n  }, {threshold:.12});\n  els.forEach(function(e){ io.observe(e); });\n  root.querySelectorAll('a[href^=\"#\"]').forEach(function(a){\n    a.addEventListener('click', function(ev){\n      var id = a.getAttribute('href').slice(1);\n      var target = document.getElementById(id);\n      if (target) { ev.preventDefault(); target.scrollIntoView({behavior:'smooth', block:'start'}); }\n    });\n  });\n})();\n<\/script>\n<\/div>\n<!-- ============================================================\n  LA LUCARNE \u2014 Appel \u00e0 projets 2026 \u2014 Bloc 8 \u2014 FAQ & Webinaires\n  \u00c0 coller dans un \u00e9l\u00e9ment \"Code Block\" de Cornerstone.\n============================================================= -->\n<div class=\"apn-2026\">\n<style>\n  @font-face {\n    font-family: 'Lemon Milk';\n    src: url('\/wp-content\/fonts\/LemonMilk-Bold.woff2') format('woff2');\n    font-weight: 700; font-display: swap;\n  }\n  @font-face {\n    font-family: 'Avenir';\n    src: url('\/wp-content\/fonts\/Avenir-Book.woff2') format('woff2');\n    font-weight: 400; font-display: swap;\n  }\n  @font-face {\n    font-family: 'Avenir';\n    src: url('\/wp-content\/fonts\/Avenir-Heavy.woff2') format('woff2');\n    font-weight: 700; font-display: swap;\n  }\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700;800&family=Jost:wght@400;500;600&display=swap');\n\n  .apn-2026, .apn-2026 * { box-sizing: border-box; }\n\n  .apn-2026 {\n    --ink:        #06242C;\n    --paper:      #F9FBF1;\n    --sand:       #EADDC1;\n    --khaki:      #C9B186;\n    --gold:       #F1A83F;\n    --coral:      #EE844F;\n    --red:        #E7532B;\n    --teal:       #44CABD;\n    --teal-deep:  #21938C;\n    --white:      #FFFFFF;\n\n    --display: 'Lemon Milk', 'Poppins', sans-serif;\n    --sans:    'Avenir', 'Jost', -apple-system, 'Century Gothic', Helvetica, Arial, sans-serif;\n\n    background: var(--paper);\n    color: var(--ink);\n    font-family: var(--sans);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n  }\n\n  .apn-2026 h1, .apn-2026 h2, .apn-2026 h3 {\n    font-family: var(--display);\n    font-weight: 700;\n    text-transform: uppercase;\n    line-height: 1.14;\n    letter-spacing: .01em;\n    margin: 0 0 .5em;\n    color: var(--ink);\n  }\n  .apn-2026 p { margin: 0 0 1em; }\n  .apn-2026 a { color: inherit; }\n  .apn-2026 .wrap { max-width: 1140px; margin: 0 auto; padding: 0 6vw; }\n  .apn-2026 section { position: relative; padding: 6.5rem 0; }\n  .apn-2026 .reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }\n  .apn-2026 .reveal.in { opacity: 1; transform: none; }\n\n  \/* FAQ *\/\n  .apn-2026 .faq { max-width: 820px; margin: 2.4rem auto 0; }\n  .apn-2026 .faq details { border-bottom: 2px solid var(--ink); padding: 1.15rem 0; }\n  .apn-2026 .faq summary { cursor:pointer; list-style:none; font-family: var(--display); font-weight:700; font-size: .98rem; display:flex; justify-content:space-between; gap:1rem; align-items:center; }\n  .apn-2026 .faq summary::-webkit-details-marker { display:none; }\n  .apn-2026 .faq summary::after { content:\"+\"; font-family: var(--display); font-size:1.3rem; color: var(--red); flex-shrink:0; transition: transform .2s ease; }\n  .apn-2026 .faq details[open] summary::after { transform: rotate(45deg); }\n  .apn-2026 .faq .a { padding-top:.8rem; color: var(--ink); opacity:.75; font-size: .95rem; max-width: 68ch; }\n\n  \/* Webinaires sous FAQ *\/\n  .apn-2026 .webinars-block {\n    margin-top: 4.5rem;\n    padding-top: 3.5rem;\n    border-top: 2px dashed rgba(6, 36, 44, 0.25);\n    scroll-margin-top: 60px;\n  }\n  .apn-2026 .webinars-intro {\n    text-align: center;\n    font-size: 1.05rem;\n    color: var(--ink);\n    max-width: 62ch;\n    margin: 0 auto 3rem;\n    line-height: 1.6;\n    font-weight: 500;\n  }\n  .apn-2026 .webinars-grid {\n    display: flex;\n    justify-content: center;\n    max-width: 840px;\n    margin: 0 auto;\n  }\n  .apn-2026 .webinar-card {\n    background: var(--white);\n    border: 2px solid var(--ink);\n    border-radius: 18px;\n    padding: 2.2rem 1.8rem;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    box-shadow: 0 4px 16px rgba(6, 36, 44, 0.04);\n    width: 100%;\n    max-width: 400px;\n  }\n  .apn-2026 .webinar-icon-box {\n    width: 64px;\n    height: 64px;\n    border: 2px solid var(--ink);\n    border-radius: 16px;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--white);\n    margin-bottom: 1.5rem;\n    flex-shrink: 0;\n  }\n  .apn-2026 .webinar-icon-box .webinar-dot {\n    position: absolute;\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    top: -6px;\n    right: -6px;\n    border: 2px solid var(--sand);\n  }\n  .apn-2026 .webinar-card .webinar-dot { background: var(--teal); }\n\n  .apn-2026 .webinar-svg {\n    width: 40px;\n    height: 40px;\n    aspect-ratio: 1 \/ 1;\n    display: block;\n  }\n  .apn-2026 .webinar-card h3 {\n    font-size: 1.02rem;\n    margin: 0 0 .9rem;\n    color: var(--ink);\n  }\n  .apn-2026 .webinar-info {\n    color: var(--ink);\n    opacity: .78;\n    font-size: .94rem;\n    line-height: 1.7;\n    margin-bottom: 2rem;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n  .apn-2026 .webinar-info p { margin: 0 0 .25em; }\n\n  .apn-2026 .webinar-btn {\n    font-family: var(--display);\n    font-weight: 700;\n    font-size: .84rem;\n    letter-spacing: .04em;\n    text-transform: uppercase;\n    text-decoration: none;\n    text-align: center;\n    background: var(--ink);\n    color: var(--white) !important;\n    border-radius: 999px;\n    padding: 1.05em 1.6em;\n    display: block;\n    width: 100%;\n    border: 2px solid transparent;\n    cursor: pointer;\n    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;\n  }\n  .apn-2026 .webinar-btn:hover {\n    background: var(--coral);\n    color: var(--white) !important;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px -6px rgba(238, 132, 79, 0.55);\n  }\n\n  @media (max-width: 740px) {\n    .apn-2026 .webinar-card { max-width: 100%; }\n    .apn-2026 .webinars-block { margin-top: 3.5rem; padding-top: 2.5rem; }\n  }\n  @media (prefers-reduced-motion: reduce) { .apn-2026 .reveal { transition: none; opacity: 1; transform: none; } }\n<\/style>\n\n<section id=\"faq\" style=\"background:var(--sand)\">\n  <div class=\"wrap\">\n    \n    <div class=\"reveal\" style=\"text-align:center\">\n      <h2>Questions fr\u00e9quentes<\/h2>\n    <\/div>\n\n    <div class=\"faq reveal\">\n      <details><summary>Dois-je d\u00e9j\u00e0 avoir cr\u00e9\u00e9 mon entreprise&nbsp;?<\/summary><div class=\"a\">Ce n'est pas un pr\u00e9requis. Vous pouvez postuler si votre projet est suffisamment avanc\u00e9 pour vous investir pleinement pendant 18 mois, cr\u00e9ation juridique ou non.<\/div><\/details>\n      <details><summary>Puis-je \u00eatre une association&nbsp;?<\/summary><div class=\"a\">Oui, les associations, coop\u00e9ratives, entreprises et personnes qui entreprennent dans leurs entreprises (intrapreneuriat) sont \u00e9ligibles au m\u00eame titre que les porteurs\u00b7euses de projets.<\/div><\/details>\n      <details><summary>Puis-je postuler en solo&nbsp;?<\/summary><div class=\"a\">Oui, en solo ou en \u00e9quipe. Ce qui compte, c'est votre capacit\u00e9 \u00e0 porter le projet sur la dur\u00e9e du programme.<\/div><\/details>\n      <details><summary>Les d\u00e9placements sont-ils pris en charge&nbsp;?<\/summary><div class=\"a\">Les modalit\u00e9s de prise en charge vous seront pr\u00e9cis\u00e9es lors de l'entretien de s\u00e9lection, selon votre localisation dans le Grand Est.<\/div><\/details>\n      <details><summary>Les journ\u00e9es sont-elles toutes \u00e0 Strasbourg&nbsp;?<\/summary><div class=\"a\">L'essentiel des temps collectifs se d\u00e9roule \u00e0 Strasbourg, avec des temps forts ponctuels ailleurs dans le Grand Est.<\/div><\/details>\n      <details><summary>Est-ce payant&nbsp;?<\/summary><div class=\"a\">Oui, il y a un reste \u00e0 charge de 300\u20ac apr\u00e8s financement d'une grande partie du programme par nos partenaires.<\/div><\/details>\n      <details><summary>Comment fonctionne le jury&nbsp;?<\/summary><div class=\"a\">Un comit\u00e9 de s\u00e9lection qui r\u00e9unit La Lucarne et ses partenaires. Il \u00e9tudie chaque dossier pr\u00e9s\u00e9lectionn\u00e9 apr\u00e8s l'entretien de d\u00e9tection.<\/div><\/details>\n      <details><summary>Puis-je postuler avec un prototype&nbsp;?<\/summary><div class=\"a\">Oui. Un prototype ou une premi\u00e8re preuve de concept est un atout, mais n'est pas une condition pour postuler.<\/div><\/details>\n    <\/div>\n\n    <!-- ANCRE WEBINAIRES DIRECTE -->\n    <div id=\"webinaires-bloc\" class=\"webinars-block reveal\">\n      <div class=\"webinars-intro\">\n        Vous ne trouvez pas la r\u00e9ponse \u00e0 votre question ou vous souhaitez simplement nous rencontrer ?<br>\n        <strong>Nous vous donnons rendez-vous \u00e0 notre webinaire.<\/strong>\n      <\/div>\n\n      <div class=\"webinars-grid\">\n        <div class=\"webinar-card\">\n          <div class=\"webinar-icon-box\">\n            <span class=\"webinar-dot\"><\/span>\n            <svg viewBox=\"0 0 512 512\" fill=\"none\" class=\"webinar-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M78 338V126c0-17.7 14.3-32 32-32h296c17.7 0 32 14.3 32 32v212\" stroke=\"#06242C\" stroke-width=\"24\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M30 398l36-60h380l36 60c8.2 13.7-1.6 31.3-17.6 31.3H47.6C31.6 429.3 21.8 411.7 30 398z\" stroke=\"#06242C\" stroke-width=\"24\" stroke-linejoin=\"round\"\/>\n              <path d=\"M216 405h80\" stroke=\"#06242C\" stroke-width=\"24\" stroke-linecap=\"round\"\/>\n              <path d=\"M256 210a36 36 0 100-72 36 36 0 000 72z\" stroke=\"#06242C\" stroke-width=\"22\" stroke-linecap=\"round\"\/>\n              <path d=\"M196 280c0-30 26.9-54 60-54s60 24 60 54\" stroke=\"#06242C\" stroke-width=\"22\" stroke-linecap=\"round\"\/>\n              <path d=\"M310 80h120c10 0 18 8 18 18v85c0 10-8 18-18 18h-35l-22 20v-20h-63c-10 0-18-8-18-18V98c0-10 8-18 18-18z\" fill=\"white\" stroke=\"#06242C\" stroke-width=\"22\" stroke-linejoin=\"round\"\/>\n              <path d=\"M360 120l32 18-32 18v-36z\" fill=\"#06242C\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"webinar-title\">WEBINAIRE DU 30 OCTOBRE<\/h3>\n          <div class=\"webinar-info\">\n            <p><strong>Date :<\/strong> Vendredi 30 octobre<\/p>\n            <p><strong>Heure :<\/strong> De 12h30 \u00e0 13h30<\/p>\n            <p><strong>Lieu :<\/strong> En ligne (Teams)<\/p>\n          <\/div>\n          <a href=\"https:\/\/events.teams.microsoft.com\/event\/6990790d-3baa-4e90-ad6d-efc11c26a600@3cae25bb-cea6-4e67-b730-4257a32d5fe6\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"webinar-btn\">\n            Me pr\u00e9inscrire\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var scriptEl = document.currentScript;\n  var root = scriptEl.closest('.apn-2026');\n  if (!root) return;\n  var els = root.querySelectorAll('.reveal');\n  if (!('IntersectionObserver' in window)) { els.forEach(function(e){e.classList.add('in');}); return; }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(en){ if (en.isIntersecting) { en.target.classList.add('in'); io.unobserve(en.target); } });\n  }, {threshold:.12});\n  els.forEach(function(e){ io.observe(e); });\n})();\n<\/script>\n<\/div>\n<div class=\"apn-2026\">\n<style>\n\n  @font-face {\n    font-family: 'Lemon Milk';\n    src: url('\/wp-content\/fonts\/LemonMilk-Bold.woff2') format('woff2');\n    font-weight: 700; font-display: swap;\n  }\n  @font-face {\n    font-family: 'Avenir';\n    src: url('\/wp-content\/fonts\/Avenir-Book.woff2') format('woff2');\n    font-weight: 400; font-display: swap;\n  }\n  @font-face {\n    font-family: 'Avenir';\n    src: url('\/wp-content\/fonts\/Avenir-Heavy.woff2') format('woff2');\n    font-weight: 700; font-display: swap;\n  }\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700;800&family=Jost:wght@400;500;600&display=swap');\n\n  .apn-2026, .apn-2026 * { box-sizing: border-box; }\n\n  .apn-2026 {\n    --ink:        #06242C;\n    --paper:      #F9FBF1;\n    --sand:       #EADDC1;\n    --khaki:      #C9B186;\n    --gold:       #F1A83F;\n    --coral:      #EE844F;\n    --red:        #E7532B;\n    --teal:       #44CABD;\n    --teal-deep:  #21938C;\n    --white:      #FFFFFF;\n\n    --display: 'Lemon Milk', 'Poppins', sans-serif;\n    --sans:    'Avenir', 'Jost', -apple-system, 'Century Gothic', Helvetica, Arial, sans-serif;\n\n    background: var(--paper);\n    color: var(--ink);\n    font-family: var(--sans);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n  }\n\n  .apn-2026 h1, .apn-2026 h2, .apn-2026 h3 {\n    font-family: var(--display);\n    font-weight: 700;\n    text-transform: uppercase;\n    line-height: 1.14;\n    letter-spacing: .01em;\n    margin: 0 0 .5em;\n    color: var(--ink);\n  }\n  .apn-2026 p { margin: 0 0 1em; }\n  .apn-2026 a { color: inherit; }\n\n  .apn-2026 .wrap { max-width: 1140px; margin: 0 auto; padding: 0 6vw; }\n  .apn-2026 section { position: relative; padding: 6.5rem 0; }\n  .apn-2026 .reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }\n  .apn-2026 .reveal.in { opacity: 1; transform: none; }\n\n  \/* ---------- buttons ---------- *\/\n  .apn-2026 .btn {\n    font-family: var(--display);\n    font-weight: 700;\n    font-size: .82rem;\n    letter-spacing: .04em;\n    text-transform: uppercase;\n    border-radius: 999px;\n    padding: 1em 2.1em;\n    display: inline-flex;\n    align-items: center;\n    gap: .6em;\n    text-decoration: none;\n    border: 2px solid transparent;\n    cursor: pointer;\n    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;\n  }\n  .apn-2026 .btn:hover { transform: translateY(-2px); }\n\n  .apn-2026 .btn-primary { background: var(--gold); color: var(--ink); }\n  .apn-2026 .btn-primary:hover,\n  .apn-2026 .btn-primary:active { background: var(--red); color: var(--white); box-shadow: 0 10px 24px -10px rgba(231,83,43,.55); }\n\n  \/* \u2726 CTA sur fond dor\u00e9 \u2014 hover\/clic en marron clair *\/\n  .apn-2026 .btn-on-ink { background: var(--ink); color: var(--paper); }\n  .apn-2026 .btn-on-ink:hover,\n  .apn-2026 .btn-on-ink:active { background: var(--khaki) !important; color: var(--ink) !important; }\n\n  \/* ============ SECTION 10 \u2014 CTA final ============ *\/\n  .apn-2026 .final-cta {\n    background: var(--gold);\n    text-align: center;\n    padding: 5.5rem 0;\n    position: relative;\n    overflow: hidden;\n  }\n  .apn-2026 .final-cta .wrap { position: relative; }\n  .apn-2026 .final-cta h2 {\n    font-size: clamp(1.7rem, 3.2vw, 2.5rem);\n    max-width: 18ch;\n    margin: 0 auto .3em;\n    color: var(--ink);\n  }\n  .apn-2026 .final-cta p.sub {\n    font-family: var(--sans);\n    font-weight: 600;\n    font-size: 1.05rem;\n    margin-bottom: 1.8rem;\n    color: var(--ink);\n    opacity: .85;\n  }\n  .apn-2026 .final-cta .deadline {\n    font-family: var(--display);\n    font-weight: 700;\n    font-size: .78rem;\n    text-transform: uppercase;\n    letter-spacing: .05em;\n    margin-bottom: 1.6rem;\n    display: block;\n    color: var(--ink);\n  }\n\n  \/* mobile sticky cta *\/\n  .apn-2026 .mobile-cta { display: none; }\n  @media (max-width: 720px) {\n    .apn-2026 .mobile-cta {\n      display: flex;\n      position: sticky;\n      bottom: 0;\n      z-index: 39;\n      background: var(--ink);\n      padding: .8rem 1rem;\n      justify-content: center;\n    }\n    .apn-2026 .mobile-cta .btn { width: 100%; justify-content: center; }\n  }\n\n  @media (max-width: 900px) {\n    .apn-2026 section { padding: 4rem 0; }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .apn-2026 .reveal { transition: none; opacity: 1; transform: none; }\n  }\n\n<\/style>\n\n<!-- ===================== SECTION 10 \u2014 CTA final ===================== -->\n<section id=\"candidater\" class=\"final-cta\">\n  <div class=\"wrap reveal\">\n    <h2>Nous avons h\u00e2te de d\u00e9couvrir votre projet.<\/h2>\n    <span class=\"deadline\">\ud83d\udcc5 Postulez avant le 15 novembre 2026<\/span>\n    <a href=\"https:\/\/la-lucarne.org\/index.php\/postuler\/\" class=\"btn btn-on-ink\">C'est parti \u2192<\/a>\n  <\/div>\n<\/section>\n\n<div class=\"mobile-cta\">\n  <a href=\"#candidater\" class=\"btn btn-primary\">D\u00e9poser ma candidature<\/a>\n<\/div>\n\n<script>\n(function(){\n  var scriptEl = document.currentScript;\n  var root = scriptEl.closest('.apn-2026');\n  if (!root) return;\n  var els = root.querySelectorAll('.reveal');\n  if (!('IntersectionObserver' in window)) {\n    els.forEach(function(e){ e.classList.add('in'); });\n    return;\n  }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(en){\n      if (en.isIntersecting) { en.target.classList.add('in'); io.unobserve(en.target); }\n    });\n  }, {threshold: .12});\n  els.forEach(function(e){ io.observe(e); });\n  root.querySelectorAll('a[href^=\"#\"]').forEach(function(a){\n    a.addEventListener('click', function(ev){\n      var id = a.getAttribute('href').slice(1);\n      var target = document.getElementById(id);\n      if (target) { ev.preventDefault(); target.scrollIntoView({behavior:'smooth', block:'start'}); }\n    });\n  });\n})();\n<\/script>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Appel \u00e0 projets 2026 Appel \u00e0 projets Care : \u00ab&nbsp;Pr\u00e9venir, accompagner, inclure&nbsp;\u00bb Vous d\u00e9veloppez une solution innovante pour pr\u00e9venir les fragilit\u00e9s, accompagner les parcours de vie ou favoriser l&rsquo;inclusion&nbsp;? Postulez afin de b\u00e9n\u00e9ficier de 18 mois d&rsquo;accompagnement et transformer votre projet en solution durable. \ud83d\udcc5 Postulez du 16 septembre au 15 novembre 2026 inclus Je postule Je t\u00e9l\u00e9charge la plaquette &#8230; <\/p>\n<div><a href=\"https:\/\/la-lucarne.org\/index.php\/appel-a-projets-care-la-lucarne\/\" class=\"more-link\">Read More<\/a><\/div>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-blank-4.php","meta":{"footnotes":""},"class_list":["post-347","page","type-page","status-publish","hentry","no-post-thumbnail"],"_links":{"self":[{"href":"https:\/\/la-lucarne.org\/index.php\/wp-json\/wp\/v2\/pages\/347","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/la-lucarne.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/la-lucarne.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/la-lucarne.org\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/la-lucarne.org\/index.php\/wp-json\/wp\/v2\/comments?post=347"}],"version-history":[{"count":78,"href":"https:\/\/la-lucarne.org\/index.php\/wp-json\/wp\/v2\/pages\/347\/revisions"}],"predecessor-version":[{"id":564,"href":"https:\/\/la-lucarne.org\/index.php\/wp-json\/wp\/v2\/pages\/347\/revisions\/564"}],"wp:attachment":[{"href":"https:\/\/la-lucarne.org\/index.php\/wp-json\/wp\/v2\/media?parent=347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}