{"id":20,"date":"2026-03-05T11:36:28","date_gmt":"2026-03-05T11:36:28","guid":{"rendered":"http:\/\/fzbrrzj.cluster121.hosting.ovh.net\/b2truth.com\/?page_id=20"},"modified":"2026-09-25T10:01:31","modified_gmt":"2026-09-25T10:01:31","slug":"savoirs-oublies","status":"publish","type":"page","link":"https:\/\/b2truth.com\/index.php\/savoirs-oublies\/","title":{"rendered":"Savoirs Oubli\u00e9s"},"content":{"rendered":"\n<!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  <title>Savoirs Oubli\u00e9s<\/title>\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;900&family=Raleway:wght@300;400;500&display=swap');\n\n    * { margin: 0; padding: 0; box-sizing: border-box; }\n\n    :root {\n      --or: #c9a84c;\n      --or-clair: #e8d5a3;\n      --sombre: #0a0805;\n    }\n\n    body {\n      min-height: 100vh;\n      background: #0a0805;\n      background-image: url('TON_IMAGE_DE_FOND_ICI');\n      background-size: cover;\n      background-position: center;\n      background-attachment: fixed;\n      font-family: 'Raleway', sans-serif;\n      overflow-x: hidden;\n      position: relative;\n    }\n\n    body::before {\n      content: '';\n      position: fixed;\n      inset: 0;\n      background: radial-gradient(ellipse at center, rgba(10,8,5,0.2) 0%, rgba(10,8,5,0.5) 100%);\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n    #so-header {\n      position: relative;\n      z-index: 10;\n      text-align: center;\n      padding: 60px 20px 40px;\n    }\n\n    #so-header h1 {\n      font-family: 'Cinzel', serif;\n      font-size: clamp(28px, 5vw, 52px);\n      font-weight: 900;\n      color: var(--or);\n      letter-spacing: 6px;\n      text-transform: uppercase;\n      text-shadow: 0 0 30px rgba(201,168,76,0.6), 0 0 60px rgba(201,168,76,0.3);\n      animation: glow 4s ease-in-out infinite;\n    }\n\n    @keyframes glow {\n      0%,100% { text-shadow: 0 0 20px rgba(201,168,76,0.5), 0 0 40px rgba(201,168,76,0.2); }\n      50%     { text-shadow: 0 0 40px rgba(201,168,76,0.9), 0 0 80px rgba(201,168,76,0.5); }\n    }\n\n    #so-header .sous-titre {\n      font-family: 'Raleway', sans-serif;\n      font-size: clamp(11px, 2vw, 14px);\n      color: rgba(232,213,163,0.6);\n      letter-spacing: 4px;\n      text-transform: uppercase;\n      margin-top: 12px;\n    }\n\n    .so-ligne {\n      width: 200px;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, var(--or), transparent);\n      margin: 20px auto;\n      opacity: 0.6;\n    }\n\n    \/* \u2500\u2500 CONTENEUR DES TUILES \u2500\u2500 *\/\n    #so-grille {\n      position: relative;\n      z-index: 5;\n      width: 100%;\n      height: 100vh;\n      max-width: 1400px;\n      margin: 0 auto;\n    }\n\n    \/* \u2500\u2500 TUILE \u2500\u2500 *\/\n    .so-tuile {\n      position: absolute;\n      width: 320px;\n      min-height: 420px;\n      cursor: pointer;\n      text-decoration: none;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: flex-end;\n      padding: 30px 25px;\n      border-radius: 4px;\n      overflow: visible; \/* important pour laisser le dropdown d\u00e9border *\/\n      transition: transform 0.4s ease;\n      z-index: 10;\n    }\n\n    .so-tuile:hover {\n      transform: scale(1.05);\n      z-index: 50;\n    }\n\n    \/* Fond de tuile *\/\n    .so-tuile-bg {\n      position: absolute;\n      inset: 0;\n      background-size: cover;\n      background-position: center;\n      transition: transform 0.6s ease;\n      z-index: 1;\n      border-radius: 4px;\n      overflow: hidden;\n    }\n\n    .so-tuile:hover .so-tuile-bg {\n      transform: scale(1.08);\n    }\n\n    \/* Ic\u00f4ne *\/\n    .so-icone {\n      position: relative;\n      z-index: 4;\n      font-size: 48px;\n      margin-bottom: 16px;\n      filter: drop-shadow(0 0 12px rgba(201,168,76,0.7));\n      transition: all 0.4s ease;\n    }\n\n    .so-tuile:hover .so-icone {\n      filter: drop-shadow(0 0 25px rgba(201,168,76,1));\n      transform: scale(1.15);\n    }\n\n    \/* Contenu texte *\/\n    .so-contenu {\n      position: relative;\n      z-index: 4;\n      text-align: center;\n    }\n\n    .so-categorie {\n      font-size: 10px;\n      font-weight: 500;\n      color: var(--or);\n      letter-spacing: 4px;\n      text-transform: uppercase;\n      opacity: 0.85;\n      margin-bottom: 8px;\n    }\n\n    .so-titre {\n      font-family: 'Cinzel', serif;\n      font-size: clamp(18px, 3vw, 24px);\n      font-weight: 600;\n      color: var(--or-clair);\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      margin-bottom: 14px;\n      line-height: 1.3;\n    }\n\n    .so-desc {\n      font-size: 13px;\n      color: rgba(232,213,163,0.75);\n      line-height: 1.7;\n      font-weight: 300;\n      margin-bottom: 20px;\n    }\n\n    .so-btn {\n      font-family: 'Cinzel', serif;\n      font-size: 11px;\n      font-weight: 600;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      color: var(--or);\n      border: 1px solid rgba(201,168,76,0.5);\n      padding: 10px 24px;\n      border-radius: 2px;\n      transition: all 0.3s ease;\n      background: rgba(201,168,76,0.08);\n    }\n\n    .so-tuile:hover .so-btn {\n      background: rgba(201,168,76,0.2);\n      border-color: var(--or);\n      color: var(--or-clair);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       MENU D\u00c9ROULANT\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n    \/* Bouton d\u00e9clencheur (fl\u00e8che + \"Sujets\") *\/\n    .so-dropdown-toggle {\n      position: relative;\n      z-index: 4;\n      margin-top: 10px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 7px;\n      font-family: 'Cinzel', serif;\n      font-size: 10px;\n      font-weight: 600;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      color: rgba(201,168,76,0.7);\n      cursor: pointer;\n      background: none;\n      border: none;\n      padding: 6px 0;\n      width: 100%;\n      transition: color 0.3s ease;\n    }\n\n    .so-dropdown-toggle:hover,\n    .so-tuile:hover .so-dropdown-toggle {\n      color: var(--or);\n    }\n\n    .so-dropdown-toggle .chevron {\n      display: inline-block;\n      width: 8px;\n      height: 8px;\n      border-right: 1.5px solid currentColor;\n      border-bottom: 1.5px solid currentColor;\n      transform: rotate(45deg);\n      transition: transform 0.3s ease;\n      margin-top: -3px;\n    }\n\n    \/* Quand le dropdown est ouvert *\/\n    .so-tuile.open .so-dropdown-toggle .chevron {\n      transform: rotate(-135deg);\n      margin-top: 3px;\n    }\n\n    \/* Le menu lui-m\u00eame *\/\n    .so-dropdown-menu {\n      position: absolute;\n      bottom: 0; \/* ancr\u00e9 en bas de la tuile *\/\n      left: 50%;\n      transform: translateX(-50%) translateY(100%);\n      width: 260px;\n      background: rgba(8, 6, 3, 0.96);\n      border: 1px solid rgba(201,168,76,0.3);\n      border-top: 2px solid var(--or);\n      border-radius: 0 0 4px 4px;\n      z-index: 100;\n      overflow: hidden;\n\n      \/* \u00c9tat ferm\u00e9 *\/\n      max-height: 0;\n      opacity: 0;\n      pointer-events: none;\n      transition: max-height 0.45s cubic-bezier(0.4,0,0.2,1),\n                  opacity 0.3s ease;\n\n      \/* S\u00e9parateur haut d\u00e9coratif *\/\n      box-shadow: 0 8px 30px rgba(0,0,0,0.7), 0 0 20px rgba(201,168,76,0.08);\n    }\n\n    \/* \u00c9tat ouvert *\/\n    .so-tuile.open .so-dropdown-menu {\n      max-height: 400px;\n      opacity: 1;\n      pointer-events: all;\n    }\n\n    \/* En-t\u00eate du menu *\/\n    .so-dropdown-header {\n      padding: 10px 18px 8px;\n      font-size: 9px;\n      letter-spacing: 4px;\n      color: rgba(201,168,76,0.5);\n      text-transform: uppercase;\n      font-family: 'Cinzel', serif;\n      border-bottom: 1px solid rgba(201,168,76,0.12);\n    }\n\n    \/* Item du menu *\/\n    .so-dropdown-item {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px 18px;\n      text-decoration: none;\n      color: rgba(232,213,163,0.75);\n      font-size: 12px;\n      font-family: 'Raleway', sans-serif;\n      font-weight: 400;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      border-bottom: 1px solid rgba(201,168,76,0.07);\n      transition: all 0.25s ease;\n      position: relative;\n    }\n\n    .so-dropdown-item:last-child {\n      border-bottom: none;\n    }\n\n    .so-dropdown-item::before {\n      content: '';\n      width: 16px;\n      height: 1px;\n      background: var(--or);\n      opacity: 0.4;\n      flex-shrink: 0;\n      transition: all 0.25s ease;\n    }\n\n    .so-dropdown-item:hover {\n      color: var(--or-clair);\n      background: rgba(201,168,76,0.06);\n      padding-left: 22px;\n    }\n\n    .so-dropdown-item:hover::before {\n      width: 22px;\n      opacity: 1;\n    }\n\n    \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n    #so-footer {\n      position: relative;\n      z-index: 10;\n      text-align: center;\n      padding: 40px 20px;\n    }\n\n    #so-footer a {\n      font-family: 'Cinzel', serif;\n      font-size: 11px;\n      color: rgba(201,168,76,0.5);\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      text-decoration: none;\n    }\n\n    #so-footer a:hover { color: var(--or); }\n\n  <\/style>\n<\/head>\n<body>\n\n  <div id=\"so-header\">\n    <div class=\"so-ligne\"><\/div>\n    <h1>Savoirs Oubli\u00e9s<\/h1>\n    <p class=\"sous-titre\">Ce que l&rsquo;histoire officielle a effac\u00e9<\/p>\n    <div class=\"so-ligne\"><\/div>\n  <\/div>\n\n  <div id=\"so-grille\">\n\n    <!-- TUILE 1 \u2014 ANCIENS MONDES : haut \u00e0 droite -->\n    <div class=\"so-tuile\" style=\"top: 15%; right: 8%;\">\n      <div class=\"so-tuile-bg\" style=\"background-image: url('https:\/\/b2truth.com\/wp-content\/uploads\/2026\/03\/ancien-monde-bg.jpg');\"><\/div>\n      <span class=\"so-num\" style=\"display:none;\">01<\/span>\n      <div class=\"so-icone\">\ud80c\udc80<\/div>\n      <div class=\"so-contenu\">\n        <div class=\"so-categorie\">Civilisations perdues<\/div>\n        <div class=\"so-titre\">Anciens Mondes<\/div>\n        <div class=\"so-desc\">\u00c9gyptologie \u00e9sot\u00e9rique, Tartarie et l&#8217;empire effac\u00e9. Ce que les manuels scolaires ne racontent pas.<\/div>\n        <a href=\"\/anciens-mondes\/\" class=\"so-btn\">Explorer &#8594;<\/a>\n      <\/div>\n      <!-- Dropdown trigger -->\n      <button class=\"so-dropdown-toggle\" onclick=\"toggleDropdown(this)\">\n        Sujets <span class=\"chevron\"><\/span>\n      <\/button>\n      <!-- Dropdown menu -->\n      <div class=\"so-dropdown-menu\">\n        <div class=\"so-dropdown-header\">Mondes anciens<\/div>\n        <a href=\"\/ancien-monde\/egyptologie\/\" class=\"so-dropdown-item\">\u00c9gyptologie<\/a>\n        <a href=\"\/ancien-monde\/tartarie\/\" class=\"so-dropdown-item\">Tartarie<\/a>\n        <a href=\"\/ancien-monde\/mud-floods\/\" class=\"so-dropdown-item\">Mud Floods<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- TUILE 2 \u2014 NATURE & JARDINAGE : en bas (centr\u00e9) -->\n    <div class=\"so-tuile\" style=\"bottom: 35%; left: 50%; transform: translateX(-50%);\">\n      <div class=\"so-tuile-bg\" style=\"background-image: url('https:\/\/b2truth.com\/wp-content\/uploads\/2026\/03\/nature-bg.jpg');\"><\/div>\n      <span class=\"so-num\" style=\"display:none;\">02<\/span>\n      <div class=\"so-icone\">\ud83c\udf3f<\/div>\n      <div class=\"so-contenu\">\n        <div class=\"so-categorie\">Terre &#038; Semences<\/div>\n        <div class=\"so-titre\">Nature &#038; Jardinage<\/div>\n        <div class=\"so-desc\">Fruits et l\u00e9gumes oubli\u00e9s, techniques ancestrales de culture. Retrouver le lien avec la terre.<\/div>\n        <a href=\"\/nature-jardinage\/\" class=\"so-btn\">Explorer &#8594;<\/a>\n      <\/div>\n      <!-- Dropdown trigger -->\n      <button class=\"so-dropdown-toggle\" onclick=\"toggleDropdown(this)\">\n        Sujets <span class=\"chevron\"><\/span>\n      <\/button>\n      <!-- Dropdown menu -->\n      <div class=\"so-dropdown-menu\">\n        <div class=\"so-dropdown-header\">Jardinage<\/div>\n        <a href=\"\/nature-jardinage\/electroculture\/\" class=\"so-dropdown-item\">\u00c9lectroculture<\/a>\n        <a href=\"\/nature-jardinage\/cultures-verticales\/\" class=\"so-dropdown-item\">Cultures verticales<\/a>\n        <a href=\"\/nature-jardinage\/engrais\/\" class=\"so-dropdown-item\">Engrais<\/a>\n        <a href=\"\/nature-jardinage\/fruits-legumes\/\" class=\"so-dropdown-item\">Fruits &amp; L\u00e9gumes<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- TUILE 3 \u2014 \u00c9NERGIE : milieu \u00e0 gauche -->\n    <div class=\"so-tuile\" style=\"top: 6%; left: 8%; transform: translateY(-50%);\">\n      <div class=\"so-tuile-bg\" style=\"background-image: url('https:\/\/b2truth.com\/wp-content\/uploads\/2026\/03\/energie-bg.jpg');\"><\/div>\n      <span class=\"so-num\" style=\"display:none;\">03<\/span>\n      <div class=\"so-icone\">\u26a1<\/div>\n      <div class=\"so-contenu\">\n        <div class=\"so-categorie\">Technologies supprim\u00e9es<\/div>\n        <div class=\"so-titre\">\u00c9nergie<\/div>\n        <div class=\"so-desc\">\u00c9nergies libres, technologies alternatives et d\u00e9couvertes \u00e9touff\u00e9es. Tesla et au-del\u00e0.<\/div>\n        <a href=\"\/energie\/\" class=\"so-btn\">Explorer &#8594;<\/a>\n      <\/div>\n      <!-- Dropdown trigger -->\n      <button class=\"so-dropdown-toggle\" onclick=\"toggleDropdown(this)\">\n        Sujets <span class=\"chevron\"><\/span>\n      <\/button>\n      <!-- Dropdown menu -->\n      <div class=\"so-dropdown-menu\">\n        <div class=\"so-dropdown-header\">\u00c9nergie<\/div>\n        <a href=\"\/energie\/tesla\/\" class=\"so-dropdown-item\">Tesla<\/a>\n        <a href=\"\/energie\/ether\/\" class=\"so-dropdown-item\">\u00c9ther<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div id=\"so-footer\">\n    <a href=\"\/\">&#8592; Retour \u00e0 l&rsquo;accueil<\/a>\n  <\/div>\n\n  <script>\n    function toggleDropdown(btn) {\n      \/\/ Emp\u00eache la propagation vers le lien parent si besoin\n      event.preventDefault();\n      event.stopPropagation();\n\n      const tuile = btn.closest('.so-tuile');\n      const isOpen = tuile.classList.contains('open');\n\n      \/\/ Ferme tous les autres dropdowns ouverts\n      document.querySelectorAll('.so-tuile.open').forEach(t => {\n        if (t !== tuile) t.classList.remove('open');\n      });\n\n      \/\/ Toggle le dropdown actuel\n      tuile.classList.toggle('open', !isOpen);\n    }\n\n    \/\/ Ferme les dropdowns si on clique en dehors\n    document.addEventListener('click', function(e) {\n      if (!e.target.closest('.so-tuile')) {\n        document.querySelectorAll('.so-tuile.open').forEach(t => t.classList.remove('open'));\n      }\n    });\n  <\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Savoirs Oubli\u00e9s Savoirs Oubli\u00e9s Ce que l&rsquo;histoire officielle a effac\u00e9 01 \ud80c\udc80 Civilisations perdues Anciens Mondes \u00c9gyptologie \u00e9sot\u00e9rique, Tartarie et l&#8217;empire effac\u00e9. Ce que les manuels scolaires ne racontent pas. Explorer &#8594; Sujets Mondes anciens \u00c9gyptologie Tartarie Mud Floods 02 \ud83c\udf3f Terre &#038; Semences Nature &#038; Jardinage Fruits et l\u00e9gumes oubli\u00e9s, techniques ancestrales de culture. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/b2truth.com\/index.php\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/b2truth.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/b2truth.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/b2truth.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/b2truth.com\/index.php\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":14,"href":"https:\/\/b2truth.com\/index.php\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":626,"href":"https:\/\/b2truth.com\/index.php\/wp-json\/wp\/v2\/pages\/20\/revisions\/626"}],"wp:attachment":[{"href":"https:\/\/b2truth.com\/index.php\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}