{"id":315,"date":"2020-04-22T08:19:18","date_gmt":"2020-04-22T07:19:18","guid":{"rendered":"http:\/\/cptcl.home.blog\/?page_id=315"},"modified":"2026-05-14T07:53:51","modified_gmt":"2026-05-14T05:53:51","slug":"accueil-2","status":"publish","type":"page","link":"https:\/\/cptcl.fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap');\n\n    :root {\n        --cptcl-red: #FF0000;\n        --cptcl-sky: #0ea5e9;\n        --cptcl-dark: #0f172a;\n        --cptcl-bg-light: #f8fafc;\n    }\n\n    body, .cptcl-main-container {\n        margin: 0; padding: 0;\n        min-height: 100vh;\n        font-family: 'Plus Jakarta Sans', sans-serif;\n        color: var(--cptcl-dark);\n        background-color: var(--cptcl-bg-light);\n        overflow-x: hidden;\n    }\n\n    \/* --- SECTION HERO --- *\/\n    .hero-wrapper { padding: 40px 20px; max-width: 1400px; margin: 0 auto; }\n    .hero-card {\n        background: #ffffff;\n        border-radius: 30px;\n        padding: 50px;\n        display: flex;\n        align-items: center;\n        gap: 40px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n        border: 1px solid #e2e8f0;\n    }\n\n    .hero-text { flex: 1; }\n    .hero-text h1 {\n        font-size: clamp(2.2rem, 5vw, 3.8rem);\n        line-height: 1.1;\n        margin: 0;\n        text-transform: uppercase;\n    }\n\n    .hero-img-container {\n        flex: 0 1 450px;\n        display: flex;\n        justify-content: center;\n    }\n    .hero-img-container img {\n        width: 100%;\n        height: auto;\n        border-radius: 20px;\n        display: block;\n    }\n\n    \/* --- GRILLE COLLECTIONS --- *\/\n    .collections-grid {\n        max-width: 1400px;\n        margin: 0 auto 60px;\n        padding: 0 20px;\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n        gap: 30px;\n    }\n    .card-col {\n        background: #ffffff;\n        border-radius: 20px;\n        padding: 25px;\n        border: 1px solid #e2e8f0;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n    }\n    .card-col h3 { color: var(--cptcl-dark); font-weight: 800; font-size: 1.5rem; margin: 15px 0 10px 0; }\n    .card-col p { color: #334155; line-height: 1.6; font-weight: 600; margin: 0; }\n\n    \/* --- BANNI\u00c8RES PANORAMIQUES RECENTR\u00c9ES --- *\/\n    .banners-list { \n        display: grid; \n        grid-template-columns: repeat(2, 1fr); \n        gap: 20px; \n        padding: 0 20px; \n        max-width: 1400px; \n        margin: 0 auto; \n    }\n    .full-banner {\n        position: relative;\n        height: 220px; \n        border-radius: 15px;\n        overflow: hidden;\n        cursor: pointer;\n        border: 1px solid #e2e8f0;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    }\n    .full-banner img { \n        width: 100%; \n        height: 100%; \n        object-fit: cover; \n        object-position: top; \/* Ajustement pour voir les visages sur image_bf20dd.jpg *\/\n    }\n\n    .banner-overlay {\n        position: absolute;\n        bottom: 0; left: 0; width: 100%;\n        padding: 25px 20px 15px 20px;\n        background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);\n        color: #ffffff;\n    }\n    .banner-overlay h3 { margin: 0; font-size: 1.4rem; font-weight: 700; text-shadow: 1px 1px 3px rgba(0,0,0,0.8); }\n\n    \/* --- ADN --- *\/\n    .dna-section { display: flex; flex-wrap: wrap; border-radius: 30px; overflow: hidden; max-width: 1400px; margin: 60px auto; }\n    .dna-left { flex: 1 1 500px; padding: 60px; background: #d90000; color: #ffffff; }\n    .dna-right { flex: 1 1 500px; padding: 60px; background: var(--cptcl-dark); color: #ffffff; }\n    .val-item { background: rgba(0,0,0,0.4); padding: 12px; border-radius: 10px; text-align: center; font-weight: 800; border: 1px solid rgba(255,255,255,0.3); }\n\n    \/* --- RESPONSIVE MOBILE --- *\/\n    @media (max-width: 768px) {\n        .hero-card { flex-direction: column; text-align: center; padding: 30px 20px; }\n        .hero-img-container { \n            order: -1; \n            flex: 0 1 auto; \n            width: 100%; \n            max-width: 260px; \n            margin: 0 auto 20px auto; \n        }\n        .hero-text h1 { font-size: 1.8rem; }\n        .banners-list { grid-template-columns: 1fr; }\n        .full-banner { height: 160px; }\n        .dna-left, .dna-right { padding: 40px 20px; }\n    }\n\n    \/* --- LIGHTBOX --- *\/\n    #cptcl-lightbox {\n        display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n        background: rgba(0,0,0,0.95); z-index: 9999; justify-content: center; align-items: center;\n    }\n    #cptcl-lightbox img { max-width: 90%; max-height: 85%; border: 5px solid white; }\n<\/style>\n\n<div class=\"cptcl-main-container\">\n\n    <!-- HERO -->\n    <div class=\"hero-wrapper\">\n        <div class=\"hero-card\">\n            <div class=\"hero-text\">\n                <div style=\"background: var(--cptcl-sky); color: white; padding: 6px 15px; font-size: 13px; font-weight: 800; border-radius: 6px; display: inline-block; margin-bottom: 20px;\">ASSOCIATION LOI 1901<\/div>\n                <h1>\n                    <span style=\"color: var(--cptcl-sky);\">Collection Passion<\/span><br>\n                    <span style=\"color: var(--cptcl-red);\">Transports en Commun<\/span><br>\n                    <span style=\"color: var(--cptcl-dark);\">de Limoges<\/span>\n                <\/h1>\n                <p style=\"font-family: Georgia, serif; font-style: italic; font-size: 1.5rem; color: #991b1b; margin: 20px 0; font-weight: bold;\">\u00ab La passion qui nous anime \u00bb<\/p>\n                <div style=\"border-left: 6px solid var(--cptcl-sky); padding: 15px; font-weight: 600; font-size: 1.1rem; color: #1e293b; background: #f1f5f9; border-radius: 0 10px 10px 0;\">\n                    CPTCL : Sauvegarder, Valoriser la m\u00e9moire des transports en commun de Limoges M\u00e9tropole.\n                <\/div>\n            <\/div>\n            <div class=\"hero-img-container\">\n                <img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2025\/12\/EN-TETE.png\" alt=\"Logo CPTCL\">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- COLLECTIONS -->\n    <div class=\"collections-grid\">\n        <div class=\"card-col\" style=\"border-left: 8px solid var(--cptcl-red);\">\n            <div style=\"background: var(--cptcl-red); color: white; padding: 6px 14px; font-size: 12px; font-weight: 800; border-radius: 4px; display: inline-block; margin-bottom: 15px;\">PATRIMOINE THERMIQUE<\/div>\n            <div style=\"width: 100%; aspect-ratio: 16\/9; border-radius: 12px; overflow: hidden; margin-bottom: 5px;\">\n                <img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2025\/12\/502531381_735752332345376_7577305048848651023_n.jpg\" style=\"width: 100%; height: 100%; object-fit: cover;\" alt=\"Bus\">\n            <\/div>\n            <h3>Collection Bus<\/h3>\n            <p>Conservation de la m\u00e9moire des mod\u00e8les historiques du r\u00e9seau thermique de Limoges.<\/p>\n        <\/div>\n\n        <div class=\"card-col\" style=\"border-left: 8px solid var(--cptcl-sky);\">\n            <div style=\"background: var(--cptcl-sky); color: white; padding: 6px 14px; font-size: 12px; font-weight: 800; border-radius: 4px; display: inline-block; margin-bottom: 15px;\">PATRIMOINE \u00c9LECTRIQUE<\/div>\n            <div style=\"width: 100%; aspect-ratio: 16\/9; border-radius: 12px; overflow: hidden; margin-bottom: 5px;\">\n                <img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2023\/12\/TROLLEYBUS-VETRA-CB-C60.jpeg\" style=\"width: 100%; height: 100%; object-fit: cover;\" alt=\"Trolleybus\">\n            <\/div>\n            <h3>L&rsquo;\u00c8re du Trolley<\/h3>\n            <p>Sauvegarde de la m\u00e9moire des trolleybus, symboles de l&rsquo;excellence \u00e9lectrique de Limoges.<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- BANNI\u00c8RES PANORAMIQUES -->\n    <div style=\"text-align: center; margin-bottom: 30px;\">\n        <h2 style=\"font-size: 1.8rem; text-transform: uppercase; color:var(--cptcl-dark); font-weight: 900;\">\ud83d\ude8d Passion &#038; D\u00e9couvertes<\/h2>\n    <\/div>\n\n    <div class=\"banners-list\">\n        <div class=\"full-banner\" onclick=\"openFull(this)\">\n            <img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2023\/07\/site.jpg\" alt=\"Voyages\">\n            <div class=\"banner-overlay\"><h3>Nos Voyages et Activit\u00e9s<\/h3><\/div>\n        <\/div>\n        <div class=\"full-banner\" onclick=\"openFull(this)\">\n            <img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2025\/11\/activites-cptcl-scaled.png\" alt=\"Ev\u00e8nements\">\n            <div class=\"banner-overlay\"><h3>Nos Ev\u00e8nements<\/h3><\/div>\n        <\/div>\n        <div class=\"full-banner\" onclick=\"openFull(this)\">\n            <img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2023\/07\/site2.jpg\" alt=\"Valeurs\">\n            <div class=\"banner-overlay\"><h3>Nos Valeurs<\/h3><\/div>\n        <\/div>\n        <div class=\"full-banner\" onclick=\"openFull(this)\">\n            <!-- Cette image utilisera le \"object-position: top\" d\u00e9fini dans le style -->\n            <img decoding=\"async\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2024\/11\/465223263_586406530401637_7341187435833029588_n-1024x694.jpg\" alt=\"Equipe\">\n            <div class=\"banner-overlay\"><h3>L&rsquo;esprit d&rsquo;\u00e9quipe<\/h3><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- ADN & ACTIONS -->\n    <div class=\"dna-section\">\n        <div class=\"dna-left\">\n            <h2 style=\"font-size: 2.5rem; font-weight: 900; margin: 0;\">NOTRE ADN<\/h2>\n            <div style=\"width: 60px; height: 6px; background: #ffffff; margin: 25px 0;\"><\/div>\n            <p style=\"font-size: 1.1rem; line-height: 1.7; margin-bottom: 30px; font-weight: 600;\">Association ind\u00e9pendante et apolitique. Partenaire de Limoges M\u00e9tropole et la STCLM.<\/p>\n            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 12px;\">\n                <div class=\"val-item\">Efficacit\u00e9<\/div>\n                <div class=\"val-item\">Technicit\u00e9<\/div>\n                <div class=\"val-item\">Durabilit\u00e9<\/div>\n                <div class=\"val-item\">Fid\u00e9lit\u00e9<\/div>\n                <div class=\"val-item\" style=\"grid-column: span 2;\">Amabilit\u00e9<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"dna-right\">\n            <h2 style=\"font-size: 2.5rem; font-weight: 900; margin: 0; color: var(--cptcl-sky);\">NOS ACTIONS<\/h2>\n            <ul style=\"list-style: none; padding: 0; margin-top: 30px; font-size: 1.1rem; font-weight: 600;\">\n                <li style=\"padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,0.15);\">\u2705 Sauvegarde et Valorisation<\/li>\n                <li style=\"padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,0.15);\">\u2705 Expositions et Forums<\/li>\n                <li style=\"padding: 15px 0;\">\u2705 Archives et T\u00e9moignages<\/li>\n            <\/ul>\n            <a href=\"https:\/\/cptcl.fr\/index.php\/evenements\/\" style=\"display: block; margin-top: 35px; background: var(--cptcl-sky); color: #ffffff; padding: 18px; text-align: center; text-decoration: none; font-weight: 800; border-radius: 12px; box-shadow: 0 4px 15px rgba(14, 165, 233, 0.4);\">D\u00c9COUVRIR NOS PROJETS<\/a>\n        <\/div>\n    <\/div>\n\n    <footer style=\"padding: 40px 20px; text-align: center; color: #475569; font-size: 13px; font-weight: 800; text-transform: uppercase;\">\n        \u00a9 2026 CPTCL LIMOGES | ASSOCIATION LOI 1901\n    <\/footer>\n<\/div>\n\n<div id=\"cptcl-lightbox\" onclick=\"this.style.display='none'\">\n    <img decoding=\"async\" id=\"full-img\" src=\"\">\n<\/div>\n\n<script>\n    function openFull(el) {\n        const imgSrc = el.querySelector('img').src;\n        document.getElementById('full-img').src = imgSrc;\n        document.getElementById('cptcl-lightbox').style.display = 'flex';\n    }\n<\/script>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-03627597 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"#\" style=\"background-color:#729acd\">HAUT DE PAGE<\/a><\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image alignwide size-large wp-duotone-unset-1\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"200\" src=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2025\/11\/limoges-1-1024x200.png\" alt=\"\" class=\"wp-image-6915\" srcset=\"https:\/\/cptcl.fr\/wp-content\/uploads\/2025\/11\/limoges-1-1024x200.png 1024w, https:\/\/cptcl.fr\/wp-content\/uploads\/2025\/11\/limoges-1-300x59.png 300w, https:\/\/cptcl.fr\/wp-content\/uploads\/2025\/11\/limoges-1-768x150.png 768w, https:\/\/cptcl.fr\/wp-content\/uploads\/2025\/11\/limoges-1-1536x300.png 1536w, https:\/\/cptcl.fr\/wp-content\/uploads\/2025\/11\/limoges-1.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>ASSOCIATION LOI 1901 Collection Passion Transports en Commun de Limoges \u00ab La passion qui nous anime \u00bb CPTCL : Sauvegarder, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","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-315","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/pages\/315","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/comments?post=315"}],"version-history":[{"count":438,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/pages\/315\/revisions"}],"predecessor-version":[{"id":8358,"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/pages\/315\/revisions\/8358"}],"wp:attachment":[{"href":"https:\/\/cptcl.fr\/index.php\/wp-json\/wp\/v2\/media?parent=315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}