{"id":534,"date":"2020-04-21T13:43:49","date_gmt":"2020-04-21T12:43:49","guid":{"rendered":"http:\/\/cptcl.home.blog\/?page_id=534"},"modified":"2026-05-13T08:26:26","modified_gmt":"2026-05-13T06:26:26","slug":"evenements","status":"publish","type":"page","link":"https:\/\/cptcl.fr\/index.php\/evenements\/","title":{"rendered":"Projets &amp; Ev\u00e8nements"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-b0083447 wp-block-group-is-layout-constrained\">\n<section style=\"padding: 60px 20px; text-align: center; background: linear-gradient(rgba(0, 74, 153, 0.8), rgba(0, 74, 153, 0.8)), url('ton-image-de-bus.jpg'); background-size: cover; color: #ffffff; border-bottom: 5px solid #FFD700;\">\n  <h1 style=\"font-size: 2.5em; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2px;\">La M\u00e9moire en Mouvement<\/h1>\n  <p style=\"max-width: 800px; margin: 0 auto; font-style: italic; font-size: 1.2em; line-height: 1.6;\">\n    \u00ab\u00a0Notre mission ne s\u2019arr\u00eate pas \u00e0 la m\u00e9canique : nous valorisons le savoir-faire technique et nous conservons les souvenirs humains qui ont fait battre le c\u0153ur de Limoges.\u00a0\u00bb\n  <\/p>\n<\/section>\n\n\n\n<div class=\"cptcl-impact-banner\">\n    <div class=\"impact-badge\">\n        <span class=\"pulse-dot\"><\/span>\n        PROCHAIN RDV\n    <\/div>\n    <div class=\"impact-body\">\n        <span class=\"impact-date\">SEPTEMBRE 2026<\/span>\n        <span class=\"impact-separator\">|<\/span>\n        <span class=\"impact-text\">Retrouvez la CPTCL au <strong>Forum des Associations<\/strong> de Limoges !<\/span>\n    <\/div>\n<\/div>\n\n<style>\n    .cptcl-impact-banner {\n        background: linear-gradient(135deg, var(--cptcl-dark) 0%, #1e293b 100%);\n        color: white;\n        padding: 25px;\n        margin: 40px 20px;\n        border-radius: 20px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 20px;\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);\n        border: 1px solid rgba(14, 165, 233, 0.3);\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Petit effet de brillance qui passe sur le bandeau *\/\n    .cptcl-impact-banner::after {\n        content: '';\n        position: absolute;\n        top: -50%; font-family: inherit;\n        left: -50%;\n        width: 200%;\n        height: 200%;\n        background: linear-gradient(45deg, transparent, rgba(255,255,255,0.03), transparent);\n        transform: rotate(45deg);\n        animation: shine 6s infinite;\n    }\n\n    @keyframes shine {\n        0% { transform: translateX(-100%) rotate(45deg); }\n        100% { transform: translateX(100%) rotate(45deg); }\n    }\n\n    .impact-badge {\n        background: var(--cptcl-red);\n        color: white;\n        padding: 8px 16px;\n        border-radius: 8px;\n        font-weight: 800;\n        font-size: 13px;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        box-shadow: 0 4px 12px rgba(255, 0, 0, 0.3);\n        flex-shrink: 0;\n        z-index: 2;\n    }\n\n    \/* Point clignotant \"Direct\" *\/\n    .pulse-dot {\n        width: 8px;\n        height: 8px;\n        background-color: white;\n        border-radius: 50%;\n        animation: pulse-animation 1.5s infinite;\n    }\n\n    @keyframes pulse-animation {\n        0% { box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.7); }\n        100% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }\n    }\n\n    .impact-body {\n        font-size: 1.2rem;\n        z-index: 2;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .impact-date {\n        color: var(--cptcl-sky);\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n\n    .impact-separator {\n        color: rgba(255,255,255,0.2);\n        font-weight: 200;\n    }\n\n    @media (max-width: 900px) {\n        .cptcl-impact-banner {\n            flex-direction: column;\n            text-align: center;\n            padding: 30px 20px;\n        }\n        .impact-body {\n            flex-direction: column;\n            gap: 5px;\n        }\n        .impact-separator { display: none; }\n    }\n<\/style>\n\n\n\n<style>\n    \/* 1. ANIMATIONS *\/\n    @keyframes gradientBG {\n        0% { background-position: 0% 50%; }\n        50% { background-position: 100% 50%; }\n        100% { background-position: 0% 50%; }\n    }\n\n    @keyframes floatDecor {\n        0% { transform: translateY(0) rotate(0deg); opacity: 0.2; }\n        50% { transform: translateY(-20px) rotate(10deg); opacity: 0.5; }\n        100% { transform: translateY(0) rotate(0deg); opacity: 0.2; }\n    }\n\n    \/* 2. WRAPPER AVEC D\u00c9GRAD\u00c9 ANIM\u00c9 *\/\n    .cptcl-full-wrapper {\n        width: 100%;\n        margin: 0 auto;\n        padding: 60px 0;\n        \/* D\u00e9grad\u00e9 aux couleurs de l'association *\/\n        background: linear-gradient(-45deg, #004a99, #002d5a, #c41e3a, #b0152b);\n        background-size: 400% 400%;\n        animation: gradientBG 15s ease infinite;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* 3. D\u00c9CORATIONS ANIM\u00c9ES (Bulles de fond) *\/\n    .cptcl-decor-circle {\n        position: absolute;\n        background: rgba(255, 215, 0, 0.15); \/* Jaune dor\u00e9 transparent *\/\n        border-radius: 50%;\n        pointer-events: none;\n        animation: floatDecor 8s ease-in-out infinite;\n    }\n\n    \/* Placement des \u00e9l\u00e9ments de d\u00e9cor *\/\n    .cptcl-decor-1 { width: 150px; height: 150px; top: 10%; left: -50px; animation-delay: 0s; }\n    .cptcl-decor-2 { width: 100px; height: 100px; bottom: 10%; right: -30px; animation-delay: 2s; background: rgba(255, 255, 255, 0.1); }\n    .cptcl-decor-3 { width: 60px; height: 60px; top: 40%; right: 15%; animation-delay: 4s; }\n\n    \/* 4. LE CONTENEUR PRINCIPAL *\/\n    .cptcl-event-container {\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        width: 92%;\n        max-width: 1100px;\n        margin: 0 auto;\n        border: none;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 20px 50px rgba(0,0,0,0.3);\n        background-color: #ffffff;\n        position: relative;\n        z-index: 5; \/* Passe devant le d\u00e9cor *\/\n    }\n\n    .cptcl-event-header {\n        background-color: #004a99;\n        color: white;\n        padding: 50px 20px;\n        text-align: center;\n        border-top: 6px solid #FFD700;\n        position: relative;\n    }\n\n    \/* Petit effet de brillance sur le titre *\/\n    .cptcl-event-header h2 {\n        margin: 15px 0 0 0;\n        font-size: clamp(22px, 5vw, 36px);\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        font-weight: 800;\n        text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n    }\n\n    .cptcl-event-body {\n        display: flex;\n        flex-wrap: wrap;\n        padding: 40px;\n        gap: 30px;\n    }\n\n    .cptcl-event-info {\n        flex: 1.5;\n        min-width: 300px;\n    }\n\n    .cptcl-event-details {\n        flex: 1;\n        min-width: 280px;\n        padding: 30px;\n        background-color: #f9f9f9;\n        border-radius: 8px;\n        border-left: 4px solid #004a99;\n    }\n\n    .cptcl-badge {\n        display: inline-block;\n        background-color: #FFD700;\n        color: #004a99;\n        padding: 8px 25px;\n        border-radius: 50px;\n        font-weight: bold;\n        text-transform: uppercase;\n        font-size: 13px;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n    }\n\n    .cptcl-mission-block h3 {\n        color: #004a99;\n        font-size: 22px;\n        margin-bottom: 12px;\n        display: flex;\n        align-items: center;\n    }\n\n    \/* Petit trait d\u00e9coratif sous les titres *\/\n    .cptcl-mission-block h3::after {\n        content: '';\n        flex: 1;\n        height: 2px;\n        background: #eee;\n        margin-left: 15px;\n    }\n\n    .cptcl-mission-block p {\n        line-height: 1.7;\n        color: #444;\n        font-size: 16px;\n        text-align: justify;\n    }\n\n    .cptcl-info-row {\n        margin-bottom: 25px;\n        display: flex;\n        align-items: center;\n    }\n\n    .cptcl-info-icon {\n        font-size: 32px;\n        margin-right: 20px;\n        filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.1));\n    }\n\n    .cptcl-footer-callout {\n        background: #002d5a;\n        color: white;\n        padding: 40px;\n        text-align: center;\n    }\n\n    .cptcl-btn {\n        display: inline-block;\n        background-color: #FFD700;\n        color: #004a99;\n        padding: 16px 40px;\n        text-decoration: none;\n        border-radius: 6px;\n        font-weight: 900;\n        text-transform: uppercase;\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        margin-top: 15px;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n    }\n\n    .cptcl-btn:hover {\n        background-color: #ffffff;\n        color: #c41e3a;\n        transform: scale(1.05);\n    }\n\n    @media (max-width: 800px) {\n        .cptcl-event-body { padding: 25px; }\n        .cptcl-full-wrapper { padding: 30px 0; }\n    }\n<\/style>\n\n<div class=\"cptcl-full-wrapper\">\n    <!-- \u00c9l\u00e9ments de d\u00e9coration anim\u00e9s en arri\u00e8re-plan -->\n    <div class=\"cptcl-decor-circle cptcl-decor-1\"><\/div>\n    <div class=\"cptcl-decor-circle cptcl-decor-2\"><\/div>\n    <div class=\"cptcl-decor-circle cptcl-decor-3\"><\/div>\n\n    <div class=\"cptcl-event-container\">\n        <div class=\"cptcl-event-header\">\n            <div class=\"cptcl-badge\">\u00c9v\u00e9nement de Valorisation 2026<\/div>\n            <h2>12\u00e8me Forum des Associations<\/h2>\n        <\/div>\n\n        <div class=\"cptcl-event-body\">\n            <div class=\"cptcl-event-info\">\n                <div class=\"cptcl-mission-block\">\n                    <h3>Valorisation de la M\u00e9moire<\/h3>\n                    <p>Nous exposerons une s\u00e9lection rigoureuse de documents d&rsquo;archives. Venez d\u00e9couvrir l&rsquo;\u00e9volution des lignes de Limoges \u00e0 travers des photographies historiques, des plans de r\u00e9seaux anciens et des objets techniques issus de notre collection de sauvegarde.<\/p>\n                <\/div>\n                <div class=\"cptcl-mission-block\">\n                    <h3>Conservation du Patrimoine<\/h3>\n                    <p>La conservation n&rsquo;est pas seulement mat\u00e9rielle, elle est aussi technique. Nos b\u00e9n\u00e9voles seront pr\u00e9sents pour expliquer les processus de valorisation de nos v\u00e9hicules et l&rsquo;importance de maintenir ce savoir-faire vivant pour les g\u00e9n\u00e9rations futures.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"cptcl-event-details\">\n                <div class=\"cptcl-info-row\">\n                    <span class=\"cptcl-info-icon\">\ud83d\udcc5<\/span>\n                    <div>\n                        <strong>Dates &#038; Horaires<\/strong><br>\n                        Samedi 5 Septembre 2026<br>\n                        Dimanche 6 Septembre 2026<br>\n                        <small style=\"color: #004a99; font-weight: bold;\">Acc\u00e8s de 10h00 \u00e0 18h00<\/small>\n                    <\/div>\n                <\/div>\n                <div class=\"cptcl-info-row\">\n                    <span class=\"cptcl-info-icon\">\ud83d\udccd<\/span>\n                    <div>\n                        <strong>Lieu de rendez-vous<\/strong><br>\n                        Parc des Expositions de Limoges<br>\n                        <span style=\"color: #c41e3a; font-weight: bold;\">Stand CPTCL<\/span>\n                    <\/div>\n                <\/div>\n                <div style=\"margin-top: 30px; padding: 15px; background: #fff; border: 1px dashed #ccc; border-radius: 5px; font-style: italic; color: #555; font-size: 14px;\">\n                    \u00ab\u00a0Chaque t\u00e9moignage compte. Si vous poss\u00e9dez des archives ou des souvenirs du r\u00e9seau, venez nous en parler !\u00a0\u00bb\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"cptcl-footer-callout\">\n            <p style=\"margin-bottom: 15px; font-size: 18px; font-weight: 500;\">Vous souhaitez contribuer \u00e0 nos projets de conservation ?<\/p>\n            <a href=\"\/index.php\/contact\" class=\"cptcl-btn\">Rejoindre l&rsquo;association<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<style>\n    @keyframes gradientBG {\n        0% { background-position: 0% 50%; }\n        50% { background-position: 100% 50%; }\n        100% { background-position: 0% 50%; }\n    }\n\n    \/* Animation de flottement pour le d\u00e9cor *\/\n    @keyframes float {\n        0% { transform: translateY(0px) translateX(0px) rotate(0deg); opacity: 0; }\n        10% { opacity: 0.3; }\n        90% { opacity: 0.3; }\n        100% { transform: translateY(-100vh) translateX(50px) rotate(360deg); opacity: 0; }\n    }\n\n    .cptcl-saison-section {\n        padding: 80px 5%;\n        background: linear-gradient(-45deg, #004a99, #c41e3a, #002d5a, #b0152b);\n        background-size: 400% 400%;\n        animation: gradientBG 12s ease infinite;\n        text-align: center;\n        border-radius: 15px;\n        margin: 20px 0;\n        color: #ffffff;\n        position: relative; \/* N\u00e9cessaire pour placer le d\u00e9cor *\/\n        overflow: hidden; \/* Pour que le d\u00e9cor ne d\u00e9passe pas du bloc *\/\n    }\n\n    \/* \u00c9l\u00e9ments de d\u00e9cor anim\u00e9s *\/\n    .decor {\n        position: absolute;\n        bottom: -50px;\n        background: rgba(255, 255, 255, 0.2);\n        border-radius: 50%;\n        pointer-events: none;\n        z-index: 1;\n    }\n\n    \/* On cr\u00e9e plusieurs tailles et vitesses diff\u00e9rentes *\/\n    .decor:nth-child(1) { left: 5%; width: 40px; height: 40px; animation: float 15s infinite; }\n    .decor:nth-child(2) { left: 15%; width: 20px; height: 20px; animation: float 10s infinite 2s; }\n    .decor:nth-child(3) { left: 85%; width: 50px; height: 50px; animation: float 18s infinite 1s; }\n    .decor:nth-child(4) { left: 92%; width: 25px; height: 25px; animation: float 12s infinite 4s; }\n    .decor:nth-child(5) { left: 10%; width: 15px; height: 15px; animation: float 14s infinite 6s; }\n\n    .cptcl-saison-section h2, .cptcl-saison-section p, .cptcl-saison-grid {\n        position: relative;\n        z-index: 2; \/* On place le contenu au-dessus du d\u00e9cor *\/\n    }\n\n    .cptcl-saison-section h2 {\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        font-size: clamp(28px, 6vw, 42px);\n        font-weight: 800;\n        margin-bottom: 20px;\n        text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);\n    }\n\n    .cptcl-saison-grid {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 30px;\n        justify-content: center;\n    }\n\n    .cptcl-saison-card {\n        flex: 1;\n        min-width: 320px;\n        max-width: 450px;\n        background: #ffffff;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.4);\n    }\n\n    .cptcl-saison-img {\n        height: 250px;\n        background-size: cover;\n        background-position: center;\n        display: flex;\n        align-items: flex-end;\n    }\n\n    .cptcl-saison-overlay {\n        width: 100%;\n        height: 80px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: 900;\n        text-transform: uppercase;\n        color: #ffffff;\n        font-size: 1.2em;\n        background-size: cover;\n        background-position: center;\n        position: relative;\n        text-shadow: 2px 2px 4px rgba(0,0,0,0.8);\n    }\n\n    .cptcl-saison-overlay::before {\n        content: \"\";\n        position: absolute;\n        top: 0; left: 0; right: 0; bottom: 0;\n        background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.3));\n        z-index: 1;\n    }\n\n    .cptcl-saison-overlay span {\n        position: relative;\n        z-index: 2;\n    }\n\n    .cptcl-saison-content {\n        padding: 25px;\n        text-align: left;\n    }\n\n    .cptcl-saison-content h4 {\n        margin: 0 0 10px 0;\n        color: #004a99;\n        font-size: 22px;\n        font-weight: 700;\n    }\n\n    .cptcl-saison-content p {\n        color: #333 !important;\n        font-size: 15px;\n        text-shadow: none !important;\n    }\n\n    .cptcl-tag-stcl {\n        background: #e30613;\n        color: #ffffff;\n        padding: 3px 10px;\n        border-radius: 4px;\n        font-weight: 900;\n    }\n<\/style>\n\n<div class=\"cptcl-saison-section\">\n    <!-- \u00c9l\u00e9ments de d\u00e9cor (bulles\/particules) -->\n    <div class=\"decor\"><\/div>\n    <div class=\"decor\"><\/div>\n    <div class=\"decor\"><\/div>\n    <div class=\"decor\"><\/div>\n    <div class=\"decor\"><\/div>\n\n    <h2>Le Patrimoine en F\u00eate<\/h2>\n    <p style=\"text-shadow: 1px 1px 5px rgba(0,0,0,0.5); font-size: 1.2em; margin-bottom: 30px;\">\n        Valorisation de la m\u00e9moire urbaine avec <strong>Limoges M\u00e9tropole<\/strong> et la <strong>STCLM<\/strong>.\n    <\/p>\n\n    <div class=\"cptcl-saison-grid\">\n        <!-- BUS HALLOWEEN -->\n        <div class=\"cptcl-saison-card\">\n            <div class=\"cptcl-saison-img\" style=\"background-image: url('https:\/\/cptcl.fr\/wp-content\/uploads\/2024\/11\/465139853_586405990401691_5947061096540413329_n.jpg');\">\n                <div class=\"cptcl-saison-overlay\" style=\"background-image: url('https:\/\/cptcl.fr\/wp-content\/uploads\/2024\/11\/the-evil-bus.png');\">\n                    <span>\ud83c\udf83 L&rsquo;Escale de Joie et de Terreur<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"cptcl-saison-content\">\n                <h4>\u00c9dition Halloween<\/h4>\n                <p>Une m\u00e9tamorphose compl\u00e8te pour un voyage myst\u00e9rieux au c\u0153ur de la ville. Frissons garantis pour tous les voyageurs.<\/p>\n                <div style=\"margin-top:15px; font-weight: bold; color: #555;\">\n                    <span class=\"cptcl-tag-stcl\">STCLM<\/span> Limoges M\u00e9tropole\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- BUS NO\u00cbL -->\n        <div class=\"cptcl-saison-card\">\n            <div class=\"cptcl-saison-img\" style=\"background-image: url('https:\/\/cptcl.fr\/wp-content\/uploads\/2024\/12\/remerciement-du-PN.png');\">\n                <div class=\"cptcl-saison-overlay\" style=\"background-image: url('https:\/\/cptcl.fr\/wp-content\/uploads\/2024\/12\/BUS-DE-NOEL1.png');\">\n                    <span>\ud83c\udf84 La Magie de No\u00ebl<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"cptcl-saison-content\">\n                <h4>Le Bus de No\u00ebl<\/h4>\n                <p>Illuminations et chants de f\u00eates : une parenth\u00e8se enchant\u00e9e pour red\u00e9couvrir la convivialit\u00e9 des transports limougeauds.<\/p>\n                <div style=\"margin-top:15px; font-weight: bold; color: #555;\">\n                    <span class=\"cptcl-tag-stcl\">STCLM<\/span> Limoges M\u00e9tropole\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<style>\n    \/* 1. ANIMATIONS DU FOND ET DES BOULES *\/\n    @keyframes lotoGradientBG {\n        0% { background-position: 0% 50%; }\n        50% { background-position: 100% 50%; }\n        100% { background-position: 0% 50%; }\n    }\n\n    @keyframes ballFloat {\n        0% { transform: translateY(0) rotate(0deg); opacity: 0.2; }\n        50% { transform: translateY(-100px) rotate(180deg); opacity: 0.4; }\n        100% { transform: translateY(-200px) rotate(360deg); opacity: 0; }\n    }\n\n    .cptcl-loto-premium {\n        --color-primary: #004a99;\n        --color-gold: #FFD700;\n        \n        position: relative;\n        width: 100%;\n        padding: 80px 0;\n        background: linear-gradient(-45deg, #004a99, #002d5a, #c41e3a, #b0152b);\n        background-size: 400% 400%;\n        animation: lotoGradientBG 15s ease infinite;\n        border-radius: 20px;\n        margin-top: 50px;\n        overflow: hidden;\n        font-family: 'Segoe UI', Roboto, sans-serif;\n    }\n\n    \/* Conteneur des boules anim\u00e9es *\/\n    .loto-balls-container {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        pointer-events: none;\n        z-index: 1;\n    }\n\n    .loto-ball {\n        position: absolute;\n        bottom: -50px;\n        background: rgba(255, 255, 255, 0.2);\n        backdrop-filter: blur(2px);\n        border: 1px solid rgba(255, 255, 255, 0.3);\n        border-radius: 50%;\n        display: flex; align-items: center; justify-content: center;\n        color: white; font-weight: bold;\n        animation: ballFloat infinite linear;\n    }\n\n    \/* Variantes de boules *\/\n    .ball-1 { width: 40px; height: 40px; left: 10%; animation-duration: 8s; }\n    .ball-2 { width: 60px; height: 60px; left: 25%; animation-duration: 12s; animation-delay: 2s; }\n    .ball-3 { width: 35px; height: 35px; left: 45%; animation-duration: 10s; animation-delay: 5s; }\n    .ball-4 { width: 50px; height: 50px; left: 70%; animation-duration: 14s; animation-delay: 1s; }\n    .ball-5 { width: 45px; height: 45px; left: 85%; animation-duration: 9s; animation-delay: 4s; }\n\n    .cptcl-loto-wrap {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 20px;\n        display: flex;\n        flex-direction: column;\n        gap: 50px;\n        position: relative;\n        z-index: 2;\n    }\n\n    \/* STYLE DES CARTES (Verre givr\u00e9 pour voir les boules passer derri\u00e8re) *\/\n    .loto-header-card {\n        background: rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(10px);\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        color: white;\n        padding: 40px;\n        border-radius: 30px;\n        text-align: center;\n        box-shadow: 0 20px 40px rgba(0,0,0,0.2);\n    }\n\n    .loto-header-card h2 {\n        font-size: clamp(26px, 5vw, 42px);\n        margin: 0;\n        text-transform: uppercase;\n        letter-spacing: 3px;\n        font-weight: 900;\n        text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n    }\n\n    .loto-badge-date {\n        display: inline-block;\n        margin-top: 20px;\n        background: var(--color-gold);\n        color: var(--color-primary);\n        padding: 10px 30px;\n        border-radius: 50px;\n        font-weight: 800;\n        text-transform: uppercase;\n    }\n\n    .loto-main-grid {\n        display: grid;\n        grid-template-columns: 1.2fr 1fr;\n        gap: 40px;\n        align-items: stretch;\n    }\n\n    .loto-info-panel {\n        background: rgba(255, 255, 255, 0.95);\n        padding: 45px;\n        border-radius: 25px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        box-shadow: 0 15px 35px rgba(0,0,0,0.2);\n    }\n\n    .loto-info-panel h3 {\n        color: var(--color-primary);\n        font-size: 26px;\n        margin-bottom: 20px;\n    }\n\n    .loto-solidarity-box {\n        margin-top: 25px;\n        padding: 20px;\n        background: #f0f7ff;\n        border-radius: 15px;\n        border-left: 5px solid #ff5722;\n    }\n\n    .loto-gallery-stack {\n        display: grid;\n        grid-template-areas: \"main main\" \"sub1 sub2\";\n        gap: 15px;\n    }\n\n    .loto-img-wrapper {\n        border-radius: 20px;\n        overflow: hidden;\n        border: 3px solid white;\n        box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n    }\n\n    .loto-img-wrapper img {\n        width: 100%; height: 100%; object-fit: cover; display: block;\n    }\n\n    .img-main { grid-area: main; height: 320px; }\n    .img-sub { height: 180px; }\n\n    @media (max-width: 900px) {\n        .loto-main-grid { grid-template-columns: 1fr; }\n        .loto-balls-container { display: none; } \/* On cache les boules sur mobile pour la performance *\/\n    }\n<\/style>\n\n<section class=\"cptcl-loto-premium\">\n    <div class=\"loto-balls-container\">\n        <div class=\"loto-ball ball-1\">24<\/div>\n        <div class=\"loto-ball ball-2\">87<\/div>\n        <div class=\"loto-ball ball-3\">12<\/div>\n        <div class=\"loto-ball ball-4\">56<\/div>\n        <div class=\"loto-ball ball-5\">09<\/div>\n    <\/div>\n\n    <div class=\"cptcl-loto-wrap\">\n        <div class=\"loto-header-card\">\n            <h2>Grand Loto Solidaire<\/h2>\n            <div class=\"loto-badge-date\">\ud83d\udcc5 \u00c9DITION ANNUELLE \u2022 MARS<\/div>\n        <\/div>\n\n        <div class=\"loto-main-grid\">\n            <div class=\"loto-info-panel\">\n                <h3>Un rendez-vous pour l&rsquo;avenir<\/h3>\n                <p>\n                    Chaque ann\u00e9e, la CPTCL organise son grand loto, un rendez-vous convivial indispensable pour soutenir les finances de l&rsquo;association. \n                    <strong>Les fonds r\u00e9colt\u00e9s contribuent directement au bon fonctionnement de l&rsquo;association.<\/strong>\n                <\/p>\n\n                <div class=\"loto-solidarity-box\">\n                    <p style=\"margin:0; font-size: 16px; color: #333;\">\n                        <span style=\"font-size: 24px; margin-right: 10px;\">\ud83e\udd1d<\/span>\n                        <strong>Solidarit\u00e9 Locale :<\/strong> En partenariat avec \n                        <span style=\"color: var(--color-primary); font-weight: 800;\">Le P&rsquo;tit March\u00e9 des Portes Ferr\u00e9es<\/span>, \n                        nous unissons nos forces pour soutenir la vie associative locale.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"loto-gallery-stack\">\n                <div class=\"loto-img-wrapper img-main\">\n                    <img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_vo91rzvo91rzvo91.png\" alt=\"Affiche Loto\">\n                <\/div>\n                <div class=\"loto-img-wrapper img-sub\">\n                    <img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/03\/f81b4055-2a20-49ad-8d6e-f5c74b2a75a3.jpg\" alt=\"Ambiance salle\">\n                <\/div>\n                <div class=\"loto-img-wrapper img-sub\">\n                    <img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/03\/09405c9a-1e7f-4c32-b9a0-9c7964060a98.jpg\" alt=\"Joueurs\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<style>\n    .cptcl-vision-section {\n        position: relative;\n        width: 100%;\n        min-height: 600px;\n        margin: 50px 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        border-radius: 20px;\n        font-family: 'Segoe UI', sans-serif;\n    }\n\n    \/* L'image de fond avec l'effet de zoom au survol *\/\n    .cptcl-vision-bg {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background-image: url('https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/05\/musee-bus.png');\n        background-size: cover;\n        background-position: center;\n        transition: transform 2s ease;\n        z-index: 1;\n    }\n\n    .cptcl-vision-section:hover .cptcl-vision-bg {\n        transform: scale(1.05);\n    }\n\n    \/* Le voile sombre pour la lisibilit\u00e9 *\/\n    .cptcl-vision-overlay {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background: linear-gradient(to right, rgba(0, 45, 90, 0.9) 30%, rgba(0, 0, 0, 0.2) 100%);\n        z-index: 2;\n    }\n\n    \/* Le contenu textuel *\/\n    .cptcl-vision-content {\n        position: relative;\n        z-index: 3;\n        width: 90%;\n        max-width: 1200px;\n        color: white;\n        padding: 40px;\n    }\n\n    .cptcl-vision-text {\n        max-width: 600px;\n    }\n\n    .cptcl-vision-text h2 {\n        color: #FFD700;\n        font-size: 42px;\n        text-transform: uppercase;\n        margin-bottom: 20px;\n        line-height: 1.1;\n        text-shadow: 3px 3px 10px rgba(0,0,0,0.5);\n    }\n\n    .cptcl-vision-text p {\n        font-size: 18px;\n        line-height: 1.6;\n        margin-bottom: 30px;\n        text-shadow: 1px 1px 5px rgba(0,0,0,0.5);\n    }\n\n    \/* Bouton d'action \"Agrandir\" *\/\n    .cptcl-vision-zoom-btn {\n        display: inline-flex;\n        align-items: center;\n        background: #FFD700;\n        color: #004a99;\n        padding: 12px 25px;\n        border-radius: 50px;\n        text-decoration: none;\n        font-weight: 800;\n        text-transform: uppercase;\n        transition: all 0.3s;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.3);\n    }\n\n    .cptcl-vision-zoom-btn:hover {\n        background: #ffffff;\n        transform: translateY(-3px);\n    }\n\n    \/* Les petits badges d'objectifs *\/\n    .cptcl-vision-tags {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        margin-top: 20px;\n    }\n\n    .cptcl-tag {\n        background: rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(10px);\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        padding: 8px 15px;\n        border-radius: 5px;\n        font-size: 14px;\n        font-weight: 500;\n    }\n\n    @media (max-width: 800px) {\n        .cptcl-vision-overlay {\n            background: rgba(0, 45, 90, 0.85);\n        }\n        .cptcl-vision-text h2 { font-size: 30px; }\n    }\n<\/style>\n\n<div class=\"cptcl-vision-section\">\n    <div class=\"cptcl-vision-bg\"><\/div>\n    \n    <div class=\"cptcl-vision-overlay\"><\/div>\n\n    <div class=\"cptcl-vision-content\">\n        <div class=\"cptcl-vision-text\">\n            <h2>Notre Grand R\u00eave : <br>L&rsquo;Escale M\u00e9moire<\/h2>\n            <p>\n                Imaginez un bus Agora \u00ab\u00a0S\u00a0\u00bb aux couleurs de la CPTCL, transform\u00e9 en v\u00e9ritable <strong>mus\u00e9e itin\u00e9rant<\/strong>. Un espace de rencontre unique qui circulerait dans Limoges pour offrir \u00e0 tous un acc\u00e8s direct \u00e0 notre patrimoine.\n            <\/p>\n            \n            <div class=\"cptcl-vision-tags\">\n                <span class=\"cptcl-tag\">\ud83d\udcf8 Galerie Photo<\/span>\n                <span class=\"cptcl-tag\">\ud83d\udee0\ufe0f Objets Techniques<\/span>\n                <span class=\"cptcl-tag\">\ud83d\udcdc Archives STCLM<\/span>\n                <span class=\"cptcl-tag\">\ud83d\ude8d Patrimoine Roulant<\/span>\n            <\/div>\n\n            <br><br>\n            \n            <a href=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/05\/musee-bus.png\" target=\"_blank\" class=\"cptcl-vision-zoom-btn\">\n                \ud83d\udd0d Voir le concept en grand\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-pale-cyan-blue-background-color has-background is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-center\"><strong> \u00e0 suivre \u2026<\/strong><\/h2>\n<\/div>\n<\/div>\n\n\n\n<div class=\"foot-cptcl\" style=\"text-align: center;\">\n    <p style=\"margin:0;\">&copy; CPTCL &#8211; \u00ab\u00a0Un patrimoine vivant \u00e0 Limoges\u00a0\u00bb<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">HAUT DE PAGE<\/a><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La M\u00e9moire en Mouvement \u00ab\u00a0Notre mission ne s\u2019arr\u00eate pas \u00e0 la m\u00e9canique : nous valorisons le savoir-faire technique et nous [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-534","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/pages\/534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/comments?post=534"}],"version-history":[{"count":244,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/pages\/534\/revisions"}],"predecessor-version":[{"id":8341,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/pages\/534\/revisions\/8341"}],"wp:attachment":[{"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/media?parent=534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}