{"id":13,"date":"2026-08-19T10:48:22","date_gmt":"2026-08-19T10:48:22","guid":{"rendered":"https:\/\/lemondedezinou.fr\/?page_id=13"},"modified":"2026-08-19T12:37:27","modified_gmt":"2026-08-19T12:37:27","slug":"accueil","status":"publish","type":"page","link":"https:\/\/lemondedezinou.fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<style>\n\/* =========================================================\n   LE MONDE DE ZINOU\n   PAGE D'ACCUEIL\n   ========================================================= *\/\n\nhtml,\nbody {\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow-x: hidden !important;\n}\n\nbody.home .wp-site-blocks,\nbody.home main,\nbody.home .wp-block-post-content {\n  margin: 0 !important;\n  padding: 0 !important;\n  max-width: none !important;\n  width: 100% !important;\n}\n\nbody.home .wp-block-post-content > .wp-block-html {\n  position: relative !important;\n  width: 100vw !important;\n  max-width: 100vw !important;\n  left: 50% !important;\n  transform: translateX(-50%) !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.zinou-page {\n  --cream: #fffaf3;\n  --paper: #fffdf9;\n  --ink: #29284b;\n  --muted: #6d6880;\n  --lavender-dark: #8b73a8;\n  --gold: #d7a63a;\n\n  width: 100% !important;\n  max-width: none !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  background: var(--cream);\n  color: var(--ink);\n\n  font-family: Georgia, \"Times New Roman\", serif;\n}\n\n.zinou-page *,\n.zinou-page *::before,\n.zinou-page *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.zinou-header {\n  width: min(1400px, calc(100% - 80px));\n  margin: 0 auto;\n  padding: 32px 0;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 30px;\n}\n\n.zinou-logo {\n  margin: 0;\n\n  font-size: 34px;\n  line-height: 1.05;\n\n  font-weight: 700;\n  letter-spacing: -0.5px;\n}\n\n.zinou-nav {\n  display: flex;\n  align-items: center;\n\n  gap: 32px;\n\n  font-family: Arial, sans-serif;\n  font-size: 22px;\n  font-weight: 500;\n}\n\n.zinou-nav a {\n  color: var(--ink);\n  text-decoration: none;\n\n  transition: color 0.2s ease;\n}\n\n.zinou-nav a:hover {\n  color: var(--lavender-dark);\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.zinou-hero {\n  width: 100%;\n  margin: 0;\n  padding: 0;\n\n  background: #f8efe7;\n  overflow: hidden;\n}\n\n.zinou-hero img {\n  display: block;\n\n  width: 100%;\n  height: clamp(480px, 38vw, 680px);\n\n  margin: 0;\n\n  object-fit: cover;\n  object-position: center center;\n}\n\n\n\/* =========================================================\n   PHRASE D'ACCUEIL\n   ========================================================= *\/\n\n.zinou-tagline {\n  width: min(900px, calc(100% - 48px));\n\n  margin: 34px auto 0;\n\n  text-align: center;\n\n  font-size: 27px;\n  line-height: 1.45;\n\n  color: var(--muted);\n}\n\n.zinou-heart {\n  display: block;\n\n  margin-top: 10px;\n\n  text-align: center;\n\n  color: var(--gold);\n  font-size: 24px;\n}\n\n\n\/* =========================================================\n   SECTIONS\n   ========================================================= *\/\n\n.zinou-section {\n  width: min(1320px, calc(100% - 80px));\n\n  margin: 82px auto 0;\n}\n\n.zinou-section-heading {\n  margin: 0 0 30px;\n\n  display: flex;\n  align-items: center;\n  gap: 12px;\n\n  font-size: 38px;\n  line-height: 1.2;\n\n  font-weight: 600;\n}\n\n.zinou-icon {\n  font-size: 0.82em;\n}\n\n\n\/* =========================================================\n   HISTOIRES\n   ========================================================= *\/\n\n.zinou-stories {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, minmax(0, 1fr));\n\n  gap: 36px;\n}\n\n.zinou-story-card {\n  overflow: hidden;\n\n  background: var(--paper);\n\n  border-radius: 18px;\n\n  box-shadow:\n    0 8px 28px rgba(60, 49, 84, 0.10);\n\n  transition:\n    transform 0.2s ease,\n    box-shadow 0.2s ease;\n}\n\n.zinou-story-card:hover {\n  transform: translateY(-5px);\n\n  box-shadow:\n    0 14px 36px rgba(60, 49, 84, 0.16);\n}\n\n.zinou-story-card a {\n  display: block;\n\n  color: inherit;\n  text-decoration: none;\n}\n\n.zinou-story-card img {\n  display: block;\n\n  width: 100%;\n  height: 380px;\n\n  object-fit: cover;\n}\n\n.zinou-story-title {\n  margin: 0;\n\n  padding: 18px 18px 22px;\n\n  text-align: center;\n\n  font-size: 23px;\n  line-height: 1.3;\n\n  font-weight: 600;\n}\n\n\n\/* =========================================================\n   DESSINS\n   ========================================================= *\/\n\n.zinou-drawings {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, minmax(0, 1fr));\n\n  gap: 28px;\n}\n\n.zinou-drawing-card {\n  display: block;\n\n  overflow: hidden;\n\n  border-radius: 16px;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 6px 22px rgba(60, 49, 84, 0.08);\n}\n\n.zinou-drawing-card img {\n  display: block;\n\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n\n  object-fit: cover;\n\n  transition: transform 0.2s ease;\n}\n\n.zinou-drawing-card:hover img {\n  transform: scale(1.035);\n}\n\n\n\/* =========================================================\n   FOOTER\n   ========================================================= *\/\n\n.zinou-footer {\n  width: min(1320px, calc(100% - 80px));\n\n  margin: 90px auto 0;\n  padding: 28px 0 42px;\n\n  text-align: center;\n\n  border-top:\n    1px solid rgba(61, 52, 84, 0.10);\n\n  color: var(--muted);\n\n  font-family: Arial, sans-serif;\n  font-size: 14px;\n}\n\n\n\/* =========================================================\n   TABLETTE\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .zinou-header,\n  .zinou-section,\n  .zinou-footer {\n    width: min(720px, calc(100% - 36px));\n  }\n\n  .zinou-stories {\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n  }\n\n  .zinou-drawings {\n    grid-template-columns:\n      repeat(3, minmax(0, 1fr));\n  }\n\n  .zinou-story-card img {\n    height: 280px;\n  }\n\n  .zinou-hero img {\n    height: 52vw;\n    min-height: 360px;\n  }\n\n  .zinou-nav {\n    font-size: 18px;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 640px) {\n\n  \/* PAGE *\/\n\n  .zinou-page {\n    width: 100% !important;\n    max-width: 100% !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    overflow-x: hidden !important;\n  }\n\n\n  \/* HEADER *\/\n\n  .zinou-header {\n    width: calc(100% - 32px);\n\n    margin: 0 auto;\n    padding: 18px 0;\n\n    display: flex;\n    flex-direction: column;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 14px;\n\n    text-align: center;\n  }\n\n  .zinou-logo {\n    font-size: 25px;\n\n    line-height: 1.1;\n\n    white-space: nowrap;\n  }\n\n  .zinou-nav {\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 24px;\n\n    font-family: Arial, sans-serif;\n\n    font-size: 16px;\n    font-weight: 500;\n  }\n\n\n  \/* HERO *\/\n\n  .zinou-hero {\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .zinou-hero img {\n    width: 100%;\n\n    height: 300px;\n    min-height: 0;\n\n    object-fit: cover;\n    object-position: center center;\n  }\n\n\n  \/* PHRASE *\/\n\n  .zinou-tagline {\n    width: calc(100% - 32px);\n\n    margin: 22px auto 0;\n    padding: 0;\n\n    text-align: center;\n\n    font-size: 18px;\n    line-height: 1.4;\n  }\n\n  .zinou-heart {\n    margin-top: 7px;\n    font-size: 20px;\n  }\n\n\n  \/* SECTIONS *\/\n\n  .zinou-section {\n    width: calc(100% - 32px);\n\n    margin: 48px auto 0;\n    padding: 0;\n  }\n\n  .zinou-section-heading {\n    margin: 0 0 20px;\n\n    justify-content: flex-start;\n\n    font-size: 27px;\n    line-height: 1.2;\n  }\n\n\n  \/* HISTOIRES *\/\n\n  .zinou-stories {\n    display: grid;\n\n    grid-template-columns: 1fr;\n\n    gap: 20px;\n  }\n\n  .zinou-story-card {\n    width: 100%;\n\n    border-radius: 16px;\n  }\n\n  .zinou-story-card img {\n    width: 100%;\n\n    height: auto;\n    aspect-ratio: 4 \/ 3;\n\n    object-fit: cover;\n  }\n\n  .zinou-story-title {\n    padding: 15px 14px 18px;\n\n    font-size: 20px;\n    line-height: 1.3;\n  }\n\n\n  \/* DESSINS *\/\n\n  .zinou-drawings {\n    display: grid;\n\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n\n    gap: 12px;\n  }\n\n  .zinou-drawing-card {\n    width: 100%;\n\n    border-radius: 12px;\n  }\n\n  .zinou-drawing-card img {\n    width: 100%;\n\n    aspect-ratio: 1 \/ 1;\n\n    object-fit: cover;\n  }\n\n\n  \/* FOOTER *\/\n\n  .zinou-footer {\n    width: calc(100% - 32px);\n\n    margin: 60px auto 0;\n    padding: 24px 0 32px;\n\n    font-size: 13px;\n  }\n}\n<\/style>\n\n\n<div class=\"zinou-page\">\n\n  <!-- =====================================================\n       HEADER\n       ===================================================== -->\n\n  <header class=\"zinou-header\">\n\n    <h1 class=\"zinou-logo\">\n      Le Monde de Zinou \u2661\n    <\/h1>\n\n    <nav\n      class=\"zinou-nav\"\n      aria-label=\"Navigation principale\"\n    >\n\n      <a href=\"\/mes-histoires\/\">\n        Mes histoires\n      <\/a>\n\n      <a href=\"\/mes-dessins\/\">\n        Mes dessins\n      <\/a>\n\n    <\/nav>\n\n  <\/header>\n\n\n  <!-- =====================================================\n       GRANDE ILLUSTRATION\n       ===================================================== -->\n\n  <section class=\"zinou-hero\">\n\n    <img decoding=\"async\"\n      src=\"https:\/\/lemondedezinou.fr\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-19-aout-2026-11_56_07-1.png\"\n      alt=\"Le Monde de Zinou\"\n    >\n\n  <\/section>\n\n\n  <!-- =====================================================\n       PHRASE D'ACCUEIL\n       ===================================================== -->\n\n  <div class=\"zinou-tagline\">\n\n    Des histoires et des dessins\n    sortis tout droit de mon imagination \u2728\n\n    <span class=\"zinou-heart\">\n      \u2661\n    <\/span>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       MES HISTOIRES\n       ===================================================== -->\n\n  <section class=\"zinou-section\">\n\n    <h2 class=\"zinou-section-heading\">\n\n      <span class=\"zinou-icon\">\n        \ud83d\udcd6\n      <\/span>\n\n      Mes histoires\n\n    <\/h2>\n\n\n    <div class=\"zinou-stories\">\n\n\n      <article class=\"zinou-story-card\">\n\n        <a href=\"\/ma-premiere-histoire\/\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/lemondedezinou.fr\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-19-aout-2026-11_56_07-1.png\"\n            alt=\"Ma Premi\u00e8re Histoire\"\n          >\n\n          <h3 class=\"zinou-story-title\">\n            Ma Premi\u00e8re Histoire\n          <\/h3>\n\n        <\/a>\n\n      <\/article>\n\n\n      <article class=\"zinou-story-card\">\n\n        <a href=\"\/mes-histoires\/\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/lemondedezinou.fr\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-19-aout-2026-11_56_07-1.png\"\n            alt=\"Bient\u00f4t une nouvelle histoire\"\n          >\n\n          <h3 class=\"zinou-story-title\">\n            Bient\u00f4t une nouvelle histoire\n          <\/h3>\n\n        <\/a>\n\n      <\/article>\n\n\n      <article class=\"zinou-story-card\">\n\n        <a href=\"\/mes-histoires\/\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/lemondedezinou.fr\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-19-aout-2026-11_56_07-1.png\"\n            alt=\"Encore une aventure\"\n          >\n\n          <h3 class=\"zinou-story-title\">\n            Encore une aventure&#8230;\n          <\/h3>\n\n        <\/a>\n\n      <\/article>\n\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =====================================================\n       MES DESSINS\n       ===================================================== -->\n\n  <section class=\"zinou-section\">\n\n    <h2 class=\"zinou-section-heading\">\n\n      <span class=\"zinou-icon\">\n        \ud83d\udd8c\ufe0f\n      <\/span>\n\n      Mes dessins\n\n    <\/h2>\n\n\n    <div class=\"zinou-drawings\">\n\n\n      <a\n        class=\"zinou-drawing-card\"\n        href=\"\/mes-dessins\/\"\n      >\n\n        <img decoding=\"async\"\n          src=\"https:\/\/lemondedezinou.fr\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-19-aout-2026-11_56_07-1.png\"\n          alt=\"Dessin de Zinou\"\n        >\n\n      <\/a>\n\n\n      <a\n        class=\"zinou-drawing-card\"\n        href=\"\/mes-dessins\/\"\n      >\n\n        <img decoding=\"async\"\n          src=\"https:\/\/lemondedezinou.fr\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-19-aout-2026-11_56_07-1.png\"\n          alt=\"Dessin de Zinou\"\n        >\n\n      <\/a>\n\n\n      <a\n        class=\"zinou-drawing-card\"\n        href=\"\/mes-dessins\/\"\n      >\n\n        <img decoding=\"async\"\n          src=\"https:\/\/lemondedezinou.fr\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-19-aout-2026-11_56_07-1.png\"\n          alt=\"Dessin de Zinou\"\n        >\n\n      <\/a>\n\n\n      <a\n        class=\"zinou-drawing-card\"\n        href=\"\/mes-dessins\/\"\n      >\n\n        <img decoding=\"async\"\n          src=\"https:\/\/lemondedezinou.fr\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-19-aout-2026-11_56_07-1.png\"\n          alt=\"Dessin de Zinou\"\n        >\n\n      <\/a>\n\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =====================================================\n       FOOTER\n       ===================================================== -->\n\n  <footer class=\"zinou-footer\">\n\n    Le Monde de Zinou \u2728\n\n  <\/footer>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Le Monde de Zinou \u2661 Mes histoires Mes dessins Des histoires et des dessins sortis tout droit de mon imagination \u2728 \u2661 \ud83d\udcd6 Mes histoires Ma Premi\u00e8re Histoire Bient\u00f4t une nouvelle histoire Encore une aventure&#8230; \ud83d\udd8c\ufe0f Mes dessins Le Monde de Zinou \u2728<\/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-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lemondedezinou.fr\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lemondedezinou.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lemondedezinou.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lemondedezinou.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lemondedezinou.fr\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":35,"href":"https:\/\/lemondedezinou.fr\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":83,"href":"https:\/\/lemondedezinou.fr\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/83"}],"wp:attachment":[{"href":"https:\/\/lemondedezinou.fr\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}