{"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-10-12T13:22:31","modified_gmt":"2026-10-12T11:22:31","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-flow wp-block-group-is-layout-flow\">\n<figure class=\"wp-block-image alignfull size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2343\" height=\"448\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_xycshexycshexycs1.png\" alt=\"\" class=\"wp-image-8422\" srcset=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_xycshexycshexycs1.png 2343w, https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_xycshexycshexycs1-300x57.png 300w, https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_xycshexycshexycs1-1024x196.png 1024w, https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_xycshexycshexycs1-768x147.png 768w, https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_xycshexycshexycs1-1536x294.png 1536w, https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_xycshexycshexycs1-2048x392.png 2048w\" sizes=\"auto, (max-width: 2343px) 100vw, 2343px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\"><\/div>\n<\/div>\n\n\n\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\">31 OCTOBRE 2026<\/span>\n        <span class=\"impact-separator\">|<\/span>\n        <span class=\"impact-text\">Retrouvez la CPTCL au <strong>Bus Halloween \u00ab\u00a0El Bus De Los Muertos\u00a0\u00bb<\/strong> \u00e0 Limoges Place W.Churchill !<\/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<!DOCTYPE html>\n<html lang=\"fr\" class=\"h-full\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>El Bus de los Muertos &#8211; CPTCL<\/title>\n    <!-- Tailwind CSS CDN -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        mexicanGold: '#f59e0b',\n                        mexicanOrange: '#ea580c',\n                        mexicanPurple: '#581c87',\n                        mexicanDark: '#1e1b4b',\n                        parchment: '#fef3c7',\n                    },\n                    fontFamily: {\n                        serif: ['Georgia', 'Cambria', 'Times New Roman', 'serif'],\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        @keyframes floatSlow {\n            0%, 100% { transform: translateY(0px) rotate(0deg); }\n            50% { transform: translateY(-20px) rotate(8deg); }\n        }\n        @keyframes pulseGlow {\n            0%, 100% { opacity: 0.25; transform: scale(1); }\n            50% { opacity: 0.55; transform: scale(1.08); }\n        }\n        @keyframes swayPapel {\n            0%, 100% { transform: rotate(-2deg); }\n            50% { transform: rotate(2deg); }\n        }\n        .animate-float {\n            animation: floatSlow 7s ease-in-out infinite;\n        }\n        .animate-float-delayed {\n            animation: floatSlow 9s ease-in-out 2.5s infinite;\n        }\n        .animate-pulse-glow {\n            animation: pulseGlow 5s ease-in-out infinite;\n        }\n        .papel-banner {\n            animation: swayPapel 4s ease-in-out infinite alternate;\n            transform-origin: top center;\n        }\n        \/* Custom scrollbar *\/\n        ::-webkit-scrollbar {\n            width: 8px;\n        }\n        ::-webkit-scrollbar-track {\n            background: #110e2e;\n        }\n        ::-webkit-scrollbar-thumb {\n            background: #b45309;\n            border-radius: 4px;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-gradient-to-br from-indigo-950 via-purple-950 to-neutral-950 min-h-screen w-full flex items-center justify-center p-3 sm:p-6 md:p-8 relative overflow-x-hidden selection:bg-amber-500 selection:text-black\">\n\n    <!-- Floating background decorative elements -->\n    <div class=\"absolute inset-0 pointer-events-none overflow-hidden z-0\">\n        <!-- Glowing ambient background lights -->\n        <div class=\"absolute top-5 left-5 sm:top-10 sm:left-10 w-64 sm:w-96 h-64 sm:h-96 bg-orange-600\/20 rounded-full blur-3xl animate-pulse-glow\"><\/div>\n        <div class=\"absolute bottom-5 right-5 sm:bottom-10 sm:right-10 w-72 sm:w-[32rem] h-72 sm:h-[32rem] bg-purple-600\/20 rounded-full blur-3xl animate-pulse-glow\" style=\"animation-delay: 2.5s;\"><\/div>\n        \n        <!-- Floating Marigolds and Skulls -->\n        <div class=\"absolute top-[15%] left-[8%] text-3xl sm:text-4xl animate-float opacity-50\">\ud83c\udf3c<\/div>\n        <div class=\"absolute top-[25%] right-[10%] text-3xl sm:text-5xl animate-float-delayed opacity-50\">\ud83d\udc80<\/div>\n        <div class=\"absolute bottom-[20%] left-[12%] text-2xl sm:text-4xl animate-float opacity-40\" style=\"animation-delay: 1.5s;\">\ud83d\udd6f\ufe0f<\/div>\n        <div class=\"absolute top-[60%] right-[8%] text-3xl sm:text-4xl animate-float-delayed opacity-40\" style=\"animation-delay: 3.5s;\">\ud83c\uddf2\ud83c\uddfd<\/div>\n        <div class=\"absolute bottom-[10%] right-[25%] text-2xl sm:text-3xl animate-float opacity-50\" style=\"animation-delay: 4.5s;\">\ud83c\udf3c<\/div>\n        <div class=\"absolute top-[10%] right-[30%] text-2xl sm:text-3xl animate-float-delayed opacity-40\" style=\"animation-delay: 1.8s;\">\u2728<\/div>\n    <\/div>\n\n    <!-- Full-screen Centered Container -->\n    <div class=\"w-full max-w-4xl bg-neutral-900\/95 backdrop-blur-xl rounded-3xl shadow-[0_0_50px_rgba(0,0,0,0.8)] border-2 border-amber-500\/40 overflow-hidden relative z-10 flex flex-col my-auto\">\n        \n        <!-- Top Festive Papel Picado simulation bar -->\n        <div class=\"bg-gradient-to-r from-orange-600 via-amber-600 to-purple-800 py-2.5 px-4 text-center text-amber-100 text-xs sm:text-sm font-bold tracking-widest uppercase shadow-inner flex items-center justify-center gap-3 papel-banner border-b border-amber-400\/30\">\n            <span>\ud83c\udf89<\/span>\n            <span>\u00c9v\u00e9nement Sp\u00e9cial &#8211; D\u00eda de los Muertos \u00e0 Limoges<\/span>\n            <span>\ud83c\udf89<\/span>\n        <\/div>\n\n        <!-- Poster Image Showcase -->\n        <div class=\"relative bg-black\/80 group overflow-hidden border-b border-amber-500\/30 flex justify-center items-center\">\n            <img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/10\/post-facebook.jpg\" alt=\"Affiche El Bus de los Muertos\" class=\"w-full max-h-[480px] sm:max-h-[550px] object-contain transition-transform duration-700 group-hover:scale-105\" onerror=\"this.src='https:\/\/placehold.co\/1200x630\/1e1b4b\/f59e0b?text=El+Bus+de+los+Muertos+-+CPTCL'\">\n            <div class=\"absolute top-4 right-4 bg-amber-500 text-black font-extrabold text-xs sm:text-sm px-4 py-1.5 rounded-full shadow-2xl uppercase tracking-wider flex items-center gap-1.5 border border-amber-300\">\n                <span>\ud83c\udf83<\/span> 31 Octobre 2026\n            <\/div>\n        <\/div>\n\n        <!-- Content Details Section -->\n        <div class=\"p-6 sm:p-8 md:p-10 text-neutral-100 bg-gradient-to-b from-neutral-900\/90 to-neutral-950\">\n            \n            <!-- Main Title -->\n            <h1 class=\"text-3xl sm:text-4xl md:text-5xl font-black text-transparent bg-clip-text bg-gradient-to-r from-amber-400 via-orange-400 to-amber-200 mb-4 text-center tracking-wide font-serif drop-shadow-md\">\n                \ud83d\udc80 EL BUS DE LOS MUERTOS \ud83d\ude8c\n            <\/h1>\n\n            <p class=\"text-neutral-300 text-sm sm:text-base md:text-lg leading-relaxed mb-8 text-center max-w-3xl mx-auto\">\n                L&rsquo;association <strong class=\"text-amber-400 font-bold\">CPTCL<\/strong> (Collection Passion Transports en Commun de Limoges), en partenariat avec la <strong class=\"text-amber-400 font-bold\">STCLM<\/strong> et <strong class=\"text-amber-400 font-bold\">Limoges M\u00e9tropole<\/strong>, vous convie \u00e0 une immersion festive et color\u00e9e inspir\u00e9e des traditions mexicaines ! Montez \u00e0 bord de notre bus articul\u00e9 transform\u00e9 en autel roulant.\n            <\/p>\n\n            <!-- Practical Info Grid -->\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 mb-8\">\n                <!-- Location -->\n                <div class=\"bg-neutral-800\/90 hover:bg-neutral-800 p-4 sm:p-5 rounded-2xl border border-amber-500\/30 transition-all shadow-lg flex items-start space-x-4 group\">\n                    <span class=\"text-3xl p-2.5 bg-amber-500\/10 rounded-2xl group-hover:scale-110 transition-transform\">\ud83d\udccd<\/span>\n                    <div>\n                        <span class=\"block text-xs uppercase tracking-widest text-amber-400 font-extrabold mb-1\">Lieu de d\u00e9part<\/span>\n                        <span class=\"text-sm sm:text-base font-semibold text-neutral-100\">Place Winston Churchill (Quai C), Limoges<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Date & Time -->\n                <div class=\"bg-neutral-800\/90 hover:bg-neutral-800 p-4 sm:p-5 rounded-2xl border border-amber-500\/30 transition-all shadow-lg flex items-start space-x-4 group\">\n                    <span class=\"text-3xl p-2.5 bg-amber-500\/10 rounded-2xl group-hover:scale-110 transition-transform\">\ud83d\udcc5<\/span>\n                    <div>\n                        <span class=\"block text-xs uppercase tracking-widest text-amber-400 font-extrabold mb-1\">Date &#038; Heure<\/span>\n                        <span class=\"text-sm sm:text-base font-semibold text-neutral-100\">Samedi 31 Octobre 2026 d\u00e8s 14h00<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Tickets Info -->\n                <div class=\"bg-neutral-800\/90 hover:bg-neutral-800 p-4 sm:p-5 rounded-2xl border border-amber-500\/30 transition-all shadow-lg flex items-start space-x-4 group\">\n                    <span class=\"text-3xl p-2.5 bg-amber-500\/10 rounded-2xl group-hover:scale-110 transition-transform\">\ud83c\udf9f\ufe0f<\/span>\n                    <div>\n                        <span class=\"block text-xs uppercase tracking-widest text-amber-400 font-extrabold mb-1\">Billetterie &#038; Acc\u00e8s<\/span>\n                        <span class=\"text-sm sm:text-base font-semibold text-neutral-100\">Le ticket pour le bus est \u00e0 retirer directement sur place au stand d&rsquo;accueil.<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Activities & Restauration -->\n                <div class=\"bg-neutral-800\/90 hover:bg-neutral-800 p-4 sm:p-5 rounded-2xl border border-amber-500\/30 transition-all shadow-lg flex items-start space-x-4 group\">\n                    <span class=\"text-3xl p-2.5 bg-amber-500\/10 rounded-2xl group-hover:scale-110 transition-transform\">\u2728<\/span>\n                    <div>\n                        <span class=\"block text-xs uppercase tracking-widest text-amber-400 font-extrabold mb-1\">Stand d&rsquo;accueil &#038; Vie<\/span>\n                        <span class=\"text-sm sm:text-base font-semibold text-neutral-100\">Distribution de gourmandises et rafra\u00eechissements sur place.<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Roadwork Notice Box -->\n            <div class=\"mb-8 p-4 sm:p-5 bg-orange-950\/80 border-l-4 border-orange-500 text-orange-200 text-sm sm:text-base rounded-r-2xl shadow-xl flex items-start space-x-4\">\n                <span class=\"text-2xl mt-0.5\">\u26a0\ufe0f<\/span>\n                <div>\n                    <strong class=\"block font-extrabold text-orange-300 mb-1\">Note importante concernant le parcours :<\/strong>\n                    <span>Le trajet sera s\u00fbrement modifi\u00e9 suite aux travaux en cours dans nos rues de Limoges. Merci de votre compr\u00e9hension et de votre flexibilit\u00e9 !<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Call to Action Buttons -->\n            <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center mb-8\">\n                <a href=\"#participer\" class=\"w-full sm:w-auto text-center px-8 py-4 bg-gradient-to-r from-orange-600 via-amber-600 to-orange-700 hover:from-orange-500 hover:to-amber-500 text-white font-extrabold rounded-2xl shadow-xl transition-all transform hover:-translate-y-1 active:translate-y-0 text-base border border-amber-400\/40\">\n                    \ud83c\udf89 Participer \u00e0 l&rsquo;\u00c9v\u00e9nement\n                <\/a>\n                <a href=\"#don\" class=\"w-full sm:w-auto text-center px-8 py-4 bg-neutral-800 hover:bg-neutral-700 text-amber-300 border border-amber-500\/40 font-extrabold rounded-2xl shadow-xl transition-all text-base\">\n                    \ud83d\udc9b Soutenir l&rsquo;Association (Bo\u00eete \u00e0 dons)\n                <\/a>\n            <\/div>\n\n            <!-- Hashtags Footer -->\n            <div class=\"flex flex-wrap justify-center gap-2 pt-6 border-t border-neutral-800 text-xs sm:text-sm text-neutral-400 font-medium\">\n                <span class=\"px-3 py-1 bg-neutral-800\/80 rounded-full border border-neutral-700\">#ElBusDeLosMuertos<\/span>\n                <span class=\"px-3 py-1 bg-neutral-800\/80 rounded-full border border-neutral-700\">#CPTCL<\/span>\n                <span class=\"px-3 py-1 bg-neutral-800\/80 rounded-full border border-neutral-700\">#STCLM<\/span>\n                <span class=\"px-3 py-1 bg-neutral-800\/80 rounded-full border border-neutral-700\">#LimogesMetropole<\/span>\n                <span class=\"px-3 py-1 bg-neutral-800\/80 rounded-full border border-neutral-700\">#Halloween2026<\/span>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n<\/body>\n<\/html>\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    \/* Conteneur des images de fond *\/\n    .cptcl-vision-bg-container {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        display: flex;\n        z-index: 1;\n    }\n\n    \/* Premi\u00e8re image de fond *\/\n    .cptcl-vision-bg-1 {\n        flex: 1;\n        background-image: url('https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/10\/Gemini_Generated_Image_c3qt4ec3qt4ec3qt.jpg');\n        background-size: cover;\n        background-position: center;\n        transition: transform 2s ease;\n    }\n\n    \/* Deuxi\u00e8me image de fond *\/\n    .cptcl-vision-bg-2 {\n        flex: 1;\n        background-image: url('https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/10\/Gemini_Generated_Image_m6ashim6ashim6as-1.png');\n        background-size: cover;\n        background-position: center;\n        transition: transform 2s ease;\n    }\n\n    .cptcl-vision-section:hover .cptcl-vision-bg-1,\n    .cptcl-vision-section:hover .cptcl-vision-bg-2 {\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.4) 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: 650px;\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    \/* Conteneur des boutons *\/\n    .cptcl-vision-buttons {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 15px;\n        margin-top: 20px;\n    }\n\n    \/* Boutons d'action *\/\n    .cptcl-vision-zoom-btn {\n        display: inline-flex;\n        align-items: center;\n        background: #FFD700;\n        color: #004a99;\n        padding: 12px 22px;\n        border-radius: 50px;\n        text-decoration: none;\n        font-weight: 800;\n        font-size: 14px;\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: 15px;\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        .cptcl-vision-bg-container {\n            flex-direction: column;\n        }\n    }\n<\/style>\n\n<div class=\"cptcl-vision-section\">\n    <!-- Conteneur des deux images de fond visibles -->\n    <div class=\"cptcl-vision-bg-container\">\n        <div class=\"cptcl-vision-bg-1\"><\/div>\n        <div class=\"cptcl-vision-bg-2\"><\/div>\n    <\/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            <div class=\"cptcl-vision-buttons\">\n                <!-- Bouton 1 : Ouvre la premi\u00e8re image -->\n                <a href=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/10\/Gemini_Generated_Image_c3qt4ec3qt4ec3qt.jpg\" target=\"_blank\" class=\"cptcl-vision-zoom-btn\">\n                    \ud83d\udd0d Voir le Concept 1\n                <\/a>\n                <!-- Bouton 2 : Ouvre la deuxi\u00e8me image -->\n                <a href=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/10\/Gemini_Generated_Image_m6ashim6ashim6as-1.png\" target=\"_blank\" class=\"cptcl-vision-zoom-btn\">\n                    \ud83d\udd0d Voir le Concept 2\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity is-style-wide\"\/>\n\n\n\n<figure class=\"wp-block-image alignfull size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2458\" height=\"432\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_s1vybvs1vybvs1vy-1.jpg\" alt=\"\" class=\"wp-image-8427\" srcset=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_s1vybvs1vybvs1vy-1.jpg 2458w, https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_s1vybvs1vybvs1vy-1-300x53.jpg 300w, https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_s1vybvs1vybvs1vy-1-1024x180.jpg 1024w, https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_s1vybvs1vybvs1vy-1-768x135.jpg 768w, https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_s1vybvs1vybvs1vy-1-1536x270.jpg 1536w, https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_s1vybvs1vybvs1vy-1-2048x360.jpg 2048w\" sizes=\"auto, (max-width: 2458px) 100vw, 2458px\" \/><\/figure>\n\n\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":255,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/pages\/534\/revisions"}],"predecessor-version":[{"id":8488,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/pages\/534\/revisions\/8488"}],"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}]}}