{"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-08-17T15:38:11","modified_gmt":"2026-08-17T13:38:11","slug":"aap-malakoff-x-ag2r","status":"publish","type":"page","link":"https:\/\/la-lucarne.org\/index.php\/aap-malakoff-x-ag2r\/","title":{"rendered":"AAP Malakoff x AG2R"},"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  \/* -- \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>Les innovations sociales de demain commencent ici<\/h1>\n      <p class=\"lede\">Vous d\u00e9veloppez une solution innovante pour pr\u00e9venir les fragilit\u00e9s, accompagner les parcours de vie ou favoriser l'inclusion&nbsp;? Candidatez et b\u00e9n\u00e9ficiez de 18 mois d'accompagnement pour transformer votre projet en solution durable.<\/p>\n      <div class=\"dates\">\ud83d\udcc5 Candidatures ouvertes du 7 septembre au 9 novembre 2026<\/div>\n      <div class=\"ctas\">\n        <a href=\"https:\/\/la-lucarne.org\/index.php\/candidater\/\" class=\"btn btn-primary\">D\u00e9poser ma candidature<\/a>\n        <a href=\"https:\/\/la-lucarne.org\/wp-content\/uploads\/2025\/10\/Plaquette-beneficiaire-La-Lucarne-2025.pdf\" class=\"btn btn-ghost-dark\">T\u00e9l\u00e9charger la plaquette<\/a>\n      <\/div>\n      <div class=\"logo-row\">\n        <span>Un appel port\u00e9 par<\/span>\n        <div class=\"names\">\n          <img decoding=\"async\" class=\"logo-lucarne\" src=\"https:\/\/la-lucarne.org\/wp-content\/uploads\/2026\/08\/Lucarne-v2.png\" alt=\"La Lucarne\">\n          <span>\u00d7<\/span>\n          <img decoding=\"async\" class=\"logo-ag2r\" src=\"https:\/\/la-lucarne.org\/wp-content\/uploads\/2026\/08\/AG2R-V2.png\" alt=\"AG2R La Mondiale\">\n          <span>\u00d7<\/span>\n          <img decoding=\"async\" class=\"logo-malakoff\" src=\"https:\/\/la-lucarne.org\/wp-content\/uploads\/2026\/08\/Malakoff-V2.png\" alt=\"Malakoff Humanis\">\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\">Coop\u00e9ration \u00b7 accompagnement \u00b7 lien humain<\/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<!-- ============================================================\n  LA LUCARNE \u2014 Appel \u00e0 projets 2026 \u2014 Bloc 2 \u2014 Pourquoi cet appel \u00e0 projets\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 2 \u2014 pourquoi ===================== -->\n<section id=\"pourquoi\">\n  <div class=\"wrap why-grid\">\n    <div class=\"reveal\">\n      <span class=\"eyebrow\">Le contexte<\/span>\n      <h2>Pourquoi cet appel \u00e0 projets&nbsp;?<\/h2>\n      <p>Le Grand Est, comme le reste du territoire national, fait face \u00e0 des mutations profondes&nbsp;: vieillissement de la population, isolement, fragilisation des parcours de vie, besoin croissant d'inclusion. Des r\u00e9ponses innovantes \u00e9mergent partout, port\u00e9es par des entrepreneur\u00b7es, des associations, des collectifs qui refusent de laisser ces enjeux sans solution.<\/p>\n      <p>Avec AG2R La Mondiale et Malakoff Humanis, La Lucarne a choisi de consacrer cet appel \u00e0 projets \u00e0 quatre d\u00e9fis qui structurent notre soci\u00e9t\u00e9 de demain \u2014 et \u00e0 celles et ceux qui les rel\u00e8vent d\u00e9j\u00e0 sur le terrain.<\/p>\n    <\/div>\n    <div class=\"reveal panes\">\n      <div class=\"pane-card\"><div class=\"pane-icon\">\ud83d\udc65<span class=\"dot\"><\/span><\/div><b>Aidance<\/b><span style=\"font-size:.86rem;color:var(--ink);opacity:.7\">Soutenir celles et ceux qui accompagnent un proche<\/span><\/div>\n      <div class=\"pane-card\"><div class=\"pane-icon\">\u267f<span class=\"dot\"><\/span><\/div><b>Inclusion<\/b><span style=\"font-size:.86rem;color:var(--ink);opacity:.7\">Faciliter l'acc\u00e8s et la participation de toutes et tous<\/span><\/div>\n      <div class=\"pane-card\"><div class=\"pane-icon\">\ud83c\udf31<span class=\"dot\"><\/span><\/div><b>Pr\u00e9vention<\/b><span style=\"font-size:.86rem;color:var(--ink);opacity:.7\">Agir en amont des fragilit\u00e9s et des ruptures<\/span><\/div>\n      <div class=\"pane-card\"><div class=\"pane-icon\">\ud83d\udc75<span class=\"dot\"><\/span><\/div><b>Bien vieillir<\/b><span style=\"font-size:.86rem;color:var(--ink);opacity:.7\">Accompagner l'avanc\u00e9e en \u00e2ge dans la dignit\u00e9<\/span><\/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 3 \u2014 \u00c9ligibilit\u00e9 (auto-diagnostic)\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 3 \u2014 \u00e9ligibilit\u00e9 ===================== -->\n<section id=\"eligibilite\" class=\"elig\">\n  <div class=\"wrap reveal\">\n    <span class=\"eyebrow\">Auto-diagnostic<\/span>\n    <h2>Est-ce que cet appel est fait pour moi&nbsp;?<\/h2>\n    <div class=\"elig-cols\">\n      <div class=\"elig-card\"><h3>Vous d\u00e9veloppez\u2026<\/h3><ul>\n        <li>un produit<\/li><li>un service<\/li><li>une innovation sociale<\/li>\n        <li>une innovation num\u00e9rique<\/li><li>une nouvelle organisation<\/li>\n      <\/ul><\/div>\n      <div class=\"elig-card\"><h3>Vous \u00eates\u2026<\/h3><ul>\n        <li>entrepreneur\u00b7e<\/li><li>intrapreneur\u00b7e<\/li><li>association<\/li>\n        <li>entreprise<\/li><li>coop\u00e9rative<\/li>\n      <\/ul><\/div>\n      <div class=\"elig-card\"><h3>Votre projet\u2026<\/h3><ul>\n        <li>est implant\u00e9 dans le Grand Est<\/li><li>r\u00e9pond \u00e0 un enjeu social<\/li>\n        <li>poss\u00e8de un mod\u00e8le \u00e9conomique<\/li><li>est innovant<\/li>\n        <li>vous pouvez vous investir pendant 18 mois<\/li>\n      <\/ul><\/div>\n    <\/div>\n    <p class=\"elig-note\">\u00ab Si vous cochez la majorit\u00e9 de ces crit\u00e8res, nous vous invitons \u00e0 candidater. \u00bb<\/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 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 votre charg\u00e9\u00b7e d'accompagnement<\/span><\/div><\/div>\n      <div class=\"t-step\"><div class=\"t-dot\">5<\/div><div><b>Funding Program<\/b><span>Pr\u00e9paration et acc\u00e8s au financement de l'innovation<\/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>Mentoring<\/b><span>Mise en relation avec des mentor\u00b7es engag\u00e9\u00b7es<\/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>Alumni<\/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\">\u00c0 La Lucarne<\/span><h2>Ce que vous allez trouver \u00e0 La Lucarne<\/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<\/h3><p>Un\u00b7e charg\u00e9\u00b7e d'accompagnement d\u00e9di\u00e9\u00b7e et une feuille de route construite avec vous.<\/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>Un acc\u00e8s direct \u00e0 l'\u00e9cosyst\u00e8me Quest for change 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>Un accompagnement au financement<\/h3><p>Une pr\u00e9paration \u00e0 la cha\u00eene compl\u00e8te du financement de l'innovation, 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 mobilisables<\/h3><p>Des expert\u00b7es sectoriel\u00b7les et des mentor\u00b7es mobilis\u00e9s 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<!-- ============================================================\n  LA LUCARNE \u2014 Appel \u00e0 projets 2026 \u2014 Bloc 6 \u2014 Chiffres cl\u00e9s\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 6 \u2014 chiffres ===================== -->\n<section class=\"stats\">\n  <div class=\"wrap reveal\">\n    <span class=\"eyebrow\">Ce qui nous diff\u00e9rencie<\/span>\n    <h2>Ce qui rend cet accompagnement unique<\/h2>\n    <div class=\"stats-grid\">\n      <div class=\"stat\"><b>18 mois<\/b><span>d'accompagnement<\/span><\/div>\n      <div class=\"stat\"><b>10 projets<\/b><span>maximum, pour un suivi personnalis\u00e9<\/span><\/div>\n      <div class=\"stat\"><b>100 %<\/b><span>financ\u00e9 pour les porteur\u00b7euses<\/span><\/div>\n      <div class=\"stat\"><b>Grand Est<\/b><span>des projets accompagn\u00e9s sur tout le territoire<\/span><\/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 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>7 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>9 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\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 8 \u2014 FAQ ===================== -->\n<section id=\"faq\" style=\"background:var(--sand)\">\n  <div class=\"wrap\">\n    <div class=\"reveal\" style=\"text-align:center\"><h2>Questions fr\u00e9quentes<\/h2><\/div>\n    <div class=\"faq reveal\">\n      <details><summary>Dois-je avoir cr\u00e9\u00e9 mon entreprise&nbsp;?<\/summary><div class=\"a\">Non. Vous pouvez candidater d\u00e8s lors que votre projet est suffisamment mature 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 intrapreneur\u00b7es sont \u00e9ligibles au m\u00eame titre que les entrepreneur\u00b7es individuel\u00b7les.<\/div><\/details>\n      <details><summary>Puis-je candidater seul\u00b7e&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\">Non, l'accompagnement est int\u00e9gralement financ\u00e9 gr\u00e2ce \u00e0 nos partenaires, dont AG2R La Mondiale et Malakoff Humanis.<\/div><\/details>\n      <details><summary>Comment fonctionne le jury&nbsp;?<\/summary><div class=\"a\">Un comit\u00e9 de s\u00e9lection, r\u00e9unissant La Lucarne et ses partenaires, \u00e9tudie chaque dossier pr\u00e9s\u00e9lectionn\u00e9 apr\u00e8s l'entretien de d\u00e9tection.<\/div><\/details>\n      <details><summary>Puis-je candidater 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 candidater.<\/div><\/details>\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 9 \u2014 Partenaires\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 9 \u2014 partenaires ===================== -->\n<section id=\"partenaires\">\n  <div class=\"wrap\">\n    <div class=\"reveal\" style=\"text-align:center\">\n      <h2>Les partenaires de cet appel<\/h2>\n      <p style=\"max-width:60ch;margin:0 auto;color:var(--ink);opacity:.75\">Pourquoi AG2R La Mondiale et Malakoff Humanis soutiennent-ils cet appel&nbsp;?<\/p>\n    <\/div>\n    <div class=\"partners-grid reveal\">\n      <div class=\"partner-block\"><h3>AG2R La Mondiale<\/h3><p>Acteur historique de la protection sociale, AG2R La Mondiale accompagne les transitions d\u00e9mographiques du territoire. Soutenir cet appel \u00e0 projets s'inscrit dans son engagement pour la pr\u00e9vention et l'accompagnement des parcours de vie.<\/p><\/div>\n      <div class=\"partner-block\"><h3>Malakoff Humanis<\/h3><p>D\u00e9j\u00e0 partenaire de La Lucarne, Malakoff Humanis renouvelle son engagement en faveur de l'innovation sociale, avec une attention particuli\u00e8re port\u00e9e \u00e0 l'inclusion et au bien vieillir.<\/p><\/div>\n    <\/div>\n    <div class=\"partner-logos reveal\">\n      <img decoding=\"async\" src=\"https:\/\/la-lucarne.org\/wp-content\/uploads\/2026\/08\/Lucarne-v2.png\" alt=\"La Lucarne\" style=\"height:65px;width:auto;max-width:180px;object-fit:contain;\">\n      <img decoding=\"async\" src=\"https:\/\/la-lucarne.org\/wp-content\/uploads\/2026\/08\/AG2R-V2.png\" alt=\"AG2R La Mondiale\" style=\"height:70px;width:auto;max-width:180px;object-fit:contain;\">\n      <img decoding=\"async\" src=\"https:\/\/la-lucarne.org\/wp-content\/uploads\/2026\/08\/Malakoff-V2.png\" alt=\"Malakoff Humanis\" style=\"height:75px;width:auto;max-width:180px;object-fit:contain;\">\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  LA LUCARNE \u2014 Appel \u00e0 projets 2026 \u2014 Bloc 10 \u2014 CTA final\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 10 \u2014 CTA final ===================== -->\n<section id=\"candidater\" class=\"final-cta\">\n  <div class=\"wrap\">\n    <h2>Votre projet m\u00e9rite d'\u00eatre accompagn\u00e9<\/h2>\n    <p class=\"sub\">Nous avons h\u00e2te de le d\u00e9couvrir.<\/p>\n    <span class=\"deadline\">\ud83d\udcc5 Candidatez avant le 9 novembre 2026<\/span>\n    <a href=\"https:\/\/la-lucarne.org\/index.php\/candidater\/\" class=\"btn btn-on-ink\">D\u00e9poser ma candidature<\/a>\n  <\/div>\n<\/section>\n\n<div class=\"mobile-cta\"><a href=\"#candidater\" class=\"btn btn-primary\">D\u00e9poser ma candidature<\/a><\/div>\n\n<script>\n(function(){\n  var root = document.getElementById('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<\/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>\n","protected":false},"excerpt":{"rendered":"<p>Appel \u00e0 projets 2026 Les innovations sociales de demain commencent ici Vous d\u00e9veloppez une solution innovante pour pr\u00e9venir les fragilit\u00e9s, accompagner les parcours de vie ou favoriser l&rsquo;inclusion&nbsp;? Candidatez et b\u00e9n\u00e9ficiez de 18 mois d&rsquo;accompagnement pour transformer votre projet en solution durable. \ud83d\udcc5 Candidatures ouvertes du 7 septembre au 9 novembre 2026 D\u00e9poser ma candidature T\u00e9l\u00e9charger la plaquette Un appel &#8230; <\/p>\n<div><a href=\"https:\/\/la-lucarne.org\/index.php\/aap-malakoff-x-ag2r\/\" class=\"more-link\">Read More<\/a><\/div>\n","protected":false},"author":2,"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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/la-lucarne.org\/index.php\/wp-json\/wp\/v2\/comments?post=347"}],"version-history":[{"count":10,"href":"https:\/\/la-lucarne.org\/index.php\/wp-json\/wp\/v2\/pages\/347\/revisions"}],"predecessor-version":[{"id":380,"href":"https:\/\/la-lucarne.org\/index.php\/wp-json\/wp\/v2\/pages\/347\/revisions\/380"}],"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}]}}