{"id":724,"date":"2026-09-21T11:20:45","date_gmt":"2026-09-21T09:20:45","guid":{"rendered":"https:\/\/laerte.org\/?page_id=724"},"modified":"2026-09-24T17:33:52","modified_gmt":"2026-09-24T15:33:52","slug":"morceaux-darchitecture","status":"publish","type":"page","link":"https:\/\/laerte.org\/index.php\/morceaux-darchitecture\/","title":{"rendered":"MORCEAUX D&rsquo;ARCHITECTURE"},"content":{"rendered":"\n<div class=\"laerte-morceaux\">\n\n  <div class=\"lm-outils\">\n    <input type=\"search\" id=\"lmRecherche\" placeholder=\"Rechercher un titre, auteur, loge, rite, ob\u00e9dience ou sujet\u2026\">\n\n    <div class=\"lm-filtres\">\n      <select id=\"lmAuteur\"><option value=\"\">Tous les auteurs<\/option><\/select>\n      <select id=\"lmLoge\"><option value=\"\">Toutes les loges<\/option><\/select>\n      <select id=\"lmRite\"><option value=\"\">Tous les rites<\/option><\/select>\n      <select id=\"lmObedience\"><option value=\"\">Toutes les ob\u00e9diences<\/option><\/select>\n      <select id=\"lmAnnee\"><option value=\"\">Toutes les ann\u00e9es<\/option><\/select>\n    <\/div>\n\n    <div class=\"lm-etat\">\n      <span id=\"lmCompteur\"><\/span>\n      <button type=\"button\" id=\"lmEffacer\">Effacer la recherche<\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"lm-livre\">\n\n    <img decoding=\"async\" src=\"https:\/\/laerte.org\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-23-sept.-2026-a-15_19_41-1.png\" alt=\"Registre des Morceaux d\u2019Architecture LAERTE\" class=\"lm-fond\">\n\n    <div id=\"lmFiches\">\n        <article\n\n            class=\"lm-fiche\"\n\n            data-auteur=\"moi\"\n\n            data-loge=\"scrc\"\n\n            data-rite=\"AUTRE\"\n\n            data-obedience=\"un\"\n\n            data-annee=\"2026\"\n\n        >\n\n\n            <!-- ==========================================\n                 PAGE GAUCHE\n                 ========================================== -->\n\n\n            <div class=\"lm-vrai-titre\">\n\n                la bible\n            <\/div>\n\n\n            <div class=\"lm-valeur lm-date\">\n\n                17 septembre 2026\n            <\/div>\n\n\n            <div class=\"lm-valeur lm-auteur\">\n\n                moi\n            <\/div>\n\n\n            <div class=\"lm-valeur lm-loge\">\n\n                scrc\n            <\/div>\n\n\n            <div class=\"lm-valeur lm-rite\">\n\n                AUTRE\n            <\/div>\n\n\n            <div class=\"lm-valeur lm-obedience\">\n\n                un\n            <\/div>\n\n\n\n            <!-- ==========================================\n                 PAGE DROITE\n                 ========================================== -->\n\n\n            <div class=\"lm-resume\">\n\n                bible\n            <\/div>\n\n\n\n            <!-- ==========================================\n                 ZONE CLIQUABLE\n                 \"LIRE LE MORCEAU\"\n                 ==========================================\n                 \n                 IMPORTANT :\n                 \n                 Aucun texte n'est affich\u00e9 ici.\n                 \n                 Le d\u00e9cor contient d\u00e9j\u00e0 :\n                 \n                 \"Lire le morceau\"\n                 \n                 Cette balise transparente vient\n                 simplement se placer dessus.\n                 ========================================== -->\n\n\n    <a\n        class=\"lm-lien\"\n        href=\"https:\/\/laerte.org\/wp-content\/uploads\/2026\/09\/pourquoi-preter-serment-sur-la-bible-Henricus-2.pdf\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        aria-label=\"Lire le morceau\"\n        title=\"Lire le morceau\"\n    ><\/a>\n\n\n        <\/article>\n\n\n        <\/div>\n\n    <div id=\"lmAucun\">\n      Aucun travail ne correspond \u00e0 votre recherche.\n    <\/div>\n\n  <\/div>\n\n  <div class=\"lm-navigation\">\n\n    <button type=\"button\" id=\"lmPrecedent\">\n      \u2039 Feuillet pr\u00e9c\u00e9dent\n    <\/button>\n\n    <span id=\"lmPagination\"><\/span>\n\n    <button type=\"button\" id=\"lmSuivant\">\n      Feuillet suivant \u203a\n    <\/button>\n\n  <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* ============================================================\n   ENSEMBLE\n   ============================================================ *\/\n\n.laerte-morceaux{\n  max-width:1150px;\n  margin:20px auto 50px;\n  font-family:\"EB Garamond\",Georgia,serif;\n  color:#17324d;\n}\n\n\n\/* ============================================================\n   RECHERCHE\n   ============================================================ *\/\n\n.lm-outils{\n  margin-bottom:14px;\n}\n\n#lmRecherche{\n  width:100%;\n  box-sizing:border-box;\n  padding:13px 16px;\n  border:1px solid #c8a45d;\n  border-radius:5px;\n  background:#fffdf8;\n  color:#17324d;\n  font-family:inherit;\n  font-size:16px;\n}\n\n\n\/* ============================================================\n   FILTRES\n   ============================================================ *\/\n\n.lm-filtres{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:7px;\n  margin-top:8px;\n}\n\n.lm-filtres select{\n  width:100%;\n  padding:8px;\n  border:1px solid #c8a45d;\n  border-radius:4px;\n  background:#fffaf0;\n  color:#17324d;\n  font-family:inherit;\n}\n\n\n\/* ============================================================\n   COMPTEUR\n   ============================================================ *\/\n\n.lm-etat{\n  min-height:35px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  padding:0 3px;\n  color:#876a34;\n}\n\n#lmEffacer{\n  border:0;\n  background:transparent;\n  color:#876a34;\n  text-decoration:underline;\n  cursor:pointer;\n  font-family:inherit;\n}\n\n\n\/* ============================================================\n   LE LIVRE\n   ============================================================ *\/\n\n.lm-livre{\n  position:relative;\n  width:100%;\n  overflow:hidden;\n  border-radius:6px;\n  box-shadow:0 12px 28px rgba(0,0,0,.22);\n}\n\n.lm-fond{\n  display:block;\n  width:100%;\n  height:auto;\n}\n\n.lm-fiche{\n  display:none;\n}\n\n\n\/* ============================================================\n   TITRE\n   ============================================================ *\/\n\n.lm-vrai-titre{\n  position:absolute;\n\n  left:30.5%;\n  top:27.8%;\n\n  width:28%;\n\n  transform:translateX(-50%);\n\n  text-align:center;\n\n  color:#17324d;\n\n  font-size:clamp(13px,1.55vw,24px);\n  line-height:1.05;\n  font-weight:600;\n\n  background:rgba(247,231,196,.96);\n\n  padding:3px 5px;\n}\n\n\n\/* ============================================================\n   INFORMATIONS PAGE GAUCHE\n   ============================================================ *\/\n\n.lm-valeur{\n  position:absolute;\n\n  left:22.5%;\n  width:25%;\n\n  color:#51391f;\n\n  font-size:clamp(10px,1.08vw,16px);\n  line-height:1;\n\n  white-space:nowrap;\n  overflow:hidden;\n  text-overflow:ellipsis;\n\n  background:rgba(247,231,196,.88);\n\n  padding:2px 4px;\n}\n\n\n.lm-date{\n  top:38.5%;\n}\n\n.lm-auteur{\n  top:44.0%;\n}\n\n.lm-loge{\n  top:50.5%;\n}\n\n.lm-rite{\n  top:56.0%;\n}\n\n.lm-obedience{\n  top:61.5%;\n}\n\n\n\/* ============================================================\n   R\u00c9SUM\u00c9 PAGE DROITE\n   ============================================================ *\/\n\n.lm-resume{\n  position:absolute;\n\n  left:55.3%;\n  top:36.5%;\n\n  width:27.5%;\n  height:19%;\n\n  box-sizing:border-box;\n\n  padding:8px 14px;\n\n  overflow:auto;\n\n  color:#49331f;\n\n  background:rgba(247,231,196,.78);\n\n  font-size:clamp(10px,1.15vw,17px);\n  line-height:1.42;\n\n  text-align:justify;\n}\n\n\n\/* ============================================================\n   LIRE LE MORCEAU\n   ============================================================\n\n   IMPORTANT :\n\n   Le texte \"Lire le morceau\" est d\u00e9j\u00e0 dessin\u00e9\n   dans l'image du registre.\n\n   Le lien dynamique envoy\u00e9 par WordPress est plac\u00e9\n   exactement PAR-DESSUS cette zone.\n\n   Le texte du lien PHP est rendu invisible.\n\n   Toute la zone du bouton est cliquable.\n   ============================================================ *\/\n\n.lm-lien{\n  position:absolute !important;\n\n  left:58.5% !important;\n  top:62.0% !important;\n\n  width:20.5% !important;\n  height:5.8% !important;\n\n  display:block !important;\n\n  box-sizing:border-box !important;\n\n  padding:0 !important;\n  margin:0 !important;\n\n  background:transparent !important;\n\n  border:none !important;\n  border-radius:0 !important;\n\n  color:transparent !important;\n\n  font-size:0 !important;\n  line-height:0 !important;\n\n  text-indent:-9999px !important;\n\n  text-decoration:none !important;\n\n  cursor:pointer !important;\n\n  z-index:50 !important;\n}\n\n\n\/* Aucun texte ajout\u00e9 par le lien *\/\n\n.lm-lien::before,\n.lm-lien::after{\n  content:none !important;\n  display:none !important;\n}\n\n\n\/* ============================================================\n   AUCUN R\u00c9SULTAT\n   ============================================================ *\/\n\n#lmAucun{\n  display:none;\n\n  position:absolute;\n\n  left:56%;\n  top:42%;\n\n  width:26%;\n\n  text-align:center;\n\n  color:#6c4b25;\n\n  font-style:italic;\n\n  background:rgba(247,231,196,.9);\n\n  padding:12px;\n}\n\n\n\/* ============================================================\n   NAVIGATION\n   ============================================================ *\/\n\n.lm-navigation{\n  margin-top:12px;\n\n  display:grid;\n  grid-template-columns:1fr auto 1fr;\n  align-items:center;\n\n  gap:20px;\n\n  padding:11px 18px;\n\n  background:#17324d;\n\n  border:1px solid #c8a45d;\n  border-radius:5px;\n}\n\n.lm-navigation button{\n  border:0;\n  background:transparent;\n\n  color:#e1c27c;\n\n  font-family:inherit;\n  font-size:16px;\n\n  cursor:pointer;\n}\n\n#lmPrecedent{\n  text-align:left;\n}\n\n#lmSuivant{\n  text-align:right;\n}\n\n#lmPagination{\n  color:white;\n  font-style:italic;\n}\n\n.lm-navigation button:disabled{\n  opacity:.3;\n  cursor:default;\n}\n\n\n\/* ============================================================\n   EFFET DE FEUILLET\n   ============================================================ *\/\n\n.lm-fiche.lm-apparition{\n  animation:lmPage .30s ease;\n}\n\n@keyframes lmPage{\n\n  from{\n    opacity:.15;\n  }\n\n  to{\n    opacity:1;\n  }\n}\n\n\n\/* ============================================================\n   TABLETTE\n   ============================================================ *\/\n\n@media(max-width:800px){\n\n  .lm-filtres{\n    grid-template-columns:1fr 1fr;\n  }\n\n  .lm-navigation{\n    grid-template-columns:1fr 1fr;\n  }\n\n  #lmPagination{\n    grid-column:1\/-1;\n    grid-row:1;\n    text-align:center;\n  }\n}\n\n<\/style>\n\n\n<script>\n\ndocument.addEventListener('DOMContentLoaded',function(){\n\n  const zone=document.querySelector('.laerte-morceaux');\n  if(!zone)return;\n\n  const fiches=Array.from(zone.querySelectorAll('.lm-fiche'));\n\n  const recherche=zone.querySelector('#lmRecherche');\n  const auteur=zone.querySelector('#lmAuteur');\n  const loge=zone.querySelector('#lmLoge');\n  const rite=zone.querySelector('#lmRite');\n  const obedience=zone.querySelector('#lmObedience');\n  const annee=zone.querySelector('#lmAnnee');\n\n  const precedent=zone.querySelector('#lmPrecedent');\n  const suivant=zone.querySelector('#lmSuivant');\n  const pagination=zone.querySelector('#lmPagination');\n  const compteur=zone.querySelector('#lmCompteur');\n  const effacer=zone.querySelector('#lmEffacer');\n  const aucun=zone.querySelector('#lmAucun');\n\n  let resultats=fiches.slice();\n  let index=0;\n\n\n  function normaliser(t){\n\n    return (t||'')\n      .toLowerCase()\n      .normalize('NFD')\n      .replace(\/[\\u0300-\\u036f]\/g,'')\n      .trim();\n  }\n\n\n  function remplir(select,attribut){\n\n    const valeurs=[\n      ...new Set(\n        fiches\n          .map(f=>f.dataset[attribut])\n          .filter(Boolean)\n      )\n    ].sort((a,b)=>a.localeCompare(b,'fr'));\n\n    valeurs.forEach(v=>{\n\n      const o=document.createElement('option');\n\n      o.value=v;\n      o.textContent=v;\n\n      select.appendChild(o);\n    });\n  }\n\n\n  remplir(auteur,'auteur');\n  remplir(loge,'loge');\n  remplir(rite,'rite');\n  remplir(obedience,'obedience');\n  remplir(annee,'annee');\n\n\n  function afficher(){\n\n    fiches.forEach(f=>{\n\n      f.style.display='none';\n      f.classList.remove('lm-apparition');\n\n    });\n\n\n    if(resultats.length===0){\n\n      aucun.style.display='block';\n\n      pagination.textContent='Aucun feuillet';\n      compteur.textContent='0 travail';\n\n      precedent.disabled=true;\n      suivant.disabled=true;\n\n      return;\n    }\n\n\n    aucun.style.display='none';\n\n\n    if(index<0)index=0;\n\n    if(index>=resultats.length)\n      index=resultats.length-1;\n\n\n    const fiche=resultats[index];\n\n    fiche.style.display='block';\n\n    void fiche.offsetWidth;\n\n    fiche.classList.add('lm-apparition');\n\n\n    pagination.textContent=\n      'Feuillet '+(index+1)+' sur '+resultats.length;\n\n\n    compteur.textContent=\n      resultats.length===1\n        ? '1 travail disponible'\n        : resultats.length+' travaux disponibles';\n\n\n    precedent.disabled=index===0;\n\n    suivant.disabled=\n      index===resultats.length-1;\n  }\n\n\n  function filtrer(){\n\n    const q=normaliser(recherche.value);\n\n\n    resultats=fiches.filter(f=>{\n\n      const texte=\n        normaliser(f.textContent);\n\n\n      return(\n\n        (!q || texte.includes(q))\n\n        &&\n\n        (!auteur.value ||\n         f.dataset.auteur===auteur.value)\n\n        &&\n\n        (!loge.value ||\n         f.dataset.loge===loge.value)\n\n        &&\n\n        (!rite.value ||\n         f.dataset.rite===rite.value)\n\n        &&\n\n        (!obedience.value ||\n         f.dataset.obedience===obedience.value)\n\n        &&\n\n        (!annee.value ||\n         f.dataset.annee===annee.value)\n\n      );\n\n    });\n\n\n    index=0;\n\n    afficher();\n  }\n\n\n  recherche.addEventListener('input',filtrer);\n\n\n  [auteur,loge,rite,obedience,annee]\n    .forEach(s=>\n      s.addEventListener('change',filtrer)\n    );\n\n\n  precedent.addEventListener('click',function(){\n\n    if(index>0){\n\n      index--;\n\n      afficher();\n    }\n  });\n\n\n  suivant.addEventListener('click',function(){\n\n    if(index<resultats.length-1){\n\n      index++;\n\n      afficher();\n    }\n  });\n\n\n  effacer.addEventListener('click',function(){\n\n    recherche.value='';\n\n    auteur.value='';\n    loge.value='';\n    rite.value='';\n    obedience.value='';\n    annee.value='';\n\n    filtrer();\n  });\n\n\n  afficher();\n\n});\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Tous les auteurs Toutes les loges Tous les rites Toutes les ob\u00e9diences Toutes les ann\u00e9es Effacer la recherche la bible 17 septembre 2026 moi scrc AUTRE un bible Aucun travail ne correspond \u00e0 votre recherche. \u2039 Feuillet pr\u00e9c\u00e9dent Feuillet suivant \u203a<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-724","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/laerte.org\/index.php\/wp-json\/wp\/v2\/pages\/724","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/laerte.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/laerte.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/laerte.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/laerte.org\/index.php\/wp-json\/wp\/v2\/comments?post=724"}],"version-history":[{"count":6,"href":"https:\/\/laerte.org\/index.php\/wp-json\/wp\/v2\/pages\/724\/revisions"}],"predecessor-version":[{"id":851,"href":"https:\/\/laerte.org\/index.php\/wp-json\/wp\/v2\/pages\/724\/revisions\/851"}],"wp:attachment":[{"href":"https:\/\/laerte.org\/index.php\/wp-json\/wp\/v2\/media?parent=724"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}