{"id":166,"date":"2026-09-19T16:45:43","date_gmt":"2026-09-19T14:45:43","guid":{"rendered":"https:\/\/newgeneration-pictures.com\/?page_id=166"},"modified":"2026-10-01T15:44:27","modified_gmt":"2026-10-01T13:44:27","slug":"almaddah","status":"publish","type":"page","link":"https:\/\/newgeneration-pictures.com\/?page_id=166","title":{"rendered":"project almaddah"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   NGP \u2014 FICHE PROJET (El Maddah, et gabarit pour les 3 autres)\n   R\u00e9utilise la police \"Archivo NGP\" d\u00e9j\u00e0 d\u00e9clar\u00e9e dans ton CSS\n   principal (accueil\/services) \u2014 pas besoin de la red\u00e9clarer ici.\n\n   MODIFICATIONS PAR RAPPORT AU FICHIER D'ORIGINE, pour cohabiter\n   avec le reste du site sans tout casser :\n   - *, body, a, ::selection (s\u00e9lecteurs globaux dangereux sur un\n     site multi-pages) \u2192 limit\u00e9s \u00e0 l'int\u00e9rieur de .project-page\n   - .container (nom tr\u00e8s g\u00e9n\u00e9rique, risque de collision avec\n     Astra ou d'autres plugins) \u2192 renomm\u00e9 .project-container\n   - Toutes les r\u00e8gles de <footer class=\"project-footer\"> ont \u00e9t\u00e9\n     retir\u00e9es : ton vrai footer de th\u00e8me s'affiche d\u00e9j\u00e0 en dessous\n   - .page-leaving (transition de page en JS) retir\u00e9e : simplifi\u00e9e\n     pour cette int\u00e9gration, la fiche s'affiche directement\n   ========================================================= *\/\n\n.project-page,\n.project-page * {\n  box-sizing: border-box;\n}\n\n.project-page {\n  \/* Full-bleed : casse le conteneur d'Astra pour occuper toute la\n     largeur de l'\u00e9cran, quelle que soit la largeur r\u00e9elle du\n     conteneur parent (calc() se base sur le parent pour le \"50%\"\n     et sur l'\u00e9cran pour le \"50vw\" : le r\u00e9sultat s'aligne toujours\n     correctement, contrairement \u00e0 left:50% qui suppose \u00e0 tort que\n     le parent fait d\u00e9j\u00e0 la largeur de l'\u00e9cran) *\/\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  position: relative;\n  overflow: hidden;\n\n  margin-top: 0;\n  background: #000;\n  color: #fff;\n  font-family: \"Archivo NGP\", Arial, sans-serif;\n  font-weight: 300;\n  opacity: 0;\n  animation: pageIn .85s cubic-bezier(.22,1,.36,1) forwards;\n}\n\n.project-page a {\n  color: inherit;\n}\n\n.project-page ::selection {\n  background: #e3242b;\n  color: #fff;\n}\n\n@keyframes pageIn { to { opacity: 1 } }\n\n.project-container {\n  width: auto;\n  margin-left: 3.4375%;\n  margin-right: 3.4375%;\n}\n\n\/* FULL-SCREEN HERO *\/\n.project-hero {\n  min-height: 100vh;\n  position: relative;\n  overflow: hidden;\n  background: #000;\n  display: flex;\n  align-items: flex-end;\n}\n.project-hero-media {\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n}\n.project-hero-image,\n.project-hero-video {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.project-hero-image {\n  opacity: 1;\n  transform: scale(1.035);\n  animation: heroImageSettle 1.7s cubic-bezier(.22,1,.36,1) .05s forwards;\n}\n@keyframes heroImageSettle { to { transform: scale(1) } }\n.project-hero-video {\n  opacity: 0;\n  transition: opacity 1.15s cubic-bezier(.22,1,.36,1);\n  background: #000;\n}\n.project-hero.video-active .project-hero-video { opacity: 1 }\n.project-hero.video-finished .project-hero-video { opacity: 0 }\n\n.project-hero::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  background:\n    linear-gradient(to top, rgba(0,0,0,.96) 0%, rgba(0,0,0,.38) 34%, rgba(0,0,0,.10) 72%),\n    linear-gradient(to right, rgba(0,0,0,.50) 0%, rgba(0,0,0,.10) 44%, rgba(0,0,0,.05) 100%);\n  pointer-events: none;\n}\n.project-topbar {\n  position: absolute;\n  z-index: 5;\n  top: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 3.9vh;\n  padding-left: 3.4375%;\n  padding-right: 3.4375%;\n}\n.home-logo {\n  display: block;\n  width: 10.15625vw;\n  max-width: 195px;\n  min-width: 120px;\n  flex: 0 0 auto;\n  transition: transform .45s cubic-bezier(.22,1,.36,1), opacity .3s ease;\n}\n.home-logo:hover { transform: translateY(-2px); opacity: .86 }\n.home-logo img { display: block; width: 100% }\n.hero-socials {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 28px;\n  flex: 0 0 auto;\n  height: 54px;\n}\n.hero-socials a {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  color: #fff;\n  transition: color .35s ease, transform .45s cubic-bezier(.22,1,.36,1), opacity .35s ease;\n}\n.hero-socials a:hover { color: #e3242b; transform: translateY(-2px) }\n.imdb-wordmark {\n  font-family: Arial Black, \"Archivo NGP\", Arial, sans-serif;\n  font-size: 17px;\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: -.08em;\n  color: #fff;\n}\n.social-logo,\n.network-logo {\n  display: block;\n  object-fit: contain;\n  filter: brightness(0) invert(1);\n  transition: filter .35s ease, transform .45s cubic-bezier(.22,1,.36,1), opacity .35s ease;\n}\n.youtube-logo { width: 22px; height: auto }\n.instagram-logo { width: 21px; height: 21px }\n.hero-social-link:hover .social-logo,\n.network-slot:hover .network-logo {\n  filter: brightness(0) saturate(100%) invert(17%) sepia(98%) saturate(4696%) hue-rotate(352deg) brightness(93%) contrast(91%);\n}\n.hero-copy {\n  position: relative;\n  z-index: 4;\n  width: auto;\n  margin-left: 3.4375%;\n  margin-right: 3.4375%;\n  padding-bottom: 13vh;\n}\n.hero-title {\n  font-size: clamp(38px,5.1vw,76px);\n  line-height: .86;\n  letter-spacing: -.045em;\n  font-weight: 600;\n  margin: 0 0 18px;\n  max-width: 760px;\n  text-transform: uppercase;\n  font-family: \"Archivo NGP\", Arial, sans-serif;\n  font-stretch: 112.5%;\n  font-variation-settings: \"wdth\" 112.5, \"wght\" 600;\n}\n.hero-season { font-size: clamp(16px,1.3vw,20px); margin: 0 0 10px }\n.hero-meta { font-size: clamp(13px,1vw,16px); opacity: .9; margin: 0 }\n.hero-copy > * {\n  opacity: 0;\n  transform: translateY(24px);\n  animation: heroTextIn .9s cubic-bezier(.22,1,.36,1) forwards;\n}\n.hero-copy .hero-title { animation-delay: .25s }\n.hero-copy .hero-season { animation-delay: .38s }\n.hero-copy .hero-meta { animation-delay: .48s }\n@keyframes heroTextIn { to { opacity: 1; transform: none } }\n\n\/* SYNOPSIS *\/\n.synopsis { background: #000; padding: 92px 0 54px; position: relative }\n.synopsis-grid {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) minmax(250px,27.75%);\n  column-gap: 4.25%;\n  align-items: start;\n  width: 100%;\n  position: relative;\n  padding-bottom: 0;\n}\n.section-label {\n  margin: 0 0 24px;\n  font-size: 18px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: .01em;\n  font-family: \"Archivo NGP\", Arial, sans-serif;\n  font-stretch: 112.5%;\n  font-variation-settings: \"wdth\" 112.5, \"wght\" 600;\n}\n.synopsis-copy {\n  width: 100%;\n  max-width: none;\n  font-size: 15px;\n  line-height: 1.54;\n  text-align: justify;\n  padding-bottom: 62px;\n}\n.synopsis-copy p { margin: 0 0 18px }\n.project-poster {\n  align-self: start;\n  width: 100%;\n  display: block;\n  box-shadow: 0 20px 60px rgba(0,0,0,.28);\n  transition: transform .75s cubic-bezier(.22,1,.36,1);\n}\n.project-poster:hover { transform: scale(1.018) }\n.network-row {\n  margin-top: 0;\n  display: grid;\n  grid-template-columns: 30% 6.5% 6.5% 6.5% 1fr;\n  align-items: end;\n  min-height: 34px;\n  width: 100%;\n  position: absolute;\n  left: 0;\n  bottom: 0;\n}\n.network-label {\n  grid-column: 1;\n  text-transform: uppercase;\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: .04em;\n  margin: 0;\n}\n.network-slot {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: max-content;\n  min-width: 24px;\n  min-height: 24px;\n  text-decoration: none;\n  color: #fff;\n  transition: color .35s ease, transform .45s cubic-bezier(.22,1,.36,1);\n}\n.network-slot:hover { color: #e3242b; transform: translateY(-2px) }\n.network-youtube { grid-column: 2 }\n.network-imdb { grid-column: 3 }\n.network-instagram { grid-column: 4 }\n.network-logo.youtube-logo { width: 22px }\n.network-logo.instagram-logo { width: 21px; height: 21px }\n.network-imdb.imdb-wordmark { font-size: 16.8px }\n\n@media (min-width: 901px) {\n  .synopsis .project-container { position: relative; padding-bottom: 0 }\n  .synopsis .network-row { position: absolute; left: 0; bottom: 0; width: 100%; margin: 0 }\n}\n@media (max-width: 900px) {\n  .synopsis .network-row { position: relative; left: auto; bottom: auto; width: 100%; margin-top: 28px }\n  .synopsis-copy { padding-bottom: 0 }\n}\n\n\/* WHERE TO WATCH *\/\n.watch { background: #e10c0c; min-height: 150px; display: flex; align-items: center }\n.watch-inner {\n  display: grid;\n  grid-template-columns: 30% 6.5% 6.5% 6.5% 1fr;\n  align-items: center;\n  width: 100%;\n}\n.watch-label {\n  grid-column: 1;\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  text-transform: uppercase;\n  font-family: \"Archivo NGP\", Arial, sans-serif;\n  font-stretch: 112.5%;\n  font-variation-settings: \"wdth\" 112.5, \"wght\" 600;\n}\n.watch-slot {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: max-content;\n  text-decoration: none;\n  color: #fff;\n  transition: opacity .3s ease, transform .45s cubic-bezier(.22,1,.36,1);\n}\n.watch-slot:hover { opacity: .78; transform: translateY(-2px) }\n.watch-shahid { grid-column: 2 }\n.watch-empty { grid-column: 3 }\n.watch-apple { grid-column: 4 }\n.platform-logo { display: block; width: auto; object-fit: contain; filter: brightness(0) invert(1) }\n.platform-logo.shahid { width: clamp(64px,7.2vw,112px); height: auto }\n.platform-logo.apple-tv { width: clamp(46px,5.2vw,82px); height: auto }\n.platform-fallback { display: none; align-items: center; color: #fff; font-weight: 600; white-space: nowrap }\n.shahid-fallback { font-size: clamp(20px,2.2vw,30px); letter-spacing: -.06em }\n.apple-fallback { font-size: clamp(20px,2vw,28px) }\n\n\/* CAST \/ CREW *\/\n.credits { background: #fff; color: #090909; padding: 76px 0 88px }\n.credits-row {\n  display: grid;\n  grid-template-columns: 30% 70%;\n  gap: 0;\n  align-items: start;\n  margin-bottom: 66px;\n  width: 100%;\n}\n.credits-row:last-child { margin-bottom: 0 }\n.credits-heading {\n  font-size: 17px; font-weight: 600; text-transform: uppercase; margin: 0;\n  font-family: \"Archivo NGP\", Arial, sans-serif;\n  font-stretch: 112.5%;\n  font-variation-settings: \"wdth\" 112.5, \"wght\" 600;\n}\n.people-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0,1fr));\n  column-gap: 0;\n  row-gap: 32px;\n  width: 100%;\n  align-items: start;\n}\n.people-grid > div { min-width: 0; padding-right: 14px }\n.people-grid > div:nth-child(4n) { padding-right: 0 }\n.person-role { display: block; font-size: 12px; text-transform: uppercase; color: #4a4a4a; margin-bottom: 2px }\n.person-name { display: block; font-size: 13px; font-weight: 600; text-transform: uppercase; line-height: 1.17 }\n\n\/* PREMIUM SCROLL REVEALS *\/\n.reveal {\n  opacity: 0;\n  transform: translateY(28px);\n  filter: blur(4px);\n  transition: opacity .9s cubic-bezier(.22,1,.36,1), transform 1s cubic-bezier(.22,1,.36,1), filter .8s ease;\n}\n.reveal.visible { opacity: 1; transform: none; filter: blur(0) }\n.reveal-delay-1 { transition-delay: .08s }\n.reveal-delay-2 { transition-delay: .16s }\n.reveal-delay-3 { transition-delay: .24s }\n\n\/* VIDEO SOUND CONTROL + AUTO-HIDE *\/\n.hero-ui { transition: opacity .65s cubic-bezier(.22,1,.36,1), transform .65s cubic-bezier(.22,1,.36,1) }\n.video-sound-control {\n  position: absolute;\n  z-index: 6;\n  right: 3.4375%;\n  bottom: 5.3%;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  appearance: none;\n  border: 0;\n  background: transparent;\n  color: #fff;\n  font-family: \"Archivo NGP\", Arial, sans-serif;\n  font-size: 13px;\n  font-weight: 300;\n  cursor: pointer;\n  opacity: 1;\n  transform: translateY(0);\n  transition: opacity .55s cubic-bezier(.22,1,.36,1), transform .55s cubic-bezier(.22,1,.36,1), color .3s ease;\n}\n.video-sound-control:hover,\n.video-sound-control.is-unmuted,\n.video-sound-control.is-unmuted:hover { color: #e3242b }\n.video-sound-control svg { width: 22px; height: 22px; display: block; flex: 0 0 auto }\n.video-sound-control .sound-on { display: none }\n.video-sound-control.is-unmuted .sound-off { display: none }\n.video-sound-control.is-unmuted .sound-on { display: block }\n\n.project-hero.video-active.ui-hidden .hero-copy,\n.project-hero.video-active.ui-hidden .video-sound-control {\n  opacity: 0;\n  transform: translateY(10px);\n  pointer-events: none;\n}\n.project-hero.video-active .hero-copy {\n  transition: opacity .65s cubic-bezier(.22,1,.36,1), transform .65s cubic-bezier(.22,1,.36,1);\n}\n.project-hero.video-active .video-sound-control {\n  transition: opacity .55s cubic-bezier(.22,1,.36,1), transform .55s cubic-bezier(.22,1,.36,1);\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 900px) {\n  .network-row { grid-template-columns: 40% 20% 20% 20% }\n  .network-label { grid-column: 1 }\n  .network-youtube { grid-column: 2 }\n  .network-imdb { grid-column: 3 }\n  .network-instagram { grid-column: 4 }\n\n  .project-hero-image, .project-hero-video { object-position: center center }\n\n  .project-container, .hero-copy { width: auto; margin-left: 20px; margin-right: 20px }\n  .project-topbar { padding-top: 22px; padding-left: 20px; padding-right: 20px }\n  .home-logo { width: 145px; min-width: 145px; max-width: 145px }\n  .hero-socials { gap: 18px; height: 46px }\n  .hero-copy { padding-bottom: 11vh }\n  .synopsis-grid { grid-template-columns: 1fr; gap: 38px }\n  .project-poster { max-width: 360px }\n  .watch-inner { grid-template-columns: 40% 20% 20% 20%; gap: 0; padding: 34px 0 }\n  .watch-label { grid-column: 1 }\n  .watch-shahid { grid-column: 2 }\n  .watch-empty { grid-column: 3 }\n  .watch-apple { grid-column: 4 }\n  .credits-row { grid-template-columns: 1fr; gap: 34px }\n  .people-grid { grid-template-columns: repeat(2, minmax(0,1fr)); column-gap: 24px }\n  .video-sound-control { right: 20px; bottom: 32px; font-size: 12px }\n}\n@media (max-width: 560px) {\n  .platform-logo.shahid { height: 34px; max-width: 145px }\n  .platform-logo.apple-tv { height: 38px; max-width: 120px }\n  .project-hero { min-height: 760px }\n  .hero-copy { padding-bottom: 90px }\n  .hero-title { font-size: 42px }\n  .synopsis { padding-top: 62px }\n  .people-grid { grid-template-columns: 1fr 1fr; gap: 26px 18px }\n}\n@media (prefers-reduced-motion: reduce) {\n  .project-page { animation: none !important; opacity: 1 }\n  *, *::before, *::after { animation: none !important; transition: none !important }\n  .hero-copy > *, .reveal { opacity: 1; transform: none; filter: none }\n  .video-sound-control { transition: none !important }\n}\n\n\/* =========================================================\n   INT\u00c9GRATION WORDPRESS \/ ASTRA \u2014 plein \u00e9cran garanti\n   Cible uniquement les pages qui contiennent .project-page\n   (gr\u00e2ce \u00e0 :has()), sans toucher au reste du site :\n   - masque le header\/menu d'Astra (la fiche a son propre logo\n     + nav flottants dans le hero)\n   - supprime tout padding\/max-width h\u00e9rit\u00e9 du conteneur de\n     contenu d'Astra, quel que soit le gabarit de page utilis\u00e9\n   ========================================================= *\/\nbody:has(.project-page) .site-header,\nbody:has(.project-page) #masthead,\nbody:has(.project-page) .ast-mobile-header-wrap {\n  display: none !important;\n}\n\nbody:has(.project-page) .entry-content,\nbody:has(.project-page) .ast-container,\nbody:has(.project-page) .site-content,\nbody:has(.project-page) #primary,\nbody:has(.project-page) #main,\nbody:has(.project-page) .site-main,\nbody:has(.project-page) article {\n  padding: 0 !important;\n  margin: 0 !important;\n  max-width: none !important;\n}\n\nbody:has(.project-page) {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* Logos SNRT \/ YouTube utilis\u00e9s sur la fiche \"Tidoukla Tikdimine\" \u2014\n   laiss\u00e9s ici pour r\u00e9utilisation directe sur les 3 autres fiches *\/\n.snrt-logo { width: 72px; height: 72px; object-fit: contain; display: block }\n.youtube-watch-logo { width: 150px; height: auto; object-fit: contain; display: block }\n@media (max-width: 900px) {\n  .snrt-logo { width: 60px; height: 60px }\n  .youtube-watch-logo { width: 120px }\n}\n\n.project-page {\nmax-width:100% !important;\nmargin:0% !important;\n}\n\n\nhtml:has(.project-page),\nbody:has(.project-page) {\n  background: #000 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\n.hero-title,\n.section-label,\n.watch-label {\n  color: #fff !important;\n}\n<\/style>\n\n<!--\n  ============================================================\n  NEW GENERATION PICTURES \u2014 FICHE PROJET \"EL MADDAH\"\n  \u00c0 coller dans un bloc \"HTML personnalis\u00e9\" sur une nouvelle page.\n\n  Retir\u00e9 par rapport au fichier d'origine (WordPress s'en charge) :\n  - <html>\/<head> : le titre et la meta description se r\u00e8glent\n    dans les champs WordPress de la page (+ Yoast\/RankMath si tu\n    en as un pour la meta description).\n  - <footer class=\"project-footer\"> : supprim\u00e9, ton vrai footer\n    du th\u00e8me (widget Copyright) s'affichera automatiquement en\n    dessous.\n\n  \u00c0 FAIRE avant de publier :\n  - Remplace tous les \"assets\/xxx\" par tes vraies URLs WordPress\n    (media, vid\u00e9o de bande-annonce, logo, ic\u00f4nes r\u00e9seaux sociaux).\n  - D\u00e9sactive l'en-t\u00eate du th\u00e8me pour CETTE page (voir explication\n    apr\u00e8s ce bloc de code) pour \u00e9viter d'avoir 2 menus superpos\u00e9s.\n  ============================================================\n-->\n<main class=\"project-page\">\n  <section class=\"project-hero\" id=\"top\">\n    <div class=\"project-hero-media\" aria-hidden=\"true\">\n      <img decoding=\"async\" class=\"project-hero-image\" src=\"http:\/\/newgeneration-pictures.com\/wp-content\/uploads\/2026\/09\/almaddah-hero-hq.jpg\" alt=\"\">\n      <video class=\"project-hero-video\" id=\"almaddah-video\" playsinline=\"\" muted=\"\" preload=\"metadata\">\n        <source src=\"http:\/\/newgeneration-pictures.com\/wp-content\/uploads\/2026\/09\/almaddah-trailer.mp4\" type=\"video\/mp4\">\n      <\/video>\n    <\/div>\n\n    <header class=\"project-topbar\">\n      <a class=\"home-logo page-transition\" href=\"\/\" aria-label=\"Retour \u00e0 l'accueil New Generation Pictures\">\n        <img decoding=\"async\" src=\"http:\/\/newgeneration-pictures.com\/wp-content\/uploads\/2026\/09\/logo.png\" alt=\"New Generation Pictures\">\n      <\/a>\n      <nav class=\"hero-socials\" aria-label=\"Liens du projet\">\n        <a class=\"imdb-wordmark\" href=\"#credits\" aria-label=\"IMDb\">IMDb<\/a>\n        <a class=\"hero-social-link\" href=\"#networks\" aria-label=\"YouTube\">\n          <img decoding=\"async\" class=\"social-logo youtube-logo\" src=\"http:\/\/newgeneration-pictures.com\/wp-content\/uploads\/2026\/09\/youtube.png\" alt=\"YouTube\">\n        <\/a>\n        <a class=\"hero-social-link\" href=\"#networks\" aria-label=\"Instagram\">\n          <img decoding=\"async\" class=\"social-logo instagram-logo\" src=\"http:\/\/newgeneration-pictures.com\/wp-content\/uploads\/2026\/09\/instagram.png\" alt=\"Instagram\">\n        <\/a>\n      <\/nav>\n    <\/header>\n\n    <div class=\"hero-copy\">\n      <h1 class=\"hero-title\">El Maddah<br>Ostouret El Nehaya<\/h1>\n      <p class=\"hero-season\">Saison 6<\/p>\n      <p class=\"hero-meta\">30 \u00c9pisodes&nbsp;&nbsp;\u00b7&nbsp;&nbsp;Drame&nbsp;&nbsp;|&nbsp;&nbsp;\u00c9gyptien&nbsp;&nbsp;|&nbsp;&nbsp;Horreur<\/p>\n    <\/div>\n\n    <button class=\"video-sound-control hero-ui\" type=\"button\" aria-label=\"Activer le son\" aria-pressed=\"false\">\n      <svg class=\"sound-off\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path fill=\"currentColor\" d=\"M4 9v6h4l5 4V5L8 9H4zm11.5 3c0-1.77-.77-3.36-2-4.46v8.91c1.23-1.1 2-2.68 2-4.45z\"><\/path>\n        <path fill=\"currentColor\" d=\"m18.2 8.2 1.6 1.6L17.6 12l2.2 2.2-1.6 1.6L16 13.6l-2.2 2.2-1.6-1.6 2.2-2.2-2.2-2.2 1.6-1.6L16 10.4l2.2-2.2z\"><\/path>\n      <\/svg>\n      <svg class=\"sound-on\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <path fill=\"currentColor\" d=\"M4 9v6h4l5 4V5L8 9H4zm11.5 3c0-1.77-.77-3.36-2-4.46v8.91c1.23-1.1 2-2.68 2-4.45zm0-7.1v2.06A7 7 0 0 1 19 12a7 7 0 0 1-3.5 6.07v2.03A9 9 0 0 0 21 12a9 9 0 0 0-5.5-7.1z\"><\/path>\n      <\/svg>\n      <span class=\"sound-label\">Activer le son<\/span>\n    <\/button>\n  <\/section>\n\n  <section class=\"synopsis\">\n    <div class=\"project-container\">\n      <div class=\"synopsis-grid\">\n        <div class=\"reveal\">\n          <h2 class=\"section-label\">Synopsis<\/h2>\n          <div class=\"synopsis-copy\">\n            <p>Al Maddah: Ostouret Al Nehaya suit le retour de Saber Al Maddah, un homme marqu\u00e9 par ses anciens combats contre les forces occultes, qui se retrouve face \u00e0 l&rsquo;\u00e9preuve la plus dangereuse de son parcours. Apr\u00e8s avoir perdu ses pouvoirs exceptionnels en se sacrifiant pour sauver ceux qu&rsquo;il aime, Saber redevient un homme ordinaire, vuln\u00e9rable, pris par les drames personnels et hant\u00e9 par les cons\u00e9quences de ses choix. Mais alors qu&rsquo;il tente de reprendre sa vie, une nouvelle menace surgit : Samih, une entit\u00e9 redoutable li\u00e9e aux t\u00e9n\u00e8bres du monde souterrain, qui cherche \u00e0 d\u00e9truire Saber, sa famille et tout ce qu&rsquo;il repr\u00e9sente. La s\u00e9rie est pr\u00e9sent\u00e9e comme la confrontation la plus violente de l&rsquo;histoire de Saber contre les forces obscures.<\/p>\n            <p>Dans cette saison, le combat ne se limite plus \u00e0 une simple opposition entre un homme et des esprits mal\u00e9fiques. Les anciens symboles du mal reviennent et s&rsquo;unissent dans une m\u00eame guerre contre lui, transformant l&rsquo;histoire en bataille existentielle entre la lumi\u00e8re et les t\u00e9n\u00e8bres. Saber doit traverser une route dangereuse pour r\u00e9cup\u00e9rer ses forces, affronter ses peurs, prot\u00e9ger ses proches et emp\u00eacher la propagation d&rsquo;un mal capable d&rsquo;engloutir le monde autour de lui. Entre drame familial, horreur spirituelle, suspense et affrontement surnaturel, Ostouret Al Nehaya donne \u00e0 la saga une dimension finale, plus sombre et plus intense, o\u00f9 Saber n&rsquo;est plus seulement un gu\u00e9risseur ou un homme de foi, mais le dernier rempart face \u00e0 une vague de destruction. La s\u00e9rie est class\u00e9e comme drame, horreur et thriller, avec 30 \u00e9pisodes.<\/p>\n          <\/div>\n        <\/div>\n\n        <img decoding=\"async\" class=\"project-poster reveal reveal-delay-1\" src=\"http:\/\/newgeneration-pictures.com\/wp-content\/uploads\/2026\/09\/photo-3.jpg\" alt=\"Affiche El Maddah \u2014 Ostouret El Nehaya\">\n      <\/div>\n\n      <div class=\"network-row reveal\" id=\"networks\">\n        <span class=\"network-label\">Suivez-nous sur les r\u00e9seaux<\/span>\n        <a class=\"network-slot network-youtube\" href=\"#networks\" aria-label=\"YouTube\">\n          <img decoding=\"async\" class=\"network-logo youtube-logo\" src=\"http:\/\/newgeneration-pictures.com\/wp-content\/uploads\/2026\/09\/youtube.png\" alt=\"YouTube\">\n        <\/a>\n        <a class=\"network-slot network-imdb imdb-wordmark\" href=\"#credits\" aria-label=\"IMDb\">IMDb<\/a>\n        <a class=\"network-slot network-instagram\" href=\"#networks\" aria-label=\"Instagram\">\n          <img decoding=\"async\" class=\"network-logo instagram-logo\" src=\"http:\/\/newgeneration-pictures.com\/wp-content\/uploads\/2026\/09\/instagram.png\" alt=\"Instagram\">\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"watch\" id=\"watch\">\n    <div class=\"project-container watch-inner\">\n      <h2 class=\"watch-label reveal\">O\u00f9 regarder<\/h2>\n\n      <a class=\"watch-slot watch-shahid reveal reveal-delay-1\" href=\"https:\/\/shahid.mbc.net\/\" aria-label=\"MBC Shahid\">\n        <img decoding=\"async\" class=\"platform-logo shahid\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/1e\/Mbc_Shahid_logo.svg\/960px-Mbc_Shahid_logo.svg.png\" alt=\"MBC Shahid\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='inline-flex'\">\n        <span class=\"platform-fallback shahid-fallback\" aria-hidden=\"true\">shahid\u2022\u2022\u2022<\/span>\n      <\/a>\n\n      <span class=\"watch-empty\" aria-hidden=\"true\"><\/span>\n\n      <a class=\"watch-slot watch-apple reveal reveal-delay-1\" href=\"https:\/\/tv.apple.com\/\" aria-label=\"Apple TV+\">\n        <img decoding=\"async\" class=\"platform-logo apple-tv\" src=\"https:\/\/thumb.wikimedia.org\/wikipedia\/commons\/thumb\/2\/28\/Apple_TV_Plus_Logo.svg\/960px-Apple_TV_Plus_Logo.svg.png\" alt=\"Apple TV+\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='inline-flex'\">\n        <span class=\"platform-fallback apple-fallback\" aria-hidden=\"true\">tv+<\/span>\n      <\/a>\n    <\/div>\n  <\/section>\n\n  <section class=\"credits\" id=\"credits\">\n    <div class=\"project-container\">\n      <div class=\"credits-row reveal\">\n        <h2 class=\"credits-heading\">\u00c0 propos du casting<\/h2>\n        <div class=\"people-grid\">\n          <div><span class=\"person-name\">Hamada Helal<\/span><span class=\"person-role\">Saber Al Maddah<\/span><\/div>\n          <div><span class=\"person-name\">Fathy Abdel Wahab<\/span><span class=\"person-role\">Ouzah \u2013 Sameeh El Gallad<\/span><\/div>\n          <div><span class=\"person-name\">Hamza El Eily<\/span><span class=\"person-role\">Mout<\/span><\/div>\n          <div><span class=\"person-name\">Heba Magdi<\/span><span class=\"person-role\">Rehab<\/span><\/div>\n          <div><span class=\"person-name\">Khaled Sarhan<\/span><span class=\"person-role\">Hassan<\/span><\/div>\n          <div><span class=\"person-name\">Donia Abdel Aziz<\/span><span class=\"person-role\">Manal<\/span><\/div>\n          <div><span class=\"person-name\">Khaled Anwar<\/span><span class=\"person-role\">Malek<\/span><\/div>\n          <div><span class=\"person-name\">Mofeed Ashour<\/span><span class=\"person-role\">Sarhad<\/span><\/div>\n          <div><span class=\"person-name\">Alaa Morsy<\/span><span class=\"person-role\">Dr. Ragaat<\/span><\/div>\n          <div><span class=\"person-name\">Gamal Abdel Nasser<\/span><span class=\"person-role\">Ghaleb<\/span><\/div>\n          <div><span class=\"person-name\">Afaf Rashad<\/span><span class=\"person-role\">Afaf<\/span><\/div>\n          <div><span class=\"person-name\">Faten Saeed<\/span><span class=\"person-role\">Daleela<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"credits-row reveal reveal-delay-1\">\n        <h2 class=\"credits-heading\">\u00c0 propos de l&rsquo;\u00e9quipe<\/h2>\n        <div class=\"people-grid\">\n          <div><span class=\"person-role\">Director<\/span><span class=\"person-name\">Ahmed Samir Farag<\/span><\/div>\n          <div><span class=\"person-role\">Director<\/span><span class=\"person-name\">Ahmed Yeha<\/span><\/div>\n          <div><span class=\"person-role\">Producer<\/span><span class=\"person-name\">Cedars Art Production<br>Sabbah Brothers<\/span><\/div>\n          <div><span class=\"person-role\">Producer<\/span><span class=\"person-name\">Sadiq Al Sabbah<\/span><\/div>\n          <div><span class=\"person-role\">Writer<\/span><span class=\"person-name\">Amin Gamal<\/span><\/div>\n          <div><span class=\"person-role\">Writer<\/span><span class=\"person-name\">Waleed Abu El Magd<\/span><\/div>\n          <div><span class=\"person-role\">Writer<\/span><span class=\"person-name\">Sherif Yousry<\/span><\/div>\n          <div><span class=\"person-role\">Music \/ Score<\/span><span class=\"person-name\">Mahmoud Talaat<\/span><\/div>\n          <div><span class=\"person-role\">VFX Supervisor<\/span><span class=\"person-name\">Amr Akef<\/span><\/div>\n          <div><span class=\"person-role\">Casting Coordinator<\/span><span class=\"person-name\">Khaled Hassan<\/span><\/div>\n          <div><span class=\"person-role\">Opening &amp; End Credits Vocals<\/span><span class=\"person-name\">Hamada Helal<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/main>\n\n<script>\n(() => {\n  const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  const hero = document.querySelector('.project-hero');\n  const video = hero ? hero.querySelector('video') : null;\n  const synopsis = document.querySelector('.synopsis');\n  const soundButton = hero ? hero.querySelector('.video-sound-control') : null;\n  const soundLabel = soundButton ? soundButton.querySelector('.sound-label') : null;\n  let hideTimer = null;\n\n  const reveals = [...document.querySelectorAll('.reveal')];\n  if (reduceMotion || !('IntersectionObserver' in window)) {\n    reveals.forEach(el => el.classList.add('visible'));\n  } else {\n    const io = new IntersectionObserver(entries => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n          io.unobserve(entry.target);\n        }\n      });\n    }, {threshold:.08, rootMargin:'0px 0px -6% 0px'});\n    reveals.forEach(el => io.observe(el));\n  }\n\n  const showHeroUI = () => {\n    if (!hero) return;\n    hero.classList.remove('ui-hidden');\n    window.clearTimeout(hideTimer);\n    if (hero.classList.contains('video-active')) {\n      hideTimer = window.setTimeout(() => {\n        hero.classList.add('ui-hidden');\n      }, 3000);\n    }\n  };\n\n  const syncSoundUI = () => {\n    if (!video || !soundButton || !soundLabel) return;\n    const unmuted = !video.muted;\n    soundButton.classList.toggle('is-unmuted', unmuted);\n    soundButton.setAttribute('aria-pressed', String(unmuted));\n    soundButton.setAttribute('aria-label', unmuted ? 'Couper le son' : 'Activer le son');\n    soundLabel.textContent = unmuted ? 'Couper le son' : 'Activer le son';\n  };\n\n  const muteWhenFicheAppears = () => {\n    if (!video || !synopsis) return;\n    const rect = synopsis.getBoundingClientRect();\n    if (rect.top <= window.innerHeight * 0.98) {\n      if (!video.muted) {\n        video.muted = true;\n        syncSoundUI();\n      }\n    }\n  };\n\n  window.addEventListener('scroll', muteWhenFicheAppears, {passive:true});\n  window.addEventListener('wheel', muteWhenFicheAppears, {passive:true});\n\n  if ('IntersectionObserver' in window &#038;&#038; synopsis) {\n    const ficheMuteObserver = new IntersectionObserver(entries => {\n      if (entries.some(entry => entry.isIntersecting)) {\n        if (video && !video.muted) {\n          video.muted = true;\n          syncSoundUI();\n        }\n      }\n    }, {threshold:0.01});\n    ficheMuteObserver.observe(synopsis);\n  }\n\n  if (soundButton && video) {\n    syncSoundUI();\n    soundButton.addEventListener('click', () => {\n      video.muted = !video.muted;\n      syncSoundUI();\n      showHeroUI();\n    });\n  }\n\n  if (hero) {\n    const movementEvents = ['pointermove','mousemove','pointerdown','touchstart','touchmove','wheel','scroll'];\n    movementEvents.forEach(type => {\n      window.addEventListener(type, showHeroUI, {passive:true});\n    });\n    window.addEventListener('keydown', e => {\n      const keys = ['ArrowUp','ArrowDown','PageUp','PageDown','Home','End',' '];\n      if (keys.includes(e.key)) showHeroUI();\n    });\n  }\n\n  muteWhenFicheAppears();\n\n  if (video && hero) {\n    const startVideoSequence = () => {\n      window.setTimeout(() => {\n        video.currentTime = 0;\n        video.muted = true;\n        syncSoundUI();\n        const playPromise = video.play();\n        hero.classList.add('video-active');\n        hero.classList.remove('video-finished');\n        showHeroUI();\n        if (playPromise && typeof playPromise.catch === 'function') {\n          playPromise.catch(() => {\n            hero.classList.remove('video-active');\n            hero.classList.remove('ui-hidden');\n          });\n        }\n      }, 2000);\n    };\n    if (!reduceMotion) startVideoSequence();\n    video.addEventListener('ended', () => {\n      window.clearTimeout(hideTimer);\n      hero.classList.remove('video-active');\n      hero.classList.remove('ui-hidden');\n      hero.classList.add('video-finished');\n      video.muted = true;\n      syncSoundUI();\n    });\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>IMDb El MaddahOstouret El Nehaya Saison 6 30 \u00c9pisodes&nbsp;&nbsp;\u00b7&nbsp;&nbsp;Drame&nbsp;&nbsp;|&nbsp;&nbsp;\u00c9gyptien&nbsp;&nbsp;|&nbsp;&nbsp;Horreur Activer le son Synopsis Al Maddah: Ostouret Al Nehaya suit le [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-166","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/newgeneration-pictures.com\/index.php?rest_route=\/wp\/v2\/pages\/166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newgeneration-pictures.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/newgeneration-pictures.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/newgeneration-pictures.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/newgeneration-pictures.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=166"}],"version-history":[{"count":24,"href":"https:\/\/newgeneration-pictures.com\/index.php?rest_route=\/wp\/v2\/pages\/166\/revisions"}],"predecessor-version":[{"id":335,"href":"https:\/\/newgeneration-pictures.com\/index.php?rest_route=\/wp\/v2\/pages\/166\/revisions\/335"}],"wp:attachment":[{"href":"https:\/\/newgeneration-pictures.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}