{"id":1449,"date":"2018-09-11T10:08:00","date_gmt":"2018-09-11T08:08:00","guid":{"rendered":"https:\/\/cptcl.fr\/ml246926-ovh\/?p=1449"},"modified":"2025-12-28T16:29:43","modified_gmt":"2025-12-28T15:29:43","slug":"forum-des-associations-2018-3","status":"publish","type":"post","link":"https:\/\/cptcl.fr\/index.php\/2018\/09\/11\/forum-des-associations-2018-3\/","title":{"rendered":"Ligne 2 : Un Record de 75 ans"},"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>Ligne 2 : \u00c9v\u00e9nement Historique 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        \/* --- \u00c9TOILES ET FLOCONS DYNAMIQUES --- *\/\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            100% { transform: translateY(100vh) rotate(360deg); opacity: 0; }\n        }\n\n        \/* --- TITRE R\u00c9VIS\u00c9 --- *\/\n        .animated-title {\n            background: linear-gradient(to right, #fbbf24 0%, #ffffff 50%, #fbbf24 100%);\n            background-size: 200% auto; \n            -webkit-background-clip: text; \n            -webkit-text-fill-color: transparent;\n            animation: float 4s ease-in-out infinite, shine 5s linear infinite;\n            filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.8));\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\n        \/* --- STYLE DES CARTES --- *\/\n        .event-card { \n            background: rgba(255, 255, 255, 1); \n            color: #1e293b; \n            border-radius: 2.5rem; \n            box-shadow: 0 25px 50px rgba(0,0,0,0.5);\n            position: relative; \/* Important pour le badge *\/\n        }\n        \n        .img-container { \n            position: relative; \n            cursor: zoom-in; \n            overflow: hidden; \n            border-radius: 1.5rem; \n            border: 4px solid white;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n        .img-container img { transition: transform 0.5s ease; width: 100%; height: auto; display: block; }\n        .img-container:hover img { transform: scale(1.05); }\n\n        \/* --- BADGE MARCH\u00c9 DE NO\u00cbL CORRIG\u00c9 --- *\/\n        .christmas-badge {\n            position: absolute;\n            top: -20px; \/* L\u00e9g\u00e8rement remont\u00e9 *\/\n            right: -10px; \/* D\u00e9cal\u00e9 vers l'int\u00e9rieur pour \u00e9viter la coupure *\/\n            background: #dc2626; \/* Rouge No\u00ebl *\/\n            color: white;\n            width: 120px;\n            height: 120px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 50%;\n            transform: rotate(15deg);\n            font-weight: 900;\n            text-align: center;\n            font-size: 0.85rem;\n            line-height: 1.2;\n            box-shadow: 0 10px 20px rgba(0,0,0,0.3);\n            border: 4px dashed rgba(255,255,255,0.5);\n            z-index: 20;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"star-container\">\n        <div class=\"star text-white\" style=\"left:10%; font-size:20px; animation-duration:10s;\">\u2744<\/div>\n        <div class=\"star text-blue-300\" style=\"left:30%; font-size:15px; animation-duration:15s;\">\u2605<\/div>\n        <div class=\"star text-white\" style=\"left:50%; font-size:25px; animation-duration:12s;\">\u2744<\/div>\n        <div class=\"star text-yellow-400\" style=\"left:70%; font-size:18px; animation-duration:14s;\">\u2605<\/div>\n        <div class=\"star text-white\" style=\"left:90%; font-size:20px; animation-duration:11s;\">\u2744<\/div>\n    <\/div>\n\n    <div id=\"lightbox\" onclick=\"closeLightbox()\"><img decoding=\"async\" id=\"lightbox-img\" src=\"\"><\/div>\n\n    <header class=\"py-16 px-4 text-center\">\n        <h1 class=\"animated-title text-4xl md:text-7xl font-black uppercase italic tracking-tighter\">\n            Ligne 2 : Un Record de 75 ans\n        <\/h1>\n        <p class=\"text-yellow-400 text-xl font-bold uppercase tracking-widest mt-4 drop-shadow-md\">\u00c9v\u00e9nement Exceptionnel &#8211; D\u00e9cembre 2018<\/p>\n    <\/header>\n\n    <main class=\"max-w-5xl mx-auto px-4 pb-20\">\n        \n        <div class=\"mb-20\"> <div class=\"img-container shadow-2xl\">\n                <img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2025\/12\/46931283_1472721599530029_6099639844277846016_n.jpg\" \n                     onclick=\"openLightbox(this.src)\" \n                     alt=\"Trolleybus articul\u00e9 ligne 2\">\n                <div class=\"absolute bottom-4 right-4 bg-black\/70 text-white text-[10px] px-2 py-1 rounded-full italic\">\n                    Photo : Jean-Fran\u00e7ois\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <article class=\"event-card p-8 md:p-16\">\n            <div class=\"christmas-badge\">\n                SP\u00c9CIAL<br>MARCH\u00c9<br>DE NO\u00cbL\n            <\/div>\n\n            <div class=\"max-w-3xl mx-auto\">\n                <h2 class=\"text-3xl md:text-5xl font-black text-blue-900 mb-8 italic tracking-tighter\">Le retour de l&rsquo;articul\u00e9 !<\/h2>\n                \n                <div class=\"space-y-6 text-xl text-slate-700 leading-relaxed\">\n                    <p class=\"font-bold text-blue-800\">\n                        C&rsquo;est la premi\u00e8re fois depuis 75 ans qu&rsquo;un trolley articul\u00e9 roule en service commercial sur la ligne 2 du r\u00e9seau TCL !\n                    <\/p>\n                    \n                    <p>\n                        Id\u00e9al pour se d\u00e9placer sans bruit, ni pollution, ce d\u00e9ploiement exceptionnel r\u00e9pond \u00e0 une contrainte urbaine : le march\u00e9 de No\u00ebl a \u00e9t\u00e9 report\u00e9 de la <strong>place de la R\u00e9publique<\/strong> \u00e0 la <strong>rue Jean Jaur\u00e8s<\/strong> en raison de travaux de requalification urbaine.\n                    <\/p>\n\n                    <div class=\"bg-blue-50 border-l-8 border-blue-500 p-6 rounded-r-2xl italic\">\n                        Les trolleys articul\u00e9s sont engag\u00e9s sur la ligne 2 depuis ce jour et certainement jusqu&rsquo;\u00e0 fin d\u00e9cembre 2018.\n                    <\/p>\n                <\/div>\n\n                <div class=\"mt-12 pt-8 border-t border-slate-100 flex items-center gap-4\">\n                    <span class=\"w-12 h-1 bg-red-600\"><\/span>\n                    <p class=\"text-slate-500 font-bold italic uppercase text-sm tracking-widest\">Remerciements : Jean-Fran\u00e7ois<\/p>\n                <\/div>\n            <\/div>\n        <\/article>\n\n        <footer class=\"text-center mt-12 pb-10\">\n            <div class=\"inline-block px-10 py-4 bg-yellow-400 text-blue-900 rounded-full font-black tracking-widest shadow-xl border-2 border-white\/20\">\n                LIGNE 2 \u2014 HISTOIRE TCL 2018\n            <\/div>\n        <\/footer>\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    <\/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=\"821\" height=\"714\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2020\/05\/logo-cptcl4.png\" alt=\"\" class=\"wp-image-1198\" style=\"width:262px;height:227px\" srcset=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2020\/05\/logo-cptcl4.png 821w, https:\/\/cptcl.fr\/wp-content\/uploads\/2020\/05\/logo-cptcl4-300x261.png 300w, https:\/\/cptcl.fr\/wp-content\/uploads\/2020\/05\/logo-cptcl4-768x668.png 768w\" sizes=\"auto, (max-width: 821px) 100vw, 821px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Ligne 2 : \u00c9v\u00e9nement Historique 2018 \u2744 \u2605 \u2744 \u2605 \u2744 Ligne 2 : Un Record de 75 ans \u00c9v\u00e9nement [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7745,"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-1449","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\/1449","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=1449"}],"version-history":[{"count":4,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/posts\/1449\/revisions"}],"predecessor-version":[{"id":7744,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/posts\/1449\/revisions\/7744"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/media\/7745"}],"wp:attachment":[{"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1449"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/categories?post=1449"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/tags?post=1449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}