{"id":8066,"date":"2021-11-20T17:41:48","date_gmt":"2021-11-20T16:41:48","guid":{"rendered":"https:\/\/paroisses-chatenay.fr\/stgermain\/?page_id=8066"},"modified":"2026-10-10T14:54:41","modified_gmt":"2026-10-10T12:54:41","slug":"annonces-du-20-et-21-novembre-j3p-hiver-solidaire-soiree-esperance-messe-des-familles-preparation-de-noel","status":"publish","type":"page","link":"https:\/\/paroisses-chatenay.fr\/stgermain\/","title":{"rendered":""},"content":{"rendered":"\n<!-- ==========================================================================\n     PAROISSE SAINT-GERMAIN (CH\u00c2TENAY-MALABRY)\n     ENCART D'ACCUEIL : NOUVEAUX ARRIVANTS & CONTACT\n     ========================================================================== -->\n\n<div id=\"stg-encart-bienvenue-wrapper\" class=\"stg-encart-bienvenue-wrapper\">\n<style>\n.stg-encart-bienvenue-wrapper {\n    --color-bg-white: #FFFFFF;\n    --color-bg-cream: #FAF8F5;\n    --color-brown-primary: #8F4316;\n    --color-brown-hover: #72340F;\n    --color-tan-primary: #A86B38;\n    --color-tan-hover: #8F4316;\n    --color-tan-accent-text: #A86B38;\n    --color-ink-editorial: #2B2825;\n    --color-line-beige: #E6DCD1;\n    --font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n\n    max-width: 800px;\n    margin: 30px auto;\n    font-family: var(--font-family);\n}\n\n\/* Encart principal *\/\n.stg-encart-bienvenue {\n    background-color: var(--color-bg-cream);\n    border: 1px solid var(--color-line-beige);\n    border-radius: 8px;\n    padding: 32px 36px;\n    text-align: center;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\n    color: var(--color-ink-editorial);\n    line-height: 1.6;\n    transition: box-shadow 0.3s ease;\n}\n\n\/* Survol stable sans mouvement *\/\n.stg-encart-bienvenue:hover {\n    box-shadow: 0 6px 18px rgba(143, 67, 22, 0.08);\n}\n\n\/* Badge de bienvenue en pastille *\/\n.stg-encart-bienvenue-badge {\n    display: inline-flex;\n    align-items: center;\n    background-color: rgba(143, 67, 22, 0.07);\n    color: var(--color-brown-primary);\n    font-size: 0.82em;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1.2px;\n    padding: 4px 14px;\n    border-radius: 20px;\n    margin-bottom: 14px;\n}\n\n\/* Titre *\/\n.stg-encart-bienvenue h3 {\n    color: var(--color-brown-primary);\n    font-size: 1.55em;\n    font-weight: 600;\n    margin: 0 0 10px 0;\n    line-height: 1.3;\n}\n\n\/* Texte descriptif *\/\n.stg-encart-bienvenue p {\n    font-size: 1.05em;\n    color: var(--color-ink-editorial);\n    margin: 0 auto 24px auto;\n    max-width: 640px;\n}\n\n\/* Conteneur des boutons *\/\n.stg-encart-buttons {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n    margin: 0;\n}\n\n\/* Style commun des boutons *\/\n.stg-encart-buttons .wp-block-button__link {\n    display: inline-block;\n    color: #FFFFFF !important;\n    border: none !important;\n    text-decoration: none !important;\n    font-family: var(--font-family) !important;\n    font-weight: 500 !important;\n    font-size: 0.95em !important;\n    padding: 12px 24px !important;\n    border-radius: 6px !important;\n    line-height: 1.4;\n    text-align: center;\n    box-shadow: 0 2px 8px rgba(143, 67, 22, 0.10);\n    transition: background-color 0.25s ease, box-shadow 0.25s ease !important;\n    box-sizing: border-box;\n    cursor: pointer;\n}\n\n\/* Bouton 1 : Nouveaux arrivants (Brun paroissial) *\/\n.stg-encart-buttons .stg-btn-nouveau .wp-block-button__link {\n    background-color: var(--color-brown-primary) !important;\n}\n\n.stg-encart-buttons .stg-btn-nouveau .wp-block-button__link:hover,\n.stg-encart-buttons .stg-btn-nouveau .wp-block-button__link:focus {\n    background-color: var(--color-brown-hover) !important;\n    box-shadow: 0 4px 14px rgba(143, 67, 22, 0.18);\n}\n\n\/* Bouton 2 : Rester en lien (Ocre chaleureux) *\/\n.stg-encart-buttons .stg-btn-contact .wp-block-button__link {\n    background-color: var(--color-tan-primary) !important;\n}\n\n.stg-encart-buttons .stg-btn-contact .wp-block-button__link:hover,\n.stg-encart-buttons .stg-btn-contact .wp-block-button__link:focus {\n    background-color: var(--color-tan-hover) !important;\n    box-shadow: 0 4px 14px rgba(143, 67, 22, 0.18);\n}\n\n.stg-encart-buttons .wp-block-button {\n    margin: 0;\n}\n\n\/* --- Adaptation Mobile --- *\/\n@media (max-width: 600px) {\n    .stg-encart-bienvenue {\n        padding: 24px 20px;\n    }\n\n    .stg-encart-bienvenue h3 {\n        font-size: 1.35em;\n    }\n\n    .stg-encart-bienvenue p {\n        font-size: 1em;\n        margin-bottom: 20px;\n    }\n\n    .stg-encart-bienvenue-badge {\n        font-size: 0.78em;\n    }\n\n    .stg-encart-buttons {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 12px;\n    }\n\n    .stg-encart-buttons .wp-block-button {\n        width: 100%;\n    }\n\n    .stg-encart-buttons .wp-block-button__link {\n        width: 100%;\n        display: block;\n        padding: 12px 18px !important;\n    }\n}\n<\/style>\n\n<div class=\"stg-encart-bienvenue\">\n    <div class=\"stg-encart-bienvenue-badge\">Bienvenue<\/div>\n    <h3>Rejoindre la communaut\u00e9 paroissiale<\/h3>\n    <p>Vous venez d\u2019arriver \u00e0 Ch\u00e2tenay-Malabry ou vous souhaitez simplement faire connaissance et recevoir nos informations ? Vous \u00eates chez vous !<\/p>\n    \n    <div class=\"stg-encart-buttons\">\n        <div class=\"wp-block-button stg-btn-nouveau\">\n            <a class=\"wp-block-button__link wp-element-button\"\n               href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/je-suis-nouveau-nouvelle-sur-la-paroisse\/\">\n                Je suis nouveau, nouvelle\n            <\/a>\n        <\/div>\n\n        <div class=\"wp-block-button stg-btn-contact\">\n            <a class=\"wp-block-button__link wp-element-button\"\n               href=\"https:\/\/gaspard.adn.altair-performance.com\/webform_nanterre\/index.php?inst=2214848\"\n               target=\"_blank\"\n               rel=\"noopener noreferrer\">\n                Je souhaite rester en lien\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<div id=\"evangile-accroche-simple-wrapper\" class=\"evangile-accroche-simple-wrapper\">\n\n<style>\n.evangile-accroche-simple-wrapper {\n    --color-bg-white: #FFFFFF;\n    --color-bg-cream: #FAF8F5;\n    --color-brown-primary: #8F4316;\n    --color-tan-accent-text: #A86B38;\n    --color-accent-deco: #D0905D;\n    --color-ink-editorial: #2B2825;\n    --color-line-beige: #E6DCD1;\n\n    max-width: 100%;\n    margin: 30px auto;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n\n\/* Transformation de la carte en lien cliquable *\/\n.evangile-accroche-simple-card { \n    display: block; \n    text-decoration: none !important; \n    background-color: var(--color-bg-cream); \n    border: 1px solid var(--color-line-beige); \n    border-top: 4px solid var(--color-accent-deco); \/* Bordure sup\u00e9rieure d'accent *\/\n    border-radius: 8px; \n    padding: 32px 35px 28px 35px; \n    text-align: center; \n    box-shadow: 0 4px 15px rgba(143, 67, 22, 0.06); \n    transition: box-shadow 0.3s ease; \n    cursor: pointer;\n}\n\n\/* Force le retrait du soulignement m\u00eame au survol ou au clic *\/\n.evangile-accroche-simple-card:hover,\n.evangile-accroche-simple-card:focus,\n.evangile-accroche-simple-card:active {\n    text-decoration: none !important;\n}\n\n\/* Effets harmonieux au survol *\/\n.evangile-accroche-simple-card:hover {\n    box-shadow: 0 6px 20px rgba(143, 67, 22, 0.12);\n}\n\n.evangile-accroche-simple-card:hover .evangile-accroche-simple-title {\n    color: var(--color-accent-deco);\n}\n\n\/* Ic\u00f4ne Croix liturgique *\/\n.evangile-accroche-simple-icon {\n    font-size: 1.8em;\n    line-height: 1;\n    color: var(--color-accent-deco);\n    margin: 0 auto 12px auto;\n    display: block;\n}\n\n.evangile-accroche-simple-label { \n    text-align: center; \n    font-size: 0.9em; \n    color: var(--color-tan-accent-text); \n    font-weight: 700; \n    text-transform: uppercase; \n    letter-spacing: 2.5px; \n    margin: 0 0 15px 0; \n}\n\n.evangile-accroche-simple-title { \n    text-align: center; \n    font-size: 1.6em; \n    font-weight: 500; \n    color: var(--color-brown-primary); \n    margin: 0 0 10px 0; \n    line-height: 1.3; \n    transition: color 0.2s ease; \n}\n\n.evangile-accroche-simple-ref { \n    text-align: center; \n    font-size: 0.9em; \n    color: var(--color-tan-accent-text); \n    font-weight: 700; \n    text-transform: uppercase; \n    letter-spacing: 2.5px; \n    margin: 0 0 20px 0; \n}\n\n.evangile-accroche-simple-divider { \n    width: 80px; \n    height: 2px; \n    background: linear-gradient(90deg, transparent, var(--color-accent-deco), transparent); \n    margin: 20px auto 16px auto; \n    border-radius: 2px; \n}\n\n\/* Appel \u00e0 l'action : grand, sans gras, sans majuscule forc\u00e9e *\/\n.evangile-accroche-simple-cta,\n.evangile-accroche-simple-cta span {\n    font-size: 1.2em !important;\n    font-weight: 400 !important;\n    text-transform: none !important;\n    color: var(--color-brown-primary) !important;\n    line-height: 1.4 !important;\n}\n\n.evangile-accroche-simple-cta {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 8px;\n    transition: color 0.2s ease;\n}\n\n.evangile-accroche-simple-card:hover .evangile-accroche-simple-cta,\n.evangile-accroche-simple-card:hover .evangile-accroche-simple-cta span {\n    color: var(--color-accent-deco) !important;\n}\n\n@media (max-width: 768px) { \n    .evangile-accroche-simple-wrapper { margin: 20px auto; } \n    .evangile-accroche-simple-card { padding: 26px 22px 22px 22px; } \n    .evangile-accroche-simple-title { font-size: 1.4em; } \n    .evangile-accroche-simple-cta,\n    .evangile-accroche-simple-cta span { font-size: 1.08em !important; }\n    .evangile-accroche-simple-label, .evangile-accroche-simple-ref { font-size: 0.85em; } \n    .evangile-accroche-simple-icon { font-size: 1.6em; margin-bottom: 10px; } \n}\n<\/style>\n\n<a href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/evangile-du-jour\/\" class=\"evangile-accroche-simple-card\">\n    <div class=\"evangile-accroche-simple-icon\">\u2020<\/div>\n    <p id=\"evangile-label\" class=\"evangile-accroche-simple-label\">Chargement&#8230;<\/p>\n    \n    <h3 id=\"evangile-title\" class=\"evangile-accroche-simple-title\">\n        <span class=\"evangile-accroche-simple-title-text\"> Chargement&#8230; <\/span>\n    <\/h3>\n    \n    <p id=\"evangile-ref\" class=\"evangile-accroche-simple-ref\"><\/p>\n    \n    <div class=\"evangile-accroche-simple-divider\"><\/div>\n\n    <div class=\"evangile-accroche-simple-cta\" style=\"font-size: 1.2em !important; font-weight: 400 !important; text-transform: none !important;\">\n        <span style=\"font-weight: 400 !important; font-size: inherit !important; text-transform: none !important;\">Lire l&rsquo;\u00c9vangile du <span id=\"evangile-date\" style=\"font-weight: 400 !important; font-size: inherit !important; text-transform: none !important;\">jour<\/span><\/span>\n        <span style=\"font-weight: 400 !important; font-size: inherit !important;\">\u2192<\/span>\n    <\/div>\n<\/a>\n\n<script>\n(function() {\n    async function chargerAccrocheEvangile() {\n        try {\n            const jours = ['dimanche', 'lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi'];\n            const mois = ['janvier', 'f\u00e9vrier', 'mars', 'avril', 'mai', 'juin', 'juillet', 'ao\u00fbt', 'septembre', 'octobre', 'novembre', 'd\u00e9cembre'];\n            const maintenant = new Date();\n            \n            const jourNom = jours[maintenant.getDay()].toLowerCase();\n            const jourNum = maintenant.getDate() === 1 ? '1er' : maintenant.getDate();\n            const moisNom = mois[maintenant.getMonth()].toLowerCase();\n\n            const dateElement = document.getElementById('evangile-date');\n            if (dateElement) {\n                dateElement.textContent = `${jourNom} ${jourNum} ${moisNom}`;\n            }\n\n            \/\/ Cl\u00e9 pour le cache navigateur\n            const dateStr = `${maintenant.getFullYear()}-${maintenant.getMonth() + 1}-${maintenant.getDate()}`;\n            const localCacheKey = `aelf_data_${dateStr}`;\n            \n            let data;\n            const cachedData = localStorage.getItem(localCacheKey);\n\n            if (cachedData) {\n                data = JSON.parse(cachedData);\n            } else {\n                const apiUrl = `https:\/\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/liturgie-du-jour.json?v=${dateStr}`;\n                const response = await fetch(apiUrl);\n                if (!response.ok) throw new Error('Erreur r\u00e9seau');\n                data = await response.json();\n                localStorage.setItem(localCacheKey, JSON.stringify(data));\n            }\n\n            let evangile = null;\n\n            if (data.messes && data.messes.length > 0) {\n                for (const messe of data.messes) {\n                    if (messe.lectures) {\n                        evangile = messe.lectures.find(l => l.type === 'evangile');\n                        if (evangile) break;\n                    }\n                }\n            }\n\n            if (evangile) {\n                let titreBrut = (evangile.titre || '').replace(\/^[\u00c9\u00e9]vangile\\s*:\\s*\/gi, '').replace(\/^\\s*:\\s*\/, '');\n                let referenceBrute = evangile.ref || evangile.reference || '';\n                \n                const regexRef = \/\\s*\\(([^)]+)\\)$\/;\n                const match = titreBrut.match(regexRef);\n                if (match) {\n                    if (!referenceBrute) referenceBrute = match[1];\n                    titreBrut = titreBrut.replace(regexRef, '');\n                }\n\n                if (!titreBrut && referenceBrute) {\n                    titreBrut = referenceBrute;\n                    referenceBrute = '';\n                }\n\n                if (referenceBrute && !referenceBrute.startsWith('(')) {\n                    referenceBrute = `(${referenceBrute})`;\n                }\n\n                \/\/ D\u00e9tection infaillible de l'\u00e9vang\u00e9liste (Lc, Mt, Mc, Jn)\n                const texteRecherche = [\n                    evangile.intro_lue || '',\n                    titreBrut,\n                    referenceBrute,\n                    (evangile.contenu || '').substring(0, 150)\n                ].join(' ').toLowerCase();\n\n                let nom = '';\n                if (\/\\b(luc|lc)\\b\/i.test(texteRecherche)) {\n                    nom = 'Luc';\n                } else if (\/\\b(matthieu|mt)\\b\/i.test(texteRecherche)) {\n                    nom = 'Matthieu';\n                } else if (\/\\b(marc|mc)\\b\/i.test(texteRecherche)) {\n                    nom = 'Marc';\n                } else if (\/\\b(jean|jn)\\b\/i.test(texteRecherche)) {\n                    nom = 'Jean';\n                }\n\n                const labelElement = document.getElementById('evangile-label');\n                if (labelElement) {\n                    if (nom) {\n                        labelElement.textContent = `\u00c9vangile de J\u00e9sus Christ selon saint ${nom}`;\n                    } else if (evangile.intro_lue) {\n                        labelElement.textContent = evangile.intro_lue.replace(\/<[^>]*>\/g, '').trim();\n                    } else {\n                        labelElement.textContent = \"\u00c9vangile de J\u00e9sus Christ\";\n                    }\n                }\n\n                const textElement = document.querySelector('.evangile-accroche-simple-title-text');\n                if (textElement) textElement.textContent = titreBrut;\n                \n                const refElement = document.getElementById('evangile-ref');\n                if (refElement) {\n                    refElement.textContent = referenceBrute;\n                    refElement.style.display = referenceBrute ? 'block' : 'none';\n                }\n            } else {\n                throw new Error(\"Pas de texte\");\n            }\n        } catch (error) {\n            console.error('Erreur:', error);\n            document.querySelector('.evangile-accroche-simple-title-text').textContent = \"Lire l'\u00c9vangile\";\n            document.getElementById('evangile-label').textContent = \"\u00c9vangile du jour\";\n            const refElement = document.getElementById('evangile-ref');\n            if (refElement) refElement.style.display = 'none';\n        }\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', chargerAccrocheEvangile);\n    } else {\n        chargerAccrocheEvangile();\n    }\n})();\n<\/script>\n\n<\/div>\n\n\n\n<!-- ==========================================================================\n     PAROISSE SAINT-GERMAIN L'AUXERROIS (CH\u00c2TENAY-MALABRY)\n     ENCART PAGE D'ACCUEIL : JEUNESSE OUVRI\u00c8RE CHR\u00c9TIENNE (JOC)\n     - Titre : \"Jeunesse Ouvri\u00e8re Chr\u00e9tienne (JOC)\"\n     - Sous-titre : \"D\u00e9claration du mouvement sur la mobilisation lyc\u00e9enne \u2022 Octobre 2026\"\n     - Encart enti\u00e8rement cliquable (technique du lien \u00e9tir\u00e9)\n     - Pointeur souris en main cliquable (pointer) sur toute la surface\n     - Aucun effet de soul\u00e8vement (fixe au survol, transition de couleur douce)\n     - Ic\u00f4ne s\u00e9mantique de document \/ d\u00e9claration (lecture)\n     - Tailles de police calibr\u00e9es sur la r\u00e9f\u00e9rence paroissiale\n     - Couleurs officielles du document JOC (#196B6E, #238D91, #457786)\n     ========================================================================== -->\n\n<div id=\"joc-teaser-home\" class=\"joc-teaser-container\">\n<style>\n.joc-teaser-container {\n    --joc-title: #196B6E;          \/* Teal profond (titre, bouton) *\/\n    --joc-title-hover: #11504F;    \/* Teal tr\u00e8s sombre (survol du bouton) *\/\n    --joc-slate: #457786;          \/* Bleu ardoise du document (sous-titre) *\/\n    --joc-teal: #238D91;           \/* Teal du logo (filet au survol) *\/\n    --joc-bg: #FAF8F5;             \/* Cr\u00e8me d'encart officiel de la paroisse *\/\n    --joc-ink: #2B2825;            \/* Encre \u00e9ditoriale *\/\n    --joc-line: #E6DCD1;           \/* Beige s\u00e9parateur *\/\n\n    position: relative;            \/* R\u00e9f\u00e9rence pour le lien \u00e9tir\u00e9 *\/\n    cursor: pointer;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    background-color: var(--joc-bg);\n    border: 1px solid var(--joc-line);\n    border-radius: 8px;\n    padding: 24px 28px;\n    margin: 30px auto;\n    max-width: 800px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);\n    box-sizing: border-box;\n    transition: border-color 0.2s ease;\n}\n\n\/* Survol : seul le filet change de couleur, l'encart reste parfaitement stable *\/\n.joc-teaser-container:hover {\n    border-color: var(--joc-teal);\n}\n\n\/* Forcer le pointeur souris en main cliquable sur tous les \u00e9l\u00e9ments *\/\n.joc-teaser-container,\n.joc-teaser-container * {\n    cursor: pointer !important;\n}\n\n\/* --- En-t\u00eate : Titre + Sous-titre --- *\/\n.joc-teaser-header {\n    margin: 0 0 16px 0;\n}\n\n.joc-teaser-container .joc-teaser-title {\n    color: var(--joc-title) !important;\n    font-family: inherit !important;\n    font-size: 1.55em;\n    font-weight: 700;\n    line-height: 1.25;\n    margin: 0 0 6px 0 !important;\n    padding: 0 !important;\n    border: none !important;\n    text-wrap: balance;\n}\n\n.joc-teaser-container .joc-teaser-subtitle {\n    color: var(--joc-slate);\n    font-size: 0.95em;\n    font-weight: 700;\n    line-height: 1.4;\n    margin: 0 !important;\n}\n\n\/* --- Corps : Texte \u00e0 gauche, Image \u00e0 droite --- *\/\n.joc-teaser-body {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n}\n\n.joc-teaser-content {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.joc-teaser-container .joc-teaser-text {\n    color: var(--joc-ink);\n    font-size: 0.98em;\n    line-height: 1.55;\n    margin: 0 0 16px 0 !important;\n    text-wrap: pretty;\n}\n\n\/* --- Bouton d'action (porte le lien) --- *\/\n.joc-teaser-container .joc-teaser-btn,\n.joc-teaser-container .joc-teaser-btn:visited,\n.joc-teaser-container .joc-teaser-btn:hover,\n.joc-teaser-container .joc-teaser-btn:focus {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background-color: var(--joc-title);\n    color: #FFFFFF !important;\n    text-decoration: none !important;\n    border: none !important;\n    box-shadow: none !important;\n    padding: 10px 22px;\n    border-radius: 6px;\n    font-weight: 500;\n    font-size: 0.92em;\n    line-height: 1.4;\n    transition: background-color 0.2s ease;\n}\n\n.joc-teaser-container:hover .joc-teaser-btn {\n    background-color: var(--joc-title-hover);\n}\n\n\/* Ic\u00f4ne de document \/ d\u00e9claration *\/\n.joc-teaser-btn svg {\n    width: 16px;\n    height: 16px;\n    fill: currentColor;\n    flex-shrink: 0;\n}\n\n\/* Technique du lien \u00e9tir\u00e9 : toute la carte devient le lien *\/\n.joc-teaser-btn::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    border-radius: 8px;\n    cursor: pointer;\n}\n\n\/* Navigation clavier accessible *\/\n.joc-teaser-btn:focus-visible {\n    outline: none;\n}\n\n.joc-teaser-btn:focus-visible::after {\n    outline: 3px solid var(--joc-title);\n    outline-offset: 2px;\n}\n\n\/* --- Colonne Image --- *\/\n.joc-teaser-media {\n    flex: 0 0 144px;\n    margin: 0;\n}\n\n.joc-teaser-img {\n    width: 144px;\n    height: 144px;\n    aspect-ratio: 1 \/ 1;\n    object-fit: cover;\n    display: block;\n    border-radius: 8px;\n    box-shadow: 0 2px 8px rgba(25, 107, 110, 0.15);\n}\n\n\/* --- Adaptation Mobile --- *\/\n@media (max-width: 640px) {\n    .joc-teaser-container {\n        padding: 20px 18px;\n        margin: 24px auto;\n        text-align: center;\n    }\n\n    .joc-teaser-container .joc-teaser-title {\n        font-size: 1.35em;\n    }\n\n    .joc-teaser-body {\n        flex-direction: column-reverse;\n        gap: 16px;\n    }\n\n    .joc-teaser-media {\n        flex: 0 0 auto;\n    }\n\n    .joc-teaser-img {\n        width: 120px;\n        height: 120px;\n    }\n\n    .joc-teaser-container .joc-teaser-btn {\n        display: flex;\n        justify-content: center;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .joc-teaser-container,\n    .joc-teaser-btn {\n        transition: none;\n    }\n}\n<\/style>\n\n<div class=\"joc-teaser-header\">\n    <h2 class=\"joc-teaser-title\">Jeunesse Ouvri\u00e8re Chr\u00e9tienne (JOC)<\/h2>\n    <p class=\"joc-teaser-subtitle\">D\u00e9claration du mouvement sur la mobilisation lyc\u00e9enne &bull; Octobre 2026<\/p>\n<\/div>\n\n<div class=\"joc-teaser-body\">\n    <div class=\"joc-teaser-content\">\n        <p class=\"joc-teaser-text\">\n            Face aux mobilisations actuelles dans les lyc\u00e9es, la JOC porte la voix des jeunes du milieu ouvrier et des quartiers populaires. D\u00e9couvrez leur appel pour des conditions d\u2019\u00e9tudes dignes, l\u2019\u00e9coute des \u00e9l\u00e8ves et le respect de chaque jeune.\n        <\/p>\n\n        <a class=\"joc-teaser-btn\"\n           href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/10\/Mobilisation-lyceenne-Parole-du-mouvement.pdf\"\n           target=\"_blank\"\n           rel=\"noopener noreferrer\"\n           aria-label=\"Lire la d\u00e9claration de la JOC sur la mobilisation lyc\u00e9enne (PDF, nouvel onglet)\">\n            <!-- Ic\u00f4ne Document \/ D\u00e9claration -->\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/>\n            <\/svg>\n            <span>Lire la d\u00e9claration<\/span>\n        <\/a>\n    <\/div>\n\n    <figure class=\"joc-teaser-media\">\n        <img data-recalc-dims=\"1\" decoding=\"async\" class=\"joc-teaser-img\"\n             src=\"https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/10\/Logo_JOC_Jeunesse-Ouvriere-Chretienne.jpg?resize=144%2C144&#038;ssl=1\"\n             alt=\"Logo de la Jeunesse Ouvri\u00e8re Chr\u00e9tienne (JOC)\"\n             width=\"144\" height=\"144\"\n             loading=\"lazy\" \/>\n    <\/figure>\n<\/div>\n<\/div>\n<!-- Fin de l'encart JOC -->\n\n\n\n<!-- ==========================================================================\n     PAROISSE SAINT-GERMAIN (CH\u00c2TENAY-MALABRY)\n     ENCART AGENDA DYNAMIQUE HARMONIS\u00c9 (SANS ESPACE VIDE - TAILLES ORIGINALES)\n     ========================================================================== -->\n\n<div id=\"stg-agenda-wrapper\" class=\"stg-agenda-wrapper\">\n<style>\n.stg-agenda-wrapper {\n    \/* Variables de la charte graphique *\/\n    --color-bg-white: #FFFFFF;\n    --color-bg-cream: #FAF8F5;\n    --color-brown-primary: #8F4316;\n    --color-tan-accent-text: #A86B38;\n    --color-accent-deco: #D0905D;\n    --color-ink-editorial: #2B2825;\n    --color-line-beige: #E6DCD1;\n    --font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n\n    max-width: 800px;\n    margin: 30px auto 40px auto;\n    font-family: var(--font-family);\n    color: var(--color-ink-editorial);\n}\n\n\/* Encart principal de l'agenda *\/\n.stg-agenda { \n    background-color: var(--color-bg-cream); \n    border: 1px solid var(--color-line-beige); \n    border-radius: 8px; \n    padding: 32px 34px; \n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02); \n    line-height: 1.55; \n    transition: box-shadow 0.3s ease;\n}\n\n.stg-agenda:hover {\n    box-shadow: 0 6px 18px rgba(143, 67, 22, 0.08);\n}\n\n.stg-agenda-title { \n    color: var(--color-brown-primary); \n    font-size: 1.55em; \n    font-weight: 600; \n    margin: 0 0 12px 0; \n    line-height: 1.3;\n}\n\n.stg-title-divider { \n    width: 100%; \n    height: 1px; \n    background-color: var(--color-line-beige); \n    margin-bottom: 20px; \n}\n\n\/* --- LIGNES DE L'AGENDA (DATE AU-DESSUS SANS BLANC VERTICAL) --- *\/\n.stg-jour { \n    display: flex; \n    flex-direction: column; \n    gap: 8px;\n    padding: 16px 0; \n    border-bottom: 1px solid var(--color-line-beige); \n    transition: opacity 0.3s ease, filter 0.3s ease;\n}\n\n.stg-jour:last-child {\n    border-bottom: none;\n    padding-bottom: 0;\n}\n\n\/* Date : taille strictement 0.9em *\/\n.stg-date { \n    color: var(--color-brown-primary); \n    font-size: 0.9em;\n    font-weight: 700; \n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    padding-bottom: 2px;\n}\n\n.stg-events { \n    width: 100%; \n    padding-left: 6px; \n}\n\n.stg-event { \n    display: flex; \n    align-items: flex-start; \n    gap: 14px;\n    margin-bottom: 10px; \n}\n\n.stg-event:last-child {\n    margin-bottom: 0;\n}\n\n\/* Heure : taille strictement 0.9em *\/\n.stg-heure { \n    flex: 0 0 60px; \n    min-width: 60px;\n    color: var(--color-tan-accent-text); \n    font-weight: 700; \n    font-size: 0.9em;\n    padding-top: 1px; \n}\n\n\/* Description : taille strictement 0.98em *\/\n.stg-desc { \n    flex: 1; \n    font-size: 0.98em;\n    line-height: 1.55;\n    padding-top: 1px; \n}\n\n.stg-desc strong {\n    color: var(--color-ink-editorial);\n    font-weight: 700;\n}\n\n.stg-desc a {\n    color: var(--color-brown-primary);\n    text-decoration: underline;\n    text-underline-offset: 3px;\n    font-weight: 600;\n    transition: color 0.2s ease;\n}\n\n.stg-desc a:hover {\n    color: var(--color-accent-deco);\n}\n\n\/* --- \u00c9V\u00c9NEMENTS PASS\u00c9S --- *\/\n.stg-jour.is-past { \n    opacity: 0.55; \n    filter: grayscale(70%); \n}\n\n.stg-jour.is-past:hover { \n    opacity: 0.90; \n    filter: grayscale(10%); \n}\n\n\/* --- ADAPTATION MOBILE --- *\/\n@media (max-width: 600px) {\n    .stg-agenda { \n        padding: 24px 18px; \n    } \n    .stg-agenda-title { \n        font-size: 1.35em; \n    } \n    .stg-jour { \n        padding: 14px 0; \n        gap: 6px;\n    } \n    .stg-events {\n        padding-left: 0;\n    }\n    .stg-heure { \n        flex: 0 0 52px; \n        min-width: 52px;\n        font-size: 0.85em;\n    } \n    .stg-desc {\n        font-size: 0.94em;\n    }\n}\n<\/style>\n\n<div id=\"agenda-dynamique\" class=\"stg-agenda\">\n    <h2 class=\"stg-agenda-title\">Bient\u00f4t \u00e0 la paroisse<\/h2>\n    <div class=\"stg-title-divider\"><\/div>\n\n    <!-- Samedi 10 octobre -->\n    <div class=\"stg-jour\">\n        <div class=\"stg-date\">Sam 10 oct<\/div>\n        <div class=\"stg-events\">\n            <div class=\"stg-event\">\n                <div class=\"stg-heure\"><\/div>\n                <div class=\"stg-desc\"><strong>D\u00e9jeuner des familles du cat\u00e9chisme<\/strong> au centre paroissial.<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Dimanche 11 octobre -->\n    <div class=\"stg-jour\">\n        <div class=\"stg-date\">Dim 11 oct<\/div>\n        <div class=\"stg-events\">\n            <div class=\"stg-event\">\n                <div class=\"stg-heure\">9h30<\/div>\n                <div class=\"stg-desc\"><strong>Formation des servants d\u2019autel<\/strong> (jusqu&rsquo;\u00e0 10h15).<\/div>\n            <\/div>\n            <div class=\"stg-event\">\n                <div class=\"stg-heure\">10h30<\/div>\n                <div class=\"stg-desc\"><strong>Messe et \u00c9veil \u00e0 la foi<\/strong> (3-7 ans).<\/div>\n            <\/div>\n            <div class=\"stg-event\">\n                <div class=\"stg-heure\">12h00<\/div>\n                <div class=\"stg-desc\"><strong>Ap\u00e9ritif et repas partag\u00e9<\/strong>.<\/div>\n            <\/div>\n            <div class=\"stg-event\">\n                <div class=\"stg-heure\">14h00<\/div>\n                <div class=\"stg-desc\"><strong>Table Ouverte Partag\u00e9e<\/strong> : pr\u00e9sentation et \u00e9changes autour de <a href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/magnifica-humanitas\/\">l\u2019Encyclique du Pape L\u00e9on XIV<\/a> (jusqu&rsquo;\u00e0 15h30).<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Mardi 13 octobre -->\n    <div class=\"stg-jour\">\n        <div class=\"stg-date\">Mar 13 oct<\/div>\n        <div class=\"stg-events\">\n            <div class=\"stg-event\">\n                <div class=\"stg-heure\">20h30<\/div>\n                <div class=\"stg-desc\"><strong>Viens et Vois<\/strong> : r\u00e9union au centre paroissial.<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Vendredi 16 octobre -->\n    <div class=\"stg-jour\">\n        <div class=\"stg-date\">Ven 16 oct<\/div>\n        <div class=\"stg-events\">\n            <div class=\"stg-event\">\n                <div class=\"stg-heure\">19h00<\/div>\n                <div class=\"stg-desc\"><strong>R\u00e9union de la Schola<\/strong> dans l\u2019\u00e9glise. <em>Ouverte \u00e0 tous ceux qui souhaitent s\u2019initier au chant liturgique.<\/em><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Samedi 17 octobre -->\n    <div class=\"stg-jour\">\n        <div class=\"stg-date\">Sam 17 oct<\/div>\n        <div class=\"stg-events\">\n            <div class=\"stg-event\">\n                <div class=\"stg-heure\">10h00<\/div>\n                <div class=\"stg-desc\"><strong>Ouvrir la Bible<\/strong> sur le livre de l&rsquo;Exode au centre paroissial (jusqu&rsquo;\u00e0 12h).<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Samedi 31 octobre -->\n    <div class=\"stg-jour\">\n        <div class=\"stg-date\">Sam 31 oct<\/div>\n        <div class=\"stg-events\">\n            <div class=\"stg-event\">\n                <div class=\"stg-heure\">18h30<\/div>\n                <div class=\"stg-desc\"><strong>Messe anticip\u00e9e de la Toussaint<\/strong>.<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Dimanche 1er novembre -->\n    <div class=\"stg-jour\">\n        <div class=\"stg-date\">Dim 1 nov<\/div>\n        <div class=\"stg-events\">\n            <div class=\"stg-event\">\n                <div class=\"stg-heure\">10h30<\/div>\n                <div class=\"stg-desc\"><strong>F\u00eate de la Toussaint<\/strong> : messe solennelle.<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Dimanche 8 novembre -->\n    <div class=\"stg-jour\">\n        <div class=\"stg-date\">Dim 8 nov<\/div>\n        <div class=\"stg-events\">\n            <div class=\"stg-event\">\n                <div class=\"stg-heure\">12h00<\/div>\n                <div class=\"stg-desc\"><strong>Ap\u00e9ritif et Table Ouverte Partag\u00e9e<\/strong>, suivis de la conf\u00e9rence de Christiane Cosme sur \u00ab la pri\u00e8re dans le monde antique \u00bb.<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Dimanche 15 novembre -->\n    <div class=\"stg-jour\">\n        <div class=\"stg-date\">Dim 15 nov<\/div>\n        <div class=\"stg-events\">\n            <div class=\"stg-event\">\n                <div class=\"stg-heure\">9h45<\/div>\n                <div class=\"stg-desc\"><strong>Cat\u00e9ch\u00e8se \u00e9l\u00e9mentaire sur la messe<\/strong> (jusqu&rsquo;\u00e0 10h15, ouvert \u00e0 tous).<\/div>\n            <\/div>\n            <div class=\"stg-event\">\n                <div class=\"stg-heure\">10h30<\/div>\n                <div class=\"stg-desc\"><strong>Messe et \u00c9veil \u00e0 la foi<\/strong>.<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Mardi 17 novembre -->\n    <div class=\"stg-jour\">\n        <div class=\"stg-date\">Mar 17 nov<\/div>\n        <div class=\"stg-events\">\n            <div class=\"stg-event\">\n                <div class=\"stg-heure\">20h30<\/div>\n                <div class=\"stg-desc\"><strong>Viens et Vois<\/strong> : r\u00e9union au centre paroissial.<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Mercredi 18 novembre -->\n    <div class=\"stg-jour\">\n        <div class=\"stg-date\">Mer 18 nov<\/div>\n        <div class=\"stg-events\">\n            <div class=\"stg-event\">\n                <div class=\"stg-heure\">11h00<\/div>\n                <div class=\"stg-desc\"><strong>Messe<\/strong> \u00e0 la r\u00e9sidence Le S\u00e9quo\u00efa.<\/div>\n            <\/div>\n            <div class=\"stg-event\">\n                <div class=\"stg-heure\">15h00<\/div>\n                <div class=\"stg-desc\"><strong>Messe<\/strong> \u00e0 Hippocrate.<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n<script>\n(function() {\n    function organiserAgenda() {\n        const agenda = document.getElementById('agenda-dynamique');\n        if (!agenda) return;\n\n        const joursNodes = agenda.querySelectorAll('.stg-jour');\n        const joursArray = Array.from(joursNodes);\n        \n        const moisMap = {\n            'jan': 0, 'janv': 0, 'janvier': 0,\n            'f\u00e9v': 1, 'fev': 1, 'f\u00e9vr': 1, 'fevr': 1, 'f\u00e9vrier': 1, 'fevrier': 1,\n            'mar': 2, 'mars': 2,\n            'avr': 3, 'avril': 3,\n            'mai': 4,\n            'jun': 5, 'juin': 5,\n            'jul': 6, 'juil': 6, 'juill': 6, 'juillet': 6,\n            'ao\u00fb': 7, 'aout': 7, 'ao\u00fbt': 7,\n            'sep': 8, 'sept': 8, 'septembre': 8,\n            'oct': 9, 'octo': 9, 'octobre': 9,\n            'nov': 10, 'nove': 10, 'novembre': 10,\n            'd\u00e9c': 11, 'dec': 11, 'd\u00e9ce': 11, 'd\u00e9cembre': 11, 'decembre': 11\n        };\n\n        const joursSemaineMap = {\n            'dim': 0, 'dimanche': 0,\n            'lun': 1, 'lundi': 1,\n            'mar': 2, 'mardi': 2,\n            'mer': 3, 'mercredi': 3,\n            'jeu': 4, 'jeudi': 4,\n            'ven': 5, 'vendredi': 5,\n            'sam': 6, 'samedi': 6\n        };\n\n        const now = new Date();\n        const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n\n        function extraireDate(jourEl) {\n            const dateEl = jourEl.querySelector('.stg-date');\n            if (!dateEl) return null;\n\n            const text = dateEl.textContent.trim().toLowerCase();\n            const parts = text.split(\/\\s+\/);\n            \n            let dayNum = null;\n            let monthIdx = undefined;\n            let expectedDayOfWeek = undefined;\n\n            if (parts.length >= 3) {\n                let dayStr = parts[0].replace(\/[.,]\/g, '');\n                expectedDayOfWeek = joursSemaineMap[dayStr];\n                dayNum = parseInt(parts[1], 10);\n                let monthStr = parts[2].replace(\/[.,]\/g, '');\n                monthIdx = moisMap[monthStr];\n            } else if (parts.length === 2) {\n                dayNum = parseInt(parts[0], 10);\n                let monthStr = parts[1].replace(\/[.,]\/g, '');\n                monthIdx = moisMap[monthStr];\n            }\n\n            if (!isNaN(dayNum) && monthIdx !== undefined) {\n                let eventYear = now.getFullYear();\n\n                if (expectedDayOfWeek !== undefined) {\n                    let candidates = [eventYear, eventYear + 1, eventYear - 1];\n                    for (let y of candidates) {\n                        let testDate = new Date(y, monthIdx, dayNum);\n                        if (testDate.getDay() === expectedDayOfWeek) {\n                            eventYear = y;\n                            break;\n                        }\n                    }\n                } else {\n                    let diff = monthIdx - now.getMonth();\n                    if (diff < -2) eventYear++; \n                    else if (diff > 9) eventYear--; \n                }\n\n                return new Date(eventYear, monthIdx, dayNum);\n            }\n            return null;\n        }\n\n        const eventsData = joursArray.map(jour => {\n            return {\n                element: jour,\n                date: extraireDate(jour)\n            };\n        });\n\n        eventsData.sort((a, b) => {\n            if (!a.date) return 1;\n            if (!b.date) return -1;\n            return a.date - b.date;\n        });\n\n        eventsData.forEach(item => {\n            if (item.element) {\n                agenda.appendChild(item.element);\n                item.element.classList.remove('is-past');\n\n                if (item.date && item.date < today) {\n                    item.element.classList.add('is-past');\n                }\n            }\n        });\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', organiserAgenda);\n    } else {\n        organiserAgenda();\n    }\n})();\n<\/script>\n\n\n\n<!-- ==========================================================================\n     PAROISSE SAINT-GERMAIN (CH\u00c2TENAY-MALABRY)\n     BLOC 2 : ENCART D'ACCUEIL \u00c9PUR\u00c9 - ENCYCLIQUE \"MAGNIFICA HUMANITAS\"\n     ========================================================================== -->\n\n<!-- FEUILLE DE STYLE DE L'ENCART D'ACCUEIL -->\n<style>\n  .stg-teaser-card {\n    --stg-color-bg-cream: #FAF8F5;\n    --stg-color-brown-primary: #8F4316;\n    --stg-color-tan-text: #A86B38;\n    --stg-color-ink-editorial: #2B2825;\n    --stg-color-line-beige: #E6DCD1;\n    --stg-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    \n    background-color: var(--stg-color-bg-cream);\n    border: 1px solid var(--stg-color-line-beige);\n    border-radius: 8px;\n    padding: 2rem;\n    margin: 2rem auto;\n    max-width: 800px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\n    font-family: var(--stg-font-family);\n    transition: box-shadow 0.3s ease;\n  }\n\n  \/* Survol stable : ombre douce sans d\u00e9placement *\/\n  .stg-teaser-card:hover {\n    box-shadow: 0 6px 18px rgba(143, 67, 22, 0.08);\n  }\n\n  .stg-teaser-title-h2 {\n    font-size: 1.4em;\n    font-weight: 500;\n    color: var(--stg-color-brown-primary);\n    margin: 0 0 0.75rem 0;\n    line-height: 1.3;\n    border: none !important;\n    padding: 0 !important;\n  }\n\n  .stg-teaser-text {\n    font-size: 1em;\n    font-weight: 400;\n    color: var(--stg-color-ink-editorial);\n    line-height: 1.6;\n    margin-bottom: 1.5rem;\n  }\n\n  \/* Bouton d'action stable sans mouvement *\/\n  .stg-teaser-btn {\n    display: inline-block;\n    text-align: center;\n    padding: 0.7rem 1.6rem;\n    font-size: 0.9em;\n    font-weight: 500;\n    border-radius: 4px;\n    text-decoration: none !important;\n    transition: background-color 0.2s ease;\n    cursor: pointer;\n    background-color: var(--stg-color-brown-primary);\n    color: #FFFFFF !important;\n    border: 1px solid var(--stg-color-brown-primary);\n  }\n\n  .stg-teaser-btn:hover {\n    background-color: #72340F;\n    border-color: #72340F;\n  }\n\n  @media screen and (min-width: 768px) {\n    .stg-teaser-title-h2 { font-size: 1.6em; }\n    .stg-teaser-text { font-size: 1.05em; }\n  }\n<\/style>\n\n<!-- STRUCTURE HTML DE L'ENCART -->\n<div class=\"stg-teaser-card\">\n  <h2 class=\"stg-teaser-title-h2\">Magnifica Humanitas<\/h2>\n  <p class=\"stg-teaser-text\">\n    Face \u00e0 l'av\u00e8nement de l'intelligence artificielle, le Pape L\u00e9on XIV publie <em>Magnifica Humanitas<\/em>, une vibrante d\u00e9fense de notre dignit\u00e9 et de ce qui rend l'humain irrempla\u00e7able. Notre synth\u00e8se par chapitre vous propose des rep\u00e8res simples pour entrer dans la lecture de ce message d'esp\u00e9rance.\n  <\/p>\n  \n  <!-- Lien direct connect\u00e9 \u00e0 l'URL de publication -->\n  <a href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/magnifica-humanitas\/\" class=\"stg-teaser-btn\">\n    Explorer l'encyclique\n  <\/a>\n<\/div>\n\n\n\n<!-- ==========================================================================\n     PAROISSE SAINT-GERMAIN (CH\u00c2TENAY-MALABRY)\n     BLOC PHOTO HARMONIS\u00c9\n     ========================================================================== -->\n\n<div class=\"stg-photo-wrapper\">\n<style>\n.stg-photo-wrapper {\n    --color-line-beige: #E6DCD1;\n    --color-brown-primary: #8F4316;\n\n    max-width: 800px;\n    margin: 30px auto 40px auto;\n    text-align: center;\n}\n\n.stg-photo-frame {\n    margin: 0;\n    padding: 0;\n    display: inline-block;\n    width: 100%;\n}\n\n.stg-photo-img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 8px;\n    border: 1px solid var(--color-line-beige);\n    box-shadow: 0 4px 15px rgba(143, 67, 22, 0.06);\n    transition: box-shadow 0.3s ease;\n    box-sizing: border-box;\n}\n\n\/* Survol stable : ombre douce sans mouvement *\/\n.stg-photo-frame:hover .stg-photo-img {\n    box-shadow: 0 6px 20px rgba(143, 67, 22, 0.12);\n}\n\n@media (max-width: 768px) {\n    .stg-photo-wrapper {\n        margin: 20px auto 30px auto;\n    }\n}\n<\/style>\n\n<figure class=\"stg-photo-frame wp-block-image size-large\">\n    <img data-recalc-dims=\"1\" decoding=\"async\" width=\"540\" height=\"360\" data-attachment-id=\"12808\" data-permalink=\"https:\/\/paroisses-chatenay.fr\/stgermain\/annonces-du-20-et-21-novembre-j3p-hiver-solidaire-soiree-esperance-messe-des-familles-preparation-de-noel\/dsc01276\/#main\" data-orig-file=\"https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/04\/DSC01276-scaled.jpg?fit=2560%2C1707&amp;ssl=1\" data-orig-size=\"2560,1707\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;3.5&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;ZV-E10&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1610671618&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;16&quot;,&quot;iso&quot;:&quot;6400&quot;,&quot;shutter_speed&quot;:&quot;0.02&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"DSC01276\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/04\/DSC01276-scaled.jpg?fit=540%2C360&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/04\/DSC01276.jpg?resize=540%2C360&#038;ssl=1\" \n         alt=\"C\u00e9l\u00e9bration paroissiale Saint-Germain\" \n         class=\"stg-photo-img wp-image-12808\" \n         loading=\"lazy\" srcset=\"https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/04\/DSC01276-scaled.jpg?resize=1024%2C683&amp;ssl=1 1024w, https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/04\/DSC01276-scaled.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/04\/DSC01276-scaled.jpg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/04\/DSC01276-scaled.jpg?resize=1536%2C1024&amp;ssl=1 1536w, https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/04\/DSC01276-scaled.jpg?resize=2048%2C1365&amp;ssl=1 2048w, https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/04\/DSC01276-scaled.jpg?w=1080&amp;ssl=1 1080w, https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/04\/DSC01276-scaled.jpg?w=1620&amp;ssl=1 1620w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/>\n<\/figure>\n<\/div>\n\n\n\n<!-- ==========================================================================\n     PAROISSE SAINT-GERMAIN (CH\u00c2TENAY-MALABRY)\n     ENCART LE PETIT GERMINAL\n     ========================================================================== -->\n\n<div id=\"germinal-wrapper\" class=\"germinal-wrapper\">\n<style>\n.germinal-wrapper {\n    \/* Variables de la charte graphique *\/\n    --color-bg-white: #FFFFFF;\n    --color-bg-cream: #FAF8F5;\n    --color-brown-primary: #8F4316;\n    --color-tan-accent-text: #A86B38;\n    --color-accent-deco: #D0905D;\n    --color-ink-editorial: #2B2825;\n    --color-line-beige: #E6DCD1;\n    --font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n\n    max-width: 800px;\n    margin: 30px auto 40px auto;\n    font-family: var(--font-family);\n    color: var(--color-ink-editorial);\n    line-height: 1.6;\n}\n\n\/* Encart principal *\/\n.germinal-card {\n    background-color: var(--color-bg-cream);\n    border: 1px solid var(--color-line-beige);\n    border-radius: 8px;\n    padding: 32px 34px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\n    transition: box-shadow 0.3s ease;\n}\n\n\/* Survol stable sans mouvement *\/\n.germinal-card:hover {\n    box-shadow: 0 6px 18px rgba(143, 67, 22, 0.08);\n}\n\n.germinal-title {\n    color: var(--color-brown-primary);\n    font-size: 1.55em;\n    font-weight: 600;\n    margin: 0;\n    line-height: 1.3;\n}\n\n\/* P\u00e9riode \/ dates sous le titre *\/\n.germinal-dates {\n    display: block;\n    font-size: 0.9em;\n    color: var(--color-tan-accent-text); \n    font-weight: 500;\n    margin: 4px 0 8px 0;\n    letter-spacing: 0.3px;\n}\n\n.germinal-subtitle {\n    color: var(--color-brown-primary);\n    font-size: 1.05em;\n    font-weight: 600;\n    margin-bottom: 12px;\n}\n\n.germinal-intro {\n    font-size: 1.02em;\n    margin-bottom: 20px;\n}\n\n.germinal-divider {\n    width: 100%;\n    height: 1px;\n    background-color: var(--color-line-beige);\n    margin-bottom: 20px;\n}\n\n\/* Blocs th\u00e9matiques *\/\n.germinal-item {\n    margin-bottom: 18px;\n    padding-bottom: 14px;\n    border-bottom: 1px dashed var(--color-line-beige);\n}\n\n.germinal-item:last-of-type {\n    border-bottom: none;\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n\n.germinal-item-label {\n    color: var(--color-tan-accent-text);\n    font-size: 0.85em;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    display: block;\n    margin-bottom: 4px;\n}\n\n.germinal-item-text {\n    margin: 0;\n    font-size: 1em;\n}\n\n\/* Liens internes *\/\n.germinal-item-text a {\n    color: var(--color-brown-primary);\n    text-decoration: underline;\n    text-underline-offset: 3px;\n    font-weight: 600;\n    transition: color 0.2s ease;\n}\n\n.germinal-item-text a:hover {\n    color: var(--color-accent-deco);\n}\n\n\/* Les textes en gras restent en noir \u00e9ditorial *\/\n.germinal-wrapper strong,\n.germinal-strong-black {\n    font-weight: 700;\n    color: var(--color-ink-editorial) !important;\n}\n\n.germinal-action {\n    margin-top: 28px;\n}\n\n\/* Bouton d'action textuel *\/\n.germinal-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    background-color: transparent;\n    color: var(--color-brown-primary) !important;\n    text-decoration: none !important; \n    font-weight: 700;\n    font-size: 0.9em;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    border-bottom: 2px solid var(--color-accent-deco); \n    padding-bottom: 2px;\n    transition: color 0.2s ease, border-bottom-color 0.2s ease;\n}\n\n.germinal-btn:hover {\n    color: var(--color-tan-accent-text) !important;\n    border-bottom-color: var(--color-brown-primary);\n    text-decoration: none !important;\n}\n\n\/* Adaptations Mobiles *\/\n@media (max-width: 768px) {\n    .germinal-card {\n        padding: 24px 20px;\n    }\n    .germinal-title {\n        font-size: 1.35em;\n    }\n    .germinal-dates {\n        font-size: 0.85em;\n    }\n    .germinal-subtitle {\n        font-size: 1em;\n    }\n    .germinal-intro, \n    .germinal-item-text {\n        font-size: 0.96em;\n    }\n    .germinal-btn {\n        font-size: 0.85em;\n    }\n}\n<\/style>\n\n<div class=\"germinal-card\">\n    <h2 class=\"germinal-title\">Le Petit Germinal n\u00b0464<\/h2>\n    <div class=\"germinal-dates\">du 12 octobre au 22 novembre 2026<\/div>\n    <div class=\"germinal-subtitle\">IMPRESSIONS DE RENTR\u00c9E<\/div>\n\n    <p class=\"germinal-intro\">\n        Le <strong class=\"germinal-strong-black\">P\u00e8re Pierre Bourdon<\/strong> remercie la communaut\u00e9 paroissiale pour la ferveur de la rentr\u00e9e et souligne la joie d'accueillir <strong class=\"germinal-strong-black\">sept nouveaux cat\u00e9chum\u00e8nes<\/strong> \u00e0 Saint-Germain. Il invite chacun \u00e0 faire vivre l'esprit paroissial et \u00e0 s'engager dans les projets de formation et de fraternit\u00e9 de cette nouvelle ann\u00e9e.\n    <\/p>\n    <div class=\"germinal-divider\"><\/div>\n\n    <div class=\"germinal-item\">\n        <span class=\"germinal-item-label\">Parole de Dieu &amp; Liturgie<\/span>\n        <p class=\"germinal-item-text\">\n            Reprise des rencontres \u00ab <strong>Ouvrir la Bible<\/strong> \u00bb sur le livre de l'Exode avec <strong class=\"germinal-strong-black\">Alain-Marc Plasman<\/strong> le <strong>samedi 17 octobre<\/strong> (10h-12h au centre paroissial), et r\u00e9union de la <strong>Schola<\/strong> ouverte \u00e0 tous pour s\u2019initier au chant liturgique le <strong>vendredi 16 octobre<\/strong> \u00e0 19h.\n        <\/p>\n    <\/div>\n\n    <div class=\"germinal-item\">\n        <span class=\"germinal-item-label\">Table Ouverte &amp; Culture<\/span>\n        <p class=\"germinal-item-text\">\n            Rendez-vous le <strong>dimanche 8 novembre<\/strong> pour l\u2019ap\u00e9ritif et la <strong>Table Ouverte Partag\u00e9e<\/strong>, suivis d\u2019une conf\u00e9rence de <strong class=\"germinal-strong-black\">Christiane Cosme<\/strong> consacr\u00e9e \u00e0 \u00ab la pri\u00e8re dans le monde antique \u00bb.\n        <\/p>\n    <\/div>\n\n    <div class=\"germinal-item\">\n        <span class=\"germinal-item-label\">F\u00eates &amp; Musique<\/span>\n        <p class=\"germinal-item-text\">\n            C\u00e9l\u00e9bration de la <strong>Toussaint<\/strong> (messe anticip\u00e9e samedi 31 octobre \u00e0 18h30 et messe solennelle dimanche 1<sup>er<\/sup> novembre \u00e0 10h30), et \u00e0 noter d\u00e8s \u00e0 pr\u00e9sent : un <strong>dimanche festif le 6 d\u00e9cembre<\/strong> \u00e0 Sainte-Bathilde, suivi \u00e0 17h d'un <strong>concert exceptionnel \u00e0 deux orgues<\/strong> en notre \u00e9glise.\n        <\/p>\n    <\/div>\n\n    <div class=\"germinal-action\">\n        <a class=\"germinal-btn\" href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/10\/PG_n\u00b0464_-_2026.10.12.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <span>Lire le Petit Germinal<\/span>\n            <span>\u2192<\/span>\n        <\/a>\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- ==========================================================================\n     PAROISSE SAINT-GERMAIN (CH\u00c2TENAY-MALABRY)\n     BLOC PHOTO HARMONIS\u00c9 : VERS P\u00c2QUES\n     ========================================================================== -->\n\n<div class=\"stg-photo-wrapper\">\n<style>\n.stg-photo-wrapper {\n    --color-line-beige: #E6DCD1;\n    --color-brown-primary: #8F4316;\n\n    max-width: 800px;\n    margin: 30px auto 40px auto;\n    text-align: center;\n}\n\n.stg-photo-frame {\n    margin: 0;\n    padding: 0;\n    display: inline-block;\n    width: 100%;\n}\n\n.stg-photo-img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 8px;\n    border: 1px solid var(--color-line-beige);\n    box-shadow: 0 4px 15px rgba(143, 67, 22, 0.06);\n    transition: box-shadow 0.3s ease;\n    box-sizing: border-box;\n}\n\n\/* Survol stable : ombre douce sans mouvement *\/\n.stg-photo-frame:hover .stg-photo-img {\n    box-shadow: 0 6px 20px rgba(143, 67, 22, 0.12);\n}\n\n@media (max-width: 768px) {\n    .stg-photo-wrapper {\n        margin: 20px auto 30px auto;\n    }\n}\n<\/style>\n\n<figure class=\"stg-photo-frame wp-block-image size-large\">\n    <img data-recalc-dims=\"1\" decoding=\"async\" width=\"540\" height=\"405\" data-attachment-id=\"12660\" data-permalink=\"https:\/\/paroisses-chatenay.fr\/stgermain\/annonces-du-20-et-21-novembre-j3p-hiver-solidaire-soiree-esperance-messe-des-familles-preparation-de-noel\/vers-paques\/#main\" data-orig-file=\"https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/03\/Vers-Paques.jpg?fit=2390%2C1792&amp;ssl=1\" data-orig-size=\"2390,1792\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Vers Pa\u0302ques\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/03\/Vers-Paques.jpg?fit=540%2C405&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/03\/Vers-Paques.jpg?resize=540%2C405&#038;ssl=1\" \n         alt=\"Vers P\u00e2ques \u2014 Paroisse Saint-Germain\" \n         class=\"stg-photo-img wp-image-12660\" \n         loading=\"lazy\" srcset=\"https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/03\/Vers-Paques.jpg?resize=1024%2C768&amp;ssl=1 1024w, https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/03\/Vers-Paques.jpg?resize=300%2C225&amp;ssl=1 300w, https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/03\/Vers-Paques.jpg?resize=768%2C576&amp;ssl=1 768w, https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/03\/Vers-Paques.jpg?resize=1536%2C1152&amp;ssl=1 1536w, https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/03\/Vers-Paques.jpg?resize=2048%2C1536&amp;ssl=1 2048w, https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/03\/Vers-Paques.jpg?w=1080&amp;ssl=1 1080w, https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/03\/Vers-Paques.jpg?w=1620&amp;ssl=1 1620w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/>\n<\/figure>\n<\/div>\n\n\n\n<!-- ==========================================================================\n     PAROISSE SAINT-GERMAIN (CH\u00c2TENAY-MALABRY)\n     ENCART LE J3P (JOURNAL DES 3 PAROISSES)\n     ========================================================================== -->\n\n<div id=\"j3p-wrapper\" class=\"j3p-wrapper\">\n<style>\n.j3p-wrapper {\n    \/* Variables de la charte graphique *\/\n    --color-bg-white: #FFFFFF;\n    --color-bg-cream: #FAF8F5;\n    --color-brown-primary: #8F4316;\n    --color-tan-accent-text: #A86B38;\n    --color-accent-deco: #D0905D;\n    --color-ink-editorial: #2B2825;\n    --color-line-beige: #E6DCD1;\n    --font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n\n    max-width: 800px;\n    margin: 30px auto 40px auto;\n    font-family: var(--font-family);\n    color: var(--color-ink-editorial);\n    line-height: 1.6;\n}\n\n\/* Encart principal *\/\n.j3p-card {\n    background-color: var(--color-bg-cream);\n    border: 1px solid var(--color-line-beige);\n    border-radius: 8px;\n    padding: 32px 34px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\n    transition: box-shadow 0.3s ease;\n}\n\n\/* Survol stable sans mouvement *\/\n.j3p-card:hover {\n    box-shadow: 0 6px 18px rgba(143, 67, 22, 0.08);\n}\n\n.j3p-title {\n    color: var(--color-brown-primary);\n    font-size: 1.55em;\n    font-weight: 600;\n    margin: 0;\n    line-height: 1.3;\n}\n\n\/* P\u00e9riode \/ dates sous le titre *\/\n.j3p-dates {\n    display: block;\n    font-size: 0.9em;\n    color: var(--color-tan-accent-text); \n    font-weight: 500;\n    margin: 4px 0 8px 0;\n    letter-spacing: 0.3px;\n}\n\n.j3p-subtitle {\n    color: var(--color-brown-primary);\n    font-size: 1.05em;\n    font-weight: 600;\n    margin-bottom: 12px;\n}\n\n.j3p-intro {\n    font-size: 1.02em;\n    margin-bottom: 20px;\n}\n\n.j3p-divider {\n    width: 100%;\n    height: 1px;\n    background-color: var(--color-line-beige);\n    margin-bottom: 20px;\n}\n\n\/* Blocs th\u00e9matiques *\/\n.j3p-item {\n    margin-bottom: 18px;\n    padding-bottom: 14px;\n    border-bottom: 1px dashed var(--color-line-beige);\n}\n\n.j3p-item:last-of-type {\n    border-bottom: none;\n    margin-bottom: 0;\n    padding-bottom: 0;\n}\n\n.j3p-item-label {\n    color: var(--color-tan-accent-text);\n    font-size: 0.85em;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    display: block;\n    margin-bottom: 4px;\n}\n\n.j3p-item-text {\n    margin: 0;\n    font-size: 1em;\n}\n\n\/* Liens internes *\/\n.j3p-item-text a {\n    color: var(--color-brown-primary);\n    text-decoration: underline;\n    text-underline-offset: 3px;\n    font-weight: 600;\n    transition: color 0.2s ease;\n}\n\n.j3p-item-text a:hover {\n    color: var(--color-accent-deco);\n}\n\n\/* Les textes en gras restent en noir \u00e9ditorial *\/\n.j3p-wrapper strong,\n.j3p-strong-black {\n    font-weight: 700;\n    color: var(--color-ink-editorial) !important;\n}\n\n.j3p-action {\n    margin-top: 28px;\n}\n\n\/* Bouton d'action textuel *\/\n.j3p-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    background-color: transparent;\n    color: var(--color-brown-primary) !important;\n    text-decoration: none !important; \n    font-weight: 700;\n    font-size: 0.9em;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    border-bottom: 2px solid var(--color-accent-deco); \n    padding-bottom: 2px;\n    transition: color 0.2s ease, border-bottom-color 0.2s ease;\n}\n\n.j3p-btn:hover {\n    color: var(--color-tan-accent-text) !important;\n    border-bottom-color: var(--color-brown-primary);\n    text-decoration: none !important;\n}\n\n\/* Adaptations Mobiles *\/\n@media (max-width: 768px) {\n    .j3p-card {\n        padding: 24px 20px;\n    }\n    .j3p-title {\n        font-size: 1.35em;\n    }\n    .j3p-dates {\n        font-size: 0.85em;\n    }\n    .j3p-subtitle {\n        font-size: 1em;\n    }\n    .j3p-intro, \n    .j3p-item-text {\n        font-size: 0.96em;\n    }\n    .j3p-btn {\n        font-size: 0.85em;\n    }\n}\n<\/style>\n\n<div class=\"j3p-card\">\n    <h2 class=\"j3p-title\">Le J3P n\u00b0119<\/h2>\n    <div class=\"j3p-dates\">du 12 octobre au 22 novembre 2026<\/div>\n    <div class=\"j3p-subtitle\">COMMUNION ET V\u00c9RIT\u00c9<\/div>\n\n    <p class=\"j3p-intro\">\n        Apr\u00e8s l'\u00e9lan de la visite papale, le <strong class=\"j3p-strong-black\">P\u00e8re Dominique Doyh\u00e9nart<\/strong> nous invite \u00e0 faire grandir la communion sans esquiver les sujets complexes, et \u00e0 rechercher la v\u00e9rit\u00e9 des faits face \u00e0 la d\u00e9sinformation. Il salue \u00e9galement une belle lueur d'esp\u00e9rance : la rentr\u00e9e de 1 000 \u00e9l\u00e8ves \u00e0 l'\u00e9cole chr\u00e9tienne de la Sainte-Famille \u00e0 Gaza.\n    <\/p>\n    <div class=\"j3p-divider\"><\/div>\n\n    <div class=\"j3p-item\">\n        <span class=\"j3p-item-label\">F\u00eate des 3 paroisses<\/span>\n        <p class=\"j3p-item-text\">\n            \u00c0 vos agendas : r\u00e9servez le <strong>dimanche 6 d\u00e9cembre<\/strong> \u00e0 Sainte-Bathilde pour c\u00e9l\u00e9brer les <strong>35 ans d\u2019ordination de notre cur\u00e9<\/strong>. Messe unique \u00e0 10h30 r\u00e9unissant nos trois communaut\u00e9s et les \u00e9glises s\u0153urs, suivie d'un repas partag\u00e9 tir\u00e9 du sac et d'\u00e9changes fraternels.\n        <\/p>\n    <\/div>\n\n    <div class=\"j3p-item\">\n        <span class=\"j3p-item-label\">Dialogue &amp; D\u00e9bats d'actualit\u00e9<\/span>\n        <p class=\"j3p-item-text\">\n            Deux rendez-vous de r\u00e9flexion : caf\u00e9-d\u00e9bat \u0153cum\u00e9nique \u00e0 Robinson le <strong>dimanche 8 novembre<\/strong> sur <em>\u00ab L'argent et sa responsabilit\u00e9 sociale \u00bb<\/em> avec la Pasteure Claire Sixt-Gateuille, et rencontre annuelle du GAIC le <strong>dimanche 22 novembre<\/strong> \u00e0 15h sur le th\u00e8me <em>\u00ab \u00catre Maman Hier et Aujourd\u2019hui \u00bb<\/em>.\n        <\/p>\n    <\/div>\n\n    <div class=\"j3p-item\">\n        <span class=\"j3p-item-label\">Vie fraternelle &amp; Visages<\/span>\n        <p class=\"j3p-item-text\">\n            Faisons plus ample connaissance avec le <strong class=\"j3p-strong-black\">P\u00e8re Guy-Bernard Numbi<\/strong>, pr\u00eatre \u00e9tudiant venu de RDC qui <a href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/le-pere-guy-bernard-se-presente\/\">se pr\u00e9sente dans ce num\u00e9ro<\/a>, et accompagnons nos jeunes confirmands en marche vers leur rencontre avec l'\u00e9v\u00eaque le <strong>22 novembre<\/strong>.\n        <\/p>\n    <\/div>\n\n    <div class=\"j3p-action\">\n        <a class=\"j3p-btn\" href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/10\/J3P_n\u00b0119.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <span>Lire le J3P<\/span>\n            <span>\u2192<\/span>\n        <\/a>\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- ==========================================================================\n     PAROISSE SAINT-GERMAIN (CH\u00c2TENAY-MALABRY)\n     PAGE D'ACCUEIL : ENCART DU P\u00c8RE GUY-BERNARD (VERSION RECTIFI\u00c9E)\n     ========================================================================== -->\n\n<div id=\"pgb-teaser-wrapper\" class=\"pgb-teaser-wrapper\">\n<style>\n.pgb-teaser-wrapper {\n    \/* Variables de la charte graphique *\/\n    --color-bg-white: #FFFFFF;\n    --color-bg-cream: #FAF8F5;\n    --color-brown-primary: #8F4316;\n    --color-tan-accent-text: #A86B38;\n    --color-accent-deco: #D0905D;\n    --color-ink-editorial: #2B2825;\n    --color-line-beige: #E6DCD1;\n    --font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n\n    max-width: 800px;\n    margin: 30px auto 40px auto;\n    font-family: var(--font-family);\n    color: var(--color-ink-editorial);\n    line-height: 1.6;\n}\n\n\/* Conteneur principal de la carte *\/\n.pgb-teaser-card {\n    background-color: var(--color-bg-cream);\n    border: 1px solid var(--color-line-beige);\n    border-radius: 8px;\n    padding: 32px 34px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\n    display: flex;\n    align-items: center;\n    gap: 32px;\n    transition: box-shadow 0.3s ease;\n}\n\n.pgb-teaser-card:hover {\n    box-shadow: 0 6px 18px rgba(143, 67, 22, 0.08);\n}\n\n\/* Bloc textuel *\/\n.pgb-teaser-content {\n    flex: 1;\n    min-width: 260px;\n}\n\n.pgb-teaser-title {\n    color: var(--color-brown-primary);\n    font-size: 1.55em;\n    font-weight: 600;\n    margin: 0 0 12px 0;\n    line-height: 1.3;\n}\n\n.pgb-teaser-text {\n    font-size: 1.02em;\n    margin: 0 0 20px 0;\n    color: var(--color-ink-editorial);\n    line-height: 1.6;\n}\n\n.pgb-teaser-text strong {\n    font-weight: 700;\n    color: var(--color-ink-editorial);\n}\n\n\/* Bouton d'action textuel *\/\n.pgb-teaser-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    background-color: transparent;\n    color: var(--color-brown-primary) !important;\n    text-decoration: none !important;\n    font-weight: 700;\n    font-size: 0.9em;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    border-bottom: 2px solid var(--color-accent-deco);\n    padding-bottom: 2px;\n    transition: color 0.2s ease, border-bottom-color 0.2s ease;\n}\n\n.pgb-teaser-btn:hover {\n    color: var(--color-tan-accent-text) !important;\n    border-bottom-color: var(--color-brown-primary);\n    text-decoration: none !important;\n}\n\n\/* Conteneur de l'image (calibr\u00e9 pour photo de taille modeste) *\/\n.pgb-teaser-image-wrap {\n    flex: 0 0 170px;\n    max-width: 170px;\n    text-align: center;\n}\n\n.pgb-teaser-image-wrap a {\n    display: block;\n    line-height: 0;\n}\n\n.pgb-teaser-image {\n    display: block;\n    width: 100%;\n    max-width: 170px;\n    height: auto;\n    border-radius: 8px;\n    border: 1px solid rgba(0, 0, 0, 0.08);\n    box-shadow: 0 4px 12px rgba(143, 67, 22, 0.08);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.pgb-teaser-card:hover .pgb-teaser-image {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(143, 67, 22, 0.14);\n}\n\n\/* --- Adaptations Mobiles --- *\/\n@media (max-width: 680px) {\n    .pgb-teaser-card {\n        flex-direction: column-reverse;\n        padding: 26px 20px;\n        gap: 20px;\n    }\n    .pgb-teaser-title {\n        font-size: 1.35em;\n    }\n    .pgb-teaser-text {\n        font-size: 0.96em;\n    }\n    .pgb-teaser-image-wrap {\n        flex: 0 0 150px;\n        max-width: 150px;\n        margin: 0 auto;\n    }\n    .pgb-teaser-btn {\n        font-size: 0.85em;\n    }\n}\n<\/style>\n\n<div class=\"pgb-teaser-card\">\n    <div class=\"pgb-teaser-content\">\n        <h2 class=\"pgb-teaser-title\">Le p\u00e8re Guy Bernard se pr\u00e9sente<\/h2>\n        <p class=\"pgb-teaser-text\">\n            Arriv\u00e9 en cette rentr\u00e9e pastorale pour succ\u00e9der au P\u00e8re Jean-Baptiste, le <strong class=\"pgb-strong-black\">P\u00e8re Guy Bernard Numbi<\/strong> partage son parcours de 17 ann\u00e9es de sacerdoce, forg\u00e9 entre le dioc\u00e8se de Kamina en RDC, le dioc\u00e8se de Beauvais et sa nouvelle mission de pr\u00eatre \u00e9tudiant parmi nous.\n        <\/p>\n        <a class=\"pgb-teaser-btn\" href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/le-pere-guy-bernard-se-presente\/\">\n            <span>Lire sa pr\u00e9sentation<\/span>\n            <span>\u2192<\/span>\n        <\/a>\n    <\/div>\n\n    <div class=\"pgb-teaser-image-wrap\">\n        <a href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/le-pere-guy-bernard-se-presente\/\" tabindex=\"-1\">\n            <img data-recalc-dims=\"1\" loading=\"lazy\" class=\"pgb-teaser-image\"\n                 src=\"https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/10\/Pere-Guy-Bernard.jpg?resize=170%2C213&#038;ssl=1\"\n                 alt=\"P\u00e8re Guy Bernard NUMBI MWADYAVITA\"\n                 width=\"170\"\n                 height=\"213\"\n                 decoding=\"async\" \/>\n        <\/a>\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<!-- ==========================================================================\n     PAROISSE SAINT-GERMAIN (CH\u00c2TENAY-MALABRY)\n     ENCART : SAINT GERMAIN L'AUXERROIS\n     ========================================================================== -->\n\n<div id=\"sgl-teaser-wrapper\" class=\"sgl-teaser-wrapper\">\n<style>\n.sgl-teaser-wrapper {\n    \/* Variables de la charte graphique *\/\n    --color-bg-white: #FFFFFF;\n    --color-bg-cream: #FAF8F5;\n    --color-brown-primary: #8F4316;\n    --color-tan-accent-text: #A86B38;\n    --color-accent-deco: #D0905D;\n    --color-ink-editorial: #2B2825;\n    --color-line-beige: #E6DCD1;\n\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    margin: 40px auto;\n    max-width: 900px; \/* L\u00e9g\u00e8rement plus large pour laisser respirer l'image et le texte *\/\n}\n\n\/* Encart principal *\/\n.sgl-teaser-container {\n    background-color: var(--color-bg-cream);\n    border: 1px solid var(--color-line-beige);\n    border-radius: 8px;\n    padding: 34px 38px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 36px;\n    transition: box-shadow 0.3s ease;\n}\n\n\/* Survol stable sans mouvement *\/\n.sgl-teaser-container:hover {\n    box-shadow: 0 6px 18px rgba(143, 67, 22, 0.08);\n}\n\n.sgl-teaser-content {\n    flex: 1 1 55%;\n    min-width: 280px;\n}\n\n.sgl-teaser-title {\n    color: var(--color-brown-primary) !important;\n    font-size: 1.6em;\n    font-weight: 600;\n    margin-top: 0;\n    margin-bottom: 14px;\n    border: none;\n    line-height: 1.3;\n}\n\n.sgl-teaser-text {\n    color: var(--color-ink-editorial);\n    font-size: 1.05em;\n    line-height: 1.6;\n    margin: 0 0 24px 0;\n}\n\n\/* Bouton d'action textuel *\/\n.sgl-teaser-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    background-color: transparent;\n    color: var(--color-brown-primary) !important;\n    text-decoration: none !important; \n    font-weight: 700;\n    font-size: 0.9em;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    border-bottom: 2px solid var(--color-accent-deco); \n    padding-bottom: 2px;\n    transition: color 0.2s ease, border-bottom-color 0.2s ease;\n}\n\n.sgl-teaser-button:hover {\n    color: var(--color-tan-accent-text) !important;\n    border-bottom-color: var(--color-brown-primary);\n    text-decoration: none !important;\n}\n\n.sgl-teaser-image-wrap {\n    flex: 1 1 35%;\n    min-width: 250px;\n    text-align: center;\n}\n\n.sgl-teaser-image {\n    max-width: 100%;\n    height: auto;\n    border-radius: 6px;\n    box-shadow: 0 4px 12px rgba(143, 67, 22, 0.06);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n\/* L\u00e9ger effet sur l'image uniquement au survol de la carte *\/\n.sgl-teaser-container:hover .sgl-teaser-image {\n    transform: translateY(-2px);\n    box-shadow: 0 6px 16px rgba(143, 67, 22, 0.1);\n}\n\n\/* --- Design Adaptatif (Mobiles) --- *\/\n@media (max-width: 768px) {\n    .sgl-teaser-container {\n        flex-direction: column-reverse; \/* Image au-dessus du texte *\/\n        padding: 28px 24px;\n        gap: 24px;\n    }\n    .sgl-teaser-title {\n        font-size: 1.4em;\n    }\n    .sgl-teaser-text {\n        font-size: 1em;\n    }\n    .sgl-teaser-button {\n        font-size: 0.85em;\n    }\n}\n<\/style>\n\n<div class=\"sgl-teaser-container\">\n    <div class=\"sgl-teaser-content\">\n        <h2 class=\"sgl-teaser-title\">Saint Germain l\u2019Auxerrois, une m\u00e9moire vivante<\/h2>\n        <p class=\"sgl-teaser-text\">\n            Figure lumineuse de foi et de paix, Saint Germain est bien plus qu\u2019un nom port\u00e9 par notre \u00e9glise. Retour en image et en pri\u00e8re sur la c\u00e9l\u00e9bration exceptionnelle du 2 f\u00e9vrier 2026, marqu\u00e9e par l\u2019installation de ses reliques en pr\u00e9sence de Mgr Matthieu Roug\u00e9.\n        <\/p>\n        <a class=\"sgl-teaser-button\" href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/saint-germain-lauxerrois-saint-patron-de-notre-paroisse\/\">\n            <span>Lire l'article complet<\/span>\n            <span>\u2192<\/span>\n        <\/a>\n    <\/div>\n    <div class=\"sgl-teaser-image-wrap\">\n        <a href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/saint-germain-lauxerrois-saint-patron-de-notre-paroisse\/\" tabindex=\"-1\">\n            <img data-recalc-dims=\"1\" decoding=\"async\" class=\"sgl-teaser-image\" src=\"https:\/\/i0.wp.com\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/04\/officiels-religieux-entree-paroisse-installation-reliques-saint-germain-scaled.jpeg?w=540&#038;ssl=1\" alt=\"Procession des reliques de Saint Germain\" \/>\n        <\/a>\n    <\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Bienvenue Rejoindre la communaut\u00e9 paroissiale Vous venez d\u2019arriver \u00e0 Ch\u00e2tenay-Malabry ou vous souhaitez simplement faire connaissance et recevoir nos informations ? Vous \u00eates chez vous ! Je suis nouveau, nouvelle Je souhaite rester en lien \u2020 Chargement&#8230; Chargement&#8230; Lire l&rsquo;\u00c9vangile du jour \u2192 Jeunesse Ouvri\u00e8re Chr\u00e9tienne (JOC) D\u00e9claration du mouvement sur la mobilisation lyc\u00e9enne &bull; Octobre 2026 Face aux mobilisations actuelles dans les lyc\u00e9es, la JOC porte la voix des jeunes du milieu ouvrier et des quartiers populaires. D\u00e9couvrez leur <a class=\"more-link\" href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/\">Lire plus &#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","footnotes":""},"class_list":["post-8066","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P8QOZc-266","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/paroisses-chatenay.fr\/stgermain\/wp-json\/wp\/v2\/pages\/8066","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paroisses-chatenay.fr\/stgermain\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/paroisses-chatenay.fr\/stgermain\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/paroisses-chatenay.fr\/stgermain\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/paroisses-chatenay.fr\/stgermain\/wp-json\/wp\/v2\/comments?post=8066"}],"version-history":[{"count":805,"href":"https:\/\/paroisses-chatenay.fr\/stgermain\/wp-json\/wp\/v2\/pages\/8066\/revisions"}],"predecessor-version":[{"id":14002,"href":"https:\/\/paroisses-chatenay.fr\/stgermain\/wp-json\/wp\/v2\/pages\/8066\/revisions\/14002"}],"wp:attachment":[{"href":"https:\/\/paroisses-chatenay.fr\/stgermain\/wp-json\/wp\/v2\/media?parent=8066"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}