{"id":1446,"date":"2018-09-11T09:58:53","date_gmt":"2018-09-11T07:58:53","guid":{"rendered":"https:\/\/cptcl.fr\/ml246926-ovh\/?p=1446"},"modified":"2025-12-29T07:49:33","modified_gmt":"2025-12-29T06:49:33","slug":"forum-des-associations-2018-2","status":"publish","type":"post","link":"https:\/\/cptcl.fr\/index.php\/2018\/09\/11\/forum-des-associations-2018-2\/","title":{"rendered":"Forum des Associations 2018 (galerie)"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Galerie V\u00e9hicules &#8211; CPTCL Forum 2018<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        body { background-color: #0f172a; overflow-x: hidden; color: #f1f5f9; font-family: sans-serif; }\n        \n        \/* --- SYST\u00c8ME D'\u00c9TOILES DYNAMIQUE (DENSIT\u00c9 MAX) --- *\/\n        .star-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; }\n        .star { position: absolute; background: transparent; animation: fall linear infinite; opacity: 0; }\n        @keyframes fall {\n            0% { transform: translateY(-10vh) rotate(0deg); opacity: 0; }\n            20% { opacity: 0.8; }\n            80% { opacity: 0.8; }\n            100% { transform: translateY(100vh) rotate(360deg); opacity: 0; }\n        }\n\n        \/* --- TITRE ANIM\u00c9 --- *\/\n        .animated-title {\n            background: linear-gradient(to right, #fff 0%, #fff 40%, #fbbf24 50%, #fff 60%, #fff 100%);\n            background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n            animation: float 4s ease-in-out infinite, shine 5s linear infinite;\n        }\n        @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }\n        @keyframes shine { to { background-position: 200% center; } }\n\n        \/* --- LIGHTBOX --- *\/\n        #lightbox {\n            display: none; position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100%;\n            background-color: rgba(0, 0, 0, 0.95); backdrop-filter: blur(10px);\n            justify-content: center; align-items: center; cursor: zoom-out;\n        }\n        #lightbox img { max-width: 90%; max-height: 85%; border: 4px solid white; border-radius: 8px; box-shadow: 0 0 50px rgba(59, 130, 246, 0.5); }\n        #close-lightbox { position: absolute; top: 20px; right: 30px; color: white; font-size: 50px; font-weight: bold; cursor: pointer; }\n\n        \/* --- STYLE DES CARTES GALERIE --- *\/\n        .gallery-card { background: rgba(30, 58, 138, 0.4); border: 2px solid #3b82f6; border-radius: 1.5rem; transition: all 0.3s ease; overflow: hidden; }\n        .gallery-card:hover { transform: translateY(-10px); border-color: #fbbf24; box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3); }\n        .img-zoom { cursor: zoom-in; width: 100%; height: 250px; object-fit: cover; border-bottom: 2px solid #3b82f6; transition: filter 0.3s; }\n        .gallery-card:hover .img-zoom { filter: brightness(1.1); }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"star-container\">\n        <div class=\"star text-yellow-400\" style=\"left:5%; font-size:20px; animation-duration:8s;\">\u2605<\/div>\n        <div class=\"star text-white\" style=\"left:20%; font-size:15px; animation-duration:12s; animation-delay:2s;\">\u2605<\/div>\n        <div class=\"star text-blue-300\" style=\"left:40%; font-size:25px; animation-duration:10s;\">\u2605<\/div>\n        <div class=\"star text-yellow-300\" style=\"left:60%; font-size:18px; animation-duration:14s; animation-delay:5s;\">\u2605<\/div>\n        <div class=\"star text-white\" style=\"left:80%; font-size:22px; animation-duration:9s;\">\u2605<\/div>\n        <div class=\"star text-blue-400\" style=\"left:95%; font-size:16px; animation-duration:11s;\">\u2605<\/div>\n    <\/div>\n\n    <div id=\"lightbox\" onclick=\"closeLightbox()\">\n        <span id=\"close-lightbox\">&times;<\/span>\n        <img decoding=\"async\" id=\"lightbox-img\" src=\"\">\n    <\/div>\n\n    <header class=\"py-16 px-4 text-center\">\n        <h1 class=\"animated-title text-5xl md:text-7xl font-black uppercase italic tracking-tighter\">\n            Le Mat\u00e9riel Expos\u00e9\n        <\/h1>\n        <p class=\"text-yellow-400 text-xl md:text-2xl font-bold uppercase tracking-widest mt-4 drop-shadow-lg\">Forum des Associations 2018<\/p>\n    <\/header>\n\n    <main class=\"max-w-7xl mx-auto px-4 pb-20\">\n        \n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16\">\n            \n            <div class=\"gallery-card\">\n                <img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2020\/06\/cb-60-forum-768x520.jpg\" \n                     class=\"img-zoom\" onclick=\"openLightbox(this.src)\">\n                <div class=\"p-6 text-center\">\n                    <h3 class=\"text-yellow-400 font-black text-xl uppercase italic\">V\u00e9tra CB 60<\/h3>\n                    <p class=\"text-blue-200 text-sm mt-2 font-medium\">Pr\u00e9servation historique CPTCL<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"gallery-card\">\n                <img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2020\/06\/vbrh-forum-1024x683.jpg\" \n                     class=\"img-zoom\" onclick=\"openLightbox(this.src)\">\n                <div class=\"p-6 text-center\">\n                    <h3 class=\"text-yellow-400 font-black text-xl uppercase italic\">V\u00e9tra VBRH<\/h3>\n                    <p class=\"text-blue-200 text-sm mt-2 font-medium\">Patrimoine trolleybus limougeaud<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"gallery-card\">\n                <img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2020\/06\/er-100-forum.jpg\" \n                     class=\"img-zoom\" onclick=\"openLightbox(this.src)\">\n                <div class=\"p-6 text-center\">\n                    <h3 class=\"text-yellow-400 font-black text-xl uppercase italic\">Renault ER 100<\/h3>\n                    <p class=\"text-blue-200 text-sm mt-2 font-medium\">L&rsquo;ic\u00f4ne du r\u00e9seau \u00e9lectrique<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"gallery-card lg:col-span-2\">\n                <img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2025\/12\/41364722_1419505618184961_8262415366852968448_n.jpg\" \n                     class=\"img-zoom\" style=\"height: 350px;\" onclick=\"openLightbox(this.src)\">\n                <div class=\"p-6 text-center\">\n                    <h3 class=\"text-white font-black text-2xl uppercase\">Rencontre Officielle<\/h3>\n                    <p class=\"text-yellow-400 font-bold italic\">\u00c9mile Roger Lombertie en visite sur le stand<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"gallery-card\">\n                <img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2025\/12\/36176693_1341241712678019_8240390826098688000_n.jpg\" \n                     class=\"img-zoom\" style=\"height: 350px;\" onclick=\"openLightbox(this.src)\">\n                <div class=\"p-6 text-center\">\n                    <h3 class=\"text-white font-black text-xl uppercase tracking-tighter\">Affiche 2018<\/h3>\n                    <p class=\"text-blue-200 text-sm\">Identit\u00e9 visuelle de l&rsquo;\u00e9v\u00e9nement<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <article class=\"bg-white text-slate-900 p-8 md:p-16 rounded-[3rem] shadow-2xl relative overflow-hidden\">\n            <div class=\"absolute top-0 right-0 w-32 h-32 bg-yellow-400\/10 rounded-bl-full\"><\/div>\n            \n            <div class=\"max-w-4xl mx-auto relative z-10\">\n                <h2 class=\"text-4xl font-black text-blue-900 uppercase italic tracking-tighter text-center mb-8\">Premiers pas \u00e0 la Caserne Marceau<\/h2>\n                <div class=\"space-y-6 text-xl leading-relaxed text-slate-700\">\n                    <p>\n                        Bien que nos v\u00e9hicules n&rsquo;\u00e9taient pas expos\u00e9s directement sur le stand pour cette premi\u00e8re \u00e9dition, ils \u00e9taient parfaitement visibles par le public dans l&rsquo;enceinte de l&rsquo;ancienne <strong>Caserne Marceau<\/strong>. \n                    <\/p>\n                    <p>\n                        Cette proximit\u00e9 a permis d&rsquo;engager des discussions passionn\u00e9es avec les visiteurs, curieux de d\u00e9couvrir les objectifs de la <strong>CPTCL<\/strong> et de red\u00e9couvrir ces joyaux de la mobilit\u00e9 \u00e9lectrique de Limoges.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/article>\n    <\/main>\n\n    <script>\n        function openLightbox(src) {\n            document.getElementById('lightbox-img').src = src;\n            document.getElementById('lightbox').style.display = 'flex';\n            document.body.style.overflow = 'hidden';\n        }\n        function closeLightbox() {\n            document.getElementById('lightbox').style.display = 'none';\n            document.body.style.overflow = 'auto';\n        }\n        document.addEventListener('keydown', (e) => { if (e.key === \"Escape\") closeLightbox(); });\n    <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"551\" height=\"281\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2019\/12\/logo-cptcl.jpg\" alt=\"\" class=\"wp-image-1114\" style=\"width:275px;height:140px\" srcset=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2019\/12\/logo-cptcl.jpg 551w, https:\/\/cptcl.fr\/wp-content\/uploads\/2019\/12\/logo-cptcl-300x153.jpg 300w\" sizes=\"auto, (max-width: 551px) 100vw, 551px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Galerie V\u00e9hicules &#8211; CPTCL Forum 2018 \u2605 \u2605 \u2605 \u2605 \u2605 \u2605 &times; Le Mat\u00e9riel Expos\u00e9 Forum des Associations 2018 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7734,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","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":""},"categories":[2,7,18,11],"tags":[],"class_list":["post-1446","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ancien-trolleys","category-evenements","category-sortie-cptcl","category-vbrh-cb60"],"_links":{"self":[{"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/posts\/1446","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/comments?post=1446"}],"version-history":[{"count":4,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/posts\/1446\/revisions"}],"predecessor-version":[{"id":7795,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/posts\/1446\/revisions\/7795"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/media\/7734"}],"wp:attachment":[{"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1446"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/categories?post=1446"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/tags?post=1446"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}