{"id":1808,"date":"2026-08-19T17:12:27","date_gmt":"2026-08-19T17:12:27","guid":{"rendered":"https:\/\/www.coeffard.com\/index.php\/kollectio\/"},"modified":"2026-08-19T17:12:27","modified_gmt":"2026-08-19T17:12:27","slug":"kollectio","status":"publish","type":"page","link":"https:\/\/www.coeffard.com\/index.php\/kollectio\/","title":{"rendered":"Kollectio"},"content":{"rendered":"    <style>\r\n    .kollectio{--klc-accent:#1f4a38;--klc-line:#e3ded2;--klc-muted:#6b6558;\r\n      max-width:1200px;margin:0 auto;font-size:16px}\r\n    .kollectio *{box-sizing:border-box}\r\n    .klc-search{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}\r\n    .klc-search input[type=search]{flex:1;min-width:200px;padding:10px 14px;\r\n      border:1px solid var(--klc-line);border-radius:10px;font-size:15px}\r\n    .klc-search button{padding:10px 18px;border:0;border-radius:10px;\r\n      background:var(--klc-accent);color:#fff;font-size:15px;cursor:pointer}\r\n    .klc-clear{align-self:center;font-size:14px;color:var(--klc-muted)}\r\n    .klc-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}\r\n    .klc-chip{display:inline-flex;align-items:center;gap:6px;\r\n      padding:6px 12px;border:1px solid var(--klc-line);border-radius:20px;\r\n      font-size:14px;text-decoration:none;color:inherit;background:#fff}\r\n    .klc-chip span{font-size:12px;opacity:.6}\r\n    .klc-chip.is-on{background:var(--klc-accent);color:#fff;\r\n      border-color:var(--klc-accent)}\r\n    .klc-chips-small .klc-chip{font-size:13px;padding:4px 10px}\r\n    .klc-tags{margin:0 0 10px;border:1px solid var(--klc-line);\r\n      border-radius:10px;background:#fff}\r\n    .klc-tags summary{cursor:pointer;padding:9px 14px;font-size:14px;\r\n      display:flex;align-items:center;gap:10px;list-style:none}\r\n    .klc-tags summary::-webkit-details-marker{display:none}\r\n    .klc-tags summary::after{content:'\u25be';margin-left:auto;\r\n      color:var(--klc-muted);font-size:12px}\r\n    .klc-tags[open] summary::after{content:'\u25b4'}\r\n    .klc-tags-label{font-weight:500}\r\n    .klc-tags-hint{font-size:12.5px;color:var(--klc-muted)}\r\n    .klc-tags-active{font-size:12.5px;padding:2px 10px;border-radius:12px;\r\n      background:var(--klc-accent);color:#fff}\r\n    .klc-tags .klc-chips{padding:0 14px 14px;margin:0}\r\n    .klc-sort{display:flex;gap:12px;align-items:center;margin:12px 0;\r\n      font-size:14px;color:var(--klc-muted);flex-wrap:wrap}\r\n    .klc-sort-link{color:var(--klc-muted);text-decoration:none}\r\n    .klc-sort-link.is-on{color:var(--klc-accent);font-weight:600;\r\n      text-decoration:underline}\r\n    .klc-count{font-size:14px;color:var(--klc-muted);margin:4px 0 16px}\r\n    .klc-empty{padding:40px 0;text-align:center;color:var(--klc-muted)}\r\n    .klc-grid{display:grid;gap:20px;\r\n      grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}\r\n    .klc-card{cursor:pointer;text-align:left}\r\n    .klc-card:focus{outline:2px solid var(--klc-accent);outline-offset:4px}\r\n    .klc-cover{aspect-ratio:2\/3;background:#f0ece2;border-radius:8px;\r\n      overflow:hidden;display:flex;align-items:center;justify-content:center;\r\n      margin-bottom:8px}\r\n    .klc-cover img{width:100%;height:100%;object-fit:cover;display:block}\r\n    .klc-card:hover .klc-cover img{transform:scale(1.03)}\r\n    .klc-cover img{transition:transform .2s ease}\r\n    .klc-nocover{font-size:12px;color:var(--klc-muted)}\r\n    .klc-card h3{font-size:14px;margin:0 0 2px;line-height:1.3;font-weight:600}\r\n    .klc-sub{font-size:12.5px;color:var(--klc-muted);margin:0}\r\n    .klc-owner{font-size:11.5px;color:var(--klc-muted);margin:3px 0 0;\r\n      opacity:.75;letter-spacing:.3px}\r\n    .klc-owners{margin-bottom:14px}\r\n    .klc-pages{display:flex;gap:6px;justify-content:center;margin:32px 0;\r\n      flex-wrap:wrap}\r\n    .klc-pages .page-numbers{padding:6px 12px;border:1px solid var(--klc-line);\r\n      border-radius:8px;text-decoration:none;color:inherit;font-size:14px}\r\n    .klc-pages .page-numbers.current{background:var(--klc-accent);color:#fff;\r\n      border-color:var(--klc-accent)}\r\n    .klc-modal{position:fixed;inset:0;z-index:9999;display:flex;\r\n      align-items:center;justify-content:center;padding:20px}\r\n    .klc-modal[hidden]{display:none}\r\n    .klc-modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.6)}\r\n    .klc-modal-box{position:relative;background:#fff;border-radius:14px;\r\n      max-width:720px;width:100%;max-height:88vh;overflow:auto;padding:24px}\r\n    .klc-close{position:absolute;top:10px;right:14px;border:0;background:none;\r\n      font-size:30px;line-height:1;cursor:pointer;color:var(--klc-muted)}\r\n    .klc-modal h2{margin:0 0 16px;font-size:22px;padding-right:30px}\r\n    .klc-modal-flex{display:flex;gap:20px;flex-wrap:wrap}\r\n    .klc-modal-flex img{width:180px;border-radius:8px;flex-shrink:0}\r\n    .klc-modal dl{margin:0;display:grid;grid-template-columns:auto 1fr;\r\n      gap:6px 16px;font-size:14px;align-content:start}\r\n    .klc-modal dt{color:var(--klc-muted)}\r\n    .klc-modal dd{margin:0}\r\n    .klc-modal-desc{margin-top:18px;font-size:14.5px;line-height:1.6;\r\n      white-space:pre-line}\r\n    .klc-modal-tags{margin-top:14px;display:flex;gap:6px;flex-wrap:wrap}\r\n    .klc-modal-tags span{font-size:12px;padding:3px 10px;border-radius:12px;\r\n      background:#f0ece2}\r\n    .klc-modal-actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}\r\n    .klc-btn{display:inline-block;padding:9px 18px;border-radius:9px;\r\n      border:1px solid var(--klc-line);text-decoration:none;color:inherit;\r\n      font-size:14px}\r\n    .klc-btn-main{background:var(--klc-accent);color:#fff;\r\n      border-color:var(--klc-accent)}\r\n    @media (max-width:600px){\r\n      .klc-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px}\r\n      .klc-modal-flex img{width:120px}\r\n    }\r\n    <\/style>\r\n        <div class=\"kollectio\">\r\n\r\n          <form class=\"klc-search\" method=\"get\" action=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/\">\r\n                              <input type=\"search\" name=\"klc_q\" placeholder=\"Rechercher un titre, un auteur\u2026\"\r\n             value=\"\">\r\n      <button type=\"submit\">Rechercher<\/button>\r\n          <\/form>\r\n\r\n    \r\n          <nav class=\"klc-chips\" aria-label=\"Collections\">\r\n        <a class=\"klc-chip is-on\"\r\n           href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/\">Tout<\/a>\r\n                  <a class=\"klc-chip \"\r\n             href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_c=cd\">\r\n            CD            <span>12<\/span>\r\n          <\/a>\r\n                  <a class=\"klc-chip \"\r\n             href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_c=dvd\">\r\n            DVD            <span>1<\/span>\r\n          <\/a>\r\n                  <a class=\"klc-chip \"\r\n             href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_c=boardgame\">\r\n            Jeux de soci\u00e9t\u00e9            <span>1<\/span>\r\n          <\/a>\r\n                  <a class=\"klc-chip \"\r\n             href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_c=jeux-videos\">\r\n            Jeux Vid\u00e9os            <span>56<\/span>\r\n          <\/a>\r\n                  <a class=\"klc-chip \"\r\n             href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_c=books\">\r\n            Livres            <span>1146<\/span>\r\n          <\/a>\r\n              <\/nav>\r\n    \r\n          <details class=\"klc-tags\">\r\n        <summary>\r\n          <span class=\"klc-tags-label\">Filtrer par tag<\/span>\r\n                      <span class=\"klc-tags-hint\">55 disponibles<\/span>\r\n                  <\/summary>\r\n        <nav class=\"klc-chips klc-chips-small\" aria-label=\"Tags\">\r\n          <a class=\"klc-chip is-on\"\r\n             href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/\">Tous<\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=action\">\r\n              Action              <span>39<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=animaux\">\r\n              Animaux              <span>1<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=art-culture-societe\">\r\n              Art, Culture &amp; Soci\u00e9t\u00e9              <span>22<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=arts-martiaux\">\r\n              Arts-martiaux              <span>2<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=autres\">\r\n              Autres              <span>22<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=aventure\">\r\n              Aventure              <span>118<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=bd\">\r\n              BD              <span>326<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=bien-etre-loisirs-vie-pratique\">\r\n              Bien-\u00eatre, Loisirs &amp; Vie pratique              <span>44<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=blues\">\r\n              Blues              <span>1<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=cinema\">\r\n              Cin\u00e9ma              <span>1<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=classique\">\r\n              Classique              <span>3<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=cocktails\">\r\n              Cocktails              <span>3<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=combat\">\r\n              Combat              <span>1<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=comedie\">\r\n              Com\u00e9die              <span>4<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=comics\">\r\n              Comics              <span>33<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=course\">\r\n              Course              <span>3<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=cuisine\">\r\n              Cuisine              <span>5<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=drame\">\r\n              Drame              <span>1<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=echecs\">\r\n              Echecs              <span>31<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=education-savoirs\">\r\n              \u00c9ducation &amp; Savoirs              <span>6<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=electronique\">\r\n              \u00c9lectronique              <span>2<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=escalade\">\r\n              Escalade              <span>7<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=fantastique\">\r\n              Fantastique              <span>4<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=fantasy\">\r\n              Fantasy              <span>56<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=finance\">\r\n              Finance              <span>1<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=folk\">\r\n              Folk              <span>1<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=hip-hop\">\r\n              Hip-Hop              <span>1<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=historique\">\r\n              Historique              <span>4<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=horreur\">\r\n              Horreur              <span>33<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=humour\">\r\n              Humour              <span>118<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=imaginaire\">\r\n              Imaginaire              <span>302<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=independant\">\r\n              Ind\u00e9pendant              <span>1<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=informatique\">\r\n              Informatique              <span>4<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=jeunes-adultes\">\r\n              Jeunes adultes              <span>2<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=jeunesse\">\r\n              Jeunesse              <span>92<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=jeux\">\r\n              Jeux              <span>1<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=jeux-de-cartes\">\r\n              Jeux de Cartes              <span>1<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=manga\">\r\n              Manga              <span>109<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=musique\">\r\n              Musique              <span>1<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=plateforme\">\r\n              Plateforme              <span>4<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=poker\">\r\n              Poker              <span>1<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=policiers-thrillers\">\r\n              Policiers &amp; Thrillers              <span>30<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=pop\">\r\n              Pop              <span>4<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=quiz-jeux\">\r\n              Quiz\/Jeux              <span>1<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=recettes\">\r\n              Recettes              <span>5<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=reflexion\">\r\n              R\u00e9flexion              <span>6<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=rock\">\r\n              Rock              <span>3<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=romans-nouvelles\">\r\n              Romans &amp; Nouvelles              <span>17<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=rpg\">\r\n              RPG              <span>10<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=science-fiction\">\r\n              Science-Fiction              <span>50<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=simulation\">\r\n              Simulation              <span>2<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=strategie\">\r\n              Strat\u00e9gie              <span>4<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=tir\">\r\n              Tir              <span>16<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=voyage\">\r\n              Voyage              <span>3<\/span>\r\n            <\/a>\r\n                      <a class=\"klc-chip \"\r\n               href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_t=western\">\r\n              Western              <span>63<\/span>\r\n            <\/a>\r\n                  <\/nav>\r\n      <\/details>\r\n    \r\n    <div class=\"klc-sort\">\r\n      <span>Trier :<\/span>\r\n              <a class=\"klc-sort-link is-on\"\r\n           href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_s=title\">\r\n          Titre        <\/a>\r\n              <a class=\"klc-sort-link \"\r\n           href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_s=author\">\r\n          Auteur        <\/a>\r\n              <a class=\"klc-sort-link \"\r\n           href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_s=series\">\r\n          S\u00e9rie        <\/a>\r\n              <a class=\"klc-sort-link \"\r\n           href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_s=year\">\r\n          Ann\u00e9e        <\/a>\r\n              <a class=\"klc-sort-link \"\r\n           href=\"https:\/\/www.coeffard.com\/index.php\/kollectio\/?klc_s=recent\">\r\n          Ajout r\u00e9cent        <\/a>\r\n          <\/div>\r\n    \r\n      <p class=\"klc-count\">\r\n        0 \u00e9l\u00e9ments      <\/p>\r\n\r\n              <p class=\"klc-empty\">Aucun \u00e9l\u00e9ment ne correspond \u00e0 cette recherche.<\/p>\r\n      \r\n      <!-- Fiche d\u00e9taill\u00e9e : les donn\u00e9es sont d\u00e9j\u00e0 dans la page, aucune\r\n           requ\u00eate suppl\u00e9mentaire n'est n\u00e9cessaire \u00e0 l'ouverture. -->\r\n      <div class=\"klc-modal\" id=\"klc-modal\" hidden>\r\n        <div class=\"klc-modal-bg\"><\/div>\r\n        <div class=\"klc-modal-box\" role=\"dialog\" aria-modal=\"true\">\r\n          <button class=\"klc-close\" aria-label=\"Fermer\">&times;<\/button>\r\n          <div class=\"klc-modal-content\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n        <script>\r\n    (function () {\r\n      var modal = document.getElementById('klc-modal');\r\n      if (!modal) return;\r\n      var content = modal.querySelector('.klc-modal-content');\r\n\r\n      function open(card) {\r\n        var fields = {};\r\n        try { fields = JSON.parse(card.dataset.fields || '{}'); } catch (e) {}\r\n        var rows = '';\r\n        for (var key in fields) {\r\n          rows += '<dt>' + key + '<\/dt><dd>' + fields[key] + '<\/dd>';\r\n        }\r\n        var tags = (card.dataset.tags || '').split(',')\r\n          .map(function (t) { return t.trim(); })\r\n          .filter(Boolean)\r\n          .map(function (t) { return '<span>' + t + '<\/span>'; })\r\n          .join('');\r\n\r\n        var actions = '';\r\n        if (card.dataset.link) {\r\n          actions += '<a class=\"klc-btn\" href=\"' + card.dataset.link +\r\n            '\">Voir la fiche<\/a>';\r\n        }\r\n        if (card.dataset.edit) {\r\n          actions += '<a class=\"klc-btn klc-btn-main\" href=\"' +\r\n            card.dataset.edit + '\">Modifier<\/a>';\r\n        }\r\n\r\n        content.innerHTML =\r\n          '<h2>' + card.dataset.title + '<\/h2>' +\r\n          '<div class=\"klc-modal-flex\">' +\r\n            (card.dataset.cover\r\n              ? '<img decoding=\"async\" src=\"' + card.dataset.cover + '\" alt=\"\">' : '') +\r\n            '<dl>' + rows + '<\/dl>' +\r\n          '<\/div>' +\r\n          (tags ? '<div class=\"klc-modal-tags\">' + tags + '<\/div>' : '') +\r\n          (card.dataset.desc\r\n            ? '<div class=\"klc-modal-desc\">' + card.dataset.desc + '<\/div>'\r\n            : '') +\r\n          (actions\r\n            ? '<div class=\"klc-modal-actions\">' + actions + '<\/div>'\r\n            : '');\r\n        modal.hidden = false;\r\n        document.body.style.overflow = 'hidden';\r\n      }\r\n\r\n      function close() {\r\n        modal.hidden = true;\r\n        document.body.style.overflow = '';\r\n      }\r\n\r\n      document.querySelectorAll('.klc-card').forEach(function (card) {\r\n        card.addEventListener('click', function () { open(card); });\r\n        card.addEventListener('keydown', function (e) {\r\n          if (e.key === 'Enter' || e.key === ' ') {\r\n            e.preventDefault();\r\n            open(card);\r\n          }\r\n        });\r\n      });\r\n\r\n      modal.querySelector('.klc-close').addEventListener('click', close);\r\n      modal.querySelector('.klc-modal-bg').addEventListener('click', close);\r\n      document.addEventListener('keydown', function (e) {\r\n        if (e.key === 'Escape' && !modal.hidden) close();\r\n      });\r\n    })();\r\n    <\/script>\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"kollectio-fullpage","meta":{"footnotes":""},"class_list":["post-1808","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.coeffard.com\/index.php\/wp-json\/wp\/v2\/pages\/1808","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.coeffard.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.coeffard.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.coeffard.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.coeffard.com\/index.php\/wp-json\/wp\/v2\/comments?post=1808"}],"version-history":[{"count":0,"href":"https:\/\/www.coeffard.com\/index.php\/wp-json\/wp\/v2\/pages\/1808\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.coeffard.com\/index.php\/wp-json\/wp\/v2\/media?parent=1808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}