{"id":156,"date":"2026-03-27T11:54:45","date_gmt":"2026-03-27T10:54:45","guid":{"rendered":"https:\/\/jetournelapage.eu\/?page_id=156"},"modified":"2026-03-27T12:24:54","modified_gmt":"2026-03-27T11:24:54","slug":"notre-communaute-je-tourne-la-page","status":"publish","type":"page","link":"https:\/\/jetournelapage.eu\/index.php\/notre-communaute-je-tourne-la-page\/","title":{"rendered":"Notre communaut\u00e9"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\n  <title>Notre communaut\u00e9 \u2013 Je Tourne la Page.<\/title>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&#038;family=Lato:wght@300;400;700&#038;display=swap\" rel=\"stylesheet\"\/>\n  <style>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    :root {\n      --bleu: #2563a8;\n      --bleu-clair: #e8f0fb;\n      --texte: #1a1a2e;\n      --gris: #6b7280;\n      --blanc: #ffffff;\n    }\n\n    body {\n      font-family: 'Lato', sans-serif;\n      color: var(--texte);\n      background: var(--blanc);\n      line-height: 1.7;\n    }\n\n    \/* ===== MENU \u2014 identique \u00e0 \/home\/ ===== *\/\n    nav.site-nav {\n      background: var(--blanc);\n      border-bottom: 1px solid #e5e7eb;\n      position: sticky;\n      top: 0;\n      z-index: 100;\n      box-shadow: 0 1px 6px rgba(0,0,0,0.06);\n    }\n    .nav-inner {\n      max-width: 1100px;\n      margin: 0 auto;\n      padding: 0 24px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      height: 64px;\n    }\n    .nav-logo {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      text-decoration: none;\n    }\n    .nav-logo img {\n      height: 42px;\n      width: auto;\n    }\n    .nav-logo span {\n      font-family: 'Playfair Display', serif;\n      font-size: 1.15rem;\n      color: var(--texte);\n      font-weight: 700;\n    }\n    .nav-links {\n      display: flex;\n      list-style: none;\n      gap: 32px;\n      align-items: center;\n    }\n    .nav-links a {\n      font-family: 'Lato', sans-serif;\n      font-size: 0.92rem;\n      font-weight: 700;\n      color: var(--texte);\n      text-decoration: none;\n      letter-spacing: 0.04em;\n      text-transform: uppercase;\n      transition: color 0.2s;\n    }\n    .nav-links a:hover,\n    .nav-links a.active {\n      color: var(--bleu);\n    }\n    .nav-burger {\n      display: none;\n      flex-direction: column;\n      gap: 5px;\n      cursor: pointer;\n      background: none;\n      border: none;\n      padding: 4px;\n    }\n    .nav-burger span {\n      display: block;\n      width: 24px;\n      height: 2px;\n      background: var(--texte);\n      border-radius: 2px;\n      transition: all 0.3s;\n    }\n    @media (max-width: 700px) {\n      .nav-links {\n        display: none;\n        position: absolute;\n        top: 64px; left: 0; right: 0;\n        background: var(--blanc);\n        flex-direction: column;\n        padding: 16px 24px 24px;\n        gap: 18px;\n        border-bottom: 1px solid #e5e7eb;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n      }\n      .nav-links.open { display: flex; }\n      .nav-burger { display: flex; }\n    }\n\n    \/* ===== HERO ===== *\/\n    .hero {\n      background: linear-gradient(135deg, #1a2a4a 0%, #2563a8 100%);\n      color: white;\n      padding: 80px 24px 60px;\n      text-align: center;\n    }\n    .hero .label {\n      font-size: 0.78rem;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      opacity: 0.7;\n      margin-bottom: 16px;\n    }\n    .hero h1 {\n      font-family: 'Playfair Display', serif;\n      font-size: clamp(2rem, 5vw, 3.2rem);\n      font-weight: 700;\n      line-height: 1.2;\n      margin-bottom: 20px;\n    }\n    .hero h1 em { font-style: italic; color: #93c5fd; }\n    .hero p {\n      max-width: 600px;\n      margin: 0 auto;\n      opacity: 0.85;\n      font-size: 1.05rem;\n    }\n\n    \/* ===== STATS ===== *\/\n    .stats {\n      display: flex;\n      justify-content: center;\n      gap: 48px;\n      flex-wrap: wrap;\n      padding: 56px 24px 40px;\n      border-bottom: 1px solid #e5e7eb;\n    }\n    .stat {\n      text-align: center;\n    }\n    .stat strong {\n      display: block;\n      font-family: 'Playfair Display', serif;\n      font-size: 2.4rem;\n      color: var(--bleu);\n    }\n    .stat span {\n      font-size: 0.85rem;\n      color: var(--gris);\n      text-transform: uppercase;\n      letter-spacing: 0.1em;\n    }\n\n    \/* ===== R\u00c9SEAUX ===== *\/\n    .section-title {\n      text-align: center;\n      padding: 60px 24px 8px;\n    }\n    .section-title .tag {\n      font-size: 0.75rem;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      color: var(--bleu);\n      font-weight: 700;\n    }\n    .section-title h2 {\n      font-family: 'Playfair Display', serif;\n      font-size: clamp(1.5rem, 4vw, 2.2rem);\n      margin-top: 10px;\n    }\n    .section-title h2 em { font-style: italic; color: var(--bleu); }\n\n    .reseaux {\n      max-width: 960px;\n      margin: 0 auto;\n      padding: 40px 24px 80px;\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 28px;\n    }\n    .reseau-card {\n      border: 1px solid #e5e7eb;\n      border-radius: 16px;\n      padding: 32px 28px;\n      background: #fafafa;\n      transition: transform 0.2s, box-shadow 0.2s;\n    }\n    .reseau-card:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 8px 24px rgba(37,99,168,0.1);\n    }\n    .reseau-icon {\n      font-size: 2.2rem;\n      margin-bottom: 12px;\n    }\n    .reseau-card h3 {\n      font-family: 'Playfair Display', serif;\n      font-size: 1.2rem;\n      margin-bottom: 4px;\n    }\n    .reseau-handle {\n      font-size: 0.82rem;\n      color: var(--gris);\n      margin-bottom: 16px;\n    }\n    .reseau-desc {\n      font-size: 0.93rem;\n      color: var(--gris);\n      margin-bottom: 20px;\n      line-height: 1.65;\n    }\n    .btn-reseau {\n      display: inline-block;\n      background: var(--bleu);\n      color: white;\n      padding: 10px 22px;\n      border-radius: 8px;\n      font-weight: 700;\n      font-size: 0.88rem;\n      text-decoration: none;\n      transition: background 0.2s;\n    }\n    .btn-reseau:hover { background: #1d4f91; }\n\n    \/* ===== VID\u00c9O ===== *\/\n    .video-section {\n      background: #f0f6ff;\n      padding: 72px 24px;\n    }\n    .video-inner {\n      max-width: 800px;\n      margin: 0 auto;\n      text-align: center;\n    }\n    .video-inner .tag {\n      font-size: 0.75rem;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      color: var(--bleu);\n      font-weight: 700;\n    }\n    .video-inner h2 {\n      font-family: 'Playfair Display', serif;\n      font-size: clamp(1.4rem, 4vw, 2rem);\n      margin: 10px 0 32px;\n    }\n    .video-inner h2 em { font-style: italic; color: var(--bleu); }\n    .video-placeholder {\n      background: #1a2a4a;\n      border-radius: 16px;\n      aspect-ratio: 16\/9;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 3.5rem;\n      gap: 12px;\n    }\n    .video-placeholder p {\n      font-size: 0.9rem;\n      opacity: 0.6;\n      font-family: 'Lato', sans-serif;\n    }\n\n    \/* ===== NEWSLETTER ===== *\/\n    .newsletter {\n      background: linear-gradient(135deg, #1a2a4a, #2563a8);\n      color: white;\n      text-align: center;\n      padding: 80px 24px;\n    }\n    .newsletter .tag {\n      font-size: 0.75rem;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      opacity: 0.7;\n      margin-bottom: 12px;\n    }\n    .newsletter h2 {\n      font-family: 'Playfair Display', serif;\n      font-size: clamp(1.5rem, 4vw, 2.2rem);\n      margin-bottom: 16px;\n    }\n    .newsletter h2 em { font-style: italic; color: #93c5fd; }\n    .newsletter p {\n      max-width: 520px;\n      margin: 0 auto 32px;\n      opacity: 0.85;\n      font-size: 1rem;\n    }\n    .newsletter-form {\n      display: flex;\n      gap: 12px;\n      max-width: 480px;\n      margin: 0 auto;\n      flex-wrap: wrap;\n      justify-content: center;\n    }\n    .newsletter-form input {\n      flex: 1;\n      min-width: 200px;\n      padding: 14px 18px;\n      border-radius: 8px;\n      border: none;\n      font-size: 1rem;\n      font-family: 'Lato', sans-serif;\n      outline: none;\n    }\n    .newsletter-form button {\n      background: white;\n      color: var(--bleu);\n      padding: 14px 24px;\n      border: none;\n      border-radius: 8px;\n      font-weight: 700;\n      font-size: 1rem;\n      font-family: 'Lato', sans-serif;\n      cursor: pointer;\n      transition: transform 0.15s;\n    }\n    .newsletter-form button:hover { transform: translateY(-1px); }\n\n    \/* ===== FOOTER ===== *\/\n    footer {\n      background: #0f172a;\n      color: #94a3b8;\n      text-align: center;\n      padding: 28px 24px;\n      font-size: 0.85rem;\n    }\n    footer a { color: #60a5fa; text-decoration: none; }\n    footer a:hover { text-decoration: underline; }\n  <\/style>\n<\/head>\n<body>\n\n<!-- ===== MENU (identique \u00e0 \/home\/) ===== -->\n<nav class=\"site-nav\">\n  <div class=\"nav-inner\">\n    <a class=\"nav-logo\" href=\"https:\/\/jetournelapage.eu\/\">\n      <img decoding=\"async\" src=\"https:\/\/jetournelapage.eu\/wp-content\/uploads\/2026\/03\/cropped-1.png\" alt=\"Je Tourne la Page\" \/>\n      <span>Je Tourne la Page.<\/span>\n    <\/a>\n    <ul class=\"nav-links\" id=\"navLinks\">\n      <li><a href=\"https:\/\/jetournelapage.eu\/index.php\/home\/\">Nos Articles<\/a><\/li>\n      <li><a href=\"https:\/\/jetournelapage.eu\/index.php\/je-tourne-la-page\/\">Je Tourne La Page<\/a><\/li>\n      <li><a href=\"https:\/\/jetournelapage.eu\/index.php\/notre-communaute\/\" class=\"active\">Notre Communaut\u00e9<\/a><\/li>\n    <\/ul>\n    <button class=\"nav-burger\" id=\"burger\" aria-label=\"Menu\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/button>\n  <\/div>\n<\/nav>\n\n<!-- ===== HERO ===== -->\n<section class=\"hero\">\n  <p class=\"label\">\ud83d\udc99 Notre communaut\u00e9<\/p>\n  <h1>Vous n&rsquo;\u00eates <em>jamais seul(e)<\/em> dans ce chemin<\/h1>\n  <p>Rejoignez une communaut\u00e9 bienveillante de personnes qui traversent les m\u00eames \u00e9preuves et qui avancent ensemble, un jour \u00e0 la fois.<\/p>\n<\/section>\n\n<!-- ===== STATS ===== -->\n<div class=\"stats\">\n  <div class=\"stat\"><strong>+500<\/strong><span>Abonn\u00e9s<\/span><\/div>\n  <div class=\"stat\"><strong>3<\/strong><span>R\u00e9seaux<\/span><\/div>\n  <div class=\"stat\"><strong>100%<\/strong><span>Bienveillance<\/span><\/div>\n  <div class=\"stat\"><strong>\u221e<\/strong><span>Soutien<\/span><\/div>\n<\/div>\n\n<!-- ===== R\u00c9SEAUX ===== -->\n<div class=\"section-title\">\n  <p class=\"tag\">\u2726 Nos r\u00e9seaux<\/p>\n  <h2>Rejoignez la <em>communaut\u00e9<\/em><\/h2>\n<\/div>\n\n<div class=\"reseaux\">\n  <div class=\"reseau-card\">\n    <div class=\"reseau-icon\">\u25b6\ufe0f<\/div>\n    <h3>YouTube<\/h3>\n    <p class=\"reseau-handle\">@JeTourneLaPage<\/p>\n    <p class=\"reseau-desc\">Bient\u00f4t disponible \u2014 Nos vid\u00e9os sur YouTube appara\u00eetront ici.<\/p>\n    <a href=\"https:\/\/www.youtube.com\/@JeTourneLaPage\" target=\"_blank\" class=\"btn-reseau\">S&rsquo;abonner<\/a>\n  <\/div>\n  <div class=\"reseau-card\">\n    <div class=\"reseau-icon\">\ud83e\uddf5<\/div>\n    <h3>Threads<\/h3>\n    <p class=\"reseau-handle\">@jetournelapage<\/p>\n    <p class=\"reseau-desc\">Des citations et r\u00e9flexions courtes qui font du bien. Rejoignez la conversation.<\/p>\n    <a href=\"https:\/\/www.threads.net\/@jetournelapage\" target=\"_blank\" class=\"btn-reseau\">Suivre<\/a>\n  <\/div>\n  <div class=\"reseau-card\">\n    <div class=\"reseau-icon\">\ud83d\udcf7<\/div>\n    <h3>Instagram<\/h3>\n    <p class=\"reseau-handle\">@jetournelapage<\/p>\n    <p class=\"reseau-desc\">Des visuels inspirants et des stories authentiques. Rejoignez-nous.<\/p>\n    <a href=\"https:\/\/www.instagram.com\/jetournelapage\" target=\"_blank\" class=\"btn-reseau\">Suivre<\/a>\n  <\/div>\n<\/div>\n\n<!-- ===== VID\u00c9O ===== -->\n<section class=\"video-section\">\n  <div class=\"video-inner\">\n    <p class=\"tag\">\u2726 Notre derni\u00e8re vid\u00e9o<\/p>\n    <h2>Regardez, <em>\u00e9coutez, avancez<\/em><\/h2>\n    <div class=\"video-placeholder\">\n      <span>\u25b6<\/span>\n      <p>Ins\u00e9rer l&rsquo;iFrame YouTube ici<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== NEWSLETTER ===== -->\n<section class=\"newsletter\" id=\"communaute\">\n  <p class=\"tag\">\u2726 Restez inform\u00e9(e)<\/p>\n  <h2>Rejoignez la newsletter <em>bienveillante<\/em><\/h2>\n  <p>Chaque semaine, un email pens\u00e9 pour vous accompagner. Pas de spam. Juste de la bienveillance, des t\u00e9moignages et des ressources.<\/p>\n  <div class=\"newsletter-form\">\n    <input type=\"email\" placeholder=\"Votre email...\" \/>\n    <button type=\"button\">Rejoindre la communaut\u00e9 \ud83d\udc99<\/button>\n  <\/div>\n<\/section>\n\n<!-- ===== FOOTER ===== -->\n<footer>\n  \u00a9 2026 <a href=\"https:\/\/jetournelapage.eu\">Je Tourne La Page<\/a> \u00b7 <a href=\"https:\/\/jetournelapage.eu\/index.php\/privacy-policy\/\">Mentions l\u00e9gales<\/a>\n<\/footer>\n\n<script>\n  document.getElementById('burger').addEventListener('click', function () {\n    document.getElementById('navLinks').classList.toggle('open');\n  });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Notre communaut\u00e9 \u2013 Je Tourne la Page. Je Tourne la Page. Nos Articles Je Tourne La Page Notre Communaut\u00e9 \ud83d\udc99 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_themeisle_gutenberg_block_has_review":false,"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-156","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jetournelapage.eu\/index.php\/wp-json\/wp\/v2\/pages\/156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jetournelapage.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jetournelapage.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jetournelapage.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jetournelapage.eu\/index.php\/wp-json\/wp\/v2\/comments?post=156"}],"version-history":[{"count":2,"href":"https:\/\/jetournelapage.eu\/index.php\/wp-json\/wp\/v2\/pages\/156\/revisions"}],"predecessor-version":[{"id":161,"href":"https:\/\/jetournelapage.eu\/index.php\/wp-json\/wp\/v2\/pages\/156\/revisions\/161"}],"wp:attachment":[{"href":"https:\/\/jetournelapage.eu\/index.php\/wp-json\/wp\/v2\/media?parent=156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}