{"id":47,"date":"2025-03-25T11:51:55","date_gmt":"2025-03-25T10:51:55","guid":{"rendered":"https:\/\/kohimanga.fr\/?page_id=47"},"modified":"2025-09-08T20:13:05","modified_gmt":"2025-09-08T18:13:05","slug":"podcast","status":"publish","type":"page","link":"https:\/\/kohimanga.fr\/index.php\/podcast\/","title":{"rendered":"Podcast"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Podcasts \u2014 Banni\u00e8re<\/title>\r\n <style>\r\n :root{\r\n --bg-left: #0b0b0b; \/* fond de la zone image (pour les bandes si besoin) *\/\r\n --bg-right:#f6f7f9;\r\n --text:#0f172a;\r\n --muted:#475569;\r\n --pad: clamp(20px, 6vw, 64px);\r\n --content-w: min(72ch, 100%);\r\n --radius: 14px;\r\n --banner-h: 8v0h; \/* hauteur cible de la banni\u00e8re *\/\r\n }\r\n\r\n * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n html, body { height: 100%; }\r\n body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\"; color: var(--text); background: #fff; }\r\n\r\n \/* --- Banni\u00e8re responsive --- *\/\r\n .banner { \r\n display: grid; \r\n grid-template-columns: 1fr 1fr; \r\n min-height: var(--banner-h);\r\n width: 100%;\r\n }\r\n \/* Option compacte : ajoutez la classe 'banner--compact' pour r\u00e9duire encore la hauteur *\/\r\n .banner.banner--compact{ --banner-h: 75vh; }\r\n\r\n \/* Colonne gauche : image jamais d\u00e9coup\u00e9e *\/\r\n .banner-left{\r\n background: var(--bg-left);\r\n display: grid; \r\n place-items: center; \r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .banner-left img{\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain; \/* ne coupe jamais l'image *\/\r\n object-position: center; \/* centrage *\/\r\n display: block;\r\n filter: drop-shadow(0 10px 24px rgba(0,0,0,.35));\r\n }\r\n\r\n \/* Colonne droite : contenu stable *\/\r\n .banner-right{\r\n background: var(--bg-right);\r\n padding: var(--pad);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center; \/* centrage vertical par d\u00e9faut *\/\r\n gap: 18px;\r\n overflow: hidden; \/* \u00e9vite les scrollbars sauf si n\u00e9cessaire *\/\r\n }\r\n\r\n .content{ \r\n width: var(--content-w); \r\n margin-inline: auto; \r\n }\r\n\r\n h1{\r\n font-size: clamp(1.6rem, 2.2vw + .8rem, 2.6rem);\r\n line-height: 1.15;\r\n text-wrap: balance; \/* stabilise les retours \u00e0 la ligne (support moderne) *\/\r\n }\r\n\r\n .desc{ \r\n font-size: clamp(1rem, .4vw + .95rem, 1.1rem); \r\n line-height: 1.65; \r\n color: var(--muted);\r\n }\r\n\r\n \/* Timecodes en grille fluide *\/\r\n .timecodes{\r\n margin-top: 6px;\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(200px, 1fr));\r\n gap: 10px 20px;\r\n list-style: none;\r\n }\r\n .timecodes li{ display: flex; gap: 10px; align-items: baseline; }\r\n .tc-time{\r\n font-variant-numeric: tabular-nums; \r\n font-weight: 700; \r\n letter-spacing: .2px; \r\n white-space: nowrap;\r\n }\r\n .tc-label{ color: var(--muted); }\r\n\r\n \/* Si le texte d\u00e9borde verticalement, on autorise le scroll c\u00f4t\u00e9 droit *\/\r\n .banner-right.scrollable{ overflow-y: auto; }\r\n\r\n \/* --- Responsive --- *\/\r\n @media (max-width: 1024px){\r\n .banner{ grid-template-columns: 1fr; min-height: auto; }\r\n .banner-left{ min-height: 48vh; }\r\n .banner-right{ min-height: 52vh; justify-content: flex-start; }\r\n .content{ width: min(80ch, 100%); }\r\n .timecodes{ grid-template-columns: 1fr; }\r\n }\r\n\r\n \/* Viewports tr\u00e8s bas (petite hauteur d'\u00e9cran laptop\/tablette en paysage) *\/\r\n @media (max-height: 680px) and (min-width: 1025px){\r\n .banner-right{ justify-content: flex-start; overflow-y: auto; }\r\n }\r\n\r\n \/* Accessibilit\u00e9 \/ confort *\/\r\n @media (prefers-reduced-motion: no-preference){\r\n .banner-left img{ transition: transform .6s ease; }\r\n .banner-left:hover img{ transform: scale(1.02); }\r\n }\r\n\r\n \/* Timecodes cliquables (si transform\u00e9s en liens) *\/\r\n a.tc-time{ text-decoration: none; color: inherit; }\r\n a.tc-time:focus-visible{ outline: 2px solid #222; outline-offset: 3px; border-radius: 4px; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <section class=\"banner\" role=\"region\" aria-label=\"Banni\u00e8re dernier podcast\">\r\n\r\n <!-- COLONNE GAUCHE : Cover (jamais d\u00e9coup\u00e9e) -->\r\n <div class=\"banner-left\">\r\n <img decoding=\"async\" src=\"https:\/\/kohimanga.fr\/wp-content\/uploads\/2025\/09\/La-Pause-Kohi-3-1.png\" alt=\"Couverture du dernier \u00e9pisode de podcast\" \/>\r\n <\/div>\r\n\r\n <!-- COLONNE DROITE : Titre, description et timecodes -->\r\n <div class=\"banner-right\" id=\"infos\">\r\n <div class=\"content\">\r\n <h1>\u00c9pisode 12 \u2014 L\u2019avenir du journalisme<\/h1>\r\n <p class=\"desc\">\r\n Dans cet \u00e9pisode, on explore les d\u00e9fis et opportunit\u00e9s du journalisme moderne :\r\n formats audio\/vid\u00e9o, IA, mod\u00e8les \u00e9conomiques et ind\u00e9pendance \u00e9ditoriale.\r\n <\/p>\r\n <ul class=\"timecodes\" aria-label=\"Chapitres et timecodes\">\r\n <li><span class=\"tc-time\">00:00<\/span><span class=\"tc-label\">Introduction<\/span><\/li>\r\n <li><span class=\"tc-time\">02:15<\/span><span class=\"tc-label\">D\u00e9fis du num\u00e9rique<\/span><\/li>\r\n <li><span class=\"tc-time\">10:40<\/span><span class=\"tc-label\">Les podcasts comme format<\/span><\/li>\r\n <li><span class=\"tc-time\">22:00<\/span><span class=\"tc-label\">Ind\u00e9pendance et financement<\/span><\/li>\r\n <li><span class=\"tc-time\">35:50<\/span><span class=\"tc-label\">Conclusion<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Optionnel : si le contenu devient plus long dynamiquement, on rend la colonne droite scrollable -->\r\n <script>\r\n (function(){\r\n const right = document.querySelector('.banner-right');\r\n if (!('ResizeObserver' in window)) return; \/\/ garde-fou navigateurs tr\u00e8s anciens\r\n const observer = new ResizeObserver(entries => {\r\n for (const entry of entries){\r\n const needsScroll = entry.target.scrollHeight > entry.target.clientHeight + 8;\r\n entry.target.classList.toggle('scrollable', needsScroll);\r\n }\r\n });\r\n observer.observe(right);\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Podcasts \u2014 Banni\u00e8re \u00c9pisode 12 \u2014 L\u2019avenir du journalisme Dans cet \u00e9pisode, on explore les d\u00e9fis et opportunit\u00e9s du journalisme moderne : formats audio\/vid\u00e9o, IA, mod\u00e8les \u00e9conomiques et ind\u00e9pendance \u00e9ditoriale. 00:00Introduction 02:15D\u00e9fis du num\u00e9rique 10:40Les podcasts comme format 22:00Ind\u00e9pendance et financement 35:50Conclusion<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"ocean_post_layout":"full-width","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Podcast - Kohi Manga<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kohimanga.fr\/index.php\/podcast\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Podcast - Kohi Manga\" \/>\n<meta property=\"og:description\" content=\"Podcasts \u2014 Banni\u00e8re \u00c9pisode 12 \u2014 L\u2019avenir du journalisme Dans cet \u00e9pisode, on explore les d\u00e9fis et opportunit\u00e9s du journalisme moderne : formats audio\/vid\u00e9o, IA, mod\u00e8les \u00e9conomiques et ind\u00e9pendance \u00e9ditoriale. 00:00Introduction 02:15D\u00e9fis du num\u00e9rique 10:40Les podcasts comme format 22:00Ind\u00e9pendance et financement 35:50Conclusion\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kohimanga.fr\/index.php\/podcast\/\" \/>\n<meta property=\"og:site_name\" content=\"Kohi Manga\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-08T18:13:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kohimanga.fr\/wp-content\/uploads\/2025\/09\/La-Pause-Kohi-3-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kohimanga.fr\/index.php\/podcast\/\",\"url\":\"https:\/\/kohimanga.fr\/index.php\/podcast\/\",\"name\":\"Podcast - Kohi Manga\",\"isPartOf\":{\"@id\":\"https:\/\/kohimanga.fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kohimanga.fr\/index.php\/podcast\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kohimanga.fr\/index.php\/podcast\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kohimanga.fr\/wp-content\/uploads\/2025\/09\/La-Pause-Kohi-3-1.png\",\"datePublished\":\"2025-03-25T10:51:55+00:00\",\"dateModified\":\"2025-09-08T18:13:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/kohimanga.fr\/index.php\/podcast\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kohimanga.fr\/index.php\/podcast\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/kohimanga.fr\/index.php\/podcast\/#primaryimage\",\"url\":\"https:\/\/kohimanga.fr\/wp-content\/uploads\/2025\/09\/La-Pause-Kohi-3-1-scaled.png\",\"contentUrl\":\"https:\/\/kohimanga.fr\/wp-content\/uploads\/2025\/09\/La-Pause-Kohi-3-1-scaled.png\",\"width\":2560,\"height\":2560},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kohimanga.fr\/index.php\/podcast\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/kohimanga.fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Podcast\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kohimanga.fr\/#website\",\"url\":\"https:\/\/kohimanga.fr\/\",\"name\":\"Kohi Manga\",\"description\":\"Tous les ar\u00f4mes de l'animanga\",\"publisher\":{\"@id\":\"https:\/\/kohimanga.fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kohimanga.fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kohimanga.fr\/#organization\",\"name\":\"Kohi Manga\",\"url\":\"https:\/\/kohimanga.fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/kohimanga.fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kohimanga.fr\/wp-content\/uploads\/2025\/04\/LOGO-TYPO-NOIT-NO-MANGA.png\",\"contentUrl\":\"https:\/\/kohimanga.fr\/wp-content\/uploads\/2025\/04\/LOGO-TYPO-NOIT-NO-MANGA.png\",\"width\":3840,\"height\":2160,\"caption\":\"Kohi Manga\"},\"image\":{\"@id\":\"https:\/\/kohimanga.fr\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Podcast - Kohi Manga","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kohimanga.fr\/index.php\/podcast\/","og_locale":"en_US","og_type":"article","og_title":"Podcast - Kohi Manga","og_description":"Podcasts \u2014 Banni\u00e8re \u00c9pisode 12 \u2014 L\u2019avenir du journalisme Dans cet \u00e9pisode, on explore les d\u00e9fis et opportunit\u00e9s du journalisme moderne : formats audio\/vid\u00e9o, IA, mod\u00e8les \u00e9conomiques et ind\u00e9pendance \u00e9ditoriale. 00:00Introduction 02:15D\u00e9fis du num\u00e9rique 10:40Les podcasts comme format 22:00Ind\u00e9pendance et financement 35:50Conclusion","og_url":"https:\/\/kohimanga.fr\/index.php\/podcast\/","og_site_name":"Kohi Manga","article_modified_time":"2025-09-08T18:13:05+00:00","og_image":[{"url":"https:\/\/kohimanga.fr\/wp-content\/uploads\/2025\/09\/La-Pause-Kohi-3-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kohimanga.fr\/index.php\/podcast\/","url":"https:\/\/kohimanga.fr\/index.php\/podcast\/","name":"Podcast - Kohi Manga","isPartOf":{"@id":"https:\/\/kohimanga.fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kohimanga.fr\/index.php\/podcast\/#primaryimage"},"image":{"@id":"https:\/\/kohimanga.fr\/index.php\/podcast\/#primaryimage"},"thumbnailUrl":"https:\/\/kohimanga.fr\/wp-content\/uploads\/2025\/09\/La-Pause-Kohi-3-1.png","datePublished":"2025-03-25T10:51:55+00:00","dateModified":"2025-09-08T18:13:05+00:00","breadcrumb":{"@id":"https:\/\/kohimanga.fr\/index.php\/podcast\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kohimanga.fr\/index.php\/podcast\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kohimanga.fr\/index.php\/podcast\/#primaryimage","url":"https:\/\/kohimanga.fr\/wp-content\/uploads\/2025\/09\/La-Pause-Kohi-3-1-scaled.png","contentUrl":"https:\/\/kohimanga.fr\/wp-content\/uploads\/2025\/09\/La-Pause-Kohi-3-1-scaled.png","width":2560,"height":2560},{"@type":"BreadcrumbList","@id":"https:\/\/kohimanga.fr\/index.php\/podcast\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/kohimanga.fr\/"},{"@type":"ListItem","position":2,"name":"Podcast"}]},{"@type":"WebSite","@id":"https:\/\/kohimanga.fr\/#website","url":"https:\/\/kohimanga.fr\/","name":"Kohi Manga","description":"Tous les ar\u00f4mes de l'animanga","publisher":{"@id":"https:\/\/kohimanga.fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kohimanga.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/kohimanga.fr\/#organization","name":"Kohi Manga","url":"https:\/\/kohimanga.fr\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kohimanga.fr\/#\/schema\/logo\/image\/","url":"https:\/\/kohimanga.fr\/wp-content\/uploads\/2025\/04\/LOGO-TYPO-NOIT-NO-MANGA.png","contentUrl":"https:\/\/kohimanga.fr\/wp-content\/uploads\/2025\/04\/LOGO-TYPO-NOIT-NO-MANGA.png","width":3840,"height":2160,"caption":"Kohi Manga"},"image":{"@id":"https:\/\/kohimanga.fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/kohimanga.fr\/index.php\/wp-json\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kohimanga.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kohimanga.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kohimanga.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kohimanga.fr\/index.php\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":14,"href":"https:\/\/kohimanga.fr\/index.php\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":926,"href":"https:\/\/kohimanga.fr\/index.php\/wp-json\/wp\/v2\/pages\/47\/revisions\/926"}],"wp:attachment":[{"href":"https:\/\/kohimanga.fr\/index.php\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}