{"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-06-22T09:27:27","modified_gmt":"2026-06-22T07:27:27","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<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; \/* Force le retrait du soulignement *\/\n    background-color: var(--color-bg-cream); \n    border: 1px solid var(--color-line-beige); \n    border-radius: 8px; \n    padding: 32px 35px; \n    text-align: center; \n    box-shadow: 0 4px 15px rgba(143, 67, 22, 0.06); \n    transition: box-shadow 0.3s ease; \/* Transition uniquement sur l'ombre *\/\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 : l\u00e9g\u00e8re ombre (sans mouvement) *\/\n.evangile-accroche-simple-card:hover {\n    box-shadow: 0 6px 20px rgba(143, 67, 22, 0.12);\n}\n\n\/* Le titre change de couleur quand on survole la carte enti\u00e8re *\/\n.evangile-accroche-simple-card:hover .evangile-accroche-simple-title {\n    color: var(--color-accent-deco);\n}\n\n.evangile-accroche-simple-date { text-align: center; font-size: 0.9em; color: var(--color-brown-primary); font-weight: 700; text-transform: uppercase; letter-spacing: 2.5px; margin: 0 0 20px 0; }\n.evangile-accroche-simple-icon { font-size: 64px; line-height: 1; margin: 0 auto 20px; display: block; filter: sepia(0.8) saturate(1.5) hue-rotate(-15deg) brightness(0.8); }\n.evangile-accroche-simple-label { text-align: center; font-size: 0.9em; color: var(--color-tan-accent-text); font-weight: 700; text-transform: uppercase; letter-spacing: 2.5px; margin: 0 0 15px 0; }\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 { text-align: center; font-size: 0.9em; color: var(--color-tan-accent-text); font-weight: 700; text-transform: uppercase; letter-spacing: 2.5px; margin: 0 0 25px 0; }\n.evangile-accroche-simple-divider { width: 80px; height: 3px; background: linear-gradient(90deg, transparent, var(--color-accent-deco), transparent); margin: 30px auto; border-radius: 2px; }\n\n@media (max-width: 768px) { \n    .evangile-accroche-simple-wrapper { margin: 20px auto; } \n    .evangile-accroche-simple-card { padding: 26px 22px; } \n    .evangile-accroche-simple-title { font-size: 1.4em; } \n    .evangile-accroche-simple-date, .evangile-accroche-simple-label, .evangile-accroche-simple-ref { font-size: 0.85em; } \n    .evangile-accroche-simple-icon { font-size: 56px; margin-bottom: 16px; } \n}\n<\/style>\n\n<a href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/evangile-du-jour\/\" class=\"evangile-accroche-simple-card\">\n    <p id=\"evangile-date\" class=\"evangile-accroche-simple-date\">Chargement&#8230;<\/p>\n    <span class=\"evangile-accroche-simple-icon\">\ud83d\udcd6<\/span>\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    <div class=\"evangile-accroche-simple-divider\"> <\/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 dateElement = document.getElementById('evangile-date');\n            if (dateElement) {\n                dateElement.textContent = `${jours[maintenant.getDay()]} ${maintenant.getDate()} ${mois[maintenant.getMonth()]}`;\n            }\n\n            \/\/ G\u00e9n\u00e9rer une 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                \/\/ Utilisation de la m\u00e9moire du navigateur = Chargement imm\u00e9diat !\n                data = JSON.parse(cachedData);\n            } else {\n                \/\/ T\u00e9l\u00e9chargement du fichier texte statique (ultrarapide)\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                \n                \/\/ Sauvegarde pour les prochaines pages\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                const textePourEvangeliste = titreBrut + ' ' + referenceBrute;\n                const evangelistes = {'Matthieu': 'Matthieu', 'Marc': 'Marc', 'Luc': 'Luc', 'Jean': 'Jean'};\n                let nom = 'Jean'; \n                for (let e in evangelistes) { \n                    if (textePourEvangeliste.includes(e)) nom = evangelistes[e]; \n                }\n\n                const labelElement = document.getElementById('evangile-label');\n                if (labelElement) labelElement.textContent = `\u00c9vangile de J\u00e9sus Christ selon saint ${nom}`;\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 du jour\";\n            document.getElementById('evangile-label').textContent = \"\u00c9vangile du jour\";\n            document.getElementById('evangile-ref').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<!-- DEUX BOUTONS PAGE D\u2019ACCUEIL AVEC HOVER AJUST\u00c9 -->\n<style>\n.germinal-buttons-wrapper {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 14px;\n    flex-wrap: wrap;\n    margin: 24px 0;\n}\n\n\/* Style de base pour tous les boutons *\/\n.germinal-buttons-wrapper .wp-block-button__link {\n    display: inline-block;\n    color: #FFFFFF !important;\n    border: none !important;\n    text-decoration: none !important;\n    font-weight: 500 !important;\n    padding: 12px 26px !important;\n    border-radius: 6px !important;\n    line-height: 1.4;\n    transition: background-color 0.3s ease !important;\n    box-sizing: border-box;\n}\n\n\/* --- Style sp\u00e9cifique Bouton 1 --- *\/\n.germinal-buttons-wrapper .wp-block-button:nth-child(1) .wp-block-button__link {\n    background-color: #8F4316 !important; \/* Couleur initiale d'origine *\/\n}\n\n\/* Hover sp\u00e9cifique Bouton 1 *\/\n.germinal-buttons-wrapper .wp-block-button:nth-child(1) .wp-block-button__link:hover,\n.germinal-buttons-wrapper .wp-block-button:nth-child(1) .wp-block-button__link:focus {\n    background-color: #6C3311 !important; \/* Couleur de survol pour le 1er bouton *\/\n}\n\n\/* --- Style sp\u00e9cifique Bouton 2 --- *\/\n.germinal-buttons-wrapper .wp-block-button:nth-child(2) .wp-block-button__link {\n    background-color: #A86B38 !important; \/* Couleur initiale diff\u00e9rente *\/\n}\n\n\/* Hover sp\u00e9cifique Bouton 2 *\/\n.germinal-buttons-wrapper .wp-block-button:nth-child(2) .wp-block-button__link:hover,\n.germinal-buttons-wrapper .wp-block-button:nth-child(2) .wp-block-button__link:focus {\n    background-color: #7C4E29 !important; \/* Couleur de survol pour le 2\u00e8me bouton *\/\n}\n\n.germinal-buttons-wrapper .wp-block-button {\n    margin: 0;\n}\n\n@media (max-width: 600px) {\n    .germinal-buttons-wrapper {\n        flex-direction: column;\n        align-items: stretch;\n    }\n\n    .germinal-buttons-wrapper .wp-block-button__link {\n        width: 100%;\n        text-align: center;\n    }\n}\n<\/style>\n\n<div class=\"germinal-buttons-wrapper\">\n    <div class=\"wp-block-button\">\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\">\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\n\n\n<p><style>\n    \/* Styles structurels pour l'agenda (Bureau) *\/\n    .stg-agenda { \n        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; \n        color: #2B2825; \n        line-height: 1.4; \n        background-color: #FAF8F5; \n        padding: 35px 30px; \n        margin-bottom: 40px; \n        border-radius: 6px; \n        box-shadow: 0 4px 15px rgba(143, 67, 22, 0.05); \n        max-width: 100%; \n        border-top: 3px solid #8F4316; \n        border-bottom: 3px solid #8F4316;\n    }\n    \n    .stg-agenda-title { \n        color: #8F4316; \n        font-size: 1.6em; \n        font-weight: 500; \n        margin: 0 0 10px 0; \n    }\n\n    .stg-title-divider { \n        width: 100%; \n        height: 2px; \n        background-color: #D0905D; \n        margin-bottom: 20px; \n    }\n\n    \/* --- LIGNES DE L'AGENDA --- *\/\n    .stg-jour { \n        display: flex; \n        align-items: flex-start; \n        padding: 15px 0; \n        border-bottom: 1px solid #E6DCD1; \n        transition: opacity 0.3s ease, filter 0.3s ease;\n    }\n\n    \/* Le CSS enl\u00e8ve tout seul la ligne sous le dernier \u00e9v\u00e9nement *\/\n    .stg-jour:last-child {\n        border-bottom: none;\n        padding-bottom: 0;\n    }\n\n    \/* --- MISE EN RETRAIT DES \u00c9V\u00c9NEMENTS PASS\u00c9S --- *\/\n    .stg-jour.is-past {\n        opacity: 0.65; \n        filter: grayscale(70%); \n    }\n\n    .stg-jour.is-past:hover {\n        opacity: 0.9;\n        filter: grayscale(20%);\n    }\n\n    .stg-date { \n        flex: 0 0 90px; \n        color: #8F4316; \n        font-weight: bold; \n        padding-top: 2px; \n    }\n\n    .stg-events { flex: 1; width: 100%; }\n\n    .stg-event { display: flex; align-items: flex-start; margin-bottom: 4px; }\n\n    .stg-heure { \n        flex: 0 0 60px; \n        color: #A86B38; \n        font-weight: bold; \n        padding-top: 2px; \n    }\n\n    .stg-desc { flex: 1; padding-top: 2px; }\n\n    \/* Correction pour Mobile *\/\n    @media (max-width: 600px) {\n        .stg-agenda { padding: 30px 20px; } \n        .stg-agenda-title { font-size: 1.4em; } \n        .stg-jour { display: block; padding: 15px 0; } \n        \n        .stg-date { \n            display: block;\n            width: 100%; \n            font-size: 1.1em; \n            margin-bottom: 8px; \n            border-bottom: none; \n        }\n        .stg-events { display: block; margin-top: 0; }\n        .stg-event { margin-bottom: 8px; }\n        .stg-heure { flex: 0 0 50px; } \n    }\n<\/style><\/p>\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\">&nbsp;<\/div>\n<div class=\"stg-jour\">\n<div class=\"stg-date\">Dim 21 juin<\/div>\n<div class=\"stg-events\">\n<div class=\"stg-event\">\n<div class=\"stg-heure\">10h30<\/div>\n<div class=\"stg-desc\"><strong>Messe (avec \u00c9veil \u00e0 la foi)<\/strong> suivie de la <strong><a style=\"color: #8f4316; text-decoration: underline;\" href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/fete-de-fin-dannee-paroissiale\/\">f\u00eate de fin d\u2019ann\u00e9e paroissiale<\/a><\/strong>.<\/div>\n<\/div>\n<div class=\"stg-event\">\n<div class=\"stg-heure\">D\u00e8s 12h<\/div>\n<div class=\"stg-desc\">Ap\u00e9ritif et animations suivis d\u2019un d\u00e9jeuner partag\u00e9 <em>(le tout \u00e0 l\u2019abri en raison de la canicule)<\/em>.<\/div>\n<\/div>\n<div class=\"stg-event\">\n<div class=\"stg-heure\">&nbsp;<\/div>\n<div class=\"stg-desc\"><strong>Marie-Madeleine, Julie, Jessy et Raymond<\/strong> de Saint-Germain l\u2019Auxerrois seront confirm\u00e9s \u00e0 St-Pierre de Neuilly.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"stg-jour\">\n<div class=\"stg-date\">Lun 22 juin<\/div>\n<div class=\"stg-events\">\n<div class=\"stg-event\">\n<div class=\"stg-heure\">14h00<\/div>\n<div class=\"stg-desc\"><strong>Vestiaire<\/strong> au centre paroissial (jusqu&rsquo;\u00e0 17h). <small style=\"color: #a86b38; font-style: italic;\">(Chaque lundi, hors vacances scolaires)<\/small><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"stg-jour\">\n<div class=\"stg-date\">Mar 23 juin<\/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> au centre paroissial.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"stg-jour\">\n<div class=\"stg-date\">Mer 24 juin<\/div>\n<div class=\"stg-events\">\n<div class=\"stg-event\">\n<div class=\"stg-heure\">11h00<\/div>\n<div class=\"stg-desc\">Messe au S\u00e9quo\u00efa.<\/div>\n<\/div>\n<div class=\"stg-event\">\n<div class=\"stg-heure\">15h00<\/div>\n<div class=\"stg-desc\">Messe \u00e0 Hippocrate.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"stg-jour\">\n<div class=\"stg-date\">Mer 15 juil<\/div>\n<div class=\"stg-events\">\n<div class=\"stg-event\">\n<div class=\"stg-heure\">11h00<\/div>\n<div class=\"stg-desc\">Messe au S\u00e9quo\u00efa.<\/div>\n<\/div>\n<div class=\"stg-event\">\n<div class=\"stg-heure\">15h00<\/div>\n<div class=\"stg-desc\">Messe \u00e0 Hippocrate.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><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\u00e9vrier': 1,\n            'mar': 2, 'mars': 2,\n            'avr': 3, 'avril': 3,\n            'mai': 4,\n            'jun': 5, 'juin': 5,\n            'jul': 6, 'juil': 6, 'juillet': 6,\n            'ao\u00fb': 7, 'aout': 7, 'ao\u00fbt': 7,\n            'sep': 8, 'sept': 8, 'septembre': 8,\n            'oct': 9, 'octobre': 9,\n            'nov': 10, 'novembre': 10,\n            'd\u00e9c': 11, 'dec': 11, 'd\u00e9cembre': 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        \/\/ 1. D\u00e9duction intelligente de la date exacte\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            if (parts.length >= 3) {\n                let dayStr = parts[0].replace(\/[.,]\/g, '');\n                let expectedDayOfWeek = joursSemaineMap[dayStr];\n                \n                const dayNum = parseInt(parts[1], 10);\n                let monthStr = parts[2].replace(\/[.,]\/g, '');\n                const monthIdx = moisMap[monthStr];\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                    } \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            }\n            return null; \n        }\n\n        const eventsData = joursArray.map(jour => {\n            return {\n                element: jour,\n                date: extraireDate(jour)\n            };\n        });\n\n        \/\/ 2. Trier le tableau par ordre chronologique infaillible\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        \/\/ 3. R\u00e9injecter et griser le pass\u00e9\n        eventsData.forEach(item => {\n            if (item.element) {\n                agenda.appendChild(item.element); \/\/ R\u00e9insertion tri\u00e9e\n                item.element.classList.remove('is-past');\n\n                if (item.date && item.date < today) {\n                    item.element.classList.add('is-past'); \/\/ C'est dans le pass\u00e9\n                }\n            }\n        });\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', organiserAgenda);\n    } else {\n        organiserAgenda();\n    }\n})();\n<\/script><\/p>\n\n\n\n<p><style>\n    \/* --- MODULE HORAIRES D'\u00c9T\u00c9 (STYLE \u00c9PUR\u00c9 SANS PUCES) --- *\/\n    .stg-ete-box { \n        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; \n        color: #2B2825; \n        background-color: #FAF8F5; \/* Cr\u00e8me d'encart *\/\n        padding: 35px 30px; \n        margin-bottom: 40px; \n        border-radius: 6px; \n        box-shadow: 0 4px 15px rgba(143, 67, 22, 0.05); \n        max-width: 100%; \n    }\n    \n    .stg-ete-box-title { \n        color: #8F4316; \n        font-size: 1.6em; \n        font-weight: 500; \n        margin: 0 0 10px 0; \n    }\n\n    .stg-ete-box-divider { \n        width: 100%; \n        height: 2px; \n        background-color: #D0905D; \/* Ocre accent pour la d\u00e9coration *\/\n        margin-bottom: 25px; \n    }\n\n    .stg-ete-bloc-info {\n        margin-bottom: 25px;\n        padding-bottom: 20px;\n        border-bottom: 1px solid #E6DCD1; \/* Beige s\u00e9parateur discret *\/\n    }\n\n    .stg-ete-bloc-info:last-child {\n        border-bottom: none;\n        margin-bottom: 0;\n        padding-bottom: 0;\n    }\n\n    .stg-ete-meta-label {\n        color: #A86B38; \/* Ocre texte assombri *\/\n        font-weight: 700;\n        font-size: 0.9em;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        margin-bottom: 12px;\n    }\n\n    .stg-ete-main-text {\n        font-size: 1.05em;\n        color: #2B2825; \/* Encre \u00e9ditoriale *\/\n        line-height: 1.6;\n        margin: 0;\n    }\n\n    \/* Style pour espacer les lignes sans puces *\/\n    .stg-ete-txt-line {\n        margin-bottom: 8px;\n    }\n    .stg-ete-txt-line:last-child {\n        margin-bottom: 0;\n    }\n\n    \/* Encart de retrait pour les sous-d\u00e9tails (ex: barbecues) *\/\n    .stg-ete-sub-block {\n        margin-top: 8px;\n        padding-left: 15px;\n        border-left: 2px solid #E6DCD1; \/* Filet discret beige *\/\n    }\n\n    .stg-ete-obseques-alert {\n        background-color: #FFFFFF; \/* Fond blanc pour faire respirer *\/\n        border-left: 4px solid #8F4316;\n        padding: 15px;\n        margin-top: 15px;\n        border-radius: 0 4px 4px 0;\n    }\n\n    \/* Correction pour Mobile *\/\n    @media (max-width: 600px) {\n        .stg-ete-box { padding: 30px 20px; } \n        .stg-ete-box-title { font-size: 1.4em; } \n        .stg-ete-meta-label { font-size: 0.85em; margin-bottom: 8px; }\n        .stg-ete-main-text { font-size: 1em; }\n    }\n<\/style><\/p>\n<div class=\"stg-ete-box\">\n<h2 class=\"stg-ete-box-title\">Cet \u00e9t\u00e9<\/h2>\n<div class=\"stg-ete-box-divider\">&nbsp;<\/div>\n<div class=\"stg-ete-bloc-info\">\n<div class=\"stg-ete-meta-label\">Messes et c\u00e9l\u00e9brations<\/div>\n<div class=\"stg-ete-main-text\">\n<div class=\"stg-ete-txt-line\"><strong>Messes dominicales<\/strong> : le samedi \u00e0 18h30 jusqu\u2019au 11 juillet compris. Reprise le samedi 29 ao\u00fbt.<\/div>\n<div class=\"stg-ete-txt-line\"><strong>Le dimanche<\/strong>, messe \u00e0 10h30, y compris pendant les vacances scolaires.<\/div>\n<div class=\"stg-ete-txt-line\"><strong>Messes en semaine<\/strong> le mardi \u00e0 9h et le vendredi \u00e0 midi, y compris pendant les vacances scolaires.<\/div>\n<div class=\"stg-ete-txt-line\"><strong>Adoration<\/strong> vendredi 3 juillet, apr\u00e8s la messe.<\/div>\n<div class=\"stg-ete-txt-line\"><strong>F\u00eate de l\u2019Assomption<\/strong> : messe samedi 15 ao\u00fbt \u00e0 10h30 \u00e0 <strong>Saint-Germain<\/strong>.<\/div>\n<\/div>\n<\/div>\n<div class=\"stg-ete-bloc-info\">\n<div class=\"stg-ete-meta-label\">Barbecues de l\u2019\u00e9t\u00e9<\/div>\n<div class=\"stg-ete-main-text\">\n<div class=\"stg-ete-txt-line\">Chaque jeudi du 16 juillet au 27 ao\u00fbt \u00e0 partir de 19h30 \u00e0 St-Germain, de 19h \u00e0 Ste-Th\u00e9r\u00e8se. Avec ce que chacun apporte.<\/div>\n<div class=\"stg-ete-sub-block\">\n<div class=\"stg-ete-txt-line\">Les jeudis 9, 16, 23 et 30 juillet \u00e0 <strong>Saint-Germain<\/strong> <strong>(19h30)<\/strong><\/div>\n<div class=\"stg-ete-txt-line\">Les 6, 13, 20, 27 ao\u00fbt \u00e0 <strong>Sainte-Th\u00e9r\u00e8se<\/strong> <strong>(19h)<\/strong><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"stg-ete-bloc-info\">\n<div class=\"stg-ete-meta-label\">Accueil<\/div>\n<div class=\"stg-ete-main-text\">Horaire de l\u2019Accueil lundi, jeudi : 14h-17h. Mercredi 14h-16h. Samedi 10h-12h.<br>Pas d\u2019accueil pendant les vacances scolaires, du 5 juillet au 31 ao\u00fbt 2026.<\/div>\n<\/div>\n<div class=\"stg-ete-bloc-info\">\n<div class=\"stg-ete-meta-label\">Vestiaire<\/div>\n<div class=\"stg-ete-main-text\">Fermeture du vestiaire du 29 juin au 27 septembre compris. R\u00e9ouverture lundi 28 septembre.<\/div>\n<\/div>\n<div class=\"stg-ete-obseques-alert\">\n<div class=\"stg-ete-main-text\">Contact pour des obs\u00e8ques : <span style=\"color: #8f4316; font-weight: bold;\">07 81 50 61 40<\/span>.<\/div>\n<\/div>\n<\/div>\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 (Bordure gauche supprim\u00e9e) -->\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; \/* Carte \u00e9pur\u00e9e et moderne sans bordure gauche *\/\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: transform 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  .stg-teaser-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 15px rgba(143, 67, 22, 0.06);\n  }\n\n  .stg-teaser-metadata {\n    font-size: 0.85em;\n    font-weight: 700;\n    color: var(--stg-color-tan-text);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    margin-bottom: 0.5rem;\n    display: block;\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  .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: transform 0.2s ease, 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    transform: translateY(-1px);\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  <span class=\"stg-teaser-metadata\">Nouvelle Encyclique Papale<\/span>\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 votre 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<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" 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\" alt=\"\" class=\"wp-image-12808\" 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\" \/><\/figure>\n\n\n\n<div id=\"germinal-wrapper\" class=\"germinal-wrapper\"><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\n    max-width: 100%;\n    margin-bottom: 40px;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--color-ink-editorial);\n    line-height: 1.6;\n}\n\n.germinal-card {\n    border: 3px solid var(--color-brown-primary);\n    border-radius: 8px;\n    padding: 35px 40px;\n}\n\n.germinal-title {\n    color: var(--color-brown-primary);\n    font-size: 1.6em; \/* \u00c9chelle H2 Desktop *\/\n    font-weight: 500;\n    margin: 0;\n}\n\n\/* Style pour la p\u00e9riode en dessous du titre *\/\n.germinal-dates {\n    display: block;\n    font-size: 0.9em;\n    color: var(--color-tan-accent-text); \n    font-weight: 400;\n    margin: 4px 0 18px 0;\n    letter-spacing: 0.5px;\n}\n\n.germinal-subtitle {\n    color: var(--color-tan-accent-text);\n    font-size: 0.9em; \/* \u00c9chelle M\u00e9tadonn\u00e9es *\/\n    text-transform: uppercase;\n    letter-spacing: 2.5px;\n    font-weight: 700;\n    margin-bottom: 25px;\n}\n\n.germinal-intro {\n    font-size: 1.05em; \/* \u00c9chelle Corps de texte Desktop *\/\n    margin-bottom: 30px;\n}\n\n\/* Zone d'\u00e9l\u00e9ments sans bordure gauche *\/\n.germinal-item {\n    margin-bottom: 20px;\n    padding-left: 0;\n}\n\n.germinal-item-label {\n    color: var(--color-brown-primary);\n    font-size: 0.9em;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    display: block;\n    margin-bottom: 5px;\n}\n\n.germinal-item-text {\n    margin: 0;\n    font-size: 1.05em;\n}\n\n\/* Application du style des liens aux items *\/\n.germinal-item-text a {\n    color: var(--color-brown-primary);\n    text-decoration: underline;\n    text-underline-offset: 3px;\n    font-weight: 500;\n    transition: color 0.2s ease;\n}\n\n.germinal-item-text a:hover {\n    color: var(--color-tan-accent-text);\n}\n\n.germinal-wrapper strong {\n    font-weight: 700;\n    color: var(--color-brown-primary);\n}\n\n\/* Classe sp\u00e9cifique pour forcer la couleur noire sur les noms en gras *\/\n.germinal-strong-black {\n    color: #000000 !important;\n}\n\n.germinal-action {\n    margin-top: 35px;\n}\n\n\/* BOUTON MODIFI\u00c9 SELON LE CODE DE R\u00c9F\u00c9RENCE *\/\n.germinal-btn {\n    display: inline-block;\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: none;\n    border-bottom: 2px solid var(--color-accent-deco); \n    padding: 0 0 2px 0;\n    border-radius: 0;\n    transition: all 0.2s ease;\n}\n\n.germinal-btn:hover {\n    background-color: transparent;\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: 30px 20px;\n    }\n    .germinal-title {\n        font-size: 1.4em;\n    }\n    .germinal-dates {\n        font-size: 0.85em;\n        margin-bottom: 15px;\n    }\n    .germinal-subtitle, \n    .germinal-item-label {\n        font-size: 0.85em;\n    }\n    .germinal-intro, \n    .germinal-item-text {\n        font-size: 1em;\n    }\n    .germinal-btn {\n        font-size: 0.85em;\n    }\n}\n<\/style>\n<div class=\"germinal-card\">\n<h2 class=\"germinal-title\">Le Petit Germinal n\u00b0462<\/h2>\n<div class=\"germinal-dates\">du 22 juin au 13 septembre 2026<\/div>\n<div class=\"germinal-subtitle\">Chercher Dieu, m\u00eame cet \u00e9t\u00e9 ?<\/div>\n<p class=\"germinal-intro\">Pour cette p\u00e9riode estivale, le <strong class=\"germinal-strong-black\">P\u00e8re Pierre Bourdon<\/strong> nous invite \u00e0 profiter du temps de l'\u00e9t\u00e9 pour prendre du recul, nous reposer et recharger nos batteries en retrouvant une relation sereine au temps, au monde et \u00e0 notre prochain.<\/p>\n<div class=\"germinal-item\"><span class=\"germinal-item-label\">Vie paroissiale<\/span>\n<p class=\"germinal-item-text\">Retour en images sur les premi\u00e8res communions et le magnifique p\u00e8lerinage des enfants \u00e0 l'abbaye Saint-Louis du Temple sous le signe de <strong class=\"germinal-strong-black\">Carlo Acutis<\/strong>.<\/p>\n<\/div>\n<div class=\"germinal-item\"><span class=\"germinal-item-label\">Orgue &amp; musique<\/span>\n<p class=\"germinal-item-text\">Ne manquez pas la pr\u00e9sentation interactive \u00ab Orgue &amp; Synth\u00e8se du Son \u00bb ainsi que la visite guid\u00e9e de nos instruments par <strong class=\"germinal-strong-black\">V\u00e9ronique Bommier<\/strong> le dimanche 28 juin \u00e0 17h.<\/p>\n<\/div>\n<div class=\"germinal-item\"><span class=\"germinal-item-label\">Fraternit\u00e9 de l'\u00e9t\u00e9<\/span>\n<p class=\"germinal-item-text\">Retrouvons-nous dans la convivialit\u00e9 chaque jeudi soir du 16 juillet au 27 ao\u00fbt pour les traditionnels barbecues partag\u00e9s \u00e0 Saint-Germain et Sainte-Th\u00e9r\u00e8se.<\/p>\n<\/div>\n<div class=\"germinal-action\"><a class=\"germinal-btn\" href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/06\/PG_n%C2%B0462.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Lire le Petit Germinal<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" 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\" alt=\"\" class=\"wp-image-12660\" 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\" \/><\/figure>\n\n\n\n<div id=\"j3p-wrapper\" class=\"j3p-wrapper\"><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\n    max-width: 100%;\n    margin-bottom: 40px;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--color-ink-editorial);\n    line-height: 1.6;\n}\n\n.j3p-card {\n    border: 3px solid var(--color-brown-primary);\n    border-radius: 8px;\n    padding: 35px 40px;\n}\n\n.j3p-title {\n    color: var(--color-brown-primary);\n    font-size: 1.6em; \/* \u00c9chelle H2 Desktop *\/\n    font-weight: 500;\n    margin: 0;\n}\n\n\/* Style pour la p\u00e9riode en dessous du titre *\/\n.j3p-dates {\n    display: block;\n    font-size: 0.9em;\n    color: var(--color-tan-accent-text);\n    font-weight: 400;\n    margin: 4px 0 18px 0;\n    letter-spacing: 0.5px;\n}\n\n.j3p-subtitle {\n    color: var(--color-tan-accent-text);\n    font-size: 0.9em; \/* \u00c9chelle M\u00e9tadonn\u00e9es *\/\n    text-transform: uppercase;\n    letter-spacing: 2.5px;\n    font-weight: 700;\n    margin-bottom: 25px;\n}\n\n.j3p-intro {\n    font-size: 1.05em; \/* \u00c9chelle Corps de texte Desktop *\/\n    margin-bottom: 30px;\n}\n\n\/* Zone d'\u00e9l\u00e9ments sans bordure gauche *\/\n.j3p-item {\n    margin-bottom: 20px;\n    padding-left: 0;\n}\n\n.j3p-item-label {\n    color: var(--color-brown-primary);\n    font-size: 0.9em;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    display: block;\n    margin-bottom: 5px;\n}\n\n.j3p-item-text {\n    margin: 0;\n    font-size: 1.05em;\n}\n\n\/* Application du style des liens aux items *\/\n.j3p-item-text a {\n    color: var(--color-brown-primary);\n    text-decoration: underline;\n    text-underline-offset: 3px;\n    font-weight: 500;\n    transition: color 0.2s ease;\n}\n\n.j3p-item-text a:hover {\n    color: var(--color-tan-accent-text);\n}\n\n.j3p-wrapper strong {\n    font-weight: 700;\n    color: var(--color-brown-primary);\n}\n\n\/* Classe sp\u00e9cifique pour forcer la couleur noire sur les noms en gras *\/\n.j3p-strong-black {\n    color: #000000 !important;\n}\n\n.j3p-action {\n    margin-top: 35px;\n}\n\n\/* BOUTON MODIFI\u00c9 SELON LE CODE DE R\u00c9F\u00c9RENCE *\/\n.j3p-btn {\n    display: inline-block;\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: none;\n    border-bottom: 2px solid var(--color-accent-deco); \n    padding: 0 0 2px 0;\n    border-radius: 0;\n    transition: all 0.2s ease;\n}\n\n.j3p-btn:hover {\n    background-color: transparent;\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: 30px 20px;\n    }\n    .j3p-title {\n        font-size: 1.4em;\n    }\n    .j3p-dates {\n        font-size: 0.85em;\n        margin-bottom: 15px;\n    }\n    .j3p-subtitle, \n    .j3p-item-label {\n        font-size: 0.85em;\n    }\n    .j3p-intro, \n    .j3p-item-text {\n        font-size: 1em;\n    }\n    .j3p-btn {\n        font-size: 0.85em;\n    }\n}\n<\/style>\n<div class=\"j3p-card\">\n<h2 class=\"j3p-title\">Le J3P n\u00b0117<\/h2>\n<div class=\"j3p-dates\">du 22 juin au 13 septembre 2026<\/div>\n<div class=\"j3p-subtitle\">Moissons<\/div>\n<p class=\"j3p-intro\">\u00c0 l'heure des bilans et des relectures d'\u00e9t\u00e9, le <strong class=\"j3p-strong-black\">P\u00e8re Dominique Doyh\u00e9nart<\/strong> nous invite \u00e0 rendre gr\u00e2ce pour tout ce qui a m\u00fbri en nous au cours de l'ann\u00e9e pastorale et \u00e0 tourner notre regard confiant vers l'avenir.<\/p>\n<div class=\"j3p-item\"><span class=\"j3p-item-label\">Visite exceptionnelle<\/span>\n<p class=\"j3p-item-text\">Grande joie dans notre dioc\u00e8se : la visite pastorale du Pape <strong class=\"j3p-strong-black\">L\u00e9on XIV<\/strong> en France est confirm\u00e9e pour la fin septembre. <strong class=\"j3p-strong-black\">Mgr Matthieu Roug\u00e9<\/strong> nous appelle \u00e0 nous pr\u00e9parer activement pour la veill\u00e9e des jeunes du 25 septembre et la grande messe solennelle \u00e0 Paris le samedi 26 septembre. <a href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/visite-apostolique-le-pape-leon-xiv-en-france-cet-automne-2026\/\">Lire l'article<\/a><\/p>\n<\/div>\n<div class=\"j3p-item\"><span class=\"j3p-item-label\">Sacrement de confirmation<\/span>\n<p class=\"j3p-item-text\">Portons particuli\u00e8rement dans nos pri\u00e8res <strong class=\"j3p-strong-black\">Raymond Baldor<\/strong>, <strong class=\"j3p-strong-black\">Camille Bertrand<\/strong>, <strong class=\"j3p-strong-black\">Jessy Counoussamy<\/strong>, <strong class=\"j3p-strong-black\">Marie-Madeleine Masselot<\/strong> et <strong class=\"j3p-strong-black\">P\u00e9lagie Yoro<\/strong>, appel\u00e9s \u00e0 recevoir le sacrement de confirmation ce dimanche 21 juin en l'\u00e9glise Saint-Pierre de Neuilly.<\/p>\n<\/div>\n<div class=\"j3p-item\"><span class=\"j3p-item-label\">Vie \u0153cum\u00e9nique<\/span>\n<p class=\"j3p-item-text\">\u00c0 l'occasion de ses 70 ans, l'\u00c9glise mennonite de Ch\u00e2tenay-Malabry propose un week-end festif les 20 et 21 juin avec un grand concert de louange d'Antydot' Family et un culte de reconnaissance pr\u00e9sid\u00e9 par <strong class=\"j3p-strong-black\">Michel Sommer<\/strong>.<\/p>\n<\/div>\n<div class=\"j3p-action\"><a class=\"j3p-btn\" href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/wp-content\/uploads\/2026\/06\/J3P_n%C2%B0117.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Lire le J3P<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div id=\"sgl-teaser-wrapper\" class=\"sgl-teaser-wrapper\"><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 0;\n    max-width: 100%;\n}\n\n.sgl-teaser-container {\n    background-color: var(--color-bg-cream); \/* R\u00e8gle de l'encart *\/\n    border-top: 5px solid var(--color-accent-deco); \/* Ligne Ocre identitaire d\u00e9plac\u00e9e en haut *\/\n    border-radius: 4px;\n    padding: 30px;\n    box-shadow: 0 4px 15px rgba(143, 67, 22, 0.06); \/* Ombre teint\u00e9e aux tons chauds *\/\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 30px;\n}\n\n.sgl-teaser-content {\n    flex: 1 1 60%;\n    min-width: 280px;\n}\n\n.sgl-teaser-badge {\n    display: inline-block;\n    padding: 4px 10px;\n    border: 1px solid var(--color-accent-deco);\n    color: var(--color-tan-accent-text); \/* Ocre assombri pour l'accessibilit\u00e9 *\/\n    font-size: 0.85em; \/* \u00c9chelle M\u00e9tadonn\u00e9es *\/\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 15px;\n    border-radius: 3px;\n}\n\n.sgl-teaser-title {\n    color: var(--color-brown-primary) !important;\n    font-size: 1.6em; \/* \u00c9chelle H2 Desktop *\/\n    font-weight: 500;\n    margin-top: 0;\n    margin-bottom: 15px;\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; \/* \u00c9chelle Corps de texte Desktop *\/\n    line-height: 1.6;\n    margin-bottom: 25px;\n}\n\n\/* BOUTON MODIFI\u00c9 SELON LE CODE DE R\u00c9F\u00c9RENCE *\/\n.sgl-teaser-button {\n    display: inline-block;\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: none;\n    border-bottom: 2px solid var(--color-accent-deco); \n    padding: 0 0 2px 0; \/* Alignement parfait du trait sous le texte *\/\n    border-radius: 0;\n    transition: all 0.2s ease;\n}\n\n.sgl-teaser-button:hover {\n    background-color: transparent;\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 30%;\n    min-width: 250px;\n    text-align: center;\n}\n\n.sgl-teaser-image {\n    max-width: 100%;\n    height: auto;\n    border-radius: 8px;\n    box-shadow: 0 4px 10px rgba(143, 67, 22, 0.08); \/* Ombre aux tons bruns *\/\n}\n\n\/* --- Design Adaptatif (Mobiles) --- *\/\n@media (max-width: 768px) {\n    .sgl-teaser-container {\n        flex-direction: column-reverse; \/* Met l'image au-dessus du texte sur mobile *\/\n        padding: 25px 20px;\n    }\n    .sgl-teaser-title {\n        font-size: 1.4em; \/* \u00c9chelle H2 Mobile *\/\n    }\n    .sgl-teaser-text {\n        font-size: 1em; \/* \u00c9chelle Corps de texte Mobile *\/\n    }\n    .sgl-teaser-button {\n        font-size: 0.85em; \/* \u00c9chelle M\u00e9tadonn\u00e9es Mobile *\/\n    }\n}\n<\/style>\n<div class=\"sgl-teaser-container\">\n<div class=\"sgl-teaser-content\"><span class=\"sgl-teaser-badge\">\u00c9v\u00e9nement &amp; Patrimoine<\/span>\n<h2 class=\"sgl-teaser-title\">Saint Germain l\u2019Auxerrois, une m\u00e9moire vivante<\/h2>\n<p class=\"sgl-teaser-text\">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.<\/p>\n<a class=\"sgl-teaser-button\" href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/saint-germain-lauxerrois-saint-patron-de-notre-paroisse\/\">Lire l'article complet<\/a><\/div>\n<div class=\"sgl-teaser-image-wrap\"><a href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/saint-germain-lauxerrois-saint-patron-de-notre-paroisse\/\"> <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\"> <\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div id=\"stg-encart-accueil-wrapper\" class=\"stg-encart-accueil-wrapper\"><style>\n.stg-encart-accueil-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    max-width: 100%;\n    margin-bottom: 30px;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n\n.stg-encart-accueil {\n    background-color: var(--color-bg-cream);\n    \/* Bordure gauche retir\u00e9e ici *\/\n    padding: 24px 30px;\n    border-radius: 4px;\n    box-shadow: 0 4px 15px rgba(143, 67, 22, 0.06);\n    color: var(--color-ink-editorial);\n    line-height: 1.6;\n}\n\n.stg-encart-accueil h3 {\n    color: var(--color-brown-primary);\n    font-size: 1.6em;\n    margin: 0 0 12px 0;\n    font-weight: 500;\n}\n\n.stg-encart-accueil p {\n    margin: 0 0 20px 0;\n    font-size: 1.05em;\n}\n\n.stg-encart-btn {\n    display: inline-block;\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: all 0.2s ease;\n}\n\n.stg-encart-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\/* --- Design Adaptatif (Mobiles) --- *\/\n@media (max-width: 768px) {\n    .stg-encart-accueil {\n        padding: 20px 24px;\n    }\n    .stg-encart-accueil h3 {\n        font-size: 1.4em;\n    }\n    .stg-encart-accueil p {\n        font-size: 1em;\n    }\n    .stg-encart-btn {\n        font-size: 0.85em;\n    }\n}\n<\/style>\n<div class=\"stg-encart-accueil\">\n<h3>Et si Dieu vous appelait \u00e0 servir ?<\/h3>\n<p>Lire, chanter, porter la pri\u00e8re, embellir l\u2019\u00e9glise... La beaut\u00e9 de nos c\u00e9l\u00e9brations est l'\u0153uvre de toute l'assembl\u00e9e. D\u00e9couvrez comment rejoindre l'\u00e9quipe liturgique et mettre vos talents au service de tous, simplement et \u00e0 votre rythme.<\/p>\n<a class=\"stg-encart-btn\" href=\"https:\/\/paroisses-chatenay.fr\/stgermain\/rejoindre-lequipe-liturgique\/\">Lire l'article<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Chargement&#8230; \ud83d\udcd6 Chargement&#8230; Chargement&#8230; Je suis nouveau, nouvelle Je souhaite rester en lien Bient\u00f4t \u00e0 la paroisse &nbsp; Dim 21 juin 10h30 Messe (avec \u00c9veil \u00e0 la foi) suivie de la f\u00eate de fin d\u2019ann\u00e9e paroissiale. D\u00e8s 12h Ap\u00e9ritif et animations suivis d\u2019un d\u00e9jeuner partag\u00e9 (le tout \u00e0 l\u2019abri en raison de la canicule). &nbsp; Marie-Madeleine, Julie, Jessy et Raymond de Saint-Germain l\u2019Auxerrois seront confirm\u00e9s \u00e0 St-Pierre de Neuilly. Lun 22 juin 14h00 Vestiaire au centre paroissial (jusqu&rsquo;\u00e0 17h). (Chaque <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":756,"href":"https:\/\/paroisses-chatenay.fr\/stgermain\/wp-json\/wp\/v2\/pages\/8066\/revisions"}],"predecessor-version":[{"id":13595,"href":"https:\/\/paroisses-chatenay.fr\/stgermain\/wp-json\/wp\/v2\/pages\/8066\/revisions\/13595"}],"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}]}}