{"id":6635,"date":"2024-03-17T07:53:00","date_gmt":"2024-03-17T06:53:00","guid":{"rendered":"https:\/\/cptcl.fr\/?p=6635"},"modified":"2026-01-11T10:47:16","modified_gmt":"2026-01-11T09:47:16","slug":"retour-sur-larrivee-du-premier-trolleybus-de-la-future-ligne","status":"publish","type":"post","link":"https:\/\/cptcl.fr\/index.php\/2024\/03\/17\/retour-sur-larrivee-du-premier-trolleybus-de-la-future-ligne\/","title":{"rendered":"\ud83d\udcf8 Le futur arrive \u00e0 Nancy"},"content":{"rendered":"\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700;800&display=swap');\n\n    \/* --- CONTENEUR PRINCIPAL --- *\/\n    .cptcl-futur-xl {\n        font-family: 'Plus Jakarta Sans', sans-serif;\n        max-width: 1400px;\n        margin: 40px auto;\n        background: #0a0f1d;\n        color: #ffffff;\n        border-radius: 50px;\n        overflow: hidden;\n        position: relative;\n        box-shadow: 0 40px 100px rgba(0,0,0,0.6);\n        border: 1px solid rgba(0, 212, 255, 0.2);\n    }\n\n    .flow-header {\n        height: 12px;\n        background: linear-gradient(90deg, #0f6fa8, #cc0000, #00d4ff, #0f6fa8);\n        background-size: 300% 100%;\n        animation: flowMove 8s linear infinite;\n    }\n    @keyframes flowMove { 0% { background-position: 0% 0%; } 100% { background-position: 100% 0%; } }\n\n    .content-padding { padding: 80px 10%; }\n\n    .main-header { text-align: center; margin-bottom: 60px; }\n    .main-header .category { color: #00d4ff; font-weight: 800; letter-spacing: 5px; text-transform: uppercase; font-size: 0.9rem; display: block; margin-bottom: 15px; }\n    .main-header h1 { font-size: clamp(2.5rem, 6vw, 4.5rem); line-height: 1.1; font-weight: 800; margin: 0; background: linear-gradient(180deg, #ffffff 30%, #5dade2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n\n    .tech-specs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 60px; }\n    .spec-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.1); padding: 30px; border-radius: 30px; text-align: center; }\n    .spec-card span { display: block; color: #94a3b8; font-size: 0.8rem; text-transform: uppercase; margin-bottom: 5px; }\n    .spec-card b { font-size: 1.8rem; color: #ffffff; }\n\n    .history-box { background: linear-gradient(135deg, rgba(204, 0, 0, 0.1) 0%, transparent 100%); padding: 30px; border-radius: 25px; border-left: 6px solid #cc0000; margin: 40px 0; font-size: 1.25rem; }\n    .article-text { font-size: 1.2rem; line-height: 1.8; color: #cbd5e1; margin-bottom: 50px; text-align: justify; }\n\n    .futur-gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin: 60px 0; }\n    .img-wrap { position: relative; border-radius: 20px; overflow: hidden; aspect-ratio: 1; cursor: pointer; border: 1px solid rgba(255,255,255,0.1); }\n    .img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }\n    .img-wrap:hover img { transform: scale(1.1); filter: brightness(0.5); }\n    .img-wrap::before { content: \"\ud83d\udd0d\"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 2rem; z-index: 2; transition: 0.3s; opacity: 0; }\n    .img-wrap:hover::before { transform: translate(-50%, -50%) scale(1); opacity: 1; }\n\n    #cptcl-lightbox { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.95); backdrop-filter: blur(10px); z-index: 999999 !important; justify-content: center; align-items: center; cursor: zoom-out; }\n    #cptcl-lightbox img { max-width: 90%; max-height: 85%; border-radius: 10px; box-shadow: 0 0 50px rgba(0, 212, 255, 0.4); transform: scale(0.9); animation: zoomIn 0.3s forwards; }\n    @keyframes zoomIn { to { transform: scale(1); } }\n    .close-btn { position: absolute; top: 30px; right: 40px; color: white; font-size: 50px; cursor: pointer; }\n\n    .bottom-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; margin-top: 50px; }\n    .info-card { background: rgba(255,255,255,0.02); padding: 35px; border-radius: 35px; border: 1px solid rgba(255,255,255,0.05); }\n    .cal-item { display: flex; justify-content: space-between; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,0.05); }\n    .cal-item b { color: #00d4ff; }\n\n    \/* --- BOUTON MODERNE --- *\/\n    .neon-btn {\n        display: inline-block;\n        margin-top: 25px;\n        padding: 16px 32px;\n        background: #0f6fa8;\n        color: #ffffff !important;\n        text-decoration: none !important;\n        border-radius: 15px;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        transition: all 0.3s ease;\n        box-shadow: 0 10px 20px rgba(15, 111, 168, 0.3);\n        border: 1px solid rgba(255,255,255,0.1);\n    }\n\n    .neon-btn:hover {\n        background: #00d4ff;\n        transform: translateY(-3px);\n        box-shadow: 0 15px 30px rgba(0, 212, 255, 0.5);\n        border-color: #ffffff;\n    }\n\n    @media (max-width: 1024px) {\n        .tech-specs, .futur-gallery-grid { grid-template-columns: repeat(2, 1fr); }\n        .bottom-grid { grid-template-columns: 1fr; }\n    }\n<\/style>\n\n<div class=\"cptcl-futur-xl\">\n    <div class=\"flow-header\"><\/div>\n    \n    <div class=\"content-padding\">\n        <header class=\"main-header\">\n            <span class=\"category\">R\u00e9seau Stan \u2022 Futur Ligne 1<\/span>\n            <h1>Le futur arrive \u00e0 Nancy<\/h1>\n        <\/header>\n\n        <div class=\"tech-specs\">\n            <div class=\"spec-card\"><span>Masse Totale<\/span><b>24 Tonnes<\/b><\/div>\n            <div class=\"spec-card\"><span>Longueur Hors-Tout<\/span><b>24,4 M\u00e8tres<\/b><\/div>\n            <div class=\"spec-card\"><span>Constructeur<\/span><b>Hess Suisse \ud83c\udde8\ud83c\udded<\/b><\/div>\n        <\/div>\n\n        <div class=\"article-text\">\n            <div class=\"history-box\">\n                <strong style=\"color:#cc0000;\">EN IMAGES \ud83d\udcf8<\/strong> \u2014 Retour sur l&rsquo;arriv\u00e9e du premier trolleybus de la future Ligne 1 sur notre territoire, \u00e0 <strong>Ville de Ludres<\/strong>, tout juste un an jour pour jour apr\u00e8s l&rsquo;arr\u00eat de l&rsquo;ancien TVR.\n            <\/div>\n\n            <p>\n                Parti de l\u2019entreprise <strong>Hess en Suisse<\/strong>, le nouveau mat\u00e9riel roulant a \u00e9t\u00e9 achemin\u00e9 de fa\u00e7on tract\u00e9e, une man\u0153uvre obligatoire pour des raisons logistiques et \u00e9conomiques, en raison notamment de l\u2019autonomie du v\u00e9hicule de <strong>24 tonnes<\/strong> et de sa longueur de <strong>24,4 m\u00e8tres<\/strong> !\n            <\/p>\n        <\/div>\n\n        <div class=\"futur-gallery-grid\">\n            <div class=\"img-wrap\" onclick=\"openFullImg(this)\"><img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2025\/11\/483946050_1050378170466970_2878349826233291592_n.jpg\"><\/div>\n            <div class=\"img-wrap\" onclick=\"openFullImg(this)\"><img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2025\/11\/483595813_1050378143800306_2014978904716528160_n.jpg\"><\/div>\n            <div class=\"img-wrap\" onclick=\"openFullImg(this)\"><img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2025\/11\/483590044_1050378313800289_5230865913967643385_n.jpg\"><\/div>\n            <div class=\"img-wrap\" onclick=\"openFullImg(this)\"><img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2025\/11\/483540572_1050378310466956_43742308571666437_n.jpg\"><\/div>\n            <div class=\"img-wrap\" onclick=\"openFullImg(this)\"><img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2025\/11\/483705060_1050378187133635_4312871973581937843_n.jpg\"><\/div>\n            <div class=\"img-wrap\" onclick=\"openFullImg(this)\"><img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2025\/11\/483548363_1050378180466969_2149982050091348633_n.jpg\"><\/div>\n            <div class=\"img-wrap\" onclick=\"openFullImg(this)\"><img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2025\/11\/484364570_1050378203800300_1351244114064468854_n.jpg\"><\/div>\n            <div class=\"img-wrap\" onclick=\"openFullImg(this)\"><img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2025\/11\/483846257_1050378190466968_3453386590438443014_n.jpg\"><\/div>\n        <\/div>\n\n        <div class=\"bottom-grid\">\n            <div class=\"info-card\">\n                <h3 style=\"margin-top:0; color:#00d4ff;\">Essais &#038; Formation<\/h3>\n                <p>\n                    Jusqu&rsquo;au <strong>18 mars<\/strong>, le v\u00e9hicule est mis \u00e0 disposition de <strong>Keolis R\u00e9seau Stan &#8211; Officiel<\/strong> afin de former les agents, les futurs conducteurs, mais aussi de r\u00e9aliser des tests de prise en main.\n                <\/p>\n                <a href=\"https:\/\/www.grandnancy.eu\/ligne1\" target=\"_blank\" class=\"neon-btn\">\ud83c\udf10 Explorer le projet Ligne 1<\/a>\n            <\/div>\n\n            <div class=\"info-card\" style=\"border-top: 4px solid #cc0000;\">\n                <h3 style=\"margin-top:0;\">\ud83d\udcc5 Pr\u00e9sentation au public<\/h3>\n                <p style=\"font-size:0.85rem; color:#94a3b8; margin-bottom:15px;\">Pour rappel, \u00c0 PARTIR DU 22 MARS, vous pourrez venir le d\u00e9couvrir \u00e0 l&rsquo;occasion de 4 rendez-vous :<\/p>\n                <div class=\"cal-item\"><span>Ville de Nancy<\/span> <b>22\u201323 mars<\/b><\/div>\n                <div class=\"cal-item\"><span>Essey-l\u00e8s-Nancy<\/span> <b>29\u201330 mars<\/b><\/div>\n                <div class=\"cal-item\"><span>Ville de Saint-Max Officiel<\/span> <b>5\u20136 avril<\/b><\/div>\n                <div class=\"cal-item\"><span>Ville de Vand\u0153uvre<\/span> <b>12\u201313 avril<\/b><\/div>\n            <\/div>\n        <\/div>\n\n        <footer style=\"margin-top:50px; padding-top:20px; border-top:1px solid rgba(255,255,255,0.05); display:flex; justify-content:space-between; font-size:0.8rem; color:#4b5563;\">\n            <span>\ud83d\udcf8 Cr\u00e9dit photo : M\u00e9tropole du Grand Nancy<\/span>\n            <span>\ud83d\uddde\ufe0f R\u00e9daction : CPTCL &#8211; Vie du r\u00e9seau<\/span>\n        <\/footer>\n    <\/div>\n<\/div>\n\n<div id=\"cptcl-lightbox\" onclick=\"this.style.display='none'\">\n    <span class=\"close-btn\">&times;<\/span>\n    <img decoding=\"async\" id=\"cptcl-full-res\" src=\"\">\n<\/div>\n\n<script>\n    function openFullImg(element) {\n        var sourceUrl = element.getElementsByTagName('img')[0].src;\n        document.getElementById('cptcl-full-res').src = sourceUrl;\n        document.getElementById('cptcl-lightbox').style.display = 'flex';\n    }\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>R\u00e9seau Stan \u2022 Futur Ligne 1 Le futur arrive \u00e0 Nancy Masse Totale24 Tonnes Longueur Hors-Tout24,4 M\u00e8tres ConstructeurHess Suisse \ud83c\udde8\ud83c\udded [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6648,"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":[7,46,15],"tags":[],"class_list":["post-6635","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-evenements","category-hess","category-reseaux-sociaux"],"_links":{"self":[{"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/posts\/6635","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=6635"}],"version-history":[{"count":8,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/posts\/6635\/revisions"}],"predecessor-version":[{"id":8083,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/posts\/6635\/revisions\/8083"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/media\/6648"}],"wp:attachment":[{"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/media?parent=6635"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/categories?post=6635"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/tags?post=6635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}