{"id":1292,"date":"2019-02-06T18:49:00","date_gmt":"2019-02-06T17:49:00","guid":{"rendered":"https:\/\/cptcl.fr\/ml246926-ovh\/?p=1292"},"modified":"2026-01-18T13:03:13","modified_gmt":"2026-01-18T12:03:13","slug":"les-trolleybus-cristalis","status":"publish","type":"post","link":"https:\/\/cptcl.fr\/index.php\/2019\/02\/06\/les-trolleybus-cristalis\/","title":{"rendered":"Les trolleybus Cristalis"},"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>Patrimoine CPTCL : L&rsquo;innovation Cristalis<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@500&#038;family=Poppins:wght@300;400;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --accent: #ff9f1c;\n            --bg: #ffffff;\n            --gradient-anim: linear-gradient(-45deg, #0078d4, #87ceeb, #ffffff, #0078d4);\n            --stcl-blue: #0078d4;\n        }\n\n        @keyframes gradientBG {\n            0% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n            100% { background-position: 0% 50%; }\n        }\n\n        body {\n            margin: 0;\n            padding: 0;\n            font-family: 'Poppins', sans-serif;\n            background-color: var(--bg);\n            color: #1a1a1a;\n            overflow-x: hidden;\n        }\n\n        header {\n            background: var(--gradient-anim);\n            background-size: 300% 300%;\n            animation: gradientBG 6s ease infinite;\n            color: white;\n            text-align: center;\n            padding: 40px 20px;\n            border-bottom: 5px solid var(--stcl-blue);\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n        }\n\n        h1 {\n            font-family: 'Oswald', sans-serif;\n            margin: 0;\n            font-size: 1.8rem;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            line-height: 1.2;\n        }\n\n        \/* --- Zone Visuelle Mobile First --- *\/\n        .visual-area {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            padding: 30px 0;\n            background-color: #fcfcfc;\n            gap: 20px;\n        }\n\n        .side-decoration {\n            display: none; \/* Masqu\u00e9 sur mobile *\/\n        }\n\n        .photo-gallery {\n            display: flex;\n            gap: 20px;\n            flex-wrap: wrap;\n            justify-content: center;\n            width: 100%;\n        }\n\n        .photo-frame {\n            width: 100%; \/* Pleine largeur sur mobile *\/\n            background: #fff;\n            padding: 10px 0 30px 0;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n            border-top: 1px solid #eee;\n            border-bottom: 1px solid #eee;\n            cursor: zoom-in;\n            transition: transform 0.3s ease;\n            transform: none !important; \/* Annule la rotation sur mobile *\/\n        }\n\n        .photo-frame img {\n            width: 100%;\n            height: auto; \/* Hauteur adaptative *\/\n            max-height: 350px;\n            object-fit: cover;\n            display: block;\n        }\n\n        \/* --- Lightbox --- *\/\n        #lightbox {\n            display: none;\n            position: fixed;\n            z-index: 9999;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background: rgba(255, 255, 255, 0.98);\n            align-items: center;\n            justify-content: center;\n            cursor: zoom-out;\n        }\n\n        #lightbox img {\n            max-width: 100%;\n            max-height: 90vh;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.2);\n            border: none; \/* Pas de bordure sur mobile pour gagner de la place *\/\n        }\n\n        \/* --- Contenu Texte --- *\/\n        .main-article {\n            max-width: 950px;\n            margin: 20px auto;\n            background: white;\n            padding: 25px;\n            border-top: 5px solid var(--stcl-blue);\n            box-shadow: 0 5px 20px rgba(0,0,0,0.05);\n        }\n\n        .intro-title {\n            font-size: 1.3rem;\n            font-weight: 700;\n            color: var(--stcl-blue);\n            margin-bottom: 20px;\n            text-transform: uppercase;\n        }\n\n        .full-text {\n            font-size: 1rem;\n            line-height: 1.7;\n            text-align: left; \/* Plus lisible sur mobile *\/\n        }\n\n        .metadata-box {\n            margin-top: 30px;\n            padding: 20px;\n            background: #f9f9f9;\n            border-left: 5px solid var(--accent);\n            font-size: 0.9rem;\n        }\n\n        .black-footer {\n            background-color: #ffffff;\n            color: #000000;\n            padding: 30px;\n            text-align: center;\n            font-weight: 700;\n            font-size: 0.8rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            border-top: 2px solid #000;\n        }\n\n        \/* \u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014 TABLETTE & PC \u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014 *\/\n        @media (min-width: 800px) {\n            header { padding: 60px 20px; }\n            h1 { font-size: 2.8rem; }\n\n            .visual-area { \n                flex-direction: row; \n                padding: 50px 20px; \n            }\n\n            .side-decoration { \n                display: block; \n                flex: 1; \n                height: 6px; \n                background: var(--gradient-anim); \n                background-size: 300% 300%; \n                animation: gradientBG 6s ease infinite; \n                border-radius: 3px; \n                max-width: 100px; \n            }\n\n            .photo-frame { \n                width: 450px; \n                padding: 12px 12px 40px 12px; \n                border: 1px solid #eee; \n            }\n\n            .photo-frame:nth-child(1) { transform: rotate(-1.5deg) !important; }\n            .photo-frame:nth-child(2) { transform: rotate(1.5deg) !important; }\n            .photo-frame:hover { transform: scale(1.05) rotate(0deg) !important; }\n\n            .photo-frame img { height: 300px; }\n\n            .main-article { padding: 50px; margin: 40px auto; }\n            .full-text { text-align: justify; font-size: 1.05rem; }\n            \n            #lightbox img { border: 10px solid white; max-width: 90%; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <header>\n        <h1>Irisbus Cristalis : La technologie au service du r\u00e9seau<\/h1>\n    <\/header>\n\n    <section class=\"visual-area\">\n        <div class=\"side-decoration\"><\/div>\n        <div class=\"photo-gallery\">\n            <div class=\"photo-frame\" onclick=\"openLightbox(this)\">\n                <img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/01\/bus-stcl-limoges-m-degremont-decembre-2022-657f0d543e379454497353-scaled.jpg\" alt=\"Cristalis ETB12 en ligne\">\n            <\/div>\n            <div class=\"photo-frame\" onclick=\"openLightbox(this)\">\n                <img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2026\/01\/43787681_1441362942665895_1466137329017028608_n.jpg\" alt=\"Cristalis vue de profil\">\n            <\/div>\n        <\/div>\n        <div class=\"side-decoration\"><\/div>\n    <\/section>\n\n    <div id=\"lightbox\" onclick=\"closeLightbox()\">\n        <img decoding=\"async\" id=\"lightbox-img\" src=\"\">\n    <\/div>\n\n    <main class=\"main-article\">\n        <div class=\"intro-title\">Le saviez-vous ?<\/div>\n        \n        <div class=\"full-text\">\n            <p>Livr\u00e9s en <strong>3 s\u00e9ries<\/strong> de 15, 6 et 6 v\u00e9hicules entre <strong>2005 et 2011<\/strong>, les trolleybus Cristalis sont la version \u00e9lectrique de l&rsquo;autobus Civis d\u00e9velopp\u00e9 par Irisbus. Longs de <strong>12 m\u00e8tres<\/strong>, ils disposent d&rsquo;un <strong>plancher bas int\u00e9gral<\/strong> et plat \u00e0 seulement 35 cm du sol.<\/p>\n            \n            <p>La conception associe <strong>Irisbus<\/strong> pour la m\u00e9canique, <strong>Alstom<\/strong> pour l&rsquo;\u00e9quipement \u00e9lectrique et <strong>Heuliez<\/strong> pour l&rsquo;assemblage \u00e0 Rorthais. Son esth\u00e9tique se distingue par des <strong>lignes arrondies<\/strong> et <strong>4 puits de lumi\u00e8re<\/strong> perc\u00e9s dans son pavillon, offrant une luminosit\u00e9 unique.<\/p>\n            \n            <p>La technologie repose sur la <strong>cha\u00eene de traction Onix<\/strong> commandant deux <strong>moteurs-roues asynchrones de 80 kW<\/strong>. Les perches sont dot\u00e9es d&rsquo;un syst\u00e8me de <strong>t\u00e9l\u00e9commande pneumatique<\/strong>. Enfin, un <strong>moteur diesel auxiliaire IVECO<\/strong> de 65 kW assure une marche en autonomie si n\u00e9cessaire.<\/p>\n        <\/div>\n\n        <div class=\"metadata-box\">\n            <strong>Donn\u00e9es Techniques :<\/strong> Longueur 12m, Plancher bas int\u00e9gral, Moteurs-roues 2x80kW.<br>\n            <strong>Cr\u00e9dits :<\/strong> Vincent Lobjois.\n        <\/div>\n    <\/main>\n\n    <div class=\"black-footer\">\n        Patrimoine Archive CPTCL \u2022 2019\n    <\/div>\n\n    <script>\n        function openLightbox(element) {\n            const imgSrc = element.querySelector('img').src;\n            document.getElementById('lightbox-img').src = imgSrc;\n            document.getElementById('lightbox').style.display = 'flex';\n            document.body.style.overflow = 'hidden'; \/\/ Bloque le scroll\n        }\n\n        function closeLightbox() {\n            document.getElementById('lightbox').style.display = 'none';\n            document.body.style.overflow = 'auto'; \/\/ R\u00e9active le scroll\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=\"551\" height=\"281\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2019\/12\/logo-cptcl.jpg\" alt=\"\" class=\"wp-image-1114\" style=\"width:230px;height:117px\" 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>Patrimoine CPTCL : L&rsquo;innovation Cristalis Irisbus Cristalis : La technologie au service du r\u00e9seau Le saviez-vous ? Livr\u00e9s en 3 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7965,"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":[5],"tags":[],"class_list":["post-1292","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cristalis-etb12"],"_links":{"self":[{"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/posts\/1292","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=1292"}],"version-history":[{"count":8,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/posts\/1292\/revisions"}],"predecessor-version":[{"id":8163,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/posts\/1292\/revisions\/8163"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/media\/7965"}],"wp:attachment":[{"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1292"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/categories?post=1292"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/tags?post=1292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}