{"id":715,"date":"2026-09-21T11:22:33","date_gmt":"2026-09-21T09:22:33","guid":{"rendered":"https:\/\/laerte.org\/?page_id=715"},"modified":"2026-09-24T12:18:49","modified_gmt":"2026-09-24T10:18:49","slug":"textes-et-ouvrages-remarquables","status":"publish","type":"page","link":"https:\/\/laerte.org\/index.php\/textes-et-ouvrages-remarquables\/","title":{"rendered":"TEXTES ET OUVRAGES REMARQUABLES"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ==========================================================\n   LAERTE\n   TEXTES ET OUVRAGES REMARQUABLES\n   VERSION PROPRE COMPLETE\n   ========================================================== *\/\n\n\n\/* ===== ENSEMBLE DE LA BIBLIOTHEQUE ===== *\/\n\n.laerte-ouvrages {\n    max-width: 1200px;\n    min-height: 900px;\n    margin: 0 auto;\n    padding: 18px 0 28px;\n    box-sizing: border-box;\n\n    position: relative;\n    overflow: hidden;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    color: #2d2419;\n\n    border: 1px solid #a8782b;\n    border-radius: 4px;\n\n    box-shadow: 0 8px 25px rgba(0,0,0,.28);\n\n    background-image: url(\"https:\/\/laerte.org\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-23-sept.-2026-a-16_02_41.png\") !important;\n    background-size: cover !important;\n    background-position: center top !important;\n    background-repeat: no-repeat !important;\n}\n\n\n\/* ==========================================================\n   EN-TETE\n   ========================================================== *\/\n\n.lo-intro {\n    width: 72%;\n    margin: 0 auto;\n    padding: 15px 28px 14px;\n    box-sizing: border-box;\n\n    text-align: center;\n\n    background: rgba(246,229,193,.96);\n\n    border: 1px solid rgba(177,132,57,.80);\n\n    box-shadow: 0 3px 12px rgba(0,0,0,.28);\n}\n\n.lo-intro h2 {\n    margin: 0 0 6px;\n\n    color: #17324d;\n\n    font-size: 34px;\n    line-height: 1.1;\n    font-weight: bold;\n}\n\n.lo-devise {\n    margin-bottom: 8px;\n\n    color: #80591f;\n\n    font-size: 18px;\n    font-style: italic;\n}\n\n.lo-intro p {\n    max-width: 800px;\n\n    margin: 0 auto;\n\n    font-size: 13px;\n    line-height: 1.4;\n}\n\n\n\/* ==========================================================\n   ZONE RECHERCHE\n   ========================================================== *\/\n\n.lo-outils {\n    width: 76%;\n\n    margin: 12px auto 0;\n    padding: 9px;\n\n    box-sizing: border-box;\n\n    background: rgba(48,28,14,.95);\n\n    border: 1px solid #b78a3e;\n\n    box-shadow: 0 4px 12px rgba(0,0,0,.45);\n}\n\n\n\/* ===== CHAMP DE RECHERCHE ===== *\/\n\n#loRecherche {\n    display: block;\n\n    width: 100%;\n\n    box-sizing: border-box;\n\n    margin: 0 0 7px;\n    padding: 9px 12px;\n\n    background: #fffaf0;\n\n    border: 1px solid #c49a50;\n    border-radius: 3px;\n\n    color: #17324d;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 14px;\n}\n\n\n\/* ==========================================================\n   FILTRES\n   ========================================================== *\/\n\n.lo-filtres {\n    display: grid;\n\n    grid-template-columns: repeat(4, 1fr);\n\n    gap: 7px;\n}\n\n.lo-filtres select {\n    width: 100%;\n\n    box-sizing: border-box;\n\n    padding: 8px;\n\n    background: #fffaf0;\n\n    border: 1px solid #c49a50;\n    border-radius: 3px;\n\n    color: #17324d;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 13px;\n}\n\n\n\/* ===== COMPTEUR + EFFACER ===== *\/\n\n.lo-etat {\n    display: flex;\n\n    justify-content: space-between;\n    align-items: center;\n\n    margin-top: 8px;\n\n    color: #e6c77d;\n\n    font-size: 12px;\n}\n\n#loEffacer {\n    padding: 0;\n\n    border: 0;\n\n    background: transparent;\n\n    color: #e6c77d;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 12px;\n\n    text-decoration: underline;\n\n    cursor: pointer;\n}\n\n\n\/* ==========================================================\n   RAYONNAGES \/ ZONE DES OUVRAGES\n   ========================================================== *\/\n\n.lo-bibliotheque {\n    width: 76%;\n\n    min-height: 520px;\n\n    margin: 20px auto 0;\n    padding: 15px;\n\n    box-sizing: border-box;\n\n    display: grid;\n\n    grid-template-columns: repeat(2, minmax(0,1fr));\n\n    align-content: start;\n\n    gap: 14px;\n\n    background: rgba(25,14,7,.15);\n\n    border: 1px solid rgba(190,145,70,.45);\n\n    box-shadow:\n        inset 0 0 25px rgba(0,0,0,.20),\n        0 3px 10px rgba(0,0,0,.20);\n}\n\n\n\/* ==========================================================\n   UNE FICHE OUVRAGE\n   ========================================================== *\/\n\n.lo-ouvrage {\n    display: flex;\n\n    gap: 12px;\n\n    min-height: 190px;\n\n    padding: 10px;\n\n    box-sizing: border-box;\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(250,239,210,.98),\n            rgba(231,207,159,.98)\n        );\n\n    border: 1px solid #b58942;\n    border-radius: 3px;\n\n    box-shadow:\n        0 5px 12px rgba(0,0,0,.48),\n        inset 0 0 12px rgba(130,85,30,.10);\n}\n\n\n\/* ==========================================================\n   COUVERTURE DE L'OUVRAGE\n   ========================================================== *\/\n\n.lo-couverture {\n    flex: 0 0 105px;\n\n    min-height: 170px;\n\n    padding: 6px;\n\n    box-sizing: border-box;\n\n    background:\n        linear-gradient(\n            90deg,\n            #211209,\n            #49301d,\n            #28160c\n        );\n\n    border: 2px solid #b58a43;\n\n    box-shadow:\n        inset 0 0 0 2px #24150d,\n        3px 4px 7px rgba(0,0,0,.45);\n}\n\n.lo-couverture-interieur {\n    height: 100%;\n\n    box-sizing: border-box;\n\n    padding: 12px 6px;\n\n    border: 1px solid #c8a45c;\n\n    color: #e7c97f;\n\n    display: flex;\n\n    flex-direction: column;\n\n    justify-content: space-between;\n\n    text-align: center;\n}\n\n.lo-couverture-interieur span {\n    font-size: 9px;\n\n    letter-spacing: 3px;\n}\n\n.lo-couverture-interieur strong {\n    font-size: 14px;\n\n    line-height: 1.15;\n}\n\n.lo-couverture-interieur small {\n    font-size: 9px;\n\n    font-style: italic;\n}\n\n\n\/* ==========================================================\n   INFORMATIONS DE L'OUVRAGE\n   ========================================================== *\/\n\n.lo-contenu {\n    flex: 1;\n\n    min-width: 0;\n\n    display: flex;\n\n    flex-direction: column;\n}\n\n.lo-contenu h3 {\n    margin: 2px 0 4px;\n\n    color: #17324d;\n\n    font-size: 17px;\n    line-height: 1.15;\n}\n\n.lo-auteur {\n    margin-bottom: 7px;\n\n    color: #805c25;\n\n    font-size: 12px;\n    font-style: italic;\n}\n\n.lo-resume {\n    margin: 0 0 9px;\n\n    flex-grow: 1;\n\n    color: #302619;\n\n    font-size: 12px;\n    line-height: 1.35;\n}\n\n\n\/* ==========================================================\n   MOTS-CLES\n   ========================================================== *\/\n\n.lo-mots {\n    display: flex;\n\n    flex-wrap: wrap;\n\n    gap: 4px;\n\n    margin-bottom: 8px;\n}\n\n.lo-mots span {\n    padding: 3px 7px;\n\n    background: #d8bd82;\n\n    border-radius: 12px;\n\n    color: #49351c;\n\n    font-size: 10px;\n}\n\n\n\/* ==========================================================\n   BOUTON VOIR L'OUVRAGE\n   ========================================================== *\/\n\n.lo-bouton {\n    display: block;\n\n    padding: 6px 8px;\n\n    text-align: center;\n\n    background:\n        linear-gradient(\n            #a77b29,\n            #795316\n        );\n\n    border: 1px solid #62420f;\n    border-radius: 3px;\n\n    color: #ffffff !important;\n\n    font-size: 12px;\n    font-weight: bold;\n\n    text-decoration: none !important;\n}\n\n.lo-bouton:hover {\n    background: #17324d;\n}\n\n\n\/* ==========================================================\n   AUCUN RESULTAT\n   ========================================================== *\/\n\n.lo-aucun {\n    display: none;\n\n    width: 70%;\n\n    margin: 15px auto;\n    padding: 18px;\n\n    box-sizing: border-box;\n\n    text-align: center;\n\n    background: rgba(246,229,193,.96);\n\n    border: 1px solid #b78a3e;\n\n    color: #805c25;\n}\n\n\n\/* ==========================================================\n   CITATION EN BAS\n   ========================================================== *\/\n\n.lo-bas {\n    width: 76%;\n\n    margin: 18px auto 0;\n    padding: 12px;\n\n    box-sizing: border-box;\n\n    text-align: center;\n\n    background: rgba(47,27,14,.93);\n\n    border: 1px solid #a8782b;\n\n    color: #e5c782;\n\n    font-size: 15px;\n    font-style: italic;\n}\n\n\n\/* ==========================================================\n   TABLETTE\n   ========================================================== *\/\n\n@media (max-width: 850px) {\n\n    .lo-intro,\n    .lo-outils,\n    .lo-bibliotheque,\n    .lo-bas {\n        width: 92%;\n    }\n\n    .lo-bibliotheque {\n        grid-template-columns: 1fr;\n    }\n\n    .lo-filtres {\n        grid-template-columns: 1fr 1fr;\n    }\n}\n\n\n\/* ==========================================================\n   TELEPHONE\n   ========================================================== *\/\n\n@media (max-width: 550px) {\n\n    .laerte-ouvrages {\n        min-height: 800px;\n    }\n\n    .lo-intro {\n        padding: 14px;\n    }\n\n    .lo-intro h2 {\n        font-size: 26px;\n    }\n\n    .lo-devise {\n        font-size: 16px;\n    }\n\n    .lo-filtres {\n        grid-template-columns: 1fr;\n    }\n\n    .lo-ouvrage {\n        flex-direction: column;\n    }\n\n    .lo-couverture {\n        width: 105px;\n        min-height: 165px;\n\n        margin: 0 auto;\n    }\n}\n\/* ==========================================================\n   LAERTE \u2014 FINITIONS TEXTES ET OUVRAGES\n   ========================================================== *\/\n\n\n\/* 1 \u2014 MASQUER LE TITRE WORDPRESS DE LA PAGE *\/\n\n.entry-header,\n.entry-title {\n    display: none !important;\n}\n\n\n\/* 2 \u2014 RAPPROCHER LA BIBLIOTHEQUE DU HAUT DE PAGE *\/\n\n.content-area,\n.site-main {\n    padding-top: 0 !important;\n    margin-top: 0 !important;\n}\n\n\n\/* 3 \u2014 OUVRAGES PLUS PETITS ET PLUS ELEGANTS *\/\n\n.lo-bibliotheque {\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n    align-items: start;\n}\n\n\n\/* FICHE PLUS VERTICALE *\/\n\n.lo-ouvrage {\n    flex-direction: column;\n    min-height: 0;\n    padding: 10px;\n    gap: 8px;\n    text-align: center;\n}\n\n\n\/* COUVERTURE PLUS PRESENTE *\/\n\n.lo-couverture {\n    width: 105px;\n    height: 155px;\n    min-height: 155px;\n    flex: none;\n    margin: 0 auto;\n}\n\n\n\/* TITRE *\/\n\n.lo-contenu h3 {\n    font-size: 15px;\n    line-height: 1.15;\n    margin: 2px 0 3px;\n}\n\n\n\/* AUTEUR *\/\n\n.lo-auteur {\n    font-size: 11px;\n    margin-bottom: 5px;\n}\n\n\n\/* PETITE NOTICE *\/\n\n.lo-resume {\n    font-size: 11px;\n    line-height: 1.3;\n    margin: 0 3px 7px;\n}\n\n\n\/* MOTS-CLES CENTRES *\/\n\n.lo-mots {\n    justify-content: center;\n    margin-bottom: 7px;\n}\n\n.lo-mots span {\n    font-size: 9px;\n    padding: 2px 6px;\n}\n\n\n\/* BOUTON PLUS DISCRET *\/\n\n.lo-bouton {\n    font-size: 11px;\n    padding: 5px 7px;\n}\n\n\n\/* TABLETTE *\/\n\n@media (max-width: 850px) {\n    .lo-bibliotheque {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n\n\/* TELEPHONE *\/\n\n@media (max-width: 550px) {\n    .lo-bibliotheque {\n        grid-template-columns: 1fr;\n    }\n}\/* FINITION \u2014 CARTES OUVRAGES PLUS COMPACTES *\/\n\n.lo-bibliotheque{\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n    padding: 14px;\n}\n\n.lo-ouvrage{\n    padding: 8px;\n}\n\n.lo-couverture{\n    width: 88px;\n    height: 132px;\n    min-height: 132px;\n}\n\n.lo-couverture-interieur{\n    padding: 8px 4px;\n}\n\n.lo-couverture-interieur strong{\n    font-size: 12px;\n}\n\n.lo-contenu h3{\n    font-size: 14px;\n}\n\n.lo-auteur{\n    font-size: 10px;\n}\n\n.lo-resume{\n    font-size: 10px;\n    line-height: 1.25;\n}\n\n.lo-mots span{\n    font-size: 8px;\n}\n\n.lo-bouton{\n    font-size: 10px;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n\n    const zone = document.querySelector('.laerte-ouvrages');\n    if (!zone) return;\n\n    const ouvrages = Array.from(\n        zone.querySelectorAll('.lo-ouvrage')\n    );\n\n    const recherche = zone.querySelector('#loRecherche');\n    const auteur = zone.querySelector('#loAuteur');\n    const type = zone.querySelector('#loType');\n    const periode = zone.querySelector('#loPeriode');\n    const theme = zone.querySelector('#loTheme');\n    const compteur = zone.querySelector('#loCompteur');\n    const effacer = zone.querySelector('#loEffacer');\n    const aucun = zone.querySelector('#loAucun');\n\n\n    \/* NORMALISE LE TEXTE POUR LA RECHERCHE *\/\n\n    function normaliser(texte) {\n        return (texte || '')\n            .toLowerCase()\n            .normalize('NFD')\n            .replace(\/[\\u0300-\\u036f]\/g, '')\n            .trim();\n    }\n\n\n    \/* REMPLIT AUTOMATIQUEMENT LES MENUS *\/\n\n    function remplirSelect(select, attribut) {\n\n        const valeurs = [\n            ...new Set(\n                ouvrages\n                    .map(function(ouvrage) {\n                        return ouvrage.dataset[attribut];\n                    })\n                    .filter(Boolean)\n            )\n        ].sort(function(a, b) {\n            return a.localeCompare(b, 'fr');\n        });\n\n        valeurs.forEach(function(valeur) {\n\n            const option = document.createElement('option');\n\n            option.value = valeur;\n            option.textContent = valeur;\n\n            select.appendChild(option);\n        });\n    }\n\n\n    remplirSelect(auteur, 'auteur');\n    remplirSelect(type, 'type');\n    remplirSelect(periode, 'periode');\n\n\n    \/* TH\u00c8MES :\n       un ouvrage peut poss\u00e9der plusieurs th\u00e8mes *\/\n\n    const themes = new Set();\n\n    ouvrages.forEach(function(ouvrage) {\n\n        const valeurs = (ouvrage.dataset.theme || '')\n            .split(' ')\n            .filter(Boolean);\n\n        valeurs.forEach(function(valeur) {\n            themes.add(valeur);\n        });\n    });\n\n    Array.from(themes)\n        .sort(function(a, b) {\n            return a.localeCompare(b, 'fr');\n        })\n        .forEach(function(valeur) {\n\n            const option = document.createElement('option');\n\n            option.value = valeur;\n            option.textContent = valeur;\n\n            theme.appendChild(option);\n        });\n\n\n    \/* RECHERCHE ET FILTRAGE *\/\n\n    function filtrer() {\n\n        const texteRecherche =\n            normaliser(recherche.value);\n\n        let visibles = 0;\n\n        ouvrages.forEach(function(ouvrage) {\n\n            const contenu =\n                normaliser(ouvrage.textContent);\n\n            const correspondRecherche =\n                texteRecherche === '' ||\n                contenu.includes(texteRecherche);\n\n            const correspondAuteur =\n                auteur.value === '' ||\n                ouvrage.dataset.auteur === auteur.value;\n\n            const correspondType =\n                type.value === '' ||\n                ouvrage.dataset.type === type.value;\n\n            const correspondPeriode =\n                periode.value === '' ||\n                ouvrage.dataset.periode === periode.value;\n\n            const correspondTheme =\n                theme.value === '' ||\n                (ouvrage.dataset.theme || '')\n                    .split(' ')\n                    .includes(theme.value);\n\n            const afficher =\n                correspondRecherche &&\n                correspondAuteur &&\n                correspondType &&\n                correspondPeriode &&\n                correspondTheme;\n\n            ouvrage.style.display =\n                afficher ? 'flex' : 'none';\n\n            if (afficher) {\n                visibles++;\n            }\n        });\n\n\n        \/* COMPTEUR *\/\n\n        compteur.textContent =\n            visibles === 0\n                ? '0 ouvrage'\n                : visibles === 1\n                    ? '1 ouvrage'\n                    : visibles + ' ouvrages';\n\n\n        \/* MESSAGE SI AUCUN R\u00c9SULTAT *\/\n\n        aucun.style.display =\n            visibles === 0 ? 'block' : 'none';\n    }\n\n\n    \/* \u00c9V\u00c9NEMENTS *\/\n\n    recherche.addEventListener('input', filtrer);\n\n    [\n        auteur,\n        type,\n        periode,\n        theme\n    ].forEach(function(select) {\n\n        select.addEventListener(\n            'change',\n            filtrer\n        );\n    });\n\n\n    \/* EFFACER LES FILTRES *\/\n\n    effacer.addEventListener('click', function () {\n\n        recherche.value = '';\n        auteur.value = '';\n        type.value = '';\n        periode.value = '';\n        theme.value = '';\n\n        filtrer();\n    });\n\n\n    \/* PREMIER AFFICHAGE *\/\n\n    filtrer();\n\n});\n<\/script>\n\n<div class=\"laerte-ouvrages\">\n\n  <div class=\"lo-intro\">\n    <h2>Textes et Ouvrages remarquables<\/h2>\n    <div class=\"lo-devise\">\u00c9clairer le pass\u00e9 pour mieux construire demain<\/div>\n    <p>\n      Cette biblioth\u00e8que rassemble une s\u00e9lection de textes et d\u2019ouvrages remarquables,\n      qui jalonnent notre r\u00e9flexion, enrichissent notre cheminement et nourrissent notre recherche.\n    <\/p>\n  <\/div>\n\n  <div class=\"lo-outils\">\n\n    <input type=\"search\" id=\"loRecherche\" placeholder=\"Rechercher un titre, un auteur, un sujet\u2026\">\n\n    <div class=\"lo-filtres\">\n\n      <select id=\"loAuteur\">\n        <option value=\"\">Tous les auteurs<\/option>\n      <\/select>\n\n      <select id=\"loType\">\n        <option value=\"\">Tous les types<\/option>\n      <\/select>\n\n      <select id=\"loPeriode\">\n        <option value=\"\">Toutes les \u00e9poques<\/option>\n      <\/select>\n\n      <select id=\"loTheme\">\n        <option value=\"\">Tous les th\u00e8mes<\/option>\n      <\/select>\n\n    <\/div>\n\n    <div class=\"lo-etat\">\n      <span id=\"loCompteur\"><\/span>\n      <button type=\"button\" id=\"loEffacer\">\n        Effacer la recherche\n      <\/button>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"lo-bibliotheque\">\n\n    <div class=\"lo-aucun\">Aucun ouvrage disponible actuellement.<\/div>\n\n  <\/div>\n\n  <div id=\"loAucun\" class=\"lo-aucun\">\n    Aucun ouvrage ne correspond \u00e0 cette recherche.\n  <\/div>\n\n  <div class=\"lo-bas\">\n    \u00ab Les livres sont des phares allum\u00e9s dans la nuit du temps. \u00bb\n  <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Textes et Ouvrages remarquables \u00c9clairer le pass\u00e9 pour mieux construire demain Cette biblioth\u00e8que rassemble une s\u00e9lection de textes et d\u2019ouvrages remarquables, qui jalonnent notre r\u00e9flexion, enrichissent notre cheminement et nourrissent notre recherche. Tous les auteurs Tous les types Toutes les \u00e9poques Tous les th\u00e8mes Effacer la recherche Aucun ouvrage disponible actuellement. Aucun ouvrage ne correspond&#8230;<\/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-715","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/laerte.org\/index.php\/wp-json\/wp\/v2\/pages\/715","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=715"}],"version-history":[{"count":9,"href":"https:\/\/laerte.org\/index.php\/wp-json\/wp\/v2\/pages\/715\/revisions"}],"predecessor-version":[{"id":815,"href":"https:\/\/laerte.org\/index.php\/wp-json\/wp\/v2\/pages\/715\/revisions\/815"}],"wp:attachment":[{"href":"https:\/\/laerte.org\/index.php\/wp-json\/wp\/v2\/media?parent=715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}