{"id":9555,"date":"2026-08-11T19:19:41","date_gmt":"2026-08-11T17:19:41","guid":{"rendered":"https:\/\/mapeugeot605.com\/?page_id=9555"},"modified":"2026-08-27T01:52:00","modified_gmt":"2026-08-26T23:52:00","slug":"brochure","status":"publish","type":"page","link":"https:\/\/mapeugeot605.com\/en\/brochure\/","title":{"rendered":"Brochure"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9555\" class=\"elementor elementor-9555\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1247b88 e-flex e-con-boxed e-con e-parent\" data-id=\"1247b88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c6a298 e-con-full e-flex e-con e-parent\" data-id=\"6c6a298\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-651958c elementor-widget elementor-widget-spacer\" data-id=\"651958c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58ea640 elementor-widget elementor-widget-html\" data-id=\"58ea640\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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  <meta name=\"description\" content=\"Peugeot 605 : brochure d'\u00e9poque interactive, nuancier et archives techniques.\">\n  <title>Peugeot 605 \u2014 Brochure & Archives<\/title>\n\n  <!-- StPageFlip library -->\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/page-flip\/dist\/js\/page-flip.browser.js\"><\/script>\n\n  <style>\n    :root {\n      --bg: #f7f5f1;\n      --card: #ffffff;\n      --ink: #17202b;\n      --muted: #667085;\n      --blue: #1f5f99;\n      --blue-dark: #123e67;\n      --cyan: #57c9d4;\n      --line: #e5e7eb;\n      --soft: #eef5fb;\n      --shadow: 0 10px 30px rgba(17, 24, 39, .08);\n      --radius: 18px;\n    }\n\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    html {\n      scroll-behavior: smooth;\n      scroll-padding-top: 88px;\n    }\n\n    body {\n      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      background: var(--bg);\n      color: var(--ink);\n      line-height: 1.6;\n    }\n\n    button,\n    select {\n      font: inherit;\n    }\n\n    button {\n      cursor: pointer;\n    }\n\n    .nav-bar {\n      position: sticky;\n      top: 0;\n      z-index: 1000;\n      border-bottom: 1px solid rgba(31, 95, 153, .22);\n      background: rgba(247, 245, 241, .94);\n      backdrop-filter: blur(12px);\n    }\n\n    .nav-inner {\n      width: min(1180px, calc(100% - 32px));\n      margin: 0 auto;\n      min-height: 72px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 20px;\n    }\n\n    .brand {\n      display: flex;\n      align-items: center;\n      gap: 11px;\n      text-decoration: none;\n      color: var(--ink);\n      font-weight: 900;\n      letter-spacing: .08em;\n      text-transform: uppercase;\n      white-space: nowrap;\n    }\n\n    .brand-mark {\n      width: 38px;\n      height: 38px;\n      border-radius: 10px;\n      display: grid;\n      place-items: center;\n      color: #fff;\n      background: linear-gradient(145deg, var(--blue), var(--blue-dark));\n      font-weight: 900;\n      box-shadow: var(--shadow);\n    }\n\n    .brand strong {\n      color: var(--blue);\n    }\n\n    .nav-toggle {\n      display: none;\n      width: 42px;\n      height: 42px;\n      flex: 0 0 auto;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      border: 1px solid rgba(31, 95, 153, .20);\n      border-radius: 10px;\n      background: #fff;\n      color: var(--ink);\n      box-shadow: 0 4px 14px rgba(17, 24, 39, .06);\n      line-height: 1;\n    }\n\n    .nav-toggle-lines {\n      width: 20px;\n      height: 14px;\n      position: relative;\n      display: block;\n      margin: 0;\n      padding: 0;\n      transform: translateY(0);\n    }\n\n    .nav-toggle-lines::before,\n    .nav-toggle-lines::after,\n    .nav-toggle-lines span {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      width: 20px;\n      height: 2px;\n      border-radius: 2px;\n      background: currentColor;\n      transition: transform .2s ease, top .2s ease, opacity .2s ease;\n    }\n\n    .nav-toggle-lines::before {\n      top: 0;\n    }\n\n    .nav-toggle-lines span {\n      top: 6px;\n    }\n\n    .nav-toggle-lines::after {\n      top: 12px;\n    }\n\n    .nav-toggle[aria-expanded=\"true\"] .nav-toggle-lines::before {\n      top: 6px;\n      transform: rotate(45deg);\n      transform-origin: center;\n    }\n\n    .nav-toggle[aria-expanded=\"true\"] .nav-toggle-lines span {\n      opacity: 0;\n    }\n\n    .nav-toggle[aria-expanded=\"true\"] .nav-toggle-lines::after {\n      top: 6px;\n      transform: rotate(-45deg);\n      transform-origin: center;\n    }\n\n    .nav-links {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 4px;\n      justify-content: flex-end;\n    }\n\n    .nav-links a {\n      text-decoration: none;\n      color: #475467;\n      padding: 8px 10px;\n      border-radius: 9px;\n      font-size: .88rem;\n      font-weight: 700;\n      transition: .18s ease;\n    }\n\n    .nav-links a:hover {\n      color: #fff;\n      background: var(--blue);\n    }\n\n    .hero {\n      padding: 68px 20px 48px;\n      background:\n        radial-gradient(circle at 20% 20%, rgba(87, 201, 212, .20), transparent 32%),\n        radial-gradient(circle at 80% 10%, rgba(31, 95, 153, .15), transparent 35%),\n        linear-gradient(180deg, #fff 0%, var(--bg) 100%);\n      border-bottom: 1px solid var(--line);\n    }\n\n    .hero-inner {\n      width: min(980px, 100%);\n      margin: 0 auto;\n      text-align: center;\n    }\n\n    .hero-kicker {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 7px 14px;\n      border: 1px solid rgba(31, 95, 153, .22);\n      border-radius: 999px;\n      color: var(--blue-dark);\n      background: rgba(255, 255, 255, .75);\n      font-size: .82rem;\n      font-weight: 800;\n      letter-spacing: .06em;\n      text-transform: uppercase;\n    }\n\n    .hero h1 {\n      margin-top: 18px;\n      font-size: clamp(2.6rem, 8vw, 5.3rem);\n      line-height: .95;\n      letter-spacing: -.04em;\n      text-transform: uppercase;\n    }\n\n    .hero h1 span {\n      color: var(--blue);\n    }\n\n    .hero p {\n      max-width: 760px;\n      margin: 22px auto 0;\n      color: var(--muted);\n      font-size: clamp(1rem, 2vw, 1.18rem);\n    }\n\n    .source-note {\n      margin-top: 18px;\n      color: #667085;\n      font-size: .86rem;\n    }\n\n    .container {\n      width: min(1180px, calc(100% - 32px));\n      margin: 0 auto;\n      padding: 38px 0 60px;\n      display: grid;\n      gap: 34px;\n    }\n\n    .section-card {\n      position: relative;\n      overflow: hidden;\n      border: 1px solid var(--line);\n      border-radius: var(--radius);\n      background: var(--card);\n      box-shadow: var(--shadow);\n      padding: clamp(20px, 3vw, 32px);\n    }\n\n    .section-card::after {\n      content: \"\";\n      position: absolute;\n      inset: auto 0 0;\n      height: 4px;\n      background: linear-gradient(90deg, var(--cyan), var(--blue));\n      opacity: .45;\n    }\n\n    .section-title {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: clamp(1.35rem, 3vw, 1.85rem);\n      margin-bottom: 8px;\n    }\n\n    .section-title .icon {\n      width: 40px;\n      height: 40px;\n      border-radius: 11px;\n      display: grid;\n      place-items: center;\n      background: var(--soft);\n      color: var(--blue);\n      flex: 0 0 auto;\n    }\n\n    .section-card .section-title,\n    .section-card .section-title *,\n    .archive-content h3,\n    .archive-content h3 * {\n      font-family: Inter, Arial, Helvetica, sans-serif !important;\n      font-style: normal !important;\n      font-variant: normal !important;\n      font-feature-settings: normal !important;\n      font-variation-settings: normal !important;\n    }\n\n    .amp {\n      font-family: inherit !important;\n      font-style: inherit !important;\n      font-weight: inherit !important;\n    }\n\n    .section-subtitle {\n      color: var(--muted);\n      margin-bottom: 24px;\n      max-width: 900px;\n    }\n\n    .controls {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      gap: 10px;\n      flex-wrap: wrap;\n      margin-bottom: 16px;\n    }\n\n    .btn {\n      border: 1px solid var(--line);\n      border-radius: 10px;\n      padding: 9px 15px;\n      background: #fff;\n      color: var(--ink);\n      font-weight: 750;\n      box-shadow: 0 4px 14px rgba(0, 0, 0, .05);\n      transition: .18s ease;\n    }\n\n    .btn:hover {\n      color: #fff;\n      background: var(--blue);\n      border-color: var(--blue);\n      transform: translateY(-1px);\n    }\n\n    .btn-primary {\n      color: #fff;\n      background: var(--blue);\n      border-color: var(--blue);\n    }\n\n    .btn-primary:hover {\n      background: var(--blue-dark);\n      border-color: var(--blue-dark);\n    }\n\n    .page-counter {\n      min-width: 125px;\n      color: var(--muted);\n      text-align: center;\n      font-weight: 700;\n      font-variant-numeric: tabular-nums;\n    }\n\n    .flipbook-wrapper {\n      min-height: 500px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      overflow: hidden;\n      border: 1px solid var(--line);\n      border-radius: 14px;\n      background: #e9e3d7;\n      padding: 16px;\n    }\n\n    #book {\n      width: 100%;\n      max-width: 900px;\n    }\n\n    .my-page {\n      overflow: hidden;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: #fff;\n    }\n\n    .my-page img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  display: block;\n}\n\n    .flipbook-fullscreen {\n  position: fixed;\n  inset: 0;\n  z-index: 9999;\n\n  border: 0;\n  border-radius: 0;\n\n  padding: 18px;\n\n  overflow: hidden;\n\n  background: rgba(12, 19, 28, .97);\n}\n\n    .flipbook-fullscreen .section-title,\n    .flipbook-fullscreen .section-subtitle {\n      display: none;\n    }\n\n    .flipbook-fullscreen .controls {\n      position: sticky;\n      top: 0;\n      z-index: 10;\n      padding: 6px;\n    }\n\n    .flipbook-fullscreen .flipbook-wrapper {\n  width: 100%;\n  height: calc(100vh - 84px);\n\n  min-height: 0;\n\n  overflow: hidden;\n\n  background: transparent;\n  border: 0;\n}\n\n    .config-grid {\n      display: grid;\n      grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);\n      gap: 28px;\n      align-items: start;\n    }\n\n    .form-group {\n      margin-bottom: 18px;\n    }\n\n    .form-group label {\n      display: block;\n      margin-bottom: 7px;\n      color: #344054;\n      font-size: .9rem;\n      font-weight: 800;\n    }\n\n    select {\n      width: 100%;\n      border: 1px solid #d0d5dd;\n      border-radius: 10px;\n      background: #fff;\n      color: var(--ink);\n      padding: 11px 12px;\n      outline: 0;\n    }\n\n    select:focus {\n      border-color: var(--blue);\n      box-shadow: 0 0 0 3px rgba(31, 95, 153, .12);\n    }\n\n    .config-help {\n      margin-top: 14px;\n      padding: 13px 14px;\n      border-radius: 11px;\n      background: #f8fafc;\n      border: 1px solid var(--line);\n      color: var(--muted);\n      font-size: .86rem;\n    }\n\n    .result-card {\n      border: 1px solid var(--line);\n      border-radius: 16px;\n      background: #fbfcfd;\n      padding: 22px;\n      display: grid;\n      gap: 14px;\n    }\n\n    .color-preview {\n      min-height: 92px;\n      padding: 16px;\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-end;\n      border-radius: 13px;\n      border: 1px solid rgba(0,0,0,.13);\n      box-shadow: inset 0 0 0 1px rgba(255,255,255,.25);\n      font-weight: 850;\n    }\n\n    .color-preview small {\n      opacity: .8;\n      font-weight: 650;\n    }\n\n    .result-name {\n      font-size: 1.13rem;\n      font-weight: 900;\n    }\n\n    .upholstery-list {\n      display: grid;\n      gap: 8px;\n    }\n\n    .upholstery-item {\n      display: flex;\n      justify-content: space-between;\n      gap: 16px;\n      align-items: center;\n      padding: 10px 12px;\n      border-radius: 10px;\n      border: 1px solid var(--line);\n      background: #fff;\n    }\n\n    .upholstery-item strong {\n      color: var(--blue-dark);\n      white-space: nowrap;\n    }\n\n    .option-badge {\n      display: inline-flex;\n      align-items: center;\n      width: fit-content;\n      gap: 7px;\n      padding: 6px 11px;\n      border-radius: 999px;\n      color: #134e5e;\n      background: #e5f7f9;\n      border: 1px solid #b9e5e9;\n      font-size: .82rem;\n      font-weight: 800;\n    }\n\n    .unavailable {\n      padding: 13px 14px;\n      border-radius: 10px;\n      border: 1px dashed #d0d5dd;\n      color: #667085;\n      background: #fff;\n      font-weight: 700;\n    }\n\n    .gallery-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));\n      gap: 16px;\n    }\n\n    .archive-card {\n      border: 1px solid var(--line);\n      border-radius: 14px;\n      overflow: hidden;\n      background: #fff;\n      transition: .18s ease;\n    }\n\n    .archive-card:hover {\n      transform: translateY(-3px);\n      border-color: rgba(31, 95, 153, .42);\n      box-shadow: 0 12px 26px rgba(17, 24, 39, .08);\n    }\n\n    .archive-card button {\n      width: 100%;\n      border: 0;\n      background: transparent;\n      text-align: left;\n      color: inherit;\n    }\n\n    .archive-thumb {\n      aspect-ratio: 16 \/ 10;\n      overflow: hidden;\n      background: #eef1f4;\n    }\n\n    .archive-thumb img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transition: transform .25s ease;\n    }\n\n    .archive-card:hover .archive-thumb img {\n      transform: scale(1.03);\n    }\n\n    .archive-content {\n      padding: 14px;\n    }\n\n    .archive-content h3 {\n      font-size: 1rem;\n      margin-bottom: 5px;\n    }\n\n    .archive-content p {\n      color: var(--muted);\n      font-size: .86rem;\n    }\n\n    .archive-page {\n      margin-top: 9px;\n      color: var(--blue);\n      font-size: .78rem;\n      font-weight: 850;\n    }\n\n    .source-strip {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n      margin-top: 16px;\n    }\n\n    .source-chip {\n      border: 1px solid var(--line);\n      background: #f8fafc;\n      color: #475467;\n      border-radius: 999px;\n      padding: 6px 10px;\n      font-size: .8rem;\n      font-weight: 700;\n    }\n\n    .modal-overlay {\n      position: fixed;\n      inset: 0;\n      z-index: 10000;\n      display: none;\n      align-items: center;\n      justify-content: center;\n      padding: 18px;\n      background: rgba(9, 14, 22, .90);\n      backdrop-filter: blur(5px);\n    }\n\n    .modal-overlay.active {\n      display: flex;\n    }\n\n    .modal-content {\n      width: min(1000px, 100%);\n      max-height: 94vh;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      border-radius: 16px;\n      background: #fff;\n      box-shadow: 0 24px 60px rgba(0,0,0,.34);\n    }\n\n    .modal-header,\n    .modal-footer {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 12px;\n      padding: 13px 16px;\n      background: #fff;\n    }\n\n    .modal-header {\n      border-bottom: 1px solid var(--line);\n    }\n\n    .modal-footer {\n      border-top: 1px solid var(--line);\n      color: var(--muted);\n      font-size: .84rem;\n    }\n\n    .modal-title {\n      font-weight: 900;\n    }\n\n    .modal-close {\n      position: relative;\n      width: 36px;\n      height: 36px;\n      border: 0;\n      border-radius: 9px;\n      background: #f2f4f7;\n      color: #344054;\n      display: block;\n      padding: 0;\n      line-height: 1;\n    }\n\n    .modal-close::before,\n    .modal-close::after {\n      content: \"\";\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      width: 16px;\n      height: 2px;\n      border-radius: 2px;\n      background: currentColor;\n      transform-origin: center;\n    }\n\n    .modal-close::before {\n      transform: translate(-50%, -50%) rotate(45deg);\n    }\n\n    .modal-close::after {\n      transform: translate(-50%, -50%) rotate(-45deg);\n    }\n\n    .modal-body {\n      position: relative;\n      min-height: 420px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #080d14;\n    }\n\n    .modal-body img {\n      max-width: 100%;\n      max-height: 75vh;\n      object-fit: contain;\n      display: block;\n    }\n\n    .modal-nav {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 44px;\n      height: 44px;\n      border: 0;\n      border-radius: 50%;\n      background: rgba(255,255,255,.88);\n      color: var(--ink);\n      font-size: 1.55rem;\n      font-weight: 900;\n      display: grid;\n      place-items: center;\n      padding: 0;\n      line-height: 1;\n      font-family: Arial, Helvetica, sans-serif;\n    }\n\n    .modal-nav.prev {\n      left: 14px;\n    }\n\n    .modal-nav.next {\n      right: 14px;\n    }\n\n    .modal-caption {\n      flex: 1;\n    }\n\n    footer {\n      padding: 34px 20px 46px;\n      border-top: 1px solid var(--line);\n      color: var(--muted);\n      text-align: center;\n      font-size: .86rem;\n    }\n\n    @media (max-width: 900px) {\n      .config-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 760px) {\n      .nav-inner {\n        width: min(100% - 22px, 1180px);\n        min-height: 64px;\n        padding: 9px 0;\n        display: grid;\n        grid-template-columns: minmax(0, 1fr) auto;\n        gap: 8px 12px;\n        align-items: center;\n      }\n\n      .brand {\n        min-width: 0;\n        font-size: .91rem;\n        letter-spacing: .055em;\n      }\n\n      .brand-mark {\n        width: 36px;\n        height: 36px;\n      }\n\n      .nav-toggle {\n        display: inline-flex;\n      }\n\n      .nav-links {\n        grid-column: 1 \/ -1;\n        width: 100%;\n        display: none;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 6px;\n        padding: 4px 0 3px;\n      }\n\n      .nav-links.open {\n        display: grid;\n      }\n\n      .nav-links a {\n        width: 100%;\n        padding: 9px 10px;\n        border: 1px solid rgba(31, 95, 153, .12);\n        background: rgba(255, 255, 255, .75);\n        font-size: .82rem;\n        text-align: center;\n      }\n\n      .nav-links a:last-child:nth-child(odd) {\n        grid-column: 1 \/ -1;\n      }\n\n      .hero {\n        padding-top: 42px;\n      }\n    }\n\n    @media (max-width: 620px) {\n      .flipbook-wrapper {\n        min-height: 390px;\n        padding: 8px;\n      }\n\n      .modal-body {\n        min-height: 300px;\n      }\n\n      .upholstery-item {\n        align-items: flex-start;\n        flex-direction: column;\n        gap: 2px;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <nav class=\"nav-bar\" aria-label=\"Navigation principale\">\n    <div class=\"nav-inner\">\n      <a class=\"brand\" href=\"#top\">\n        <span class=\"brand-mark\">605<\/span>\n        Peugeot <strong>Archives<\/strong>\n      <\/a>\n\n      <button\n        class=\"nav-toggle\"\n        id=\"nav-toggle\"\n        type=\"button\"\n        aria-expanded=\"false\"\n        aria-controls=\"nav-links\"\n        aria-label=\"Ouvrir le menu\"\n      >\n        <span class=\"nav-toggle-lines\" aria-hidden=\"true\"><span><\/span><\/span>\n      <\/button>\n\n      <div class=\"nav-links\" id=\"nav-links\">\n        <a href=\"#brochure\">\ud83d\udcd6 Brochure<\/a>\n        <a href=\"#nuancier\">\ud83c\udfa8 Nuancier<\/a>\n        <a href=\"#technique\">\ud83d\udee0\ufe0f Technique<\/a>\n        <a href=\"#equipements\">\ud83d\udccb \u00c9quipements<\/a>\n        <a href=\"#fabrication\">\ud83c\udfed Fabrication<\/a>\n      <\/div>\n    <\/div>\n  <\/nav>\n\n  <header class=\"hero\" id=\"top\">\n    <div class=\"hero-inner\">\n      <span class=\"hero-kicker\">Document d'\u00e9poque \u2022 62 pages<\/span>\n      <h1>Peugeot <span>605<\/span><\/h1>\n      <p>Une consultation interactive de la brochure : carrosserie, nuancier, garnissages, technique, \u00e9quipements et documents de conception.<\/p>\n      <p class=\"source-note\">Les intitul\u00e9s et correspondances affich\u00e9s ci-dessous sont limit\u00e9s aux informations visibles dans la brochure utilis\u00e9e pour cette page.<\/p>\n    <\/div>\n  <\/header>\n\n  <main class=\"container\">\n\n    <section class=\"section-card\" id=\"brochure\">\n      <h2 class=\"section-title\"><span class=\"icon\">\ud83d\udcd6<\/span> Brochure compl\u00e8te<\/h2>\n      <p class=\"section-subtitle\">Feuilletez les 62 images extraites de la brochure, de la couverture \u00e0 la derni\u00e8re illustration moteur.<\/p>\n\n      <div class=\"controls\">\n        <button class=\"btn\" id=\"btn-prev\" type=\"button\">\u25c0 Pr\u00e9c\u00e9dent<\/button>\n        <span class=\"page-counter\" id=\"page-counter\">Page 1 sur 62<\/span>\n        <button class=\"btn\" id=\"btn-next\" type=\"button\">Suivant \u25b6<\/button>\n        <button class=\"btn btn-primary\" id=\"btn-fullscreen\" type=\"button\">\u26f6 Plein \u00e9cran<\/button>\n      <\/div>\n\n      <div class=\"flipbook-wrapper\">\n        <div id=\"book\"><\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section-card\" id=\"nuancier\">\n      <h2 class=\"section-title\"><span class=\"icon\">\ud83c\udfa8<\/span> Nuancier & garnissages<\/h2>\n      <p class=\"section-subtitle\">\n        Le configurateur reprend la matrice \u00ab Mod\u00e8les \/ Couleurs \/ Garnissages \u00bb de la brochure. Il n'affiche aucune estimation de raret\u00e9.\n      <\/p>\n\n      <div class=\"config-grid\">\n        <div>\n          <div class=\"form-group\">\n            <label for=\"model-select\">Mod\u00e8le indiqu\u00e9 dans la brochure<\/label>\n            <select id=\"model-select\"><\/select>\n          <\/div>\n\n          <div class=\"form-group\">\n            <label for=\"color-select\">Couleur carrosserie<\/label>\n            <select id=\"color-select\"><\/select>\n          <\/div>\n\n          <div class=\"config-help\">\n            Les couleurs affich\u00e9es \u00e0 l'\u00e9cran sont seulement des approximations visuelles. La brochure pr\u00e9cise elle-m\u00eame que les teintes imprim\u00e9es peuvent diff\u00e9rer des couleurs r\u00e9elles.\n          <\/div>\n\n          <div class=\"source-strip\">\n            <span class=\"source-chip\">Page 59 : coloris<\/span>\n            <span class=\"source-chip\">Page 60 : \u00e9chantillons de garnissage<\/span>\n            <span class=\"source-chip\">Page 61 : correspondances<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"result-card\">\n          <div class=\"color-preview\" id=\"color-preview\">\n            <span id=\"color-preview-name\">Blanc Meije<\/span>\n            <small>Aper\u00e7u indicatif<\/small>\n          <\/div>\n\n          <div class=\"result-name\" id=\"result-name\"><\/div>\n          <div class=\"upholstery-list\" id=\"upholstery-list\"><\/div>\n\n          <button\n            class=\"btn btn-primary\"\n            type=\"button\"\n            onclick=\"openGallery(\n              [\n                {src: wpBaseUrl + '58.jpg', caption: 'Coloris et garnissages \u2014 page 59'},\n                {src: wpBaseUrl + '59.jpg', caption: '\u00c9chantillons de garnissages \u2014 page 60'},\n                {src: wpBaseUrl + '60.jpg', caption: 'Tableau Mod\u00e8les \/ Couleurs \/ Garnissages \u2014 page 61'}\n              ],\n              'Nuancier & garnissages'\n            )\"\n          >\n            Voir les 3 pages du nuancier\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section-card\" id=\"technique\">\n      <h2 class=\"section-title\"><span class=\"icon\">\ud83d\udee0\ufe0f<\/span> Archives techniques<\/h2>\n      <p class=\"section-subtitle\">\n        Les cartes reprennent les \u00e9l\u00e9ments explicitement visibles ou l\u00e9gend\u00e9s dans la brochure, sans ajouter de caract\u00e9ristiques non document\u00e9es.\n      <\/p>\n\n      <div class=\"gallery-grid\">\n        <article class=\"archive-card\">\n          <button type=\"button\" onclick=\"openGallery([\n            {src: wpBaseUrl + '17.jpg', caption: 'Demi-train avant triangul\u00e9 avec disque de frein ventil\u00e9 \u2014 page 18'},\n            {src: wpBaseUrl + '20.jpg', caption: 'Vue d\u00e9taill\u00e9e du train avant \u2014 page 21'},\n            {src: wpBaseUrl + '21.jpg', caption: 'Ensemble des trains roulants \u2014 page 22'}\n          ], 'Train avant')\">\n            <div class=\"archive-thumb\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/17.jpg\" alt=\"Demi-train avant\"><\/div>\n            <div class=\"archive-content\">\n              <h3>Demi-train avant triangul\u00e9<\/h3>\n              <p>La brochure le montre avec disque de frein ventil\u00e9, puis sous plusieurs angles dans les pages techniques suivantes.<\/p>\n              <div class=\"archive-page\">Pages 18, 21 et 22<\/div>\n            <\/div>\n          <\/button>\n        <\/article>\n\n        <article class=\"archive-card\">\n          <button type=\"button\" onclick=\"openGallery([\n            {src: wpBaseUrl + '18.jpg', caption: 'Demi-train arri\u00e8re \u00e0 double triangulation et disque de frein \u2014 page 19'},\n            {src: wpBaseUrl + '22.jpg', caption: 'Vue d\u00e9taill\u00e9e du train arri\u00e8re \u2014 page 23'},\n            {src: wpBaseUrl + '23.jpg', caption: 'Vue d\u00e9taill\u00e9e du train arri\u00e8re \u2014 page 24'}\n          ], 'Train arri\u00e8re')\">\n            <div class=\"archive-thumb\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/18.jpg\" alt=\"Demi-train arri\u00e8re\"><\/div>\n            <div class=\"archive-content\">\n              <h3>Demi-train arri\u00e8re<\/h3>\n              <p>La page 19 l\u00e9gende un demi-train arri\u00e8re \u00e0 double triangulation et une vue avec biellette de pince.<\/p>\n              <div class=\"archive-page\">Pages 19, 23 et 24<\/div>\n            <\/div>\n          <\/button>\n        <\/article>\n\n        <article class=\"archive-card\">\n          <button type=\"button\" onclick=\"openGallery([\n            {src: wpBaseUrl + '45.jpg', caption: 'Bo\u00eete automatique en coupe \u2014 page 46'},\n            {src: wpBaseUrl + '46.jpg', caption: 'Bo\u00eete de vitesses en coupe \u2014 page 47'},\n            {src: wpBaseUrl + '49.jpg', caption: 'Bo\u00eete de vitesses en coupe \u2014 page 50'},\n            {src: wpBaseUrl + '56.jpg', caption: 'Bo\u00eete de vitesses manuelle \u00e0 5 rapports en avant \u2014 page 57'}\n          ], 'Bo\u00eetes de vitesses')\">\n            <div class=\"archive-thumb\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/46.jpg\" alt=\"Bo\u00eete de vitesses\"><\/div>\n            <div class=\"archive-content\">\n              <h3>Bo\u00eetes de vitesses<\/h3>\n              <p>Plusieurs coupes m\u00e9caniques sont reproduites, dont une bo\u00eete manuelle \u00e0 cinq rapports en avant.<\/p>\n              <div class=\"archive-page\">Pages 46 \u00e0 50 et 57<\/div>\n            <\/div>\n          <\/button>\n        <\/article>\n\n        <article class=\"archive-card\">\n          <button type=\"button\" onclick=\"openGallery([\n            {src: wpBaseUrl + '14.jpg', caption: 'Moteur \u2014 page 15'},\n            {src: wpBaseUrl + '15.jpg', caption: 'Moteur 24V \u2014 page 16'},\n            {src: wpBaseUrl + '24.jpg', caption: 'Moteur et train avant \u2014 page 25'},\n            {src: wpBaseUrl + '25.jpg', caption: 'Cache moteur V6 \u2014 page 26'},\n            {src: wpBaseUrl + '26.jpg', caption: 'Admission et transmission \u2014 page 27'},\n            {src: wpBaseUrl + '27.jpg', caption: 'Vue moteur \u2014 page 28'},\n            {src: wpBaseUrl + '31.jpg', caption: 'Vue moteur \u2014 page 32'}\n          ], 'Moteurs')\">\n            <div class=\"archive-thumb\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/15.jpg\" alt=\"Moteur 24V\"><\/div>\n            <div class=\"archive-content\">\n              <h3>Moteurs<\/h3>\n              <p>Photographies d\u00e9taill\u00e9es des groupes moteurs et de leurs p\u00e9riph\u00e9riques, notamment le 24V.<\/p>\n              <div class=\"archive-page\">Pages 15, 16, 25 \u00e0 28 et 32<\/div>\n            <\/div>\n          <\/button>\n        <\/article>\n\n        <article class=\"archive-card\">\n          <button type=\"button\" onclick=\"openGallery([\n            {src: wpBaseUrl + '56.jpg', caption: 'Admission \u00e0 flux pilot\u00e9 (CAO) \u2014 page 57'},\n            {src: wpBaseUrl + '47.jpg', caption: 'Coupe moteur \u2014 page 48'},\n            {src: wpBaseUrl + '50.jpg', caption: 'Coupe moteur \u2014 page 51'},\n            {src: wpBaseUrl + '61.jpg', caption: 'Coupe moteur \u2014 page 62'}\n          ], 'Admission & combustion')\">\n            <div class=\"archive-thumb\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/56.jpg\" alt=\"Admission \u00e0 flux pilot\u00e9\"><\/div>\n            <div class=\"archive-content\">\n              <h3>Admission \u00e0 flux pilot\u00e9<\/h3>\n              <p>La page 57 emploie explicitement la l\u00e9gende \u00ab Admission \u00e0 flux pilot\u00e9 (CAO) \u00bb et montre aussi une chambre de combustion en CAO.<\/p>\n              <div class=\"archive-page\">Pages 48, 51, 57 et 62<\/div>\n            <\/div>\n          <\/button>\n        <\/article>\n\n        <article class=\"archive-card\">\n          <button type=\"button\" onclick=\"openGallery([\n            {src: wpBaseUrl + '17.jpg', caption: 'Implantation du syst\u00e8me de freinage \u2014 page 18'},\n            {src: wpBaseUrl + '39.jpg', caption: 'Coffre, antibrouillard et roues \u2014 page 40'}\n          ], 'Freinage')\">\n            <div class=\"archive-thumb\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/17.jpg\" alt=\"Freinage\"><\/div>\n            <div class=\"archive-content\">\n              <h3>Syst\u00e8me de freinage<\/h3>\n              <p>La page 18 pr\u00e9sente l'implantation du syst\u00e8me de freinage \u00e0 c\u00f4t\u00e9 du demi-train avant.<\/p>\n              <div class=\"archive-page\">Pages 18 et 40<\/div>\n            <\/div>\n          <\/button>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section class=\"section-card\" id=\"equipements\">\n      <h2 class=\"section-title\"><span class=\"icon\">\ud83d\udccb<\/span> \u00c9quipements illustr\u00e9s<\/h2>\n      <p class=\"section-subtitle\">\n        Plut\u00f4t qu'un tableau de motorisations non pr\u00e9sent dans ce document, cette section rassemble les \u00e9quipements r\u00e9ellement photographi\u00e9s dans la brochure.\n      <\/p>\n\n      <div class=\"gallery-grid\">\n        <article class=\"archive-card\">\n          <button type=\"button\" onclick=\"openGallery([\n            {src: wpBaseUrl + '33.jpg', caption: 'Poste de conduite et console \u2014 page 34'},\n            {src: wpBaseUrl + '40.jpg', caption: 'Commandes de console \u2014 page 41'}\n          ], 'Poste de conduite')\">\n            <div class=\"archive-thumb\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/33.jpg\" alt=\"Poste de conduite\"><\/div>\n            <div class=\"archive-content\">\n              <h3>Poste de conduite<\/h3>\n              <p>Volant, levier, console centrale et commandes regroup\u00e9es dans plusieurs vues d\u00e9taill\u00e9es.<\/p>\n              <div class=\"archive-page\">Pages 34 et 41<\/div>\n            <\/div>\n          <\/button>\n        <\/article>\n\n        <article class=\"archive-card\">\n          <button type=\"button\" onclick=\"openGallery([\n            {src: wpBaseUrl + '34.jpg', caption: 'Banquette arri\u00e8re en cuir \u2014 page 35'},\n            {src: wpBaseUrl + '35.jpg', caption: 'Si\u00e8ges arri\u00e8re \u2014 page 36'},\n            {src: wpBaseUrl + '36.jpg', caption: 'D\u00e9tail de sellerie \u2014 page 37'},\n            {src: wpBaseUrl + '37.jpg', caption: 'Banquette en tissu \u2014 page 38'},\n            {src: wpBaseUrl + '38.jpg', caption: 'Si\u00e8ge avant et commandes \u2014 page 39'},\n            {src: wpBaseUrl + '41.jpg', caption: 'Commandes de si\u00e8ges \u2014 page 42'}\n          ], 'Selleries & si\u00e8ges')\">\n            <div class=\"archive-thumb\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/34.jpg\" alt=\"Sellerie cuir\"><\/div>\n            <div class=\"archive-content\">\n              <h3>Selleries <span class=\"amp\">&amp;<\/span> si\u00e8ges<\/h3>\n              <p>Vues des banquettes, d\u00e9tails de garnissage et commandes \u00e9lectriques de si\u00e8ges.<\/p>\n              <div class=\"archive-page\">Pages 35 \u00e0 39 et 42<\/div>\n            <\/div>\n          <\/button>\n        <\/article>\n\n        <article class=\"archive-card\">\n          <button type=\"button\" onclick=\"openGallery([\n            {src: wpBaseUrl + '42.jpg', caption: 'Autoradio Clarion et haut-parleurs \u2014 page 43'},\n            {src: wpBaseUrl + '57.jpg', caption: 'Implantation des \u00e9l\u00e9ments audio \u2014 page 58'}\n          ], 'Audio')\">\n            <div class=\"archive-thumb\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/42.jpg\" alt=\"Autoradio et haut-parleurs\"><\/div>\n            <div class=\"archive-content\">\n              <h3>Audio<\/h3>\n              <p>Autoradio Clarion, haut-parleurs et implantation des \u00e9l\u00e9ments audio dans l'habitacle.<\/p>\n              <div class=\"archive-page\">Pages 43 et 58<\/div>\n            <\/div>\n          <\/button>\n        <\/article>\n\n        <article class=\"archive-card\">\n          <button type=\"button\" onclick=\"openGallery([\n            {src: wpBaseUrl + '43.jpg', caption: 'Rangements et \u00e9clairages int\u00e9rieurs \u2014 page 44'},\n            {src: wpBaseUrl + '39.jpg', caption: 'Coffre \u2014 page 40'}\n          ], 'Rangements')\">\n            <div class=\"archive-thumb\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/43.jpg\" alt=\"Rangements\"><\/div>\n            <div class=\"archive-content\">\n              <h3>Rangements <span class=\"amp\">&amp;<\/span> coffre<\/h3>\n              <p>Accoudoirs, vide-poches, bo\u00eete \u00e0 gants, plafonnier et coffre sont photographi\u00e9s dans la brochure.<\/p>\n              <div class=\"archive-page\">Pages 40 et 44<\/div>\n            <\/div>\n          <\/button>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section class=\"section-card\" id=\"fabrication\">\n      <h2 class=\"section-title\"><span class=\"icon\">\ud83c\udfed<\/span> Conception & fabrication<\/h2>\n      <p class=\"section-subtitle\">\n        Le document ne comporte pas de dossier historique d\u00e9taill\u00e9 \u00ab Projet D60 \u00bb. Il contient en revanche des photographies d'usine et des illustrations de conception assist\u00e9e par ordinateur.\n      <\/p>\n\n      <div class=\"gallery-grid\">\n        <article class=\"archive-card\">\n          <button type=\"button\" class=\"gallery-trigger\" data-gallery=\"production\">\n            <div class=\"archive-thumb\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/19.jpg\" alt=\"Fabrication en usine\"><\/div>\n            <div class=\"archive-content\">\n              <h3>Production industrielle<\/h3>\n              <p>La brochure montre notamment une centrale des laques, une station robot six axes et plusieurs \u00e9tapes de fabrication.<\/p>\n              <div class=\"archive-page\">Pages 20, 30 et 31<\/div>\n            <\/div>\n          <\/button>\n        <\/article>\n\n        <article class=\"archive-card\">\n          <button type=\"button\" onclick=\"openGallery([\n            {src: wpBaseUrl + '53.jpg', caption: '\u00c9l\u00e9ments de structure de caisse \u2014 page 54'},\n            {src: wpBaseUrl + '54.jpg', caption: '\u00c9l\u00e9ments de structure de caisse \u2014 page 55'},\n            {src: wpBaseUrl + '55.jpg', caption: '\u00c9tude de d\u00e9formation de structure en CAO \u2014 page 56'}\n          ], 'Structure de caisse')\">\n            <div class=\"archive-thumb\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/55.jpg\" alt=\"Structure et CAO\"><\/div>\n            <div class=\"archive-content\">\n              <h3>Structure <span class=\"amp\">&amp;<\/span> CAO<\/h3>\n              <p>\u00c9clat\u00e9s de caisse et \u00ab \u00c9tude de d\u00e9formation de structure en CAO \u00bb apparaissent dans les pages de conception.<\/p>\n              <div class=\"archive-page\">Pages 54 \u00e0 56<\/div>\n            <\/div>\n          <\/button>\n        <\/article>\n\n        <article class=\"archive-card\">\n          <button type=\"button\" class=\"gallery-trigger\" data-gallery=\"essais\">\n            <div class=\"archive-thumb\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/08\/44.jpg\" alt=\"Installation d'essai\"><\/div>\n            <div class=\"archive-content\">\n              <h3>Essais <span class=\"amp\">&amp;<\/span> conception<\/h3>\n              <p>Une installation d'essai et des documents de CAO illustrent le travail de d\u00e9veloppement pr\u00e9sent\u00e9 par la brochure.<\/p>\n              <div class=\"archive-page\">Pages 45 et 56<\/div>\n            <\/div>\n          <\/button>\n        <\/article>\n      <\/div>\n    <\/section>\n\n  <\/main>\n\n  <div class=\"modal-overlay\" id=\"gallery-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"gallery-title\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header\">\n        <span class=\"modal-title\" id=\"gallery-title\">Illustrations<\/span>\n        <button class=\"modal-close\" type=\"button\" onclick=\"closeGallery()\" aria-label=\"Fermer\"><\/button>\n      <\/div>\n\n      <div class=\"modal-body\">\n        <button class=\"modal-nav prev\" type=\"button\" onclick=\"changeGalleryImage(-1)\" aria-label=\"Image pr\u00e9c\u00e9dente\">&lt;<\/button>\n        <img decoding=\"async\" id=\"gallery-img\" src=\"\" alt=\"\">\n        <button class=\"modal-nav next\" type=\"button\" onclick=\"changeGalleryImage(1)\" aria-label=\"Image suivante\">&gt;<\/button>\n      <\/div>\n\n      <div class=\"modal-footer\">\n        <span class=\"modal-caption\" id=\"gallery-caption\"><\/span>\n        <span id=\"gallery-counter\"><\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  \n  <script>\n    \/\/ Base URL for the 62 extracted brochure images.\n    const wpBaseUrl = \"\/wp-content\/uploads\/2026\/08\/\";\n\n    \/\/ Exact model labels used by the brochure table on page 61.\n    const models = {\n      SL: {\n        label: \"605 SL \/ SLD\",\n        standardLabel: \"Garnissage draps\"\n      },\n      SRI: {\n        label: \"605 SRI \/ SR 3.0 \/ SRD \/ SRDT\",\n        standardLabel: \"Garnissage velours\"\n      },\n      SV30: {\n        label: \"605 SV 3.0 \/ SVDT\",\n        standardLabel: \"Garnissage velours\"\n      },\n      SV24: {\n        label: \"605 SV 24\",\n        standardLabel: \"Garnissage cuir\"\n      }\n    };\n\n    \/\/ Approximate screen swatches only; these are not factory paint references.\n    const colors = [\n      { id: \"blanc-meije\", name: \"Blanc Meije\", group: \"Couleurs\", hex: \"#e9e8e1\", text: \"#17202b\" },\n      { id: \"bleu-arabie\", name: \"Bleu d'Arabie\", group: \"Couleurs\", hex: \"#1d2f4b\", text: \"#ffffff\" },\n      { id: \"rouge-andalou\", name: \"Rouge Andalou\", group: \"Couleurs\", hex: \"#9d1e26\", text: \"#ffffff\" },\n      { id: \"noir-verni\", name: \"Noir Verni\", group: \"Couleurs\", hex: \"#171719\", text: \"#ffffff\" },\n      { id: \"brun-castillane\", name: \"Brun Castillane M\u00e9tal\", group: \"Couleurs m\u00e9tallis\u00e9es\", hex: \"#514448\", text: \"#ffffff\" },\n      { id: \"beige-mayfair\", name: \"Beige Mayfair M\u00e9tal\", group: \"Couleurs m\u00e9tallis\u00e9es\", hex: \"#9b9992\", text: \"#17202b\" },\n      { id: \"rouge-plaisir\", name: \"Rouge Plaisir M\u00e9tal\", group: \"Couleurs m\u00e9tallis\u00e9es\", hex: \"#7c2635\", text: \"#ffffff\" },\n      { id: \"bleu-topaze\", name: \"Bleu Topaze M\u00e9tal\", group: \"Couleurs m\u00e9tallis\u00e9es\", hex: \"#637a91\", text: \"#ffffff\" },\n      { id: \"gris-futura\", name: \"Gris Futura M\u00e9tal\", group: \"Couleurs m\u00e9tallis\u00e9es\", hex: \"#8e959d\", text: \"#17202b\" },\n      { id: \"gris-magnum\", name: \"Gris Magnum M\u00e9tal\", group: \"Couleurs m\u00e9tallis\u00e9es\", hex: \"#4f5360\", text: \"#ffffff\" },\n      { id: \"rouge-alhambra\", name: \"Rouge Alhambra Nacr\u00e9\", group: \"Couleurs nacr\u00e9es\", hex: \"#55222b\", text: \"#ffffff\" },\n      { id: \"bleu-antheor\", name: \"Bleu Anth\u00e9or Nacr\u00e9\", group: \"Couleurs nacr\u00e9es\", hex: \"#263655\", text: \"#ffffff\" },\n      { id: \"vert-sorrento\", name: \"Vert Sorrento Nacr\u00e9\", group: \"Couleurs nacr\u00e9es\", hex: \"#1f3231\", text: \"#ffffff\" }\n    ];\n\n    \/\/ Upholstery code labels transcribed from page 60.\n    const upholsteryNames = {\n      \"5-7\": \"Duo Impala\",\n      \"5-6\": \"Duo Indigo\",\n      \"5-8\": \"Duo Anthracite\",\n      \"9-3\": \"Sevruga Impala\",\n      \"9-2\": \"Sevruga Indigo\",\n      \"9-4\": \"Sevruga Anthracite\",\n      \"9-6\": \"Pr\u00e9lude Impala\",\n      \"9-5\": \"Pr\u00e9lude Indigo\",\n      \"9-7\": \"Pr\u00e9lude Orage\",\n      \"10-1\": \"Cuir Impala\",\n      \"10-2\": \"Cuir Bleu\",\n      \"10-6\": \"Cuir Ouragan\"\n    };\n\n    \/\/ Model\/color matrix transcribed from the brochure table on page 61.\n    \/\/ \"option\" corresponds to the blue-shaded optional upholstery column in the original table.\n    const combinations = {\n      \"blanc-meije\": {\n        SL:   { standard: [\"5-8\"] },\n        SRI:  { standard: [\"9-4\", \"9-2\"], option: [\"10-6\", \"10-2\"] },\n        SV30: { standard: [\"9-7\", \"9-5\"], option: [\"10-6\", \"10-2\"] },\n        SV24: { standard: [\"10-6\", \"10-2\"] }\n      },\n      \"bleu-arabie\": {\n        SL:   { standard: [\"5-6\"] },\n        SRI:  { standard: [\"9-2\", \"9-3\"], option: [\"10-2\", \"10-1\"] },\n        SV30: { standard: [\"9-5\", \"9-6\"], option: [\"10-2\", \"10-1\"] },\n        SV24: null\n      },\n      \"rouge-andalou\": {\n        SL:   { standard: [\"5-8\"] },\n        SRI:  { standard: [\"9-4\", \"9-3\"], option: [\"10-6\", \"10-1\"] },\n        SV30: { standard: [\"9-7\", \"9-6\"], option: [\"10-6\", \"10-1\"] },\n        SV24: null\n      },\n      \"noir-verni\": {\n        SL:   { standard: [\"5-7\"] },\n        SRI:  { standard: [\"9-3\", \"9-4\"], option: [\"10-1\", \"10-6\"] },\n        SV30: { standard: [\"9-6\", \"9-7\"], option: [\"10-1\", \"10-6\"] },\n        SV24: { standard: [\"10-1\", \"10-6\"] }\n      },\n      \"brun-castillane\": {\n        SL:   { standard: [\"5-7\"] },\n        SRI:  { standard: [\"9-3\"], option: [\"10-1\"] },\n        SV30: { standard: [\"9-6\"], option: [\"10-1\"] },\n        SV24: { standard: [\"10-1\"] }\n      },\n      \"beige-mayfair\": {\n        SL:   { standard: [\"5-7\"] },\n        SRI:  { standard: [\"9-3\", \"9-4\"], option: [\"10-1\", \"10-6\"] },\n        SV30: { standard: [\"9-6\", \"9-7\"], option: [\"10-1\", \"10-6\"] },\n        SV24: { standard: [\"10-1\", \"10-6\"] }\n      },\n      \"rouge-plaisir\": {\n        SL:   { standard: [\"5-8\"] },\n        SRI:  { standard: [\"9-4\", \"9-3\"], option: [\"10-6\", \"10-1\"] },\n        SV30: { standard: [\"9-7\", \"9-6\"], option: [\"10-6\", \"10-1\"] },\n        SV24: { standard: [\"10-6\", \"10-1\"] }\n      },\n      \"bleu-topaze\": {\n        SL:   { standard: [\"5-6\"] },\n        SRI:  { standard: [\"9-2\", \"9-4\"], option: [\"10-2\", \"10-6\"] },\n        SV30: { standard: [\"9-7\", \"9-5\"], option: [\"10-2\", \"10-6\"] },\n        SV24: { standard: [\"10-2\", \"10-6\"] }\n      },\n      \"gris-futura\": {\n        SL:   { standard: [\"5-8\"] },\n        SRI:  { standard: [\"9-4\", \"9-2\"], option: [\"10-6\", \"10-2\"] },\n        SV30: { standard: [\"9-7\", \"9-5\"], option: [\"10-6\", \"10-2\"] },\n        SV24: { standard: [\"10-6\", \"10-2\"] }\n      },\n      \"gris-magnum\": {\n        SL:   { standard: [\"5-8\"] },\n        SRI:  { standard: [\"9-4\", \"9-3\"], option: [\"10-6\", \"10-1\"] },\n        SV30: { standard: [\"9-7\", \"9-6\"], option: [\"10-6\", \"10-1\"] },\n        SV24: { standard: [\"10-6\", \"10-1\"] }\n      },\n      \"rouge-alhambra\": {\n        SL: null,\n        SRI:  { standard: [\"9-4\", \"9-3\"], option: [\"10-6\", \"10-1\"] },\n        SV30: { standard: [\"9-7\", \"9-6\"], option: [\"10-6\", \"10-1\"] },\n        SV24: { standard: [\"10-6\", \"10-1\"] }\n      },\n      \"bleu-antheor\": {\n        SL: null,\n        SRI:  { standard: [\"9-2\", \"9-3\"], option: [\"10-2\", \"10-1\"] },\n        SV30: { standard: [\"9-5\", \"9-6\"], option: [\"10-2\", \"10-1\"] },\n        SV24: { standard: [\"10-2\", \"10-1\"] }\n      },\n      \"vert-sorrento\": {\n        SL: null,\n        SRI:  { standard: [\"9-4\", \"9-3\"], option: [\"10-6\", \"10-1\"] },\n        SV30: { standard: [\"9-7\", \"9-6\"], option: [\"10-6\", \"10-1\"] },\n        SV24: { standard: [\"10-6\", \"10-1\"] }\n      }\n    };\n\n    \/\/ Galleries bound without inline JavaScript for reliable mobile\/WordPress behavior.\n    const cardGalleries = {\n      production: {\n        title: \"Fabrication\",\n        images: [\n          { src: wpBaseUrl + \"19.jpg\", caption: \"Centrale des laques, s\u00e9chage et station robot 6 axes \u2014 page 20\" },\n          { src: wpBaseUrl + \"29.jpg\", caption: \"Ligne d'assemblage \u2014 page 30\" },\n          { src: wpBaseUrl + \"30.jpg\", caption: \"Robots de fabrication \u2014 page 31\" }\n        ]\n      },\n      essais: {\n        title: \"Essais & conception\",\n        images: [\n          { src: wpBaseUrl + \"44.jpg\", caption: \"Installation d'essai \u2014 page 45\" },\n          { src: wpBaseUrl + \"55.jpg\", caption: \"\u00c9tude de d\u00e9formation de structure en CAO \u2014 page 56\" }\n        ]\n      }\n    };\n\n    let pageFlip = null;\n    let currentGalleryImages = [];\n    let currentGalleryIndex = 0;\n\n    \/**\n     * Builds the flipbook from the 62 extracted brochure images.\n     *\n     * @author L.Vall\u00e9e\n     *\/\n    function initializeFlipbook() {\n      \/\/ Get the flipbook container.\n      const bookContainer = document.getElementById(\"book\");\n\n      \/\/ Define the brochure page count.\n      const totalPages = 62;\n\n      \/\/ Create each page node.\n      for (let index = 0; index < totalPages; index += 1) {\n        \/\/ Create the page wrapper.\n        const page = document.createElement(\"div\");\n\n        \/\/ Apply the page CSS class.\n        page.className = \"my-page\";\n\n        \/\/ Mark the first and last pages as hard covers.\n        if (index === 0 || index === totalPages - 1) {\n          page.dataset.density = \"hard\";\n        }\n\n        \/\/ Create the page image.\n        const image = document.createElement(\"img\");\n\n        \/\/ Build the WordPress image URL.\n        image.src = `${wpBaseUrl}${index}.jpg`;\n\n        \/\/ Add an accessible description.\n        image.alt = `Brochure Peugeot 605 \u2014 page ${index + 1}`;\n\n        \/\/ Avoid eager-loading all brochure pages.\n        image.loading = index < 4 ? \"eager\" : \"lazy\";\n\n        \/\/ Append the image to the page.\n        page.appendChild(image);\n\n        \/\/ Append the page to the book.\n        bookContainer.appendChild(page);\n      }\n\n      \/\/ Create the PageFlip instance.\n      pageFlip = new St.PageFlip(bookContainer, {\n        width: 550,\n        height: 733,\n        size: \"stretch\",\n        minWidth: 300,\n        maxWidth: 900,\n        minHeight: 400,\n        maxHeight: 1200,\n        maxShadowOpacity: 0.45,\n        showCover: true,\n        mobileScrollSupport: true,\n        usePortrait: true\n      });\n\n      \/\/ Load the generated HTML pages.\n      pageFlip.loadFromHTML(document.querySelectorAll(\".my-page\"));\n\n      \/\/ Refresh the page counter after each flip.\n      pageFlip.on(\"flip\", event => {\n        \/\/ Update the visible brochure page number.\n        document.getElementById(\"page-counter\").textContent = `Page ${event.data + 1} sur ${totalPages}`;\n      });\n\n      \/\/ Bind the previous button.\n      document.getElementById(\"btn-prev\").addEventListener(\"click\", () => pageFlip.flipPrev());\n\n      \/\/ Bind the next button.\n      document.getElementById(\"btn-next\").addEventListener(\"click\", () => pageFlip.flipNext());\n\n      \/\/ Bind the full-screen presentation mode.\n      document.getElementById(\"btn-fullscreen\").addEventListener(\"click\", toggleFlipbookFullscreen);\n    }\n\n    \/**\n     * Toggles the brochure section between normal and full-screen layouts.\n     *\n     * @author L.Vall\u00e9e\n     *\/\n    function toggleFlipbookFullscreen() {\n      \/\/ Get the brochure section.\n      const brochureSection = document.getElementById(\"brochure\");\n\n      \/\/ Get the full-screen button.\n      const button = document.getElementById(\"btn-fullscreen\");\n\n      \/\/ Toggle the full-screen CSS class.\n      const enabled = brochureSection.classList.toggle(\"flipbook-fullscreen\");\n\n      \/\/ Update the button label.\n      button.textContent = enabled ? \"\u2715 Fermer\" : \"\u26f6 Plein \u00e9cran\";\n\n      \/\/ Prevent the body from scrolling behind the full-screen book.\n      document.body.style.overflow = enabled ? \"hidden\" : \"\";\n\n      \/\/ Let PageFlip recompute its dimensions.\n      window.setTimeout(() => pageFlip?.update(), 120);\n    }\n\n    \/**\n     * Populates model and color selectors from the brochure data.\n     *\n     * @author L.Vall\u00e9e\n     *\/\n    function initializeConfigurator() {\n      \/\/ Get the model selector.\n      const modelSelect = document.getElementById(\"model-select\");\n\n      \/\/ Add all model labels from page 61.\n      Object.entries(models).forEach(([modelId, model]) => {\n        \/\/ Create a model option.\n        const option = document.createElement(\"option\");\n\n        \/\/ Store the internal model identifier.\n        option.value = modelId;\n\n        \/\/ Display the brochure wording.\n        option.textContent = model.label;\n\n        \/\/ Add the model option.\n        modelSelect.appendChild(option);\n      });\n\n      \/\/ Get the color selector.\n      const colorSelect = document.getElementById(\"color-select\");\n\n      \/\/ Track the current brochure color group.\n      let currentGroup = null;\n\n      \/\/ Create grouped color options.\n      colors.forEach(color => {\n        \/\/ Start a new optical group when the brochure group changes.\n        if (color.group !== currentGroup) {\n          \/\/ Update the current group name.\n          currentGroup = color.group;\n        }\n\n        \/\/ Find or create the matching option group.\n        let optionGroup = Array.from(colorSelect.children).find(child => child.label === color.group);\n\n        \/\/ Create the option group when needed.\n        if (!optionGroup) {\n          \/\/ Create the group element.\n          optionGroup = document.createElement(\"optgroup\");\n\n          \/\/ Reuse the brochure category label.\n          optionGroup.label = color.group;\n\n          \/\/ Add the group to the selector.\n          colorSelect.appendChild(optionGroup);\n        }\n\n        \/\/ Create the color option.\n        const option = document.createElement(\"option\");\n\n        \/\/ Store the color identifier.\n        option.value = color.id;\n\n        \/\/ Display the exact brochure color name.\n        option.textContent = color.name;\n\n        \/\/ Add the color option to its group.\n        optionGroup.appendChild(option);\n      });\n\n      \/\/ Set an informative default combination.\n      modelSelect.value = \"SV24\";\n\n      \/\/ Use Gris Futura M\u00e9tal as the initial color.\n      colorSelect.value = \"gris-futura\";\n\n      \/\/ Re-render when the model changes.\n      modelSelect.addEventListener(\"change\", updateConfigurator);\n\n      \/\/ Re-render when the color changes.\n      colorSelect.addEventListener(\"change\", updateConfigurator);\n\n      \/\/ Render the initial state.\n      updateConfigurator();\n    }\n\n    \/**\n     * Resolves a brochure upholstery code into its display name.\n     *\n     * @param {string} code Upholstery reference shown in the brochure.\n     * @returns {string} Human-readable upholstery label.\n     * @author L.Vall\u00e9e\n     *\/\n    function getUpholsteryLabel(code) {\n      \/\/ Return the page-60 label when known.\n      return upholsteryNames[code] ?? code;\n    }\n\n    \/**\n     * Renders the selected model\/color combination from page 61.\n     *\n     * @author L.Vall\u00e9e\n     *\/\n    function updateConfigurator() {\n      \/\/ Get the selected model identifier.\n      const modelId = document.getElementById(\"model-select\").value;\n\n      \/\/ Get the selected color identifier.\n      const colorId = document.getElementById(\"color-select\").value;\n\n      \/\/ Find the selected brochure model.\n      const model = models[modelId];\n\n      \/\/ Find the selected brochure color.\n      const color = colors.find(item => item.id === colorId);\n\n      \/\/ Read the corresponding page-61 cell.\n      const combination = combinations[colorId]?.[modelId] ?? null;\n\n      \/\/ Get the preview box.\n      const preview = document.getElementById(\"color-preview\");\n\n      \/\/ Apply the approximate screen swatch.\n      preview.style.backgroundColor = color.hex;\n\n      \/\/ Apply a readable text color.\n      preview.style.color = color.text;\n\n      \/\/ Display the exact brochure color name.\n      document.getElementById(\"color-preview-name\").textContent = color.name;\n\n      \/\/ Display the selected model and color.\n      document.getElementById(\"result-name\").textContent = `${model.label} \u2014 ${color.name}`;\n\n      \/\/ Get the upholstery result container.\n      const list = document.getElementById(\"upholstery-list\");\n\n      \/\/ Clear the previous result.\n      list.replaceChildren();\n\n      \/\/ Show an explicit unavailable state for blank cells in the brochure table.\n      if (!combination) {\n        \/\/ Create the unavailable message.\n        const unavailable = document.createElement(\"div\");\n\n        \/\/ Apply the unavailable style.\n        unavailable.className = \"unavailable\";\n\n        \/\/ State exactly what the blank brochure cell means for this interface.\n        unavailable.textContent = \"Aucun garnissage n'est indiqu\u00e9 pour cette combinaison dans le tableau de la brochure.\";\n\n        \/\/ Display the unavailable message.\n        list.appendChild(unavailable);\n\n        \/\/ Stop here.\n        return;\n      }\n\n      \/\/ Render the standard upholstery group.\n      renderUpholsteryGroup(list, model.standardLabel, combination.standard, false);\n\n      \/\/ Render the optional upholstery group when present.\n      if (combination.option?.length) {\n        \/\/ Render the blue-shaded optional column from page 61.\n        renderUpholsteryGroup(list, \"Garnissage en option\", combination.option, true);\n      }\n    }\n\n    \/**\n     * Adds one upholstery group to the configurator result.\n     *\n     * @param {HTMLElement} container Result container.\n     * @param {string} title Group label.\n     * @param {string[]} codes Upholstery codes from the brochure.\n     * @param {boolean} optional Whether the group is marked optional in the brochure.\n     * @author L.Vall\u00e9e\n     *\/\n    function renderUpholsteryGroup(container, title, codes, optional) {\n      \/\/ Create the group heading.\n      const heading = document.createElement(\"div\");\n\n      \/\/ Apply either the normal or optional visual treatment.\n      heading.className = optional ? \"option-badge\" : \"source-chip\";\n\n      \/\/ Display the group wording.\n      heading.textContent = optional ? `Option brochure : ${title}` : title;\n\n      \/\/ Add the heading to the result.\n      container.appendChild(heading);\n\n      \/\/ Render every brochure code in the group.\n      codes.forEach(code => {\n        \/\/ Create the row.\n        const row = document.createElement(\"div\");\n\n        \/\/ Apply the row style.\n        row.className = \"upholstery-item\";\n\n        \/\/ Create the code label.\n        const codeElement = document.createElement(\"strong\");\n\n        \/\/ Display the exact brochure code.\n        codeElement.textContent = code;\n\n        \/\/ Create the readable label.\n        const label = document.createElement(\"span\");\n\n        \/\/ Resolve the page-60 upholstery name.\n        label.textContent = getUpholsteryLabel(code);\n\n        \/\/ Add the code to the row.\n        row.appendChild(codeElement);\n\n        \/\/ Add the upholstery name to the row.\n        row.appendChild(label);\n\n        \/\/ Add the row to the group.\n        container.appendChild(row);\n      });\n    }\n\n    \/**\n     * Opens the generic image gallery modal.\n     *\n     * @param {{src:string, caption:string}[]} images Gallery items.\n     * @param {string} title Gallery title.\n     * @author L.Vall\u00e9e\n     *\/\n    function openGallery(images, title = \"Illustrations\") {\n      \/\/ Store the current gallery items.\n      currentGalleryImages = images;\n\n      \/\/ Reset the gallery position.\n      currentGalleryIndex = 0;\n\n      \/\/ Set the gallery title.\n      document.getElementById(\"gallery-title\").textContent = title;\n\n      \/\/ Render the first gallery item.\n      updateGalleryDisplay();\n\n      \/\/ Open the modal.\n      document.getElementById(\"gallery-modal\").classList.add(\"active\");\n\n      \/\/ Prevent background scrolling.\n      document.body.style.overflow = \"hidden\";\n    }\n\n    \/**\n     * Closes the generic image gallery modal.\n     *\n     * @author L.Vall\u00e9e\n     *\/\n    function closeGallery() {\n      \/\/ Hide the modal.\n      document.getElementById(\"gallery-modal\").classList.remove(\"active\");\n\n      \/\/ Restore page scrolling.\n      document.body.style.overflow = \"\";\n    }\n\n    \/**\n     * Moves to the previous or next gallery image.\n     *\n     * @param {number} direction Navigation delta, usually -1 or +1.\n     * @author L.Vall\u00e9e\n     *\/\n    function changeGalleryImage(direction) {\n      \/\/ Move the current index.\n      currentGalleryIndex += direction;\n\n      \/\/ Wrap before the first image.\n      if (currentGalleryIndex < 0) {\n        currentGalleryIndex = currentGalleryImages.length - 1;\n      }\n\n      \/\/ Wrap after the last image.\n      if (currentGalleryIndex >= currentGalleryImages.length) {\n        currentGalleryIndex = 0;\n      }\n\n      \/\/ Render the selected image.\n      updateGalleryDisplay();\n    }\n\n    \/**\n     * Updates the gallery image, caption, and counter.\n     *\n     * @author L.Vall\u00e9e\n     *\/\n    function updateGalleryDisplay() {\n      \/\/ Get the current gallery item.\n      const item = currentGalleryImages[currentGalleryIndex];\n\n      \/\/ Get the modal image.\n      const image = document.getElementById(\"gallery-img\");\n\n      \/\/ Update the image URL.\n      image.src = item.src;\n\n      \/\/ Reuse the caption as alternative text.\n      image.alt = item.caption;\n\n      \/\/ Update the visible caption.\n      document.getElementById(\"gallery-caption\").textContent = item.caption;\n\n      \/\/ Update the gallery counter.\n      document.getElementById(\"gallery-counter\").textContent = `${currentGalleryIndex + 1} \/ ${currentGalleryImages.length}`;\n    }\n\n    \/**\n     * Handles global keyboard controls for the gallery and brochure view.\n     *\n     * @param {KeyboardEvent} event Browser keyboard event.\n     * @author L.Vall\u00e9e\n     *\/\n    function handleKeyboard(event) {\n      \/\/ Detect whether the gallery is open.\n      const galleryOpen = document.getElementById(\"gallery-modal\").classList.contains(\"active\");\n\n      \/\/ Close the gallery or full-screen brochure with Escape.\n      if (event.key === \"Escape\") {\n        \/\/ Close the gallery first when open.\n        if (galleryOpen) {\n          closeGallery();\n          return;\n        }\n\n        \/\/ Get the brochure section.\n        const brochureSection = document.getElementById(\"brochure\");\n\n        \/\/ Exit full-screen presentation mode when active.\n        if (brochureSection.classList.contains(\"flipbook-fullscreen\")) {\n          toggleFlipbookFullscreen();\n        }\n      }\n\n      \/\/ Navigate the open gallery with the left arrow.\n      if (galleryOpen && event.key === \"ArrowLeft\") {\n        changeGalleryImage(-1);\n      }\n\n      \/\/ Navigate the open gallery with the right arrow.\n      if (galleryOpen && event.key === \"ArrowRight\") {\n        changeGalleryImage(1);\n      }\n    }\n\n    \/**\n     * Initializes the mobile navigation toggle.\n     *\n     * @author L.Vall\u00e9e\n     *\/\n    function initializeMobileNavigation() {\n      \/\/ Get the hamburger button.\n      const toggle = document.getElementById(\"nav-toggle\");\n\n      \/\/ Get the collapsible navigation links.\n      const links = document.getElementById(\"nav-links\");\n\n      \/\/ Toggle the mobile menu.\n      toggle.addEventListener(\"click\", () => {\n        \/\/ Read the current menu state.\n        const expanded = toggle.getAttribute(\"aria-expanded\") === \"true\";\n\n        \/\/ Update the accessibility state.\n        toggle.setAttribute(\"aria-expanded\", String(!expanded));\n\n        \/\/ Update the accessible button label.\n        toggle.setAttribute(\"aria-label\", expanded ? \"Ouvrir le menu\" : \"Fermer le menu\");\n\n        \/\/ Show or hide the links.\n        links.classList.toggle(\"open\", !expanded);\n      });\n\n      \/\/ Close the menu after selecting a destination on mobile.\n      links.querySelectorAll(\"a\").forEach(link => {\n        \/\/ Bind one close handler per navigation link.\n        link.addEventListener(\"click\", () => {\n          \/\/ Collapse the menu.\n          links.classList.remove(\"open\");\n\n          \/\/ Reset the accessibility state.\n          toggle.setAttribute(\"aria-expanded\", \"false\");\n\n          \/\/ Restore the default button label.\n          toggle.setAttribute(\"aria-label\", \"Ouvrir le menu\");\n        });\n      });\n\n      \/\/ Reset the mobile state when returning to the desktop layout.\n      window.addEventListener(\"resize\", () => {\n        \/\/ Only reset above the mobile breakpoint.\n        if (window.innerWidth > 760) {\n          \/\/ Remove the mobile open state.\n          links.classList.remove(\"open\");\n\n          \/\/ Reset the accessibility state.\n          toggle.setAttribute(\"aria-expanded\", \"false\");\n\n          \/\/ Restore the default button label.\n          toggle.setAttribute(\"aria-label\", \"Ouvrir le menu\");\n        }\n      });\n    }\n\n    \/**\n     * Initializes gallery cards that use data-gallery identifiers.\n     *\n     * @author L.Vall\u00e9e\n     *\/\n    function initializeGalleryTriggers() {\n      \/\/ Bind each robust gallery trigger.\n      document.querySelectorAll(\".gallery-trigger\").forEach(button => {\n        \/\/ Open the gallery referenced by the button.\n        button.addEventListener(\"click\", () => {\n          \/\/ Read the gallery identifier.\n          const galleryId = button.dataset.gallery;\n\n          \/\/ Resolve the gallery definition.\n          const gallery = cardGalleries[galleryId];\n\n          \/\/ Ignore an unknown identifier safely.\n          if (!gallery) {\n            return;\n          }\n\n          \/\/ Open the resolved gallery.\n          openGallery(gallery.images, gallery.title);\n        });\n      });\n    }\n\n    \/\/ Initialize the page after the DOM is ready.\n    document.addEventListener(\"DOMContentLoaded\", () => {\n      \/\/ Build the responsive navigation.\n      initializeMobileNavigation();\n\n      \/\/ Build the brochure viewer.\n      initializeFlipbook();\n\n      \/\/ Build the page-61 configurator.\n      initializeConfigurator();\n\n      \/\/ Bind the robust gallery card triggers.\n      initializeGalleryTriggers();\n\n      \/\/ Close the gallery when clicking the dark overlay.\n      document.getElementById(\"gallery-modal\").addEventListener(\"click\", event => {\n        \/\/ Close only when the overlay itself is clicked.\n        if (event.target.id === \"gallery-modal\") {\n          closeGallery();\n        }\n      });\n\n      \/\/ Enable keyboard controls.\n      document.addEventListener(\"keydown\", handleKeyboard);\n    });\n  <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Peugeot 605 \u2014 Brochure &#038; Archives 605 Peugeot Archives \ud83d\udcd6 Brochure \ud83c\udfa8 Nuancier \ud83d\udee0\ufe0f Technique \ud83d\udccb \u00c9quipements \ud83c\udfed Fabrication Document d&rsquo;\u00e9poque \u2022 62 pages Peugeot 605 Une consultation interactive de la brochure : carrosserie, nuancier, garnissages, technique, \u00e9quipements et documents de conception. Les intitul\u00e9s et correspondances affich\u00e9s ci-dessous sont limit\u00e9s aux informations visibles dans la&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-9555","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Brochure - Ma Peugeot 605<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mapeugeot605.com\/en\/brochure\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Brochure - Ma Peugeot 605\" \/>\n<meta property=\"og:description\" content=\"Peugeot 605 \u2014 Brochure &#038; Archives 605 Peugeot Archives \ud83d\udcd6 Brochure \ud83c\udfa8 Nuancier \ud83d\udee0\ufe0f Technique \ud83d\udccb \u00c9quipements \ud83c\udfed Fabrication Document d&rsquo;\u00e9poque \u2022 62 pages Peugeot 605 Une consultation interactive de la brochure : carrosserie, nuancier, garnissages, technique, \u00e9quipements et documents de conception. Les intitul\u00e9s et correspondances affich\u00e9s ci-dessous sont limit\u00e9s aux informations visibles dans la...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mapeugeot605.com\/en\/brochure\/\" \/>\n<meta property=\"og:site_name\" content=\"Ma Peugeot 605\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-26T23:52:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mapeugeot605.com\/wp-content\/uploads\/2025\/11\/0.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"917\" \/>\n\t<meta property=\"og:image:height\" content=\"917\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"27 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mapeugeot605.com\\\/brochure\\\/\",\"url\":\"https:\\\/\\\/mapeugeot605.com\\\/brochure\\\/\",\"name\":\"Brochure - Ma Peugeot 605\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mapeugeot605.com\\\/en\\\/#website\"},\"datePublished\":\"2026-08-11T17:19:41+00:00\",\"dateModified\":\"2026-08-26T23:52:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mapeugeot605.com\\\/brochure\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mapeugeot605.com\\\/brochure\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mapeugeot605.com\\\/brochure\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/mapeugeot605.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Brochure\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mapeugeot605.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/mapeugeot605.com\\\/en\\\/\",\"name\":\"Ma Peugeot 605\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/mapeugeot605.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mapeugeot605.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mapeugeot605.com\\\/en\\\/#organization\",\"name\":\"Ma Peugeot 605\",\"url\":\"https:\\\/\\\/mapeugeot605.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/mapeugeot605.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mapeugeot605.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/cropped-peugeot-brand-logo-symbol-black-design-french-car-automobile-illustration-free-vector_1748010922-1.webp\",\"contentUrl\":\"https:\\\/\\\/mapeugeot605.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/cropped-peugeot-brand-logo-symbol-black-design-french-car-automobile-illustration-free-vector_1748010922-1.webp\",\"width\":697,\"height\":819,\"caption\":\"Ma Peugeot 605\"},\"image\":{\"@id\":\"https:\\\/\\\/mapeugeot605.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/my_peugeot_605\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Brochure - Ma Peugeot 605","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mapeugeot605.com\/en\/brochure\/","og_locale":"en_GB","og_type":"article","og_title":"Brochure - Ma Peugeot 605","og_description":"Peugeot 605 \u2014 Brochure &#038; Archives 605 Peugeot Archives \ud83d\udcd6 Brochure \ud83c\udfa8 Nuancier \ud83d\udee0\ufe0f Technique \ud83d\udccb \u00c9quipements \ud83c\udfed Fabrication Document d&rsquo;\u00e9poque \u2022 62 pages Peugeot 605 Une consultation interactive de la brochure : carrosserie, nuancier, garnissages, technique, \u00e9quipements et documents de conception. Les intitul\u00e9s et correspondances affich\u00e9s ci-dessous sont limit\u00e9s aux informations visibles dans la...","og_url":"https:\/\/mapeugeot605.com\/en\/brochure\/","og_site_name":"Ma Peugeot 605","article_modified_time":"2026-08-26T23:52:00+00:00","og_image":[{"width":917,"height":917,"url":"https:\/\/mapeugeot605.com\/wp-content\/uploads\/2025\/11\/0.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"27 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mapeugeot605.com\/brochure\/","url":"https:\/\/mapeugeot605.com\/brochure\/","name":"Brochure - Ma Peugeot 605","isPartOf":{"@id":"https:\/\/mapeugeot605.com\/en\/#website"},"datePublished":"2026-08-11T17:19:41+00:00","dateModified":"2026-08-26T23:52:00+00:00","breadcrumb":{"@id":"https:\/\/mapeugeot605.com\/brochure\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mapeugeot605.com\/brochure\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/mapeugeot605.com\/brochure\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/mapeugeot605.com\/"},{"@type":"ListItem","position":2,"name":"Brochure"}]},{"@type":"WebSite","@id":"https:\/\/mapeugeot605.com\/en\/#website","url":"https:\/\/mapeugeot605.com\/en\/","name":"Ma Peugeot 605","description":"","publisher":{"@id":"https:\/\/mapeugeot605.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mapeugeot605.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/mapeugeot605.com\/en\/#organization","name":"Ma Peugeot 605","url":"https:\/\/mapeugeot605.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/mapeugeot605.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/mapeugeot605.com\/wp-content\/uploads\/2025\/09\/cropped-peugeot-brand-logo-symbol-black-design-french-car-automobile-illustration-free-vector_1748010922-1.webp","contentUrl":"https:\/\/mapeugeot605.com\/wp-content\/uploads\/2025\/09\/cropped-peugeot-brand-logo-symbol-black-design-french-car-automobile-illustration-free-vector_1748010922-1.webp","width":697,"height":819,"caption":"Ma Peugeot 605"},"image":{"@id":"https:\/\/mapeugeot605.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/my_peugeot_605\/"]}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mapeugeot605.com\/en\/wp-json\/wp\/v2\/pages\/9555","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mapeugeot605.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mapeugeot605.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mapeugeot605.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mapeugeot605.com\/en\/wp-json\/wp\/v2\/comments?post=9555"}],"version-history":[{"count":71,"href":"https:\/\/mapeugeot605.com\/en\/wp-json\/wp\/v2\/pages\/9555\/revisions"}],"predecessor-version":[{"id":9694,"href":"https:\/\/mapeugeot605.com\/en\/wp-json\/wp\/v2\/pages\/9555\/revisions\/9694"}],"wp:attachment":[{"href":"https:\/\/mapeugeot605.com\/en\/wp-json\/wp\/v2\/media?parent=9555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}