{"id":15,"date":"2025-11-20T05:25:16","date_gmt":"2025-11-20T05:25:16","guid":{"rendered":"https:\/\/khalilmounji.com\/?page_id=15"},"modified":"2025-12-21T04:56:35","modified_gmt":"2025-12-21T04:56:35","slug":"home","status":"publish","type":"page","link":"https:\/\/khalilmounji.com\/fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40b911e e-flex e-con-boxed e-con e-parent\" data-id=\"40b911e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e2868f elementor-widget elementor-widget-text-editor\" data-id=\"8e2868f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!-- KHALILMOUNJI.COM \u2014 HOME (Elementor HTML Widget)\nInspired by the \u201cPlay Guembri\u201d interactive vibe (keyboard-to-notes).\nPaste this whole block in ONE Elementor \u201cHTML\u201d widget.\n-->\n\n<style>\n  :root{\n    --bg:#07070a;\n    --panel:rgba(255,255,255,.05);\n    --panel2:rgba(255,255,255,.035);\n    --line:rgba(255,255,255,.12);\n    --txt:#f3f6ff;\n    --muted:rgba(243,246,255,.72);\n    --accent:#b8a2ff;         \/* purple indigo *\/\n    --accent2:#65d7ff;        \/* cyan *\/\n    --radius:22px;\n    --max:1180px;\n  }\n  *{box-sizing:border-box}\n  .km-wrap{\n    font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;\n    color:var(--txt);\n    background:\n      radial-gradient(900px 600px at 15% 20%, rgba(184,162,255,.20), transparent 60%),\n      radial-gradient(900px 600px at 85% 55%, rgba(101,215,255,.14), transparent 60%),\n      linear-gradient(180deg,#050509 0%, #090a12 40%, #07070a 100%);\n    overflow:hidden;\n  }\n  .km-container{max-width:var(--max);margin:0 auto;padding:0 22px}\n  .km-section{padding:72px 0;border-top:1px solid var(--line)}\n  .km-section:first-child{border-top:none}\n  .km-grid{display:grid;gap:22px}\n  .km-two{grid-template-columns:1.1fr .9fr}\n  .km-two-eq{grid-template-columns:1fr 1fr}\n  .km-three{grid-template-columns:1fr 1fr 1fr}\n  .km-card{\n    background:var(--panel);\n    border:1px solid var(--line);\n    border-radius:var(--radius);\n    padding:22px;\n    backdrop-filter: blur(10px);\n  }\n  .km-hero{\n    min-height:92vh;\n    display:flex;align-items:center;\n    position:relative;\n  }\n  .km-hero:before{\n    content:\"\";\n    position:absolute;inset:-40%;\n    background:\n      radial-gradient(circle at 30% 25%, rgba(184,162,255,.22), transparent 48%),\n      radial-gradient(circle at 75% 58%, rgba(101,215,255,.16), transparent 52%),\n      radial-gradient(circle at 45% 85%, rgba(255,255,255,.08), transparent 55%);\n    filter: blur(18px);\n    transform: rotate(9deg);\n  }\n  .km-hero .km-container{position:relative}\n  .km-kicker{letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:var(--muted);margin:0 0 14px}\n  .km-h1{font-size:clamp(42px,6.2vw,84px);line-height:1.02;margin:0 0 14px}\n  .km-sub{font-size:clamp(16px,2.1vw,22px);color:var(--muted);margin:0 0 14px;max-width:55ch}\n  .km-tag{\n    font-size:14px;color:rgba(243,246,255,.86);\n    margin:0 0 26px;\n  }\n  .km-tag b{color:var(--accent)}\n  .km-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}\n  .km-btn{\n    display:inline-flex;align-items:center;justify-content:center;\n    padding:14px 20px;border-radius:999px;\n    border:1px solid var(--line);\n    text-decoration:none;\n    color:var(--txt);\n    background:rgba(255,255,255,.04);\n  }\n  .km-btn:hover{border-color:rgba(184,162,255,.55)}\n  .km-btn.primary{\n    background:linear-gradient(90deg, rgba(184,162,255,.95), rgba(101,215,255,.90));\n    color:#07070a;border-color:transparent;\n  }\n  .km-btn.primary:hover{opacity:.95}\n  .km-social{\n    display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:18px\n  }\n  .km-social a{color:var(--muted);text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.18)}\n  .km-social a:hover{color:var(--txt);border-bottom-color:rgba(184,162,255,.55)}\n\n  \/* Headings \/ text *\/\n  .km-h2{font-size:30px;margin:0 0 10px}\n  .km-h3{font-size:18px;margin:0 0 10px}\n  .km-p{margin:0;color:var(--muted);line-height:1.7}\n  .km-list{margin:12px 0 0;padding-left:18px;color:var(--muted);line-height:1.7}\n  .km-pill{\n    display:inline-block;margin:8px 8px 0 0;\n    padding:8px 12px;border-radius:999px;border:1px solid var(--line);\n    background:rgba(0,0,0,.18);color:rgba(243,246,255,.78);font-size:13px\n  }\n  .km-divider{height:1px;background:var(--line);margin:18px 0}\n\n  \/* Carousel *\/\n  .km-carousel{\n    position:relative;border-radius:var(--radius);\n    overflow:hidden;border:1px solid var(--line);\n    background:rgba(0,0,0,.35);\n  }\n  .km-carousel img{width:100%;height:480px;object-fit:cover;display:none}\n  .km-carousel img.active{display:block}\n  .km-carousel .km-cap{\n    position:absolute;left:16px;right:16px;bottom:14px;\n    display:flex;justify-content:space-between;align-items:center;gap:10px;\n    padding:12px 14px;border-radius:16px;\n    background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.12);\n    backdrop-filter: blur(8px);\n  }\n  .km-carousel .km-cap small{color:rgba(243,246,255,.70)}\n  .km-navbtn{\n    cursor:pointer;user-select:none;\n    padding:10px 12px;border-radius:12px;\n    border:1px solid rgba(255,255,255,.14);\n    background:rgba(255,255,255,.06);\n    color:var(--txt);\n  }\n  .km-navbtn:hover{border-color:rgba(184,162,255,.5)}\n  .km-dots{display:flex;gap:6px;align-items:center}\n  .km-dot{\n    width:8px;height:8px;border-radius:50%;\n    background:rgba(255,255,255,.28);\n    border:1px solid rgba(255,255,255,.10);\n  }\n  .km-dot.active{background:rgba(184,162,255,.92)}\n\n  \/* Embeds *\/\n  .km-embed{\n    border-radius:18px;overflow:hidden;border:1px solid var(--line);\n    background:rgba(0,0,0,.35)\n  }\n  .km-embed iframe{width:100%;border:0;display:block}\n  .km-small{font-size:13px;color:rgba(243,246,255,.70);margin:0 0 8px}\n\n  \/* Play Guembri block (keyboard) *\/\n  .km-play{\n    background:linear-gradient(180deg, rgba(184,162,255,.10), rgba(101,215,255,.06));\n    border:1px solid rgba(255,255,255,.14);\n  }\n  .km-play-head{\n    display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-end\n  }\n  .km-play-head .km-p{max-width:62ch}\n  .km-kbd{\n    display:grid;grid-template-columns:repeat(10, 1fr);\n    gap:10px;margin-top:16px\n  }\n  .km-key{\n    padding:14px 10px;\n    border-radius:16px;\n    border:1px solid rgba(255,255,255,.14);\n    background:rgba(0,0,0,.22);\n    text-align:center;\n    cursor:pointer;\n    transition:transform .05s ease, border-color .2s ease, background .2s ease;\n    min-height:64px;\n    display:flex;flex-direction:column;justify-content:center;gap:4px\n  }\n  .km-key:hover{border-color:rgba(101,215,255,.45)}\n  .km-key:active{transform:scale(.98)}\n  .km-key.active{\n    border-color:rgba(184,162,255,.75);\n    background:rgba(184,162,255,.16);\n  }\n  .km-key kbd{\n    display:inline-block;\n    font-weight:700;\n    color:var(--txt);\n    background:rgba(255,255,255,.06);\n    border:1px solid rgba(255,255,255,.10);\n    padding:2px 8px;border-radius:10px;\n    font-size:12px\n  }\n  .km-note{font-size:12px;color:rgba(243,246,255,.75)}\n  .km-now{\n    margin-top:14px;\n    padding:12px 14px;border-radius:16px;\n    border:1px solid rgba(255,255,255,.12);\n    background:rgba(0,0,0,.22);\n    display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between\n  }\n  .km-now b{color:var(--accent2)}\n  .km-toggle{\n    display:flex;gap:10px;align-items:center;flex-wrap:wrap\n  }\n  .km-toggle button{\n    cursor:pointer;\n    padding:10px 12px;border-radius:12px;\n    border:1px solid rgba(255,255,255,.14);\n    background:rgba(255,255,255,.06);\n    color:var(--txt)\n  }\n  .km-toggle button:hover{border-color:rgba(184,162,255,.5)}\n\n  \/* Footer *\/\n  .km-footer{\n    padding:34px 0;border-top:1px solid var(--line);\n    color:rgba(243,246,255,.68);font-size:14px\n  }\n\n  @media (max-width: 980px){\n    .km-two,.km-two-eq,.km-three{grid-template-columns:1fr}\n    .km-carousel img{height:340px}\n    .km-kbd{grid-template-columns:repeat(5, 1fr)}\n  }\n<\/style>\n\n<div class=\"km-wrap\">\n\n  <!-- HERO -->\n  <section class=\"km-section km-hero\" id=\"top\">\n    <div class=\"km-container\">\n      <p class=\"km-kicker\">Artiste pluridisciplinaire - Gnawa Ma\u00e2lem - Producteur culturel<\/p>\n      <h1 class=\"km-h1\">KHALIL MOUNJI<\/h1>\n      <p class=\"km-sub\">Un pont entre la spiritualit\u00e9 ancestrale et l'innovation sonore contemporaine.<\/p>\n      <p class=\"km-tag\"><b>Guembri<\/b> - Trance - Gu\u00e9rison par le son - Jazz - \u00c9lectronique - Direction artistique interculturelle<\/p>\n\n      <div class=\"km-btns\">\n        <a class=\"km-btn primary\" href=\"#music\">\u00c9couter et regarder<\/a>\n        <a class=\"km-btn\" href=\"#play\">Jouer Guembri<\/a>\n        <a class=\"km-btn\" href=\"#booking\">R\u00e9servation<\/a>\n      <\/div>\n\n      <div class=\"km-social\">\n        <a href=\"https:\/\/www.instagram.com\/khalil.mounji\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\n        <a href=\"https:\/\/soundcloud.com\/khalil-mounji\" target=\"_blank\" rel=\"noopener\">SoundCloud<\/a>\n        <a href=\"https:\/\/open.spotify.com\/intl-fr\/artist\/6jAB1WpJuTMPx7RH0ssZbK?si=fhcurMD9RVm8VLmxpGN26A\" target=\"_blank\" rel=\"noopener\">Spotify<\/a>\n        <a href=\"https:\/\/youtu.be\/nKulaE8niqk?si=OO36UTdhOJfM0U_S\" target=\"_blank\" rel=\"noopener\">YouTube<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- VISUAL CAROUSEL -->\n  <section class=\"km-section\" id=\"visuals\">\n    <div class=\"km-container\">\n      <div class=\"km-grid km-two\">\n        <div class=\"km-card\">\n          <h2 class=\"km-h2\">Une signature visuelle<\/h2>\n          <p class=\"km-p\">\n            Un pont entre le patrimoine rituel et la cr\u00e9ation contemporaine - sur sc\u00e8ne, en studio et par le biais de la production culturelle.\n          <\/p>\n          <div class=\"km-divider\"><\/div>\n          <div>\n            <span class=\"km-pill\">Rituel Gnawa<\/span>\n            <span class=\"km-pill\">Spectacle vivant<\/span>\n            <span class=\"km-pill\">Interdisciplinaire<\/span>\n            <span class=\"km-pill\">International<\/span>\n            <span class=\"km-pill\">R\u00e9cit de l'histoire<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"km-carousel\" aria-label=\"Carrousel d&#039;images\">\n          <img decoding=\"async\" class=\"active\" alt=\"Khalil Mounji image 1\" src=\"https:\/\/khalilmounji.com\/wp-content\/uploads\/2025\/12\/IMG-20240530-WA0018.jpg\">\n          <img decoding=\"async\" alt=\"Khalil Mounji image 2\" src=\"https:\/\/khalilmounji.com\/wp-content\/uploads\/2025\/12\/khalil-denhaag-03-scaled.png\">\n          <img decoding=\"async\" alt=\"Khalil Mounji image 3\" src=\"https:\/\/khalilmounji.com\/wp-content\/uploads\/2025\/12\/Um6ss-Soiree-204-scaled.jpg\">\n          <img decoding=\"async\" alt=\"Khalil Mounji image 4\" src=\"https:\/\/khalilmounji.com\/wp-content\/uploads\/2025\/12\/Um6ss-Soiree-207-scaled.jpg\">\n          <img decoding=\"async\" alt=\"Khalil Mounji image 5\" src=\"https:\/\/khalilmounji.com\/wp-content\/uploads\/2025\/12\/Um6ss-Soiree-208-scaled.jpg\">\n\n          <div class=\"km-cap\">\n            <div>\n              <small id=\"km-slideLabel\">01 \/ 05<\/small><br>\n              <strong>Moments choisis<\/strong>\n            <\/div>\n            <div style=\"display:flex;gap:10px;align-items:center\">\n              <div class=\"km-dots\" id=\"km-dots\"><\/div>\n              <span class=\"km-navbtn\" id=\"km-prev\">\u2039<\/span>\n              <span class=\"km-navbtn\" id=\"km-next\">\u203a<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <p class=\"km-small\" style=\"margin-top:12px\">Conseil : vous pouvez remplacer ces URL d'images \u00e0 tout moment.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- WHO I AM -->\n  <section class=\"km-section\" id=\"about\">\n    <div class=\"km-container\">\n      <div class=\"km-grid km-two\">\n        <div class=\"km-card\">\n          <h2 class=\"km-h2\">Entre patrimoine et cr\u00e9ation contemporaine<\/h2>\n          <p class=\"km-p\">\n            Khalil Mounji est un artiste multidisciplinaire, un Ma\u00e2lem gnawa, un producteur culturel et un strat\u00e8ge en communication.\n            Son travail se situe \u00e0 l'intersection de l'h\u00e9ritage ancestral, de la musique rituelle, de la gu\u00e9rison par le son et de l'innovation cr\u00e9ative contemporaine.\n          <\/p>\n          <p class=\"km-p\" style=\"margin-top:12px\">\n            Enracin\u00e9 dans la tradition gnawa, Khalil porte le guembri comme un instrument \u00e0 la fois musical et spirituel,\n            tout en ouvrant sa pratique au jazz, \u00e0 la musique \u00e9lectronique, aux performances interdisciplinaires et aux collaborations internationales.\n          <\/p>\n          <p class=\"km-p\" style=\"margin-top:12px\">\n            Parall\u00e8lement \u00e0 son parcours artistique, il poss\u00e8de une solide exp\u00e9rience en mati\u00e8re de communication institutionnelle et d'entreprise,\n            la structuration de r\u00e9cits culturels et de projets d'envergure internationale.\n          <\/p>\n        <\/div>\n\n        <div class=\"km-card\">\n          <h3 class=\"km-h3\">Profil rapide<\/h3>\n          <span class=\"km-pill\">Rituels Gnawa et c\u00e9r\u00e9monies Lila<\/span>\n          <span class=\"km-pill\">Guembri - Qraqeb - Voix<\/span>\n          <span class=\"km-pill\">Gu\u00e9rison par le son et fr\u00e9quences<\/span>\n          <span class=\"km-pill\">Fusion : Gnawa \u00d7 Mandingue \u00d7 Jazz \u00d7 \u00c9lectronique<\/span>\n          <span class=\"km-pill\">Production culturelle<\/span>\n          <span class=\"km-pill\">Collaborations internationales<\/span>\n\n          <div class=\"km-divider\"><\/div>\n          <p class=\"km-p\">\n            Suivez les derniers travaux sur\n            <a class=\"km-link\" href=\"https:\/\/www.instagram.com\/khalil.mounji\/\" target=\"_blank\" rel=\"noopener\" style=\"color:var(--txt);text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.22)\">Instagram<\/a>.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PLAY GUEMBRI (inspired) -->\n  <section class=\"km-section\" id=\"play\">\n    <div class=\"km-container\">\n      <div class=\"km-card km-play\">\n        <div class=\"km-play-head\">\n          <div>\n            <h2 class=\"km-h2\" style=\"margin-bottom:6px\">Jouer Guembri (clavier)<\/h2>\n            <p class=\"km-p\">\n              Inspir\u00e9 par votre exp\u00e9rience web \u201cPlay Guembri\u201d : utilisez votre clavier pour d\u00e9clencher des notes.\n              Fonctionne sur desktop (clavier) et mobile (tap).\n            <\/p>\n          <\/div>\n          <div class=\"km-toggle\">\n            <button type=\"button\" id=\"km-audioOn\">Activer le son<\/button>\n            <button type=\"button\" id=\"km-audioOff\">Muet<\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"km-now\">\n          <div>En cours de lecture : <b id=\"km-nowNote\">\u2014<\/b><\/div>\n          <div class=\"km-small\">Cl\u00e9s : A - E - Y - Q - W - X - C - V - B - N<\/div>\n        <\/div>\n\n        <div class=\"km-kbd\" id=\"km-kbd\">\n          <!-- Key mapping mirrors the vibe of the Play Guembri page -->\n          <div class=\"km-key\" data-key=\"A\" data-note=\"D (Re)\" data-f=\"146.83\"><kbd>A<\/kbd><div class=\"km-note\">D - Re<\/div><\/div>\n          <div class=\"km-key\" data-key=\"E\" data-note=\"F# (Fa#)\" data-f=\"185.00\"><kbd>E<\/kbd><div class=\"km-note\">F# - Fa#<\/div><\/div>\n          <div class=\"km-key\" data-key=\"Y\" data-note=\"E (Mi)\" data-f=\"164.81\"><kbd>Y<\/kbd><div class=\"km-note\">E - Mi<\/div><\/div>\n          <div class=\"km-key\" data-key=\"Q\" data-note=\"D (Re)\" data-f=\"146.83\"><kbd>Q<\/kbd><div class=\"km-note\">D - Re<\/div><\/div>\n          <div class=\"km-key\" data-key=\"W\" data-note=\"G (Sol)\" data-f=\"196.00\"><kbd>W<\/kbd><div class=\"km-note\">G - Sol<\/div><\/div>\n          <div class=\"km-key\" data-key=\"X\" data-note=\"C (Do)\" data-f=\"130.81\"><kbd>X<\/kbd><div class=\"km-note\">C - Faire<\/div><\/div>\n          <div class=\"km-key\" data-key=\"C\" data-note=\"B (Si)\" data-f=\"123.47\"><kbd>C<\/kbd><div class=\"km-note\">B - Si<\/div><\/div>\n          <div class=\"km-key\" data-key=\"V\" data-note=\"A# (La#)\" data-f=\"116.54\"><kbd>V<\/kbd><div class=\"km-note\">A# - La#<\/div><\/div>\n          <div class=\"km-key\" data-key=\"B\" data-note=\"A (La)\" data-f=\"110.00\"><kbd>B<\/kbd><div class=\"km-note\">A - La<\/div><\/div>\n          <div class=\"km-key\" data-key=\"N\" data-note=\"G# (Sol#)\" data-f=\"207.65\"><kbd>N<\/kbd><div class=\"km-note\">G# - Sol#<\/div><\/div>\n        <\/div>\n\n        <p class=\"km-small\" style=\"margin-top:14px\">\n          Vous voulez vivre l'exp\u00e9rience compl\u00e8te du jeu ? Ajoutez un bouton qui renvoie \u00e0 :\n          <a class=\"km-link\" href=\"https:\/\/gnaouaculture.org\/jeu-en-ligne-play-guembri\/\" target=\"_blank\" rel=\"noopener\">Jouer Guembri (original)<\/a>.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- MUSIC (SPOTIFY + SOUNDCLOUD + YOUTUBE) -->\n  <section class=\"km-section\" id=\"music\">\n    <div class=\"km-container\">\n      <div class=\"km-card\">\n        <h2 class=\"km-h2\" style=\"margin-bottom:6px\">\u00c9couter - Explorer - Regarder<\/h2>\n        <p class=\"km-p\">Profils officiels d'artistes + une vid\u00e9o en direct.<\/p>\n\n        <div class=\"km-divider\"><\/div>\n\n        <div class=\"km-grid\" style=\"gap:18px\">\n\n          <!-- SPOTIFY ARTIST -->\n          <div>\n            <p class=\"km-small\">\u00c9couter sur Spotify<\/p>\n            <div class=\"km-embed\">\n              <iframe\n                style=\"height:352px\"\n                src=\"https:\/\/open.spotify.com\/embed\/artist\/6jAB1WpJuTMPx7RH0ssZbK?utm_source=generator\"\n                allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\n                loading=\"lazy\">\n              <\/iframe>\n            <\/div>\n          <\/div>\n\n          <!-- SOUNDCLOUD + YOUTUBE -->\n          <div class=\"km-grid km-two-eq\">\n            <div>\n              <p class=\"km-small\">Explorer sur SoundCloud<\/p>\n              <div class=\"km-embed\">\n                <iframe\n                  style=\"height:166px\"\n                  scrolling=\"no\"\n                  allow=\"autoplay\"\n                  src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/soundcloud.com\/khalil-mounji&#038;color=%23090a12&#038;auto_play=false&#038;hide_related=false&#038;show_comments=true&#038;show_user=true&#038;show_reposts=false&#038;show_teaser=true\">\n                <\/iframe>\n              <\/div>\n            <\/div>\n\n            <div>\n              <p class=\"km-small\">Regarder (YouTube)<\/p>\n              <div class=\"km-embed\">\n                <iframe\n                  style=\"aspect-ratio:16\/9;height:auto\"\n                  src=\"https:\/\/www.youtube.com\/embed\/nKulaE8niqk\"\n                  title=\"Khalil Mounji - YouTube\"\n                  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n                  referrerpolicy=\"strict-origin-when-cross-origin\"\n                  allowfullscreen\n loading=\"lazy\">\n                <\/iframe>\n              <\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"km-divider\"><\/div>\n\n        <div class=\"km-grid km-two-eq\">\n          <div class=\"km-card\">\n            <h3 class=\"km-h3\">Gnawa traditionnel (Ma\u00e2lem)<\/h3>\n            <p class=\"km-p\">R\u00e9pertoire authentique, cycles rituels, c\u00e9r\u00e9monies lila et transmission spirituelle guid\u00e9e par le guembri.<\/p>\n          <\/div>\n          <div class=\"km-card\">\n            <h3 class=\"km-h3\">Electro \/ Hybrid Live<\/h3>\n            <p class=\"km-p\">Un format de sc\u00e8ne flexible qui oscille entre downtempo, grooves tribaux et \u00e9nergie de club.<\/p>\n          <\/div>\n          <div class=\"km-card\">\n            <h3 class=\"km-h3\">Gu\u00e9rison par le son et les fr\u00e9quences<\/h3>\n            <p class=\"km-p\">Voyages sonores immersifs explorant la r\u00e9sonance, la respiration, le rythme et la gu\u00e9rison collective.<\/p>\n          <\/div>\n          <div class=\"km-card\">\n            <h3 class=\"km-h3\">Collaborations<\/h3>\n            <p class=\"km-p\">Rencontres internationales \u00e0 travers l'Afrique, l'Europe et au-del\u00e0, entre traditions et expressions modernes.<\/p>\n          <\/div>\n        <\/div>\n\n        <div style=\"margin-top:18px;display:flex;gap:12px;flex-wrap:wrap\">\n          <a class=\"km-btn primary\" href=\"https:\/\/open.spotify.com\/intl-fr\/artist\/6jAB1WpJuTMPx7RH0ssZbK?si=fhcurMD9RVm8VLmxpGN26A\" target=\"_blank\" rel=\"noopener\">Ouvrir Spotify<\/a>\n          <a class=\"km-btn\" href=\"https:\/\/soundcloud.com\/khalil-mounji\" target=\"_blank\" rel=\"noopener\">Ouvrir SoundCloud<\/a>\n          <a class=\"km-btn\" href=\"https:\/\/youtu.be\/nKulaE8niqk?si=OO36UTdhOJfM0U_S\" target=\"_blank\" rel=\"noopener\">Ouvrir YouTube<\/a>\n          <a class=\"km-btn\" href=\"https:\/\/www.instagram.com\/khalil.mounji\/\" target=\"_blank\" rel=\"noopener\">Ouvrir Instagram<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- BOOKING -->\n  <section class=\"km-section\" id=\"booking\">\n    <div class=\"km-container\">\n      <div class=\"km-card\">\n        <h2 class=\"km-h2\">R\u00e9servation et formats<\/h2>\n        <p class=\"km-p\">Performance - Ateliers - R\u00e9sidences - Conseil culturel<\/p>\n        <ul class=\"km-list\">\n          <li>Spectacle traditionnel gnawa (guembri - qraqeb - voix)<\/li>\n          <li>Electro-Gnawa \/ hybrid set live<\/li>\n          <li>Gu\u00e9rison par le son \/ exp\u00e9rience rituelle immersive<\/li>\n          <li>Ateliers et programmes \u00e9ducatifs<\/li>\n          <li>Conf\u00e9rences sur la culture, l'identit\u00e9 et la communication<\/li>\n        <\/ul>\n        <div class=\"km-divider\"><\/div>\n        <p class=\"km-p\">\n          Contact : <a class=\"km-link\" href=\"mailto:contact@khalilmounji.com\">contact@khalilmounji.com<\/a>\n          <span style=\"color:rgba(243,246,255,.45)\"> \u00b7 <\/span>\n          Instagram : <a class=\"km-link\" href=\"https:\/\/www.instagram.com\/khalil.mounji\/\" target=\"_blank\" rel=\"noopener\">@khalil.mounji<\/a>\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FOOTER -->\n  <footer class=\"km-footer\">\n    <div class=\"km-container\">\n      \u00a9 <span id=\"km-year\"><\/span> Khalil Mounji - Tous droits r\u00e9serv\u00e9s.\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n<script>\n  \/\/ Year\n  document.getElementById('km-year').textContent = new Date().getFullYear();\n\n  \/\/ ===== Carousel =====\n  (function(){\n    const carousel = document.querySelector('.km-carousel');\n    if(!carousel) return;\n    const imgs = Array.from(carousel.querySelectorAll('img'));\n    const prev = document.getElementById('km-prev');\n    const next = document.getElementById('km-next');\n    const label = document.getElementById('km-slideLabel');\n    const dotsWrap = document.getElementById('km-dots');\n    let i = 0;\n\n    \/\/ dots\n    imgs.forEach((_, idx)=>{\n      const d = document.createElement('span');\n      d.className = 'km-dot' + (idx===0 ? ' active':'');\n      d.addEventListener('click', ()=>setSlide(idx));\n      dotsWrap.appendChild(d);\n    });\n    const dots = Array.from(dotsWrap.querySelectorAll('.km-dot'));\n\n    function setSlide(idx){\n      imgs[i].classList.remove('active');\n      dots[i].classList.remove('active');\n      i = (idx + imgs.length) % imgs.length;\n      imgs[i].classList.add('active');\n      dots[i].classList.add('active');\n      label.textContent = String(i+1).padStart(2,'0') + ' \/ ' + String(imgs.length).padStart(2,'0');\n    }\n\n    prev && prev.addEventListener('click', ()=>setSlide(i-1));\n    next && next.addEventListener('click', ()=>setSlide(i+1));\n\n    \/\/ auto\n    let t = setInterval(()=>setSlide(i+1), 6500);\n    carousel.addEventListener('mouseenter', ()=>clearInterval(t));\n    carousel.addEventListener('mouseleave', ()=>{ t = setInterval(()=>setSlide(i+1), 6500); });\n  })();\n\n  \/\/ ===== Play Guembri (WebAudio) =====\n  (function(){\n    const keys = Array.from(document.querySelectorAll('.km-key'));\n    const now = document.getElementById('km-nowNote');\n    const btnOn = document.getElementById('km-audioOn');\n    const btnOff = document.getElementById('km-audioOff');\n\n    let ctx = null;\n    let enabled = false;\n\n    function ensureAudio(){\n      if(ctx) return;\n      const AudioContext = window.AudioContext || window.webkitAudioContext;\n      ctx = new AudioContext();\n    }\n\n    function playTone(freq, durMs=220){\n      if(!enabled) return;\n      ensureAudio();\n      const o = ctx.createOscillator();\n      const g = ctx.createGain();\n      o.type = 'triangle';\n      o.frequency.value = freq;\n\n      \/\/ Slight \u201cguembri-ish\u201d envelope\n      const nowT = ctx.currentTime;\n      g.gain.setValueAtTime(0.0001, nowT);\n      g.gain.exponentialRampToValueAtTime(0.18, nowT + 0.01);\n      g.gain.exponentialRampToValueAtTime(0.0001, nowT + durMs\/1000);\n\n      o.connect(g);\n      g.connect(ctx.destination);\n\n      o.start(nowT);\n      o.stop(nowT + durMs\/1000 + 0.02);\n    }\n\n    function flash(el){\n      keys.forEach(k=>k.classList.remove('active'));\n      el.classList.add('active');\n      setTimeout(()=>el.classList.remove('active'), 140);\n    }\n\n    function triggerByKey(letter){\n      const el = keys.find(k => k.dataset.key === letter.toUpperCase());\n      if(!el) return;\n      const note = el.dataset.note || '\u2014';\n      const f = parseFloat(el.dataset.f || '0');\n      now.textContent = note;\n      flash(el);\n      if(f>0) playTone(f, 240);\n    }\n\n    \/\/ Click\/tap\n    keys.forEach(el=>{\n      el.addEventListener('click', ()=>{\n        if(!enabled){\n          \/\/ allow first interaction to enable\n          enabled = true;\n          try{ ensureAudio(); ctx.resume && ctx.resume(); }catch(e){}\n        }\n        triggerByKey(el.dataset.key);\n      });\n    });\n\n    \/\/ Keyboard\n    window.addEventListener('keydown', (e)=>{\n      const k = (e.key || '').toUpperCase();\n      const allowed = ['A','E','Y','Q','W','X','C','V','B','N'];\n      if(!allowed.includes(k)) return;\n      if(!enabled){\n        enabled = true;\n        try{ ensureAudio(); ctx.resume && ctx.resume(); }catch(e){}\n      }\n      triggerByKey(k);\n    });\n\n    \/\/ Buttons\n    btnOn && btnOn.addEventListener('click', ()=>{\n      enabled = true;\n      try{ ensureAudio(); ctx.resume && ctx.resume(); }catch(e){}\n      now.textContent = 'Sound enabled';\n    });\n    btnOff && btnOff.addEventListener('click', ()=>{\n      enabled = false;\n      now.textContent = 'Muted';\n    });\n  })();\n<\/script>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3435d4a e-flex e-con-boxed e-con e-parent\" data-id=\"3435d4a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92f8ad1 elementor-widget elementor-widget-text-editor\" data-id=\"92f8ad1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Multidisciplinary Artist \u00b7 Gnawa Ma\u00e2lem \u00b7 Cultural Producer KHALIL MOUNJI Bridging ancestral spirituality with contemporary sonic innovation. Guembri \u00b7 Trance \u00b7 Sound Healing \u00b7 Jazz \u00b7 Electronic \u00b7 Intercultural Art Direction Listen &#038; Watch Play Guembri Booking Instagram SoundCloud Spotify YouTube A Visual Signature A bridge between ritual heritage and contemporary creation \u2014 on stage, [&hellip;]<\/p>","protected":false},"author":1,"featured_media":49,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","has-post-thumbnail","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/khalilmounji.com\/fr\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khalilmounji.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/khalilmounji.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/khalilmounji.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khalilmounji.com\/fr\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":10,"href":"https:\/\/khalilmounji.com\/fr\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":68,"href":"https:\/\/khalilmounji.com\/fr\/wp-json\/wp\/v2\/pages\/15\/revisions\/68"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/khalilmounji.com\/fr\/wp-json\/wp\/v2\/media\/49"}],"wp:attachment":[{"href":"https:\/\/khalilmounji.com\/fr\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}