PageSourceSearch

https://www.hibamusic.com/fr

html hibamusic.com collected 2026-10-02 12:13:38 UTC 166,697 bytes, 2 lines download raw bytes

1<!DOCTYPE html><html lang="fr" dir="ltr" class="geist_f880305f-module__AJLRcW__variable fraunces_ca873fe6-module__1rc9Oq__variable ibm_plex_sans_arabic_e6000fd-module__U_ruDW__variable amiri_570c9f1c-module__0RJdGq__variable h-full"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/03bda585a99c6450-s.p.32sris142tqlb.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/0ky2firw0b51y.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/0f6yj4rn0j6ez.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/310vm2bl3xxpt.js"/>
1<script src="/_next/static/chunks/19mx3mg6lkumu.js" async=""></script>
1<script src="/_next/static/chunks/40nypgzfxp1wn.js" async=""></script>
1<script src="/_next/static/chunks/02fh7_m5mrih8.js" async=""></script>
1<script src="/_next/static/chunks/0ay527mnq1105.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-1eu9ru2rc_0cp.js" async=""></script>
1<script src="/_next/static/chunks/1mpnoxox0-4cg.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/2xmo8vdcb5qvp.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/13i-tjjdd9xgm.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/1avk-u41ahh3_.js" async="" crossorigin=""></script>
1<script src="/_next/static/chunks/1sa64724dq873.js" async="" crossorigin=""></script>
1<script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7832129100072796" crossorigin="anonymous"></script>
1<meta name="theme-color" content="#f4f5f8" media="(prefers-color-scheme: light)"/><meta name="theme-color" content="#0a0c11" media="(prefers-color-scheme: dark)"/><meta name="next-size-adjust" content=""/><title>Hiba Music — toute la musique arabe en MP3, gratuitement</title><meta name="description" content="1 043 artistes du Maghreb et du monde arabe, 26 138 chansons à écouter en ligne ou à télécharger en MP3. Chaâbi, raï, andalou, malouf, tarab."/><link rel="manifest" href="/manifest.webmanifest"/><link rel="canonical" href="https://www.hibamusic.com/fr"/><link rel="alternate" hrefLang="fr" href="https://www.hibamusic.com/fr"/><link rel="alternate" hrefLang="ar" href="https://www.hibamusic.com/ar"/><link rel="alternate" hrefLang="en" href="https://www.hibamusic.com/en"/><link rel="alternate" hrefLang="es" href="https://www.hibamusic.com/es"/><link rel="alternate" hrefLang="x-default" href="https://www.hibamusic.com/fr"/><link rel="alternate" type="application/rss+xml" href="https://www.hibamusic.com/fr/rss.xml" title="Hibamusic"/><meta property="og:title" content="Hiba Music — toute la musique arabe en MP3, gratuitement"/><meta property="og:description" content="1 043 artistes du Maghreb et du monde arabe, 26 138 chansons à écouter en ligne ou à télécharger en MP3. Chaâbi, raï, andalou, malouf, tarab."/><meta property="og:url" content="https://www.hibamusic.com/fr"/><meta property="og:site_name" content="Hibamusic"/><meta property="og:locale" content="fr"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Hiba Music — toute la musique arabe en MP3, gratuitement"/><meta name="twitter:description" content="1 043 artistes du Maghreb et du monde arabe, 26 138 chansons à écouter en ligne ou à télécharger en MP3. Chaâbi, raï, andalou, malouf, tarab."/><link rel="icon" href="/favicon.ico?favicon.3dh_iv7frmt91.ico" sizes="48x48" type="image/x-icon"/><link rel="icon" href="/icon.svg?icon.21hb5gk0i1sga.svg" sizes="any" type="image/svg+xml"/><link rel="apple-touch-icon" href="/apple-icon.png?apple-icon.18r_8wuyh7gbd.png" sizes="180x180" type="image/png"/>
1<script>try{var t=localStorage.getItem('theme');if(t==='light'||t==='dark')document.documentElement.dataset.theme=t}catch(e){}</script>
1<script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script>
1</head><body class="flex min-h-full flex-col bg-bg pb-24 font-sans text-ink antialiased"><div hidden=""><!--$--><!--/$--></div><a href="#contenu" class="sr-only focus:not-sr-only focus:absolute focus:z-50 focus:m-2 focus:rounded focus:bg-accent focus:px-3 focus:py-2 focus:text-accent-ink">Aller au contenu</a><header class="relative z-40 border-b border-line bg-bg/90 backdrop-blur md:sticky md:top-0"><div class="mx-auto flex max-w-screen-2xl items-center gap-4 px-4 py-3"><a class="flex shrink-0 items-center gap-2" aria-label="Hibamusic" href="/fr"><svg viewBox="0 0 48 48" class="h-7 w-7 text-ink" aria-hidden="true" fill="none"><path d="M12 43V24a12 12 0 1 1 24 0v19" stroke="currentColor" stroke-width="2.6" stroke-linecap="round"></path><path d="M7 43h34" stroke="currentColor" stroke-width="2.6" stroke-linecap="round"></path><path d="M18 36v-6" stroke="currentColor" stroke-width="2.6" stroke-linecap="round"></path><path d="M24 36V21" stroke="var(--accent, #3b45cf)" stroke-width="2.6" stroke-linecap="round"></path><path d="M30 36v-9" stroke="currentColor" stroke-width="2.6" stroke-linecap="round"></path></svg><span class="font-display text-lg font-semibold tracking-tight sm:text-xl">Hibamusic</span></a><nav class="hidden items-center gap-4 text-sm md:flex"><a class="rounded px-1.5 py-2 text-muted transition hover:text-accent" href="/fr/artistes">Artistes</a><a class="rounded px-1.5 py-2 text-muted transition hover:text-accent" href="/fr/classements">Classements</a><a class="rounded px-1.5 py-2 text-muted transition hover:text-accent" href="/fr/genres">Genres</a><a class="rounded px-1.5 py-2 text-muted transition hover:text-accent" href="/fr/pays">Pays</a><a class="rounded px-1.5 py-2 text-muted transition hover:text-accent" href="/fr/epoque">Époques</a></nav><div class="hidden min-w-0 flex-1 md:block"><div class="relative"><form role="search" class="relative"><svg class="pointer-events-none absolute inset-y-0 my-auto h-4 w-4 text-faint start-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"></circle><path d="m20 20-3.5-3.5"></path></svg><input type="search" placeholder="Un artiste, un titre…" aria-label="Rechercher" aria-expanded="false" aria-autocomplete="list" role="combobox" aria-controls="suggestions" class="w-full rounded-full border border-line bg-surface py-2 text-sm text-ink placeholder:text-faint focus:border-accent focus:outline-none ps-9 pe-4" value=""/></form></div></div><div class="flex-1 md:hidden"></div><a class="hidden max-w-32 shrink-0 items-center text-sm text-muted transition hover:text-accent sm:flex" data-signed-in="false" href="/fr/compte/connexion"><span class="truncate">Connexion</span></a><button type="button" title="Changer de thème" aria-label="Changer de thème" class="rounded-full border border-line p-2 text-muted transition hover:border-accent hover:text-accent"><svg class="h-4 w-4 dark:hidden" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true"><circle cx="12" cy="12" r="4.2"></circle><path d="M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.2 5.2l1.4 1.4M17.4 17.4l1.4 1.4M18.8 5.2l-1.4 1.4M6.6 17.4l-1.4 1.4"></path></svg><svg class="hidden h-4 w-4 dark:block" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 14.5A8.2 8.2 0 0 1 9.5 4 8.4 8.4 0 1 0 20 14.5Z"></path></svg></button><div class="flex shrink-0 items-center rounded-full border border-line p-0.5"><a hrefLang="fr" lang="fr" aria-current="true" class="rounded-full bg-accent px-2 py-1 text-[11px] font-semibold uppercase tracking-wide text-accent-ink" href="/fr">fr</a><a hrefLang="ar" lang="ar" class="rounded-full px-2 py-1 text-[11px] font-medium uppercase tracking-wide text-muted transition hover:text-accent" href="/ar">ar</a><a hrefLang="en" lang="en" class="rounded-full px-2 py-1 text-[11px] font-medium uppercase tracking-wide text-muted transition hover:text-accent" href="/en">en</a><a hrefLang="es" lang="es" class="rounded-full px-2 py-1 text-[11px] font-medium uppercase tracking-wide text-muted transition hover:text-accent" href="/es">es</a></div></div><div class="border-t border-line/60 px-4 py-2 md:hidden"><div class="relative"><form role="search" class="relative"><svg class="pointer-events-none absolute inset-y-0 my-auto h-4 w-4 text-faint start-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"></circle><path d="m20 20-3.5-3.5"></path></svg><input type="search" placeholder="Un artiste, un titre…" aria-label="Rechercher" aria-expanded="false" aria-autocomplete="list" role="combobox" aria-controls="suggestions" class="w-full rounded-full border border-line bg-surface py-2 text-sm text-ink placeholder:text-faint focus:border-accent focus:outline-none ps-9 pe-4" value=""/></form></div></div><nav class="no-scrollbar flex gap-2 overflow-x-auto border-t border-line/60 px-4 py-2 text-sm md:hidden [scrollbar-width:none]"><a class="shrink-0 rounded-full border border-line px-3.5 py-1.5 text-muted" href="/fr/artistes">Artistes</a><a class="shrink-0 rounded-full border border-line px-3.5 py-1.5 text-muted" href="/fr/classements">Classements</a><a class="shrink-0 rounded-full border border-line px-3.5 py-1.5 text-muted" href="/fr/genres">Genres</a><a class="shrink-0 rounded-full border border-line px-3.5 py-1.5 text-muted" href="/fr/pays">Pays</a><a class="shrink-0 rounded-full border border-line px-3.5 py-1.5 text-muted" href="/fr/epoque">Époques</a><a class="flex shrink-0 items-center rounded-full border border-line px-3 py-1 text-muted sm:hidden" data-signed-in="false" href="/fr/compte/connexion"><span class="truncate">Connexion</span></a></nav></header><main id="contenu" class="flex-1"><div>
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://www.hibamusic.com/fr#site","url":"https://www.hibamusic.com/fr","name":"Hibamusic","alternateName":["Hiba Music","HibaMusic","Hiba MP3","Hibazik"],"description":"1 043 artistes du Maghreb et du monde arabe, 26 138 chansons à écouter en ligne ou à télécharger en MP3. Chaâbi, raï, andalou, malouf, tarab.","inLanguage":"fr","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.hibamusic.com/fr/recherche?q={search_term_string}"},"query-input":"required name=search_term_string"},"publisher":{"@id":"https://www.hibamusic.com/#org"}},{"@type":"Organization","@id":"https://www.hibamusic.com/#org","name":"Hibamusic","url":"https://www.hibamusic.com/fr","logo":"https://www.hibamusic.com/brand/icon-512.png","foundingDate":"2008"}]}</script>
1<section class="relative overflow-hidden border-b border-line bg-surface"><div class="motif absolute inset-0" aria-hidden="true"></div><div class="relative mx-auto max-w-screen-2xl px-4 py-12 sm:py-16"><p class="text-xs font-semibold uppercase tracking-[0.2em] text-accent">Hibamusic</p><h1 class="mt-3 max-w-3xl font-display text-3xl font-semibold leading-tight sm:text-5xl">Écouter et télécharger la musique arabe en MP3</h1><p class="mt-4 max-w-2xl leading-relaxed text-muted">La mémoire musicale du Maghreb et du monde arabe</p><p class="mt-2 max-w-xl text-sm leading-relaxed text-faint">Un fonds d&#x27;enregistrements réunis depuis 2008 : chaâbi, raï, andalou, malouf, tarab. Écoutez-les, décennie par décennie.</p><div class="mt-7 flex flex-wrap gap-3"><button data-testid="play-all" class="inline-flex items-center gap-2 rounded-full px-5 py-2.5 text-sm font-medium transition bg-accent text-accent-ink hover:bg-accent-hover"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg>Tout écouter</button><button aria-pressed="false" data-testid="radio" class="inline-flex items-center gap-2 rounded-full border px-4 py-2 text-sm font-medium transition border-line-strong hover:border-accent hover:text-accent"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><circle cx="12" cy="12" r="2.2" fill="currentColor" stroke="none"></circle><path d="M8.2 8.2a5.4 5.4 0 0 0 0 7.6M15.8 8.2a5.4 5.4 0 0 1 0 7.6" stroke-linecap="round"></path><path d="M5.4 5.4a9.4 9.4 0 0 0 0 13.2M18.6 5.4a9.4 9.4 0 0 1 0 13.2" stroke-linecap="round"></path></svg>Radio</button><a class="rounded-full border border-line-strong px-5 py-2.5 text-sm font-medium transition hover:border-accent hover:text-accent" href="/fr/classements">Classements</a><a class="rounded-full border border-line-strong px-5 py-2.5 text-sm font-medium transition hover:border-accent hover:text-accent" href="/fr/artistes">Artistes</a></div><dl class="mt-8 flex flex-wrap gap-x-8 gap-y-3 text-sm"><div><dt class="sr-only">Artistes</dt><dd><span class="font-display text-xl font-semibold tabular-nums">1 043</span><span class="ms-2 text-xs uppercase tracking-wider text-faint">Artistes</span></dd></div><div><dt class="sr-only">Titres</dt><dd><span class="font-display text-xl font-semibold tabular-nums">26 138</span><span class="ms-2 text-xs uppercase tracking-wider text-faint">Titres</span></dd></div><div><dt class="sr-only">Pays</dt><dd><span class="font-display text-xl font-semibold tabular-nums">18</span><span class="ms-2 text-xs uppercase tracking-wider text-faint">Pays</span></dd></div><div><dt class="sr-only">Depuis</dt><dd><span class="font-display text-xl font-semibold tabular-nums">2008</span><span class="ms-2 text-xs uppercase tracking-wider text-faint">Depuis</span></dd></div></dl></div></section><div class="mx-auto max-w-screen-2xl px-4 py-10"><section><div class="flex items-baseline justify-between gap-4 border-b border-line pb-2"><h2 class="flex items-center gap-2.5 font-display text-lg font-semibold sm:text-xl"><span class="inline-block size-1.5 rotate-45 bg-accent" aria-hidden="true"></span>Les titres les plus demandés</h2><a class="shrink-0 text-xs uppercase tracking-wider text-muted transition hover:text-accent" href="/fr/classements/titres">Tout voir<!-- --> →</a></div><div class="mt-3 grid gap-x-8 lg:grid-cols-2"><ul class="divide-y divide-line" data-testid="tracklist"><li class="group flex items-center gap-1 rounded-card px-1 transition hover:bg-raised "><a data-testid="track-play" class="flex min-w-0 flex-1 items-center gap-4 roun
1ded px-1 py-2.5 text-start" href="/fr/titre/abdelhalim-hafez/ahwak"><span class="relative w-7 shrink-0 text-end text-xs tabular-nums text-faint"><span class="group-hover:invisible">1</span><svg class="invisible absolute inset-0 m-auto h-3.5 w-3.5 text-accent group-hover:visible" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span><span class="sr-only">Écouter</span><span class="min-w-0 flex-1"><span class="block truncate text-sm text-ink">ahwak</span><bdi dir="rtl" lang="ar" class="block truncate text-xs text-muted">أهواك</bdi><span class="block truncate text-xs text-faint">Abdelhalim Hafez</span></span><span dir="ltr" class="shrink-0 text-xs tabular-nums text-faint">5:06</span></a><span class="flex shrink-0 items-center opacity-100 sm:opacity-0 sm:transition-opacity sm:group-focus-within:opacity-100 sm:group-hover:opacity-100"><div class="relative"><button aria-label="Ajouter à une playlist" title="Ajouter à une playlist" aria-expanded="false" class="rounded-full p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h8M4 17h8M16 13v7M12.5 16.5h7" stroke-linecap="round"></path></svg></button></div><button aria-pressed="false" aria-label="Ajouter aux favoris" title="Ajouter aux favoris" data-testid="favorite" data-track-id="40" class="rounded-full p-2 transition text-faint hover:text-accent disabled:opacity-50"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M12 20.5S3.5 15 3.5 9.2A4.7 4.7 0 0 1 12 6.4a4.7 4.7 0 0 1 8.5 2.8c0 5.8-8.5 11.3-8.5 11.3Z" stroke-linejoin="round"></path></svg></button></span></li><li class="group flex items-center gap-1 rounded-card px-1 transition hover:bg-raised "><a data-testid="track-play" class="flex min-w-0 flex-1 items-center gap-4 roun
1ded px-1 py-2.5 text-start" href="/fr/titre/abdelhalim-hafez/quar2at-elfenjan"><span class="relative w-7 shrink-0 text-end text-xs tabular-nums text-faint"><span class="group-hover:invisible">2</span><svg class="invisible absolute inset-0 m-auto h-3.5 w-3.5 text-accent group-hover:visible" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span><span class="sr-only">Écouter</span><span class="min-w-0 flex-1"><span class="block truncate text-sm text-ink">quar2at elfenjan</span><bdi dir="rtl" lang="ar" class="block truncate text-xs text-muted">قارئة الفنجان</bdi><span class="block truncate text-xs text-faint">Abdelhalim Hafez</span></span><span dir="ltr" class="shrink-0 text-xs tabular-nums text-faint">43:27</span></a><span class="flex shrink-0 items-center opacity-100 sm:opacity-0 sm:transition-opacity sm:group-focus-within:opacity-100 sm:group-hover:opacity-100"><div class="relative"><button aria-label="Ajouter à une playlist" title="Ajouter à une playlist" aria-expanded="false" class="rounded-full p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h8M4 17h8M16 13v7M12.5 16.5h7" stroke-linecap="round"></path></svg></button></div><button aria-pressed="false" aria-label="Ajouter aux favoris" title="Ajouter aux favoris" data-testid="favorite" data-track-id="16" class="rounded-full p-2 transition text-faint hover:text-accent disabled:opacity-50"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M12 20.5S3.5 15 3.5 9.2A4.7 4.7 0 0 1 12 6.4a4.7 4.7 0 0 1 8.5 2.8c0 5.8-8.5 11.3-8.5 11.3Z" stroke-linejoin="round"></path></svg></button></span></li><li class="group flex items-center gap-1 rounded-card px-1 transition hover:bg-raised "><a data-testid="track-play" class="flex min-w-0 flex-1 items-center gap-4 roun
1ded px-1 py-2.5 text-start" href="/fr/titre/abdelhalim-hafez/zai-elhawa"><span class="relative w-7 shrink-0 text-end text-xs tabular-nums text-faint"><span class="group-hover:invisible">3</span><svg class="invisible absolute inset-0 m-auto h-3.5 w-3.5 text-accent group-hover:visible" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span><span class="sr-only">Écouter</span><span class="min-w-0 flex-1"><span class="block truncate text-sm text-ink">zai elhawa</span><bdi dir="rtl" lang="ar" class="block truncate text-xs text-muted">زي الهوى</bdi><span class="block truncate text-xs text-faint">Abdelhalim Hafez</span></span><span dir="ltr" class="shrink-0 text-xs tabular-nums text-faint">38:36</span></a><span class="flex shrink-0 items-center opacity-100 sm:opacity-0 sm:transition-opacity sm:group-focus-within:opacity-100 sm:group-hover:opacity-100"><div class="relative"><button aria-label="Ajouter à une playlist" title="Ajouter à une playlist" aria-expanded="false" class="rounded-full p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h8M4 17h8M16 13v7M12.5 16.5h7" stroke-linecap="round"></path></svg></button></div><button aria-pressed="false" aria-label="Ajouter aux favoris" title="Ajouter aux favoris" data-testid="favorite" data-track-id="28" class="rounded-full p-2 transition text-faint hover:text-accent disabled:opacity-50"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M12 20.5S3.5 15 3.5 9.2A4.7 4.7 0 0 1 12 6.4a4.7 4.7 0 0 1 8.5 2.8c0 5.8-8.5 11.3-8.5 11.3Z" stroke-linejoin="round"></path></svg></button></span></li><li class="group flex items-center gap-1 rounded-card px-1 transition hover:bg-raised "><a data-testid="track-play" class="flex min-w-0 flex-1 items-center gap-4 roun
1ded px-1 py-2.5 text-start" href="/fr/titre/abdelhalim-hafez/maw3od"><span class="relative w-7 shrink-0 text-end text-xs tabular-nums text-faint"><span class="group-hover:invisible">4</span><svg class="invisible absolute inset-0 m-auto h-3.5 w-3.5 text-accent group-hover:visible" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span><span class="sr-only">Écouter</span><span class="min-w-0 flex-1"><span class="block truncate text-sm text-ink">maw3od</span><bdi dir="rtl" lang="ar" class="block truncate text-xs text-muted">موعود</bdi><span class="block truncate text-xs text-faint">Abdelhalim Hafez</span></span><span dir="ltr" class="shrink-0 text-xs tabular-nums text-faint">55:58</span></a><span class="flex shrink-0 items-center opacity-100 sm:opacity-0 sm:transition-opacity sm:group-focus-within:opacity-100 sm:group-hover:opacity-100"><div class="relative"><button aria-label="Ajouter à une playlist" title="Ajouter à une playlist" aria-expanded="false" class="rounded-full p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h8M4 17h8M16 13v7M12.5 16.5h7" stroke-linecap="round"></path></svg></button></div><button aria-pressed="false" aria-label="Ajouter aux favoris" title="Ajouter aux favoris" data-testid="favorite" data-track-id="8" class="rounded-full p-2 transition text-faint hover:text-accent disabled:opacity-50"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M12 20.5S3.5 15 3.5 9.2A4.7 4.7 0 0 1 12 6.4a4.7 4.7 0 0 1 8.5 2.8c0 5.8-8.5 11.3-8.5 11.3Z" stroke-linejoin="round"></path></svg></button></span></li><li class="group flex items-center gap-1 rounded-card px-1 transition hover:bg-raised "><a data-testid="track-play" class="flex min-w-0 flex-1 items-center gap-4 roun
1ded px-1 py-2.5 text-start" href="/fr/titre/abdelhalim-hafez/asmar-ya-asmarani"><span class="relative w-7 shrink-0 text-end text-xs tabular-nums text-faint"><span class="group-hover:invisible">5</span><svg class="invisible absolute inset-0 m-auto h-3.5 w-3.5 text-accent group-hover:visible" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span><span class="sr-only">Écouter</span><span class="min-w-0 flex-1"><span class="block truncate text-sm text-ink">asmar ya asmarani</span><bdi dir="rtl" lang="ar" class="block truncate text-xs text-muted">أسمر يا أسمراني</bdi><span class="block truncate text-xs text-faint">Abdelhalim Hafez</span></span><span dir="ltr" class="shrink-0 text-xs tabular-nums text-faint">7:34</span></a><span class="flex shrink-0 items-center opacity-100 sm:opacity-0 sm:transition-opacity sm:group-focus-within:opacity-100 sm:group-hover:opacity-100"><div class="relative"><button aria-label="Ajouter à une playlist" title="Ajouter à une playlist" aria-expanded="false" class="rounded-full p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h8M4 17h8M16 13v7M12.5 16.5h7" stroke-linecap="round"></path></svg></button></div><button aria-pressed="false" aria-label="Ajouter aux favoris" title="Ajouter aux favoris" data-testid="favorite" data-track-id="42" class="rounded-full p-2 transition text-faint hover:text-accent disabled:opacity-50"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M12 20.5S3.5 15 3.5 9.2A4.7 4.7 0 0 1 12 6.4a4.7 4.7 0 0 1 8.5 2.8c0 5.8-8.5 11.3-8.5 11.3Z" stroke-linejoin="round"></path></svg></button></span></li><li class="group flex items-center gap-1 rounded-card px-1 transition hover:bg-raised "><a data-testid="track-play" class="flex min-w-0 flex-1 items-center gap-4 roun
1ded px-1 py-2.5 text-start" href="/fr/titre/abdelhalim-hafez/elhawa-hawaia"><span class="relative w-7 shrink-0 text-end text-xs tabular-nums text-faint"><span class="group-hover:invisible">6</span><svg class="invisible absolute inset-0 m-auto h-3.5 w-3.5 text-accent group-hover:visible" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span><span class="sr-only">Écouter</span><span class="min-w-0 flex-1"><span class="block truncate text-sm text-ink">elhawa hawaia</span><bdi dir="rtl" lang="ar" class="block truncate text-xs text-muted">الهوى هوايا</bdi><span class="block truncate text-xs text-faint">Abdelhalim Hafez</span></span><span dir="ltr" class="shrink-0 text-xs tabular-nums text-faint">7:38</span></a><span class="flex shrink-0 items-center opacity-100 sm:opacity-0 sm:transition-opacity sm:group-focus-within:opacity-100 sm:group-hover:opacity-100"><div class="relative"><button aria-label="Ajouter à une playlist" title="Ajouter à une playlist" aria-expanded="false" class="rounded-full p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h8M4 17h8M16 13v7M12.5 16.5h7" stroke-linecap="round"></path></svg></button></div><button aria-pressed="false" aria-label="Ajouter aux favoris" title="Ajouter aux favoris" data-testid="favorite" data-track-id="41" class="rounded-full p-2 transition text-faint hover:text-accent disabled:opacity-50"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M12 20.5S3.5 15 3.5 9.2A4.7 4.7 0 0 1 12 6.4a4.7 4.7 0 0 1 8.5 2.8c0 5.8-8.5 11.3-8.5 11.3Z" stroke-linejoin="round"></path></svg></button></span></li></ul><ul class="divide-y divide-line" data-testid="tracklist"><li class="group flex items-center gap-1 rounded-card px-1 transition hover:bg-raised "><a data-testid="track-play" class="flex min-w-0 flex-1 items-center gap-4 roun
1ded px-1 py-2.5 text-start" href="/fr/titre/abdelhalim-hafez/fatet-gambna"><span class="relative w-7 shrink-0 text-end text-xs tabular-nums text-faint"><span class="group-hover:invisible">1</span><svg class="invisible absolute inset-0 m-auto h-3.5 w-3.5 text-accent group-hover:visible" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span><span class="sr-only">Écouter</span><span class="min-w-0 flex-1"><span class="block truncate text-sm text-ink">fatet gambna</span><bdi dir="rtl" lang="ar" class="block truncate text-xs text-muted">فاتت جنبنا</bdi><span class="block truncate text-xs text-faint">Abdelhalim Hafez</span></span><span dir="ltr" class="shrink-0 text-xs tabular-nums text-faint">49:12</span></a><span class="flex shrink-0 items-center opacity-100 sm:opacity-0 sm:transition-opacity sm:group-focus-within:opacity-100 sm:group-hover:opacity-100"><div class="relative"><button aria-label="Ajouter à une playlist" title="Ajouter à une playlist" aria-expanded="false" class="rounded-full p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h8M4 17h8M16 13v7M12.5 16.5h7" stroke-linecap="round"></path></svg></button></div><button aria-pressed="false" aria-label="Ajouter aux favoris" title="Ajouter aux favoris" data-testid="favorite" data-track-id="19" class="rounded-full p-2 transition text-faint hover:text-accent disabled:opacity-50"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M12 20.5S3.5 15 3.5 9.2A4.7 4.7 0 0 1 12 6.4a4.7 4.7 0 0 1 8.5 2.8c0 5.8-8.5 11.3-8.5 11.3Z" stroke-linejoin="round"></path></svg></button></span></li><li class="group flex items-center gap-1 rounded-card px-1 transition hover:bg-raised "><a data-testid="track-play" class="flex min-w-0 flex-1 items-center gap-4 roun
1ded px-1 py-2.5 text-start" href="/fr/titre/abdelhalim-hafez/aie-dam3et-7ozn"><span class="relative w-7 shrink-0 text-end text-xs tabular-nums text-faint"><span class="group-hover:invisible">2</span><svg class="invisible absolute inset-0 m-auto h-3.5 w-3.5 text-accent group-hover:visible" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span><span class="sr-only">Écouter</span><span class="min-w-0 flex-1"><span class="block truncate text-sm text-ink">aie dam3et 7ozn</span><bdi dir="rtl" lang="ar" class="block truncate text-xs text-muted">أي دمعة حزن لا</bdi><span class="block truncate text-xs text-faint">Abdelhalim Hafez</span></span><span dir="ltr" class="shrink-0 text-xs tabular-nums text-faint">52:35</span></a><span class="flex shrink-0 items-center opacity-100 sm:opacity-0 sm:transition-opacity sm:group-focus-within:opacity-100 sm:group-hover:opacity-100"><div class="relative"><button aria-label="Ajouter à une playlist" title="Ajouter à une playlist" aria-expanded="false" class="rounded-full p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h8M4 17h8M16 13v7M12.5 16.5h7" stroke-linecap="round"></path></svg></button></div><button aria-pressed="false" aria-label="Ajouter aux favoris" title="Ajouter aux favoris" data-testid="favorite" data-track-id="37" class="rounded-full p-2 transition text-faint hover:text-accent disabled:opacity-50"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M12 20.5S3.5 15 3.5 9.2A4.7 4.7 0 0 1 12 6.4a4.7 4.7 0 0 1 8.5 2.8c0 5.8-8.5 11.3-8.5 11.3Z" stroke-linejoin="round"></path></svg></button></span></li><li class="group flex items-center gap-1 rounded-card px-1 transition hover:bg-raised "><a data-testid="track-play" class="flex min-w-0 flex-1 items-center gap-4 roun
1ded px-1 py-2.5 text-start" href="/fr/titre/abdelhalim-hafez/awel-mara-t7eb-ya-2lbe"><span class="relative w-7 shrink-0 text-end text-xs tabular-nums text-faint"><span class="group-hover:invisible">3</span><svg class="invisible absolute inset-0 m-auto h-3.5 w-3.5 text-accent group-hover:visible" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span><span class="sr-only">Écouter</span><span class="min-w-0 flex-1"><span class="block truncate text-sm text-ink">awel mara t7eb ya 2lbe</span><bdi dir="rtl" lang="ar" class="block truncate text-xs text-muted">أول مرة تحب يا قلبي</bdi><span class="block truncate text-xs text-faint">Abdelhalim Hafez</span></span><span dir="ltr" class="shrink-0 text-xs tabular-nums text-faint">5:14</span></a><span class="flex shrink-0 items-center opacity-100 sm:opacity-0 sm:transition-opacity sm:group-focus-within:opacity-100 sm:group-hover:opacity-100"><div class="relative"><button aria-label="Ajouter à une playlist" title="Ajouter à une playlist" aria-expanded="false" class="rounded-full p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h8M4 17h8M16 13v7M12.5 16.5h7" stroke-linecap="round"></path></svg></button></div><button aria-pressed="false" aria-label="Ajouter aux favoris" title="Ajouter aux favoris" data-testid="favorite" data-track-id="38" class="rounded-full p-2 transition text-faint hover:text-accent disabled:opacity-50"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M12 20.5S3.5 15 3.5 9.2A4.7 4.7 0 0 1 12 6.4a4.7 4.7 0 0 1 8.5 2.8c0 5.8-8.5 11.3-8.5 11.3Z" stroke-linejoin="round"></path></svg></button></span></li><li class="group flex items-center gap-1 rounded-card px-1 transition hover:bg-raised "><a data-testid="track-play" class="flex min-w-0 flex-1 items-center gap-4 roun
1ded px-1 py-2.5 text-start" href="/fr/titre/abdelhalim-hafez/sawa7"><span class="relative w-7 shrink-0 text-end text-xs tabular-nums text-faint"><span class="group-hover:invisible">4</span><svg class="invisible absolute inset-0 m-auto h-3.5 w-3.5 text-accent group-hover:visible" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span><span class="sr-only">Écouter</span><span class="min-w-0 flex-1"><span class="block truncate text-sm text-ink">sawa7</span><bdi dir="rtl" lang="ar" class="block truncate text-xs text-muted">سواح</bdi><span class="block truncate text-xs text-faint">Abdelhalim Hafez</span></span><span dir="ltr" class="shrink-0 text-xs tabular-nums text-faint">14:03</span></a><span class="flex shrink-0 items-center opacity-100 sm:opacity-0 sm:transition-opacity sm:group-focus-within:opacity-100 sm:group-hover:opacity-100"><div class="relative"><button aria-label="Ajouter à une playlist" title="Ajouter à une playlist" aria-expanded="false" class="rounded-full p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h8M4 17h8M16 13v7M12.5 16.5h7" stroke-linecap="round"></path></svg></button></div><button aria-pressed="false" aria-label="Ajouter aux favoris" title="Ajouter aux favoris" data-testid="favorite" data-track-id="27" class="rounded-full p-2 transition text-faint hover:text-accent disabled:opacity-50"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M12 20.5S3.5 15 3.5 9.2A4.7 4.7 0 0 1 12 6.4a4.7 4.7 0 0 1 8.5 2.8c0 5.8-8.5 11.3-8.5 11.3Z" stroke-linejoin="round"></path></svg></button></span></li><li class="group flex items-center gap-1 rounded-card px-1 transition hover:bg-raised "><a data-testid="track-play" class="flex min-w-0 flex-1 items-center gap-4 roun
1ded px-1 py-2.5 text-start" href="/fr/titre/abdelhalim-hafez/gana-elhawa"><span class="relative w-7 shrink-0 text-end text-xs tabular-nums text-faint"><span class="group-hover:invisible">5</span><svg class="invisible absolute inset-0 m-auto h-3.5 w-3.5 text-accent group-hover:visible" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span><span class="sr-only">Écouter</span><span class="min-w-0 flex-1"><span class="block truncate text-sm text-ink">gana elhawa</span><bdi dir="rtl" lang="ar" class="block truncate text-xs text-muted">جانا الهوى</bdi><span class="block truncate text-xs text-faint">Abdelhalim Hafez</span></span><span dir="ltr" class="shrink-0 text-xs tabular-nums text-faint">11:13</span></a><span class="flex shrink-0 items-center opacity-100 sm:opacity-0 sm:transition-opacity sm:group-focus-within:opacity-100 sm:group-hover:opacity-100"><div class="relative"><button aria-label="Ajouter à une playlist" title="Ajouter à une playlist" aria-expanded="false" class="rounded-full p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h8M4 17h8M16 13v7M12.5 16.5h7" stroke-linecap="round"></path></svg></button></div><button aria-pressed="false" aria-label="Ajouter aux favoris" title="Ajouter aux favoris" data-testid="favorite" data-track-id="32" class="rounded-full p-2 transition text-faint hover:text-accent disabled:opacity-50"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M12 20.5S3.5 15 3.5 9.2A4.7 4.7 0 0 1 12 6.4a4.7 4.7 0 0 1 8.5 2.8c0 5.8-8.5 11.3-8.5 11.3Z" stroke-linejoin="round"></path></svg></button></span></li><li class="group flex items-center gap-1 rounded-card px-1 transition hover:bg-raised "><a data-testid="track-play" class="flex min-w-0 flex-1 items-center gap-4 roun
1ded px-1 py-2.5 text-start" href="/fr/titre/abdelhalim-hafez/btlomone-leh"><span class="relative w-7 shrink-0 text-end text-xs tabular-nums text-faint"><span class="group-hover:invisible">6</span><svg class="invisible absolute inset-0 m-auto h-3.5 w-3.5 text-accent group-hover:visible" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span><span class="sr-only">Écouter</span><span class="min-w-0 flex-1"><span class="block truncate text-sm text-ink">btlomone leh</span><bdi dir="rtl" lang="ar" class="block truncate text-xs text-muted">بتلوموني ليه</bdi><span class="block truncate text-xs text-faint">Abdelhalim Hafez</span></span><span dir="ltr" class="shrink-0 text-xs tabular-nums text-faint">7:24</span></a><span class="flex shrink-0 items-center opacity-100 sm:opacity-0 sm:transition-opacity sm:group-focus-within:opacity-100 sm:group-hover:opacity-100"><div class="relative"><button aria-label="Ajouter à une playlist" title="Ajouter à une playlist" aria-expanded="false" class="rounded-full p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h8M4 17h8M16 13v7M12.5 16.5h7" stroke-linecap="round"></path></svg></button></div><button aria-pressed="false" aria-label="Ajouter aux favoris" title="Ajouter aux favoris" data-testid="favorite" data-track-id="35" class="rounded-full p-2 transition text-faint hover:text-accent disabled:opacity-50"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M12 20.5S3.5 15 3.5 9.2A4.7 4.7 0 0 1 12 6.4a4.7 4.7 0 0 1 8.5 2.8c0 5.8-8.5 11.3-8.5 11.3Z" stroke-linejoin="round"></path></svg></button></span></li></ul></div></section><section class="mt-12"><div class="flex items-baseline justify-between gap-4 border-b border-line pb-2"><h2 class="flex items-center gap-2.5 font-display text-lg font-semibold sm:text-xl"><span class="inline-block size-1.5 rotate-45 bg-accent" aria-hidden="true"></span>Les plus écoutés</h2><a class="shrink-0 text-xs uppercase tracking-wider text-muted transition hover:text-accent" href="/fr/artistes">Tout voir<!-- --> →</a></div><div class="mt-4 grid grid-cols-2 gap-1 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6"><a class="group block p-2 text-center" href="/fr/artiste/abdelhalim-hafez"><div class="relative "><div class="arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent" aria-hidden="true"></div><div class="arch relative aspect-[10/13] overflow-hidden bg-raised"><img src="/images/artistes/abdel.jpg" alt="Abdelhalim Hafez" loading="lazy" class="h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105"/></div></div><div class="mt-2.5 truncate text-sm font-medium group-hover:text-accent">Abdelhalim Hafez</div><div class="truncate text-xs text-faint">45 titres<!-- --> · <!-- -->Années 1960</div></a><a class="group block p-2 text-center" href="/fr/artiste/cheb-hasni"><div class="relative "><div class="arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent" aria-hidden="true"></div><div class="arch relative aspect-[10/13] overflow-hidden bg-raised"><img src="/images/artistes/hasni.jpg" alt="Cheb Hasni" loading="lazy" class="h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105"/></div></div><div class="mt-2.5 truncate text-sm font-medium group-hover:text-accent">Cheb Hasni</div><div class="truncate text-xs text-faint">73 titres<!-- --> · <!-- -->Années 1990</div></a><a class="group block p-2 text-center" href="/fr/artiste/amr-diab"><div class="relative "><div class="arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent" aria-hidden="true"></div><div class="arch relative aspect-[10/13] overflow-hidden bg-raised"><img src="/images/artistes/amrdiab.jpg" alt="Amr Diab" loading="lazy" class="h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105"/></div></div><div class="mt-2.5 truncate text-sm font-medium group-hover:text-accent">Amr Diab</div><div class="truncate text-xs text-faint">193 titres<!-- --> · <!-- -->Années 2000</div></a><a class="group block p-2 text-center" href="/fr/artiste/tamer-hosny"><div class="relative "><div class="arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent" aria-hidden="true"></div><div class="arch relative aspect-[10/13] overflow-hidden bg-raised"><img src="/images/artistes/tamerhosny.jpg" alt="Tamer Hosny" loading="lazy" class="h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105"/></div></div><div class="mt-2.5 truncate text-sm font-medium group-hover:text-accent">Tamer Hosny</div><div class="truncate text-xs text-faint">35 titres<!-- --> · <!-- -->Années 2000</div></a><a class="group block p-2 text-center" href="/fr/artiste/cheb-nasro"><div class="relative "><div class="arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent" aria-hidden="true"></div><div class="arch relative aspect-[10/13] overflow-hidden bg-raised"><img src="/images/artistes/cheb-nasro.jpg" alt="Cheb Nasro" loading="lazy" class="h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105"/></div></div><div class="mt-2.5 truncate text-sm font-medium group-hover:text-accent">Cheb Nasro</div><div class="truncate text-xs text-faint">86 titres<!-- --> · <!-- -->Années 1990</div></a><a class="group block p-2 text-center" href="/fr/artiste/nass-el-ghiwan"><div class="relative "><div class="arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent" aria-hidden="true"></div><div class="arch relative aspect-[10/13] overflow-hidden bg-raised"><img src="/images/artistes/nass.jpg" alt="Nass El Ghiwan" loading="lazy" class="h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105"/></div></div><div class="mt-2.5 truncate text-sm font-medium group-hover:text-accent">Nass El Ghiwan</div><div class="truncate text-xs text-faint">37 titres<!-- --> · <!-- -->Années 1970</div></a><a class="group block p-2 text-center" href="/fr/artiste/farid-el-atrache"><div class="relative "><div class="arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent" aria-hidden="true"></div><div class="arch relative aspect-[10/13] overflow-hidden bg-raised"><img src="/images/artistes/farid-atrach.jpg" alt="Farid El Atrache" loading="lazy" class="h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105"/></div></div><div class="mt-2.5 truncate text-sm font-medium group-hover:text-accent">Farid El Atrache</div><div class="truncate text-xs text-faint">64 titres<!-- --> · <!-- -->Années 1950</div></a><a class="group block p-2 text-center" href="/fr/artiste/majda-al-roumi"><div class="relative "><div class="arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent" aria-hidden="true"></div><div class="arch relative aspect-[10/13] overflow-hidden bg-raised"><img src="/images/artistes/Majda-Al-Roumi.jpg" alt="Majda Al Roumi" loading="lazy" class="h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105"/></div></div><div class="mt-2.5 truncate text-sm font-medium group-hover:text-accent">Majda Al Roumi</div><div class="truncate text-xs text-faint">40 titres<!-- --> · <!-- -->Années 1980</div></a><a class="group block p-2 text-center" href="/fr/artiste/najat-essaghira"><div class="relative "><div class="arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent" aria-hidden="true"></div><div class="arch relative aspect-[10/13] overflow-hidden bg-raised"><img src="/images/artistes/najat.jpg" alt="Najat Essaghira" loading="lazy" class="h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105"/></div></div><div class="mt-2.5 truncate text-sm font-medium group-hover:text-accent">Najat Essaghira</div><div class="truncate text-xs text-faint">44 titres<!-- --> · <!-- -->Années 1970</div></a><a class="group block p-2 text-center" href="/fr/artiste/abdelhadi-belkhayat"><div class="relative "><div class="arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent" aria-hidden="true"></div><div class="arch relative aspect-[10/13] overflow-hidden bg-raised"><img src="/images/artistes/Abdelhadi-Belkhayat.jpg" alt="Abdelhadi Belkhayat" loading="lazy" class="h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105"/></div></div><div class="mt-2.5 truncate text-sm font-medium group-hover:text-accent">Abdelhadi Belkhayat</div><div class="truncate text-xs text-faint">20 titres<!-- --> · <!-- -->Années 1970</div></a><a class="group block p-2 text-center" href="/fr/artiste/marcel-khalife"><div class="relative "><div class="arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent" aria-hidden="true"></div><div class="arch relative aspect-[10/13] overflow-hidden bg-raised">
1<img src="/images/artistes/Marcel-Khalife.jpg" alt="Marcel Khalife" loading="lazy" class="h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105"/></div></div><div class="mt-2.5 truncate text-sm font-medium group-hover:text-accent">Marcel Khalife</div><div class="truncate text-xs text-faint">71 titres<!-- --> · <!-- -->Années 1980</div></a><a class="group block p-2 text-center" href="/fr/artiste/wael-jassar"><div class="relative "><div class="arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent" aria-hidden="true"></div><div class="arch relative aspect-[10/13] overflow-hidden bg-raised"><img src="/images/artistes/wael-jassar.jpg" alt="Wael Jassar" loading="lazy" class="h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105"/></div></div><div class="mt-2.5 truncate text-sm font-medium group-hover:text-accent">Wael Jassar</div><div class="truncate text-xs text-faint">10 titres<!-- --> · <!-- -->Années 2000</div></a><a class="group block p-2 text-center" href="/fr/artiste/reda-taliani"><div class="relative "><div class="arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent" aria-hidden="true"></div><div class="arch relative aspect-[10/13] overflow-hidden bg-raised"><img src="/images/artistes/reda-taliani.jpg" alt="Reda Taliani" loading="lazy" class="h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105"/></div></div><div class="mt-2.5 truncate text-sm font-medium group-hover:text-accent">Reda Taliani</div><div class="truncate text-xs text-faint">34 titres<!-- --> · <!-- -->Années 2000</div></a><a class="group block p-2 text-center" href="/fr/artiste/sabah-fakhri"><div class="relative "><div class="arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent" aria-hidden="true"></div><div class="arch relative aspect-[10/13] overflow-hidden bg-raised"><img src="/images/artistes/sabah.jpg" alt="Sabah Fakhri" loading="lazy" class="h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105"/></div></div><div class="mt-2.5 truncate text-sm font-medium group-hover:text-accent">Sabah Fakhri</div><div class="truncate text-xs text-faint">37 titres<!-- --> · <!-- -->Années 1960</div></a><a class="group block p-2 text-center" href="/fr/artiste/abdellah-daoudi"><div class="relative "><div class="arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent" aria-hidden="true"></div><div class="arch relative aspect-[10/13] overflow-hidden bg-raised"><img src="/images/artistes/daoudi.jpg" alt="Abdellah Daoudi" loading="lazy" class="h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105"/></div></div><div class="mt-2.5 truncate text-sm font-medium group-hover:text-accent">Abdellah Daoudi</div><div class="truncate text-xs text-faint">39 titres<!-- --> · <!-- -->Années 2000</div></a><a class="group block p-2 text-center" href="/fr/artiste/lotfi-double-kanon"><div class="relative "><div class="arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent" aria-hidden="true"></div><div class="arch relative aspect-[10/13] overflow-hidden bg-raised"><img src="/images/artistes/lotfidk.jpg" alt="Lotfi Double Kanon" loading="lazy" class="h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105"/></div></div><div class="mt-2.5 truncate text-sm font-medium group-hover:text-accent">Lotfi Double Kanon</div><div class="truncate text-xs text-faint">42 titres<!-- --> · <!-- -->Années 2000</div></a><a class="group block p-2 text-center" href="/fr/artiste/saida-fikri"><div class="relative "><div class="arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent" aria-hidden="true"></div><div class="arch relative aspect-[10/13] overflow-hidden bg-raised"><img src="/images/artistes/Saida-Fikri.jpg" alt="Saida Fikri" loading="lazy" class="h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105"/></div></div><div class="mt-2.5 truncate text-sm font-medium group-hover:text-accent">Saida Fikri</div><div class="truncate text-xs text-faint">39 titres<!-- --> · <!-- -->Années 2000</div></a><a class="group block p-2 text-center" href="/fr/artiste/said-senhaji"><div class="relative "><div class="arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent" aria-hidden="true"></div><div class="arch relative aspect-[10/13] overflow-hidden bg-raised"><img src="/images/artistes/senhaji.jpg" alt="Said Senhaji" loading="lazy" class="h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105"/></div></div><div class="mt-2.5 truncate text-sm font-medium group-hover:text-accent">Said Senhaji</div><div class="truncate text-xs text-faint">61 titres<!-- --> · <!-- -->Années 2000</div></a></div></section><section class="mt-12"><div class="flex items-baseline justify-between gap-4 border-b border-line pb-2"><h2 class="flex items-center gap-2.5 font-display text-lg font-semibold sm:text-xl"><span class="inline-block size-1.5 rotate-45 bg-accent" aria-hidden="true"></span>Sélections</h2><a class="shrink-0 text-xs uppercase tracking-wider text-muted transition hover:text-accent" href="/fr/selections">Tout voir<!-- --> →</a></div><div class="mt-4 grid gap-3 sm:grid-cols-2 lg:grid-cols-3"><a class="group relative overflow-hidden rounded-panel border border-line bg-surface p-5 transition hover:border-accent" href="/fr/selection/classiques-du-tarab"><div class="motif absolute inset-0 opacity-70" aria-hidden="true"></div><div class="relative"><div class="font-display text-lg font-semibold leading-tight transition group-hover:text-accent">Les classiques du tarab</div><div class="mt-1 text-xs text-faint">60 titres</div></div></a><a class="group relative overflow-hidden rounded-panel border border-line bg-surface p-5 transition hover:border-accent" href="/fr/selection/rai-algerien"><div class="motif absolute inset-0 opacity-70" aria-hidden="true"></div><div class="relative"><div class="font-display text-lg font-semibold leading-tight transition group-hover:text-accent">Le raï algérien</div><div class="mt-1 text-xs text-faint">60 titres</div></div></a><a class="group relative overflow-hidden rounded-panel border border-line bg-surface p-5 transition hover:border-accent" href="/fr/selection/chaabi-marocain"><div class="motif absolute inset-0 opacity-70" aria-hidden="true"></div><div class="relative"><div class="font-display text-lg font-semibold leading-tight transition group-hover:text-accent">Le chaâbi marocain</div><div class="mt-1 text-xs text-faint">60 titres</div></div></a><a class="group relative overflow-hidden rounded-panel border border-line bg-surface p-5 transition hover:border-accent" href="/fr/selection/chanson-libanaise"><div class="motif absolute inset-0 opacity-70" aria-hidden="true"></div><div class="relative"><div class="font-display text-lg font-semibold leading-tight transition group-hover:text-accent">La chanson libanaise</div><div class="mt-1 text-xs text-faint">60 titres</div></div></a><a class="group relative overflow-hidden rounded-panel border border-line bg-surface p-5 transition hover:border-accent" href="/fr/selection/chanson-egyptienne"><div class="motif absolute inset-0 opacity-70" aria-hidden="true"></div><div class="relative"><div class="font-display text-lg font-semibold leading-tight transition group-hover:text-accent">La chanson égyptienne</div><div class="mt-1 text-xs text-faint">60 titres</div></div></a><a class="group relative overflow-hidden rounded-panel border border-line bg-surface p-5 transition hover:border-accent" href="/fr/selection/annees-90"><div class="motif absolute inset-0 opacity-70" aria-hidden="true"></div><div class="relative"><div class="font-display text-lg font-semibold leading-tight transition group-hover:text-accent">Les années 90</div><div class="mt-1 text-xs text-faint">60 titres</div></div></a></div></section><section class="mt-12"><div class="flex items-baseline justify-between gap-4 border-b border-line pb-2"><h2 class="flex items-center gap-2.5 font-display text-lg font-semibold sm:text-xl"><span class="inline-block size-1.5 rotate-45 bg-accent" aria-hidden="true"></span>Genres</h2><a class="shrink-0 text-xs uppercase tracking-wider text-muted transition hover:text-accent" href="/fr/genres">Tout voir<!-- --> →</a></div><div class="mt-4 flex flex-wrap gap-2"><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/genre/musique-arabe">Musique arabe<span class="ms-2 text-xs tabular-nums text-faint">62</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/genre/rai">Raï<span class="ms-2 text-xs tabular-nums text-faint">51</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/genre/chaabi">Chaâbi<span class="ms-2 text-xs tabular-nums text-faint">46</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/genre/tarab">Tarab<span class="ms-2 text-xs tabular-nums text-faint">40</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/genre/pop">Pop<span class="ms-2 text-xs tabular-nums text-faint">38</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/genre/khaliji">Musique khalijie<span class="ms-2 text-xs tabular-nums text-faint">37</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/genre/hip-hop">Rap<span class="ms-2 text-xs tabular-nums text-faint">25</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/genre/musique-andalouse">Musique arabo-andalouse<span class="ms-2 text-xs tabular-nums text-faint">19</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/genre/aita">Aïta<span class="ms-2 text-xs tabular-nums text-faint">19</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/genre/mezoued">Mezoued<span class="ms-2 text-xs tabular-nums text-faint">15</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/genre/musique-amazighe">Musique amazighe<span class="ms-2 text-xs tabular-nums text-faint">14</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/genre/dabke">Dabke<span class="ms-2 text-xs tabular-nums text-faint">14</span></a></div></section><section class="mt-12"><div class="flex items-baseline justify-between gap-4 border-b border-line pb-2"><h2 class="flex items-center gap-2.5 font-display text-lg font-semibold sm:text-xl"><span class="inline-block size-1.5 rotate-45 bg-accent" aria-hidden="true"></span>Époques</h2><a class="shrink-0 text-xs uppercase tracking-wider text-muted transition hover:text-accent" href="/fr/epoque">Tout voir<!-- --> →</a></div><div class="no-scrollbar mt-4 flex gap-3 overflow-x-auto pb-2 [scrollbar-width:none]"><a class="group shrink-0 rounded-card border border-line bg-surface px-5 py-4 transition hover:border-accent" href="/fr/epoque/1930"><div class="font-display text-2xl font-semibold tabular-nums transition group-hover:text-accent">1930</div><div class="mt-0.5 whitespace-nowrap text-xs text-faint">5 artistes</div></a><a class="group shrink-0 rounded-card border border-line bg-surface px-5 py-4 transition hover:border-accent" href="/fr/epoque/1940"><div class="font-display text-2xl font-semibold tabular-nums transition group-hover:text-accent">1940</div><div class="mt-0.5 whitespace-nowrap text-xs text-faint">12 artistes</div></a><a class="group shrink-0 rounded-card border border-line bg-surface px-5 py-4 transition hover:border-accent" href="/fr/epoque/1950"><div class="font-display text-2xl font-semibold tabular-nums transition group-hover:text-accent">1950</div><div class="mt-0.5 whitespace-nowrap text-xs text-faint">22 artistes</div></a><a class="group shrink-0 rounded-card border border-line bg-surface px-5 py-4 transition hover:border-accent" href="/fr/epoque/1960"><div class="font-display text-2xl font-semibold tabular-nums transition group-hover:text-accent">1960</div><div class="mt-0.5 whitespace-nowrap text-xs text-faint">40 artistes</div></a><a class="group shrink-0 rounded-card border border-line bg-surface px-5 py-4 transition hover:border-accent" href="/fr/epoque/1970"><div class="font-display text-2xl font-semibold tabular-nums transition group-hover:text-accent">1970</div><div class="mt-0.5 whitespace-nowrap text-xs text-faint">40 artistes</div></a><a class="group shrink-0 rounded-card border border-line bg-surface px-5 py-4 transition hover:border-accent" href="/fr/epoque/1980"><div class="font-display text-2xl font-semibold tabular-nums transition group-hover:text-accent">1980</div><div class="mt-0.5 whitespace-nowrap text-xs text-faint">60 artistes</div></a><a class="group shrink-0 rounded-card border border-line bg-surface px-5 py-4 transition hover:border-accent" href="/fr/epoque/1990"><div class="font-display text-2xl font-semibold tabular-nums transition group-hover:text-accent">1990</div><div class="mt-0.5 whitespace-nowrap text-xs text-faint">125 artistes</div></a><a class="group shrink-0 rounded-card border border-line bg-surface px-5 py-4 transition hover:border-accent" href="/fr/epoque/2000"><div class="font-display text-2xl font-semibold tabular-nums transition group-hover:text-accent">2000</div><div class="mt-0.5 whitespace-nowrap text-xs text-faint">156 artistes</div></a><a class="group shrink-0 rounded-card border border-line bg-surface px-5 py-4 transition hover:border-accent" href="/fr/epoque/2010"><div class="font-display text-2xl font-semibold tabular-nums transition group-hover:text-accent">2010</div><div class="mt-0.5 whitespace-nowrap text-xs text-faint">84 artistes</div></a><a class="group shrink-0 rounded-card border border-line bg-surface px-5 py-4 transition hover:border-accent" href="/fr/epoque/2020"><div class="font-display text-2xl font-semibold tabular-nums transition group-hover:text-accent">2020</div><div class="mt-0.5 whitespace-nowrap text-xs text-faint">8 artistes</div></a></div></section><section class="mt-12"><div class="flex items-baseline justify-between gap-4 border-b border-line pb-2"><h2 class="flex items-center gap-2.5 font-display text-lg font-semibold sm:text-xl"><span class="inline-block size-1.5 rotate-45 bg-accent" aria-hidden="true"></span>Derniers ajouts</h2><a class="shrink-0 text-xs uppercase tracking-wider text-muted transition hover:text-accent" href="/fr/nouveautes">Tout voir<!-- --> →</a></div><div class="mt-3"><ul class="divide-y divide-line" data-testid="tracklist"><li class="group flex items-center gap-1 rounded-card px-1 transition hover:bg-raised "><a data-testid="track-play" class="flex min-w-0 flex-1 items-center gap-4 roun
1ded px-1 py-2.5 text-start" href="/fr/titre/rashid-al-noaimi/anbah-al-za"><span class="relative w-7 shrink-0 text-end text-xs tabular-nums text-faint"><span class="group-hover:invisible"></span><svg class="invisible absolute inset-0 m-auto h-3.5 w-3.5 text-accent group-hover:visible" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span><span class="sr-only">Écouter</span><span class="min-w-0 flex-1"><span class="block truncate text-sm text-ink">Anbah Al-Za</span><bdi dir="rtl" lang="ar" class="block truncate text-xs text-muted">انباح العزا</bdi><span class="block truncate text-xs text-faint">Rashid Al Noaimi</span></span><span dir="ltr" class="shrink-0 text-xs tabular-nums text-faint">5:58</span></a><span class="flex shrink-0 items-center opacity-100 sm:opacity-0 sm:transition-opacity sm:group-focus-within:opacity-100 sm:group-hover:opacity-100"><div class="relative"><button aria-label="Ajouter à une playlist" title="Ajouter à une playlist" aria-expanded="false" class="rounded-full p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h8M4 17h8M16 13v7M12.5 16.5h7" stroke-linecap="round"></path></svg></button></div><button aria-pressed="false" aria-label="Ajouter aux favoris" title="Ajouter aux favoris" data-testid="favorite" data-track-id="26138" class="rounded-full p-2 transition text-faint hover:text-accent disabled:opacity-50"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M12 20.5S3.5 15 3.5 9.2A4.7 4.7 0 0 1 12 6.4a4.7 4.7 0 0 1 8.5 2.8c0 5.8-8.5 11.3-8.5 11.3Z" stroke-linejoin="round"></path></svg></button></span></li><li class="group flex items-center gap-1 rounded-card px-1 transition hover:bg-raised "><a data-testid="track-play" class="flex min-w-0 flex-1 items-center gap-4 roun
1ded px-1 py-2.5 text-start" href="/fr/titre/bahrain-waves/latnsa-ardk"><span class="relative w-7 shrink-0 text-end text-xs tabular-nums text-faint"><span class="group-hover:invisible"></span><svg class="invisible absolute inset-0 m-auto h-3.5 w-3.5 text-accent group-hover:visible" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span><span class="sr-only">Écouter</span><span class="min-w-0 flex-1"><span class="block truncate text-sm text-ink">Latnsa Ardk</span><bdi dir="rtl" lang="ar" class="block truncate text-xs text-muted">لاتنسى أرضك</bdi><span class="block truncate text-xs text-faint">Bahrain Waves</span></span><span dir="ltr" class="shrink-0 text-xs tabular-nums text-faint">4:24</span></a><span class="flex shrink-0 items-center opacity-100 sm:opacity-0 sm:transition-opacity sm:group-focus-within:opacity-100 sm:group-hover:opacity-100"><div class="relative"><button aria-label="Ajouter à une playlist" title="Ajouter à une playlist" aria-expanded="false" class="rounded-full p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h8M4 17h8M16 13v7M12.5 16.5h7" stroke-linecap="round"></path></svg></button></div><button aria-pressed="false" aria-label="Ajouter aux favoris" title="Ajouter aux favoris" data-testid="favorite" data-track-id="26137" class="rounded-full p-2 transition text-faint hover:text-accent disabled:opacity-50"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M12 20.5S3.5 15 3.5 9.2A4.7 4.7 0 0 1 12 6.4a4.7 4.7 0 0 1 8.5 2.8c0 5.8-8.5 11.3-8.5 11.3Z" stroke-linejoin="round"></path></svg></button></span></li><li class="group flex items-center gap-1 rounded-card px-1 transition hover:bg-raised "><a data-testid="track-play" class="flex min-w-0 flex-1 items-center gap-4 roun
1ded px-1 py-2.5 text-start" href="/fr/titre/yusuf-al-shety/ahlf-ly"><span class="relative w-7 shrink-0 text-end text-xs tabular-nums text-faint"><span class="group-hover:invisible"></span><svg class="invisible absolute inset-0 m-auto h-3.5 w-3.5 text-accent group-hover:visible" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span><span class="sr-only">Écouter</span><span class="min-w-0 flex-1"><span class="block truncate text-sm text-ink">Ahlf Ly</span><bdi dir="rtl" lang="ar" class="block truncate text-xs text-muted">احلف لي</bdi><span class="block truncate text-xs text-faint">Yusuf Al Shety</span></span><span dir="ltr" class="shrink-0 text-xs tabular-nums text-faint">4:40</span></a><span class="flex shrink-0 items-center opacity-100 sm:opacity-0 sm:transition-opacity sm:group-focus-within:opacity-100 sm:group-hover:opacity-100"><div class="relative"><button aria-label="Ajouter à une playlist" title="Ajouter à une playlist" aria-expanded="false" class="rounded-full p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h8M4 17h8M16 13v7M12.5 16.5h7" stroke-linecap="round"></path></svg></button></div><button aria-pressed="false" aria-label="Ajouter aux favoris" title="Ajouter aux favoris" data-testid="favorite" data-track-id="26136" class="rounded-full p-2 transition text-faint hover:text-accent disabled:opacity-50"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M12 20.5S3.5 15 3.5 9.2A4.7 4.7 0 0 1 12 6.4a4.7 4.7 0 0 1 8.5 2.8c0 5.8-8.5 11.3-8.5 11.3Z" stroke-linejoin="round"></path></svg></button></span></li><li class="group flex items-center gap-1 rounded-card px-1 transition hover:bg-raised "><a data-testid="track-play" class="flex min-w-0 flex-1 items-center gap-4 roun
1ded px-1 py-2.5 text-start" href="/fr/titre/rashid-al-noaimi/tra-al-hwawy"><span class="relative w-7 shrink-0 text-end text-xs tabular-nums text-faint"><span class="group-hover:invisible"></span><svg class="invisible absolute inset-0 m-auto h-3.5 w-3.5 text-accent group-hover:visible" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span><span class="sr-only">Écouter</span><span class="min-w-0 flex-1"><span class="block truncate text-sm text-ink">Tra Al-Hwawy</span><bdi dir="rtl" lang="ar" class="block truncate text-xs text-muted">ترى الهواوي</bdi><span class="block truncate text-xs text-faint">Rashid Al Noaimi</span></span><span dir="ltr" class="shrink-0 text-xs tabular-nums text-faint">5:13</span></a><span class="flex shrink-0 items-center opacity-100 sm:opacity-0 sm:transition-opacity sm:group-focus-within:opacity-100 sm:group-hover:opacity-100"><div class="relative"><button aria-label="Ajouter à une playlist" title="Ajouter à une playlist" aria-expanded="false" class="rounded-full p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h8M4 17h8M16 13v7M12.5 16.5h7" stroke-linecap="round"></path></svg></button></div><button aria-pressed="false" aria-label="Ajouter aux favoris" title="Ajouter aux favoris" data-testid="favorite" data-track-id="26135" class="rounded-full p-2 transition text-faint hover:text-accent disabled:opacity-50"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M12 20.5S3.5 15 3.5 9.2A4.7 4.7 0 0 1 12 6.4a4.7 4.7 0 0 1 8.5 2.8c0 5.8-8.5 11.3-8.5 11.3Z" stroke-linejoin="round"></path></svg></button></span></li><li class="group flex items-center gap-1 rounded-card px-1 transition hover:bg-raised "><a data-testid="track-play" class="flex min-w-0 flex-1 items-center gap-4 roun
1ded px-1 py-2.5 text-start" href="/fr/titre/bahrain-waves/layhmk"><span class="relative w-7 shrink-0 text-end text-xs tabular-nums text-faint"><span class="group-hover:invisible"></span><svg class="invisible absolute inset-0 m-auto h-3.5 w-3.5 text-accent group-hover:visible" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span><span class="sr-only">Écouter</span><span class="min-w-0 flex-1"><span class="block truncate text-sm text-ink">Layhmk</span><bdi dir="rtl" lang="ar" class="block truncate text-xs text-muted">لايهمك</bdi><span class="block truncate text-xs text-faint">Bahrain Waves</span></span><span dir="ltr" class="shrink-0 text-xs tabular-nums text-faint">3:15</span></a><span class="flex shrink-0 items-center opacity-100 sm:opacity-0 sm:transition-opacity sm:group-focus-within:opacity-100 sm:group-hover:opacity-100"><div class="relative"><button aria-label="Ajouter à une playlist" title="Ajouter à une playlist" aria-expanded="false" class="rounded-full p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h8M4 17h8M16 13v7M12.5 16.5h7" stroke-linecap="round"></path></svg></button></div><button aria-pressed="false" aria-label="Ajouter aux favoris" title="Ajouter aux favoris" data-testid="favorite" data-track-id="26134" class="rounded-full p-2 transition text-faint hover:text-accent disabled:opacity-50"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M12 20.5S3.5 15 3.5 9.2A4.7 4.7 0 0 1 12 6.4a4.7 4.7 0 0 1 8.5 2.8c0 5.8-8.5 11.3-8.5 11.3Z" stroke-linejoin="round"></path></svg></button></span></li><li class="group flex items-center gap-1 rounded-card px-1 transition hover:bg-raised "><a data-testid="track-play" class="flex min-w-0 flex-1 items-center gap-4 roun
1ded px-1 py-2.5 text-start" href="/fr/titre/yusuf-al-shety/ykfy"><span class="relative w-7 shrink-0 text-end text-xs tabular-nums text-faint"><span class="group-hover:invisible"></span><svg class="invisible absolute inset-0 m-auto h-3.5 w-3.5 text-accent group-hover:visible" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span><span class="sr-only">Écouter</span><span class="min-w-0 flex-1"><span class="block truncate text-sm text-ink">Ykfy</span><bdi dir="rtl" lang="ar" class="block truncate text-xs text-muted">يكفي</bdi><span class="block truncate text-xs text-faint">Yusuf Al Shety</span></span><span dir="ltr" class="shrink-0 text-xs tabular-nums text-faint">4:41</span></a><span class="flex shrink-0 items-center opacity-100 sm:opacity-0 sm:transition-opacity sm:group-focus-within:opacity-100 sm:group-hover:opacity-100"><div class="relative"><button aria-label="Ajouter à une playlist" title="Ajouter à une playlist" aria-expanded="false" class="rounded-full p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h8M4 17h8M16 13v7M12.5 16.5h7" stroke-linecap="round"></path></svg></button></div><button aria-pressed="false" aria-label="Ajouter aux favoris" title="Ajouter aux favoris" data-testid="favorite" data-track-id="26133" class="rounded-full p-2 transition text-faint hover:text-accent disabled:opacity-50"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M12 20.5S3.5 15 3.5 9.2A4.7 4.7 0 0 1 12 6.4a4.7 4.7 0 0 1 8.5 2.8c0 5.8-8.5 11.3-8.5 11.3Z" stroke-linejoin="round"></path></svg></button></span></li><li class="group flex items-center gap-1 rounded-card px-1 transition hover:bg-raised "><a data-testid="track-play" class="flex min-w-0 flex-1 items-center gap-4 roun
1ded px-1 py-2.5 text-start" href="/fr/titre/al-shomou-band/h-raj"><span class="relative w-7 shrink-0 text-end text-xs tabular-nums text-faint"><span class="group-hover:invisible"></span><svg class="invisible absolute inset-0 m-auto h-3.5 w-3.5 text-accent group-hover:visible" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span><span class="sr-only">Écouter</span><span class="min-w-0 flex-1"><span class="block truncate text-sm text-ink">H Raj&#x27;</span><bdi dir="rtl" lang="ar" class="block truncate text-xs text-muted">ح راجع</bdi><span class="block truncate text-xs text-faint">Al Shomou Band</span></span><span dir="ltr" class="shrink-0 text-xs tabular-nums text-faint">8:39</span></a><span class="flex shrink-0 items-center opacity-100 sm:opacity-0 sm:transition-opacity sm:group-focus-within:opacity-100 sm:group-hover:opacity-100"><div class="relative"><button aria-label="Ajouter à une playlist" title="Ajouter à une playlist" aria-expanded="false" class="rounded-full p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h8M4 17h8M16 13v7M12.5 16.5h7" stroke-linecap="round"></path></svg></button></div><button aria-pressed="false" aria-label="Ajouter aux favoris" title="Ajouter aux favoris" data-testid="favorite" data-track-id="26124" class="rounded-full p-2 transition text-faint hover:text-accent disabled:opacity-50"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M12 20.5S3.5 15 3.5 9.2A4.7 4.7 0 0 1 12 6.4a4.7 4.7 0 0 1 8.5 2.8c0 5.8-8.5 11.3-8.5 11.3Z" stroke-linejoin="round"></path></svg></button></span></li><li class="group flex items-center gap-1 rounded-card px-1 transition hover:bg-raised "><a data-testid="track-play" class="flex min-w-0 flex-1 items-center gap-4 roun
1ded px-1 py-2.5 text-start" href="/fr/titre/al-shomou-band/bd-kl-halghybh"><span class="relative w-7 shrink-0 text-end text-xs tabular-nums text-faint"><span class="group-hover:invisible"></span><svg class="invisible absolute inset-0 m-auto h-3.5 w-3.5 text-accent group-hover:visible" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></span><span class="sr-only">Écouter</span><span class="min-w-0 flex-1"><span class="block truncate text-sm text-ink">B&#x27;d Kl Halghybh</span><bdi dir="rtl" lang="ar" class="block truncate text-xs text-muted">بعد كل هالغيبة</bdi><span class="block truncate text-xs text-faint">Al Shomou Band</span></span><span dir="ltr" class="shrink-0 text-xs tabular-nums text-faint">3:18</span></a><span class="flex shrink-0 items-center opacity-100 sm:opacity-0 sm:transition-opacity sm:group-focus-within:opacity-100 sm:group-hover:opacity-100"><div class="relative"><button aria-label="Ajouter à une playlist" title="Ajouter à une playlist" aria-expanded="false" class="rounded-full p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h8M4 17h8M16 13v7M12.5 16.5h7" stroke-linecap="round"></path></svg></button></div><button aria-pressed="false" aria-label="Ajouter aux favoris" title="Ajouter aux favoris" data-testid="favorite" data-track-id="26118" class="rounded-full p-2 transition text-faint hover:text-accent disabled:opacity-50"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M12 20.5S3.5 15 3.5 9.2A4.7 4.7 0 0 1 12 6.4a4.7 4.7 0 0 1 8.5 2.8c0 5.8-8.5 11.3-8.5 11.3Z" stroke-linejoin="round"></path></svg></button></span></li></ul></div></section><section class="mt-12"><div class="flex items-baseline justify-between gap-4 border-b border-line pb-2"><h2 class="flex items-center gap-2.5 font-display text-lg font-semibold sm:text-xl"><span class="inline-block size-1.5 rotate-45 bg-accent" aria-hidden="true"></span>Pays</h2><a class="shrink-0 text-xs uppercase tracking-wider text-muted transition hover:text-accent" href="/fr/pays">Tout voir<!-- --> →</a></div><div class="mt-4 flex flex-wrap gap-2"><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/pays/algerie">Algérie<span class="ms-2 text-xs tabular-nums text-faint">73</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/pays/saudi-arabia">Arabie saoudite<span class="ms-2 text-xs tabular-nums text-faint">42</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/pays/bahrein">Bahreïn<span class="ms-2 text-xs tabular-nums text-faint">15</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/pays/egypt">Égypte<span class="ms-2 text-xs tabular-nums text-faint">192</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/pays/uae">Émirats arabes unis<span class="ms-2 text-xs tabular-nums text-faint">53</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/pays/iraq">Irak<span class="ms-2 text-xs tabular-nums text-faint">22</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/pays/jordanie">Jordanie<span class="ms-2 text-xs tabular-nums text-faint">21</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/pays/kuwait">Koweït<span class="ms-2 text-xs tabular-nums text-faint">35</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/pays/liban">Liban<span class="ms-2 text-xs tabular-nums text-faint">152</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/pays/libye">Libye<span class="ms-2 text-xs tabular-nums text-faint">16</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/pays/maroc">Maroc<span class="ms-2 text-xs tabular-nums text-faint">167</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/pays/mauritanie">Mauritanie<span class="ms-2 text-xs tabular-nums text-faint">3</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/pays/oman">Oman<span class="ms-2 text-xs tabular-nums text-faint">7</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/pays/palestine">Palestine<span class="ms-2 text-xs tabular-nums text-faint">39</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/pays/qatar">Qatar<span class="ms-2 text-xs tabular-nums text-faint">12</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/pays/syrie">Syrie<span class="ms-2 text-xs tabular-nums text-faint">15</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/pays/tunisie">Tunisie<span class="ms-2 text-xs tabular-nums text-faint">90</span></a><a class="rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent" href="/fr/pays/yemen">Yémen<span class="ms-2 text-xs tabular-nums text-faint">17</span></a></div></section></div></div><!--$--><!--/$--></main><footer class="mt-16 border-t border-line bg-surface"><div class="motif h-16 w-full" aria-hidden="true"></div><div class="mx-auto grid max-w-screen-2xl gap-8 px-4 py-10 sm:grid-cols-2 lg:grid-cols-4"><div><span class="inline-flex items-center gap-2"><svg viewBox="0 0 48 48" class="h-6 w-6 text-ink" aria-hidden="true" fill="none"><path d="M12 43V24a12 12 0 1 1 24 0v19" stroke="currentColor" stroke-width="2.6" stroke-linecap="round"></path><path d="M7 43h34" stroke="currentColor" stroke-width="2.6" stroke-linecap="round"></path><path d="M18 36v-6" stroke="currentColor" stroke-width="2.6" stroke-linecap="round"></path><path d="M24 36V21" stroke="var(--accent, #3b45cf)" stroke-width="2.6" stroke-linecap="round"></path><path d="M30 36v-9" stroke="currentColor" stroke-width="2.6" stroke-linecap="round"></path></svg><span class="font-display text-lg font-semibold">Hibamusic</span></span>
1<p class="mt-3 max-w-md text-sm leading-relaxed text-muted">Hibamusic conserve et fait écouter la musique du Maghreb et du monde arabe depuis 2008.</p></div><nav><h2 class="text-xs font-semibold uppercase tracking-[0.18em] text-faint">Artistes</h2><ul class="-my-1.5 mt-1.5 text-sm"><li><a class="block py-1.5 text-muted transition hover:text-accent" href="/fr/artistes">Artistes</a></li><li><a class="block py-1.5 text-muted transition hover:text-accent" href="/fr/pays">Pays</a></li><li><a class="block py-1.5 text-muted transition hover:text-accent" href="/fr/epoque">Époques</a></li><li><a class="block py-1.5 text-muted transition hover:text-accent" href="/fr/genres">Genres</a></li><li><a class="block py-1.5 text-muted transition hover:text-accent" href="/fr/artistes/lettre/a">Par lettre</a></li></ul></nav><nav><h2 class="text-xs font-semibold uppercase tracking-[0.18em] text-faint">À découvrir</h2><ul class="-my-1.5 mt-1.5 text-sm"><li><a class="block py-1.5 text-muted transition hover:text-accent" href="/fr/classements">Classements</a></li><li><a class="block py-1.5 text-muted transition hover:text-accent" href="/fr/nouveautes">Derniers ajouts</a></li><li><a class="block py-1.5 text-muted transition hover:text-accent" href="/fr/selections">Sélections</a></li><li><a class="block py-1.5 text-muted transition hover:text-accent" href="/fr/videos">Vidéo clip arabe</a></li><li><a class="block py-1.5 text-muted transition hover:text-accent" href="/fr/photos">Photos</a></li><li><a class="block py-1.5 text-muted transition hover:text-accent" href="/fr/recherches">Recherches fréquentes</a></li><li><a class="block py-1.5 text-muted transition hover:text-accent" href="/fr/paroles">Paroles</a></li></ul></nav><nav><h2 class="text-xs font-semibold uppercase tracking-[0.18em] text-faint">Hibamusic</h2><ul class="-my-1.5 mt-1.5 text-sm"><li><a class="block py-1.5 text-muted transition hover:text-accent" href="/fr/a-propos">À propos</a></li><li><a class="block py-1.5 text-muted transition hover:text-accent" href="/fr/articles">Articles</a></li><li><a class="block py-1.5 text-muted transition hover:text-accent" href="/fr/archives">Archives</a></li><li><a class="block py-1.5 text-muted transition hover:text-accent" href="/fr/contact">Contact</a></li><li><a class="block py-1.5 text-muted transition hover:text-accent" href="/fr/rss.xml">RSS</a></li><li><a class="flex py-1.5 text-muted transition hover:text-accent" data-signed-in="false" href="/fr/compte/connexion"><span class="truncate">Connexion</span></a></li></ul></nav></div><div class="border-t border-line/70"><p class="mx-auto max-w-screen-2xl px-4 py-4 text-xs text-faint">© 2008–<!-- -->2026<!-- --> <!-- -->Hibamusic<!-- -->. <!-- -->Tous droits réservés<!-- -->.</p></div></footer><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><noscript><img src="https://kiwip.sd.ma/matomo.php?idsite=17&amp;rec=1" alt="" width="1" height="1" style="border:0;position:absolute"/></noscript><audio preload="metadata"></audio><div class="fixed inset-x-0 bottom-0 z-50 border-t border-line bg-surface/95 backdrop-blur" data-testid="player" data-playing="false"><div class="group h-1.5 w-full cursor-pointer bg-line" data-testid="player-progress" role="slider" aria-label="Écouter" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" tabindex="0"><div class="h-full bg-accent transition-[width] duration-150" style="width:0%"></div></div><div class="mx-auto flex max-w-screen-2xl items-center gap-3 px-4 py-2.5 sm:gap-4"><div class="flex items-center gap-1"><button aria-label="Précédent" class="rounded p-2 text-muted transition hover:text-accent disabled:opacity-30" disabled=""><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M6 6h2v12H6zm3.5 6L18 6v12z"></path></svg></button><button aria-label="Écouter" data-testid="player-toggle" class="rounded-full bg-accent p-2.5 text-accent-ink transition hover:bg-accent-hover disabled:opacity-40" disabled=""><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"></path></svg></button><button aria-label="Suivant" class="rounded p-2 text-muted transition hover:text-accent disabled:opacity-30" disabled=""><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M16 6h2v12h-2zM6 6l8.5 6L6 18z"></path></svg></button></div><div class="min-w-0 flex-1"><div class="truncate text-sm text-faint">Choisissez un titre pour commencer</div></div><div dir="ltr" class="hidden shrink-0 text-xs tabular-nums text-faint sm:block">--:--<!-- --> / <!-- -->--:--</div><button aria-pressed="false" aria-label="Paroles" title="Paroles" data-testid="player-paroles" disabled="" class="relative rounded p-2 transition disabled:opacity-25 text-faint hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 6h11M4 11h8M4 16h11M4 21h6" stroke-linecap="round"></path><path d="M19 3v9.5" stroke-linecap="round"></path><circle cx="17" cy="14" r="2.2"></circle></svg></button><button aria-pressed="false" aria-label="Lecture aléatoire" title="Lecture aléatoire" class="hidden rounded p-2 transition md:block text-faint hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M16 3h5v5M21 3l-7.5 7.5M16 21h5v-5M21 21l-7.5-7.5M3 3l6 6M3 21l6-6" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><button aria-label="Répéter" title="Répéter" class="hidden rounded p-2 transition md:block text-faint hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M17 2l4 4-4 4M3 11V9a4 4 0 0 1 4-4h14M7 22l-4-4 4-4M21 13v2a4 4 0 0 1-4 4H3" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div class="hidden items-center gap-1.5 lg:flex"><button aria-label="Volume" title="Volume" class="rounded p-2 text-faint transition hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 9v6h4l5 4V5L8 9H4z" stroke-linejoin="round"></path><path d="M16.5 8.5a5 5 0 0 1 0 7" stroke-linecap="round"></path><path d="M19 6a8.5 8.5 0 0 1 0 12" stroke-linecap="round"></path></svg></button><input type="range" min="0" max="1" step="0.05" aria-label="Volume" class="h-1 w-20 cursor-pointer accent-[var(--accent)]" value="1"/></div><button aria-expanded="false" aria-label="File d&#x27;attente" title="File d&#x27;attente" class="rounded p-2 transition text-faint hover:text-accent"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" aria-hidden="true"><path d="M4 7h11M4 12h11M4 17h7" stroke-linecap="round"></path><path d="m17 13 4 2.5-4 2.5z" fill="currentColor" stroke="none"></path></svg></button></div></div>
1<script src="/_next/static/chunks/310vm2bl3xxpt.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/_next/static/chunks/1mpnoxox0-4cg.js\"],\"default\"]\n3:I[37457,[\"/_next/static/chunks/1mpnoxox0-4cg.js\"],\"default\"]\n4:I[22016,[\"/_next/static/chunks/2xmo8vdcb5qvp.js\",\"/_next/static/chunks/13i-tjjdd9xgm.js\",\"/_next/static/chunks/1avk-u41ahh3_.js\"],\"\"]\n7:I[97367,[\"/_next/static/chunks/1mpnoxox0-4cg.js\"],\"OutletBoundary\"]\n8:\"$Sreact.suspense\"\nb:I[97367,[\"/_next/static/chunks/1mpnoxox0-4cg.js\"],\"ViewportBoundary\"]\nd:I[97367,[\"/_next/static/chunks/1mpnoxox0-4cg.js\"],\"MetadataBoundary\"]\nf:I[68027,[],\"default\",1]\n:HL[\"/_next/static/chunks/0ky2firw0b51y.css\",\"style\"]\n:HL[\"/_next/static/chunks/0f6yj4rn0j6ez.css\",\"style\"]\n:HL[\"/_next/static/media/03bda585a99c6450-s.p.32sris142tqlb.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\na:X\n0:{\"P\":null,\"c\":[\"\",\"fr\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[[\"locale\",\"fr\",\"d\",[\"admin\",\"api\",\"audio-test\",\"sitemap\",\"sitemap.xml\"]],{\"children\":[\"__PAGE__\",{},\"$undefined\",\"$undefined\",4224]},\"$undefined\",\"$undefined\",4144]},\"$undefined\",\"$undefined\",4176],[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"mx-auto flex min-h-screen max-w-lg flex-col items-center justify-center gap-6 px-4 text-center\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-display text-6xl font-semibold text-line-strong\",\"children\":\"404\"}],[\"$\",\"p\",null,{\"className\":\"text-muted\",\"children\":\"Cette adresse ne mène nulle part. Le catalogue, lui, n'a pas bougé : cherchez un artiste ou repartez de l'accueil.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap justify-center gap-2\",\"children\":[[\"$\",\"$L4\",\"fr\",{\"href\":\"/fr\",\"hrefLang\":\"fr\",\"className\":\"rounded-full border border-line px-4 py-2 text-sm uppercase transition hover:border-accent hover:text-accent\",\"children\":\"fr\"}],[\"$\",\"$L4\",\"ar\",{\"href\":\"/ar\",\"hrefLang\":\"ar\",\"className\":\"rounded-full border border-line px-4 py-2 text-sm uppercase transition hover:border-accent hover:text-accent\",\"children\":\"ar\"}],[\"$\",\"$L4\",\"en\",{\"href\":\"/en\",\"hrefLang\":\"en\",\"className\":\"rounded-full border border-line px-4 py-2 text-sm uppercase transition hover:border-accent hover:text-accent\",\"children\":\"en\"}],[\"$\",\"$L4\",\"es\",{\"href\":\"/es\",\"hrefLang\":\"es\",\"className\":\"rounded-full border border-line px-4 py-2 text-sm uppercase transition hover:border-accent hover:text-accent\",\"children\":\"es\"}]]}]]}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0f6yj4rn0j6ez.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0ky2firw0b51y.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0f6yj4rn0j6ez.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/2xmo8vdcb5qvp.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/13i-tjjdd9xgm.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L5\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L6\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1avk-u41ahh3_.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@9\"}]}]]}],{}
1,null,false,null]},null,false,null]},null,false,\"$a\"],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$8\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Le\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[]],\"S\":true,\"h\":null,\"r\":\"$undefined\",\"s\":\"$undefined\",\"a\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"b4Cur87O2OAXV4nx6-fHG\"}\n10:I[70548,[\"/_next/static/chunks/2xmo8vdcb5qvp.js\",\"/_next/static/chunks/13i-tjjdd9xgm.js\"],\"SearchBox\"]\n11:I[37884,[\"/_next/static/chunks/2xmo8vdcb5qvp.js\",\"/_next/static/chunks/13i-tjjdd9xgm.js\"],\"AccountLink\"]\n12:I[22530,[\"/_next/static/chunks/2xmo8vdcb5qvp.js\",\"/_next/static/chunks/13i-tjjdd9xgm.js\"],\"ThemeToggle\"]\n13:I[96521,[\"/_next/static/chunks/2xmo8vdcb5qvp.js\",\"/_next/static/chunks/13i-tjjdd9xgm.js\"],\"LocaleSwitcher\"]\na:C\n5:[\"$\",\"html\",null,{\"lang\":\"fr\",\"dir\":\"ltr\",\"className\":\"geist_f880305f-module__AJLRcW__variable fraunces_ca873fe6-module__1rc9Oq__variable ibm_plex_sans_arabic_e6000fd-module__U_ruDW__variable amiri_570c9f1c-module__0RJdGq__variable h-full\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"try{var t=localStorage.getItem('theme');if(t==='light'||t==='dark')document.documentElement.dataset.theme=t}catch(e){}\"}}],[\"$\",\"script\",null,{\"async\":true,\"src\":\"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7832129100072796\",\"crossOrigin\":\"anonymous\"}]]}],[\"$\",\"body\",null,{\"className\":\"flex min-h-full flex-col bg-bg pb-24 font-sans text-ink antialiased\",\"children\":[[\"$\",\"a\",null,{\"href\":\"#contenu\",\"className\":\"sr-only focus:not-sr-only focus:absolute focus:z-50 focus:m-2 focus:rounded focus:bg-accent focus:px-3 focus:py-2 focus:text-accent-ink\",\"children\":\"Aller au contenu\"}],[\"$\",\"header\",null,{\"className\":\"relative z-40 border-b border-line bg-bg/90 backdrop-blur md:sticky md:top-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mx-auto flex max-w-screen-2xl items-center gap-4 px-4 py-3\",\"children\":[[\"$\",\"$L4\",null,{\"href\":\"/fr\",\"className\":\"flex shrink-0 items-center gap-2\",\"aria-label\":\"Hibamusic\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 48 48\",\"className\":\"h-7 w-7 text-ink\",\"role\":\"$undefined\",\"aria-hidden\":true,\"aria-label\":\"$undefined\",\"fill\":\"none\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M12 43V24a12 12 0 1 1 24 0v19\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.6\",\"strokeLinecap\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M7 43h34\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.6\",\"strokeLinecap\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M18 36v-6\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.6\",\"strokeLinecap\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M24 36V21\",\"stroke\":\"var(--accent, #3b45cf)\",\"strokeWidth\":\"2.6\",\"strokeLinecap\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M30 36v-9\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.6\",\"strokeLinecap\":\"round\"}]]}],[\"$\",\"span\",null,{\"className\":\"font-display text-lg font-semibold tracking-tight sm:text-xl\",\"children\":\"Hibamusic\"}]]}],[\"$\",\"nav\",null,{\"className\":\"hidden items-center gap-4 text-sm md:flex\",\"children\":[[\"$\",\"$L4\",\"/fr/artistes\",{\"href\":\"/fr/artistes\",\"className\":\"rounded px-1.5 py-2 text-muted transition hover:text-accent\",\"children\":\"Artistes\"}],[\"$\",\"$L4\",\"/fr/classements\",{\"href\":\"/fr/classements\",\"className\":\"rounded px-1.5 py-2 text-muted transition hover:text-accent\",\"children\":\"Classements\"}],[\"$\",\"$L4\",\"/fr/genres\",{\"href\":\"/fr/genres\",\"className\":\"rounded px-1.5 py-2 text-muted transition hover:text-accent\",\"children\":\"Genres\"}],[\"$\",\"$L4\",\"/fr/pays\",{\"href\":\"/fr/pays\",\"className\":\"rounded px-1.5 py-2 text-muted transition hover:text-accent\",\"children\":\"Pays\"}],[\"$\",\"$L4\",\"/fr/epoque\",{\"href\":\"/fr/epoque\",\"className\":\"rounded px-1.5 py-2 text-muted transition hover:text-accent\",\"children\":\"Époques\"}]]}],[\"$\",\"div\",null,{\"className\":\"hidden min-w-0 flex-1 md:block\",\"children\":[\"$\",\"$L10\",null,{\"locale\":\"fr\"}]}],[\"$\",\"div\",null,{\"className\":\"flex-1 md:hidden\"}],[\"$\",\"$L11\",null,{\"locale\":\"fr\",\"className\":\"hidden max-w-32 shrink-0 items-center text-sm text-muted transition hover:text-accent sm:flex\"}],[\"$\",\"$L12\",null,{\"label\":\"Changer de thème\"}],[\"$\",\"$L13\",null,{\"locale\":\"fr\"}]]}],[\"$\",\"div\",null,{\"className\":\"border-t border-line/60 px-4 py-2 md:hidden\",\"children\":[\"$\",\"$L10\",null,{\"locale\":\"fr\"}]}],[\"$\",\"nav\",null,{\"className\":\"no-scrollbar flex gap-2 overflow-x-auto border-t border-line/60 px-4 py-2 text-sm md:hidden [scrollbar-width:none]\",\"children\":[[[\"$\",\"$L4\",\"/fr/artistes\",{\"href\":\"/fr/artistes\",\"className\":\"shrink-0 rounded-full border border-line px-3.5 py-1.5 text-muted\",\"children\":\"Artistes\"}],[\"$\",\"$L4\",\"/fr/classements\",{\"href\":\"/fr/classements\",\"className\":\"shrink-0 rounded-full border border-line px-3.5 py-1.5 text-muted\",\"children\":\"Classements\"}],[\"$\",\"$L4\",\"/fr/genres\",{\"href\":\"/fr/genres\",\"className\":\"shrink-0 rounded-full border border-line px-3.5 py-1.5 text-muted\",\"children\":\"Genres\"}],[\"$\",\"$L4\",\"/fr/pays\",{\"href\":\"/fr/pays\",\"className\":\"shrink-0 rounded-full border border-line px-3.5 py-1.5 text-muted\",\"children\":\"Pays\"}],\"$L14\"],\"$L15\"]}]]}],\"$L16\",\"$L17\",\"$L18\",\"$L19\",\"$L1a\",\"$L1b\"]}]]}]\n1c:I[92370,[\"/_next/static/chunks/2xmo8vdcb5qvp.js\",\"/_next/static/chunks/13i-tjjdd9xgm.js\",\"/_next/static/chunks/1sa64724dq873.js\"],\"default\"]\n22:I[91333,[\"/_
1next/static/chunks/2xmo8vdcb5qvp.js\",\"/_next/static/chunks/13i-tjjdd9xgm.js\"],\"SessionSync\"]\n23:I[62590,[\"/_next/static/chunks/2xmo8vdcb5qvp.js\",\"/_next/static/chunks/13i-tjjdd9xgm.js\"],\"MatomoTracker\"]\n25:I[78418,[\"/_next/static/chunks/2xmo8vdcb5qvp.js\",\"/_next/static/chunks/13i-tjjdd9xgm.js\"],\"Player\"]\n26:I[33415,[\"/_next/static/chunks/2xmo8vdcb5qvp.js\",\"/_next/static/chunks/13i-tjjdd9xgm.js\"],\"PlayGate\"]\n14:[\"$\",\"$L4\",\"/fr/epoque\",{\"href\":\"/fr/epoque\",\"className\":\"shrink-0 rounded-full border border-line px-3.5 py-1.5 text-muted\",\"children\":\"Époques\"}]\n15:[\"$\",\"$L11\",null,{\"locale\":\"fr\",\"className\":\"flex shrink-0 items-center rounded-full border border-line px-3 py-1 text-muted sm:hidden\"}]\n16:[\"$\",\"main\",null,{\"id\":\"contenu\",\"className\":\"flex-1\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L1c\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]\n17:[\"$\",\"footer\",null,{\"className\":\"mt-16 border-t border-line bg-surface\",\"children\":[[\"$\",\"div\",null,{\"className\":\"motif h-16 w-full\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"mx-auto grid max-w-screen-2xl gap-8 px-4 py-10 sm:grid-cols-2 lg:grid-cols-4\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-2\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 48 48\",\"className\":\"h-6 w-6 text-ink\",\"role\":\"$undefined\",\"aria-hidden\":true,\"aria-label\":\"$undefined\",\"fill\":\"none\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M12 43V24a12 12 0 1 1 24 0v19\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.6\",\"strokeLinecap\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M7 43h34\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.6\",\"strokeLinecap\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M18 36v-6\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.6\",\"strokeLinecap\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M24 36V21\",\"stroke\":\"var(--accent, #3b45cf)\",\"strokeWidth\":\"2.6\",\"strokeLinecap\":\"round\"}],[\"$\",\"path\",null,{\"d\":\"M30 36v-9\",\"stroke\":\"currentColor\",\"strokeWidth\":\"2.6\",\"strokeLinecap\":\"round\"}]]}],[\"$\",\"span\",null,{\"className\":\"font-display text-lg font-semibold\",\"children\":\"Hibamusic\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-3 max-w-md text-sm leading-relaxed text-muted\",\"children\":\"Hibamusic conserve et fait écouter la musique du Maghreb et du monde arabe depuis 2008.\"}]]}],[[\"$\",\"nav\",\"Artistes\",{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-xs font-semibold uppercase tracking-[0.18em] text-faint\",\"children\":\"Artistes\"}],[\"$\",\"ul\",null,{\"className\":\"-my-1.5 mt-1.5 text-sm\",\"children\":[[[\"$\",\"li\",\"/fr/artistes\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/fr/artistes\",\"className\":\"block py-1.5 text-muted transition hover:text-accent\",\"children\":\"Artistes\"}]}],[\"$\",\"li\",\"/fr/pays\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/fr/pays\",\"className\":\"block py-1.5 text-muted transition hover:text-accent\",\"children\":\"Pays\"}]}],[\"$\",\"li\",\"/fr/epoque\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/fr/epoque\",\"className\":\"block py-1.5 text-muted transition hover:text-accent\",\"children\":\"Époques\"}]}],[\"$\",\"li\",\"/fr/genres\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/fr/genres\",\"className\":\"block py-1.5 text-muted transition hover:text-accent\",\"children\":\"Genres\"}]}],[\"$\",\"li\",\"/fr/artistes/lettre/a\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/fr/artistes/lettre/a\",\"className\":\"block py-1.5 text-muted transition hover:text-accent\",\"children\":\"Par lettre\"}]}]],false]}]]}],[\"$\",\"nav\",\"À découvrir\",{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-xs font-semibold uppercase tracking-[0.18em] text-faint\",\"children\":\"À découvrir\"}],[\"$\",\"ul\",null,{\"className\":\"-my-1.5 mt-1.5 text-sm\",\"children\":[[[\"$\",\"li\",\"/fr/classements\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/fr/classements\",\"className\":\"block py-1.5 text-muted transition hover:text-accent\",\"children\":\"Classements\"}]}],[\"$\",\"li\",\"/fr/nouveautes\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/fr/nouveautes\",\"className\":\"block py-1.5 text-muted transition hover:text-accent\",\"children\":\"Derniers ajouts\"}]}],[\"$\",\"li\",\"/fr/selections\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/fr/selections\",\"className\":\"block py-1.5 text-muted transition hover:text-accent\",\"children\":\"Sélections\"}]}],[\"$\",\"li\",\"/fr/videos\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/fr/videos\",\"className\":\"block py-1.5 text-muted transition hover:text-accent\",\"children\":\"Vidéo clip arabe\"}]}],[\"$\",\"li\",\"/fr/photos\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/fr/photos\",\"className\":\"block py-1.5 text-muted transition hover:text-accent\",\"children\":\"Photos\"}]}],[\"$\",\"li\",\"/fr/recherches\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/fr/recherches\",\"className\":\"block py-1.5 text-muted transition hover:text-accent\",\"children\":\"Recherches fréquentes\"}]}],[\"$\",\"li\",\"/fr/paroles\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/fr/paroles\",\"className\":\"block py-1.5 text-muted transition hover:text-accent\",\"children\":\"Paroles\"}]}]],false]}]]}],[\"$\",\"nav\",\"Hibamusic\",{\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-xs font-semibold uppercase tracking-[0.18em] text-faint\",\"children\":\"Hibamusic\"}],[\"$\",\"ul\",null,{\"className\":\"-my-1.5 mt-1.5 text-sm\",\"children\":[[[\"$\",\"li\",\"/fr/a-propos\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/fr/a-propos\",\"className\":\"block py-1.5 text-muted transition hover:text-accent\",\"children\":\"À propos\"}]}],[\"$\",\"li\",\"/fr/articles\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/fr/articles\",\"className\":\"block py-1.5 text-muted transition hover:text-accent\",\"children\":\"Articles\"}]}],\"$L1d\",\"$L1e\",\"$L1f\"],\"$L20\"]}]]}]]]}],\"$L21\"]}]\n18:[\"$\",\"$L22\",null,{}]\n24:[\"$\",\"img\",null,{\"src\":\"https://kiwip.sd.ma/matomo.php?idsite=17\u0026rec=1\",\"alt\":\"\",\"width\":1,\"height\"
1:1,\"style\":{\"border\":0,\"position\":\"absolute\"}}]\n19:[[\"$\",\"$8\",null,{\"fallback\":null,\"children\":[\"$\",\"$L23\",null,{\"url\":\"https://kiwip.sd.ma/\",\"siteId\":\"17\"}]}],[\"$\",\"noscript\",null,{\"children\":\"$24\"}]]\n1a:[\"$\",\"$L25\",null,{\"locale\":\"fr\"}]\n1b:[\"$\",\"$L26\",null,{\"locale\":\"fr\"}]\n1d:[\"$\",\"li\",\"/fr/archives\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/fr/archives\",\"className\":\"block py-1.5 text-muted transition hover:text-accent\",\"children\":\"Archives\"}]}]\n1e:[\"$\",\"li\",\"/fr/contact\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/fr/contact\",\"className\":\"block py-1.5 text-muted transition hover:text-accent\",\"children\":\"Contact\"}]}]\n1f:[\"$\",\"li\",\"/fr/rss.xml\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/fr/rss.xml\",\"className\":\"block py-1.5 text-muted transition hover:text-accent\",\"children\":\"RSS\"}]}]\n20:[\"$\",\"li\",null,{\"children\":[\"$\",\"$L11\",null,{\"locale\":\"fr\",\"className\":\"flex py-1.5 text-muted transition hover:text-accent\"}]}]\n21:[\"$\",\"div\",null,{\"className\":\"border-t border-line/70\",\"children\":[\"$\",\"p\",null,{\"className\":\"mx-auto max-w-screen-2xl px-4 py-4 text-xs text-faint\",\"children\":[\"© 2008–\",2026,\" \",\"Hibamusic\",\". \",\"Tous droits réservés\",\".\"]}]}]\nc:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#f4f5f8\",\"media\":\"(prefers-color-scheme: light)\"}],[\"$\",\"meta\",\"3\",{\"name\":\"theme-color\",\"content\":\"#0a0c11\",\"media\":\"(prefers-color-scheme: dark)\"}]]\n"])</script>
1<script>self.__next_f.push([1,"27:I[27201,[\"/_next/static/chunks/1mpnoxox0-4cg.js\"],\"IconMark\"]\n9:null\ne:[[\"$\",\"title\",\"0\",{\"children\":\"Hiba Music — toute la musique arabe en MP3, gratuitement\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"1 043 artistes du Maghreb et du monde arabe, 26 138 chansons à écouter en ligne ou à télécharger en MP3. Chaâbi, raï, andalou, malouf, tarab.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"manifest\",\"href\":\"/manifest.webmanifest\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"canonical\",\"href\":\"https://www.hibamusic.com/fr\"}],[\"$\",\"link\",\"4\",{\"rel\":\"alternate\",\"hrefLang\":\"fr\",\"href\":\"https://www.hibamusic.com/fr\"}],[\"$\",\"link\",\"5\",{\"rel\":\"alternate\",\"hrefLang\":\"ar\",\"href\":\"https://www.hibamusic.com/ar\"}],[\"$\",\"link\",\"6\",{\"rel\":\"alternate\",\"hrefLang\":\"en\",\"href\":\"https://www.hibamusic.com/en\"}],[\"$\",\"link\",\"7\",{\"rel\":\"alternate\",\"hrefLang\":\"es\",\"href\":\"https://www.hibamusic.com/es\"}],[\"$\",\"link\",\"8\",{\"rel\":\"alternate\",\"hrefLang\":\"x-default\",\"href\":\"https://www.hibamusic.com/fr\"}],[\"$\",\"link\",\"9\",{\"rel\":\"alternate\",\"type\":\"application/rss+xml\",\"href\":\"https://www.hibamusic.com/fr/rss.xml\",\"title\":\"Hibamusic\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:title\",\"content\":\"Hiba Music — toute la musique arabe en MP3, gratuitement\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:description\",\"content\":\"1 043 artistes du Maghreb et du monde arabe, 26 138 chansons à écouter en ligne ou à télécharger en MP3. Chaâbi, raï, andalou, malouf, tarab.\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:url\",\"content\":\"https://www.hibamusic.com/fr\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:site_name\",\"content\":\"Hibamusic\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:locale\",\"content\":\"fr\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:title\",\"content\":\"Hiba Music — toute la musique arabe en MP3, gratuitement\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:description\",\"content\":\"1 043 artistes du Maghreb et du monde arabe, 26 138 chansons à écouter en ligne ou à télécharger en MP3. Chaâbi, raï, andalou, malouf, tarab.\"}],[\"$\",\"link\",\"19\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.3dh_iv7frmt91.ico\",\"sizes\":\"48x48\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"20\",{\"rel\":\"icon\",\"href\":\"/icon.svg?icon.21hb5gk0i1sga.svg\",\"sizes\":\"any\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"21\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png?apple-icon.18r_8wuyh7gbd.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L27\",\"22\",{}]]\n"])</script>
1<script>self.__next_f.push([1,"28:I[95840,[\"/_next/static/chunks/2xmo8vdcb5qvp.js\",\"/_next/static/chunks/13i-tjjdd9xgm.js\",\"/_next/static/chunks/1avk-u41ahh3_.js\"],\"PlayAllButton\"]\n6:[\"$\",\"div\",null,{\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@graph\\\":[{\\\"@type\\\":\\\"WebSite\\\",\\\"@id\\\":\\\"https://www.hibamusic.com/fr#site\\\",\\\"url\\\":\\\"https://www.hibamusic.com/fr\\\",\\\"name\\\":\\\"Hibamusic\\\",\\\"alternateName\\\":[\\\"Hiba Music\\\",\\\"HibaMusic\\\",\\\"Hiba MP3\\\",\\\"Hibazik\\\"],\\\"description\\\":\\\"1 043 artistes du Maghreb et du monde arabe, 26 138 chansons à écouter en ligne ou à télécharger en MP3. Chaâbi, raï, andalou, malouf, tarab.\\\",\\\"inLanguage\\\":\\\"fr\\\",\\\"potentialAction\\\":{\\\"@type\\\":\\\"SearchAction\\\",\\\"target\\\":{\\\"@type\\\":\\\"EntryPoint\\\",\\\"urlTemplate\\\":\\\"https://www.hibamusic.com/fr/recherche?q={search_term_string}\\\"},\\\"query-input\\\":\\\"required name=search_term_string\\\"},\\\"publisher\\\":{\\\"@id\\\":\\\"https://www.hibamusic.com/#org\\\"}},{\\\"@type\\\":\\\"Organization\\\",\\\"@id\\\":\\\"https://www.hibamusic.com/#org\\\",\\\"name\\\":\\\"Hibamusic\\\",\\\"url\\\":\\\"https://www.hibamusic.com/fr\\\",\\\"logo\\\":\\\"https://www.hibamusic.com/brand/icon-512.png\\\",\\\"foundingDate\\\":\\\"2008\\\"}]}\"}}],[\"$\",\"section\",null,{\"className\":\"relative overflow-hidden border-b border-line bg-surface\",\"children\":[[\"$\",\"div\",null,{\"className\":\"motif absolute inset-0\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"relative mx-auto max-w-screen-2xl px-4 py-12 sm:py-16\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-xs font-semibold uppercase tracking-[0.2em] text-accent\",\"children\":\"Hibamusic\"}],[\"$\",\"h1\",null,{\"className\":\"mt-3 max-w-3xl font-display text-3xl font-semibold leading-tight sm:text-5xl\",\"children\":\"Écouter et télécharger la musique arabe en MP3\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 max-w-2xl leading-relaxed text-muted\",\"children\":\"La mémoire musicale du Maghreb et du monde arabe\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 max-w-xl text-sm leading-relaxed text-faint\",\"children\":\"Un fonds d'enregistrements réunis depuis 2008 : chaâbi, raï, andalou, malouf, tarab. Écoutez-les, décennie par décennie.\"}],[\"$\",\"div\",null,{\"className\":\"mt-7 flex flex-wrap gap-3\",\"children\":[[\"$\",\"$L28\",null,{\"tracks\":[{\"id\":40,\"slug\":\"ahwak\",\"title\":\"ahwak\",\"titleAr\":\"أهواك\",\"durationS\":306,\"artistName\":\"Abdelhalim Hafez\",\"artistNameAr\":\"عبد الحليم حافظ\",\"artistSlug\":\"abdelhalim-hafez\",\"artistPhoto\":\"abdel.jpg\",\"artistImage\":null,\"playable\":true},{\"id\":16,\"slug\":\"quar2at-elfenjan\",\"title\":\"quar2at elfenjan\",\"titleAr\":\"قارئة الفنجان\",\"durationS\":2607,\"artistName\":\"Abdelhalim Hafez\",\"artistNameAr\":\"عبد الحليم حافظ\",\"artistSlug\":\"abdelhalim-hafez\",\"artistPhoto\":\"abdel.jpg\",\"artistImage\":null,\"playable\":true},{\"id\":28,\"slug\":\"zai-elhawa\",\"title\":\"zai elhawa\",\"titleAr\":\"زي الهوى\",\"durationS\":2316,\"artistName\":\"Abdelhalim Hafez\",\"artistNameAr\":\"عبد الحليم حافظ\",\"artistSlug\":\"abdelhalim-hafez\",\"artistPhoto\":\"abdel.jpg\",\"artistImage\":null,\"playable\":true},{\"id\":8,\"slug\":\"maw3od\",\"title\":\"maw3od\",\"titleAr\":\"موعود\",\"durationS\":3358,\"artistName\":\"Abdelhalim Hafez\",\"artistNameAr\":\"عبد الحليم حافظ\",\"artistSlug\":\"abdelhalim-hafez\",\"artistPhoto\":\"abdel.jpg\",\"artistImage\":null,\"playable\":true},{\"id\":42,\"slug\":\"asmar-ya-asmarani\",\"title\":\"asmar ya asmarani\",\"titleAr\":\"أسمر يا أسمراني\",\"durationS\":454,\"artistName\":\"Abdelhalim Hafez\",\"artistNameAr\":\"عبد الحليم حافظ\",\"artistSlug\":\"abdelhalim-hafez\",\"artistPhoto\":\"abdel.jpg\",\"artistImage\":null,\"playable\":true},{\"id\":41,\"slug\":\"elhawa-hawaia\",\"title\":\"elhawa hawaia\",\"titleAr\":\"الهوى هوايا\",\"durationS\":458,\"artistName\":\"Abdelhalim Hafez\",\"artistNameAr\":\"عبد الحليم حافظ\",\"artistSlug\":\"abdelhalim-hafez\",\"artistPhoto\":\"abdel.jpg\",\"artistImage\":null,\"playable\":true},{\"id\":19,\"slug\":\"fatet-gambna\",\"title\":\"fatet gambna\",\"titleAr\":\"فاتت جنبنا\",\"durationS\":2952,\"artistName\":\"Abdelhalim Hafez\",\"artistNameAr\":\"عبد الحليم حافظ\",\"artistSlug\":\"abdelhalim-hafez\",\"artistPhoto\":\"abdel.jpg\",\"artistImage\":null,\"playable\":true},{\"id\":37,\"slug\":\"aie-dam3et-7ozn\",\"title\":\"aie dam3et 7ozn\",\"titleAr\":\"أي دمعة حزن لا\",\"durationS\":3155,\"artistName\":\"Abdelhalim Hafez\",\"artistNameAr\":\"عبد الحليم حافظ\",\"artistSlug\":\"abdelhalim-hafez\",\"artistPhoto\":\"abdel.jpg\",\"artistImage\":null,\"playable\":true},{\"id\":38,\"slug\":\"awel-mara-t7eb-ya-2lbe\",\"title\":\"awel mara t7eb ya 2lbe\",\"titleAr\":\"أول مرة تحب يا قلبي\",\"durationS\":314,\"artistName\":\"Abdelhalim Hafez\",\"artistNameAr\":\"عبد الحليم حافظ\",\"artistSlug\":\"abdelhalim-hafez\",\"artistPhoto\":\"abdel.jpg\",\"artistImage\":null,\"playable\":true},{\"id\":27,\"slug\":\"sawa7\",\"title\":\"sawa7\",\"titleAr\":\"سواح\",\"durationS\":843,\"artistName\":\"Abdelhalim Hafez\",\"artistNameAr\":\"عبد الحليم حافظ\",\"artistSlug\":\"abdelhalim-hafez\",\"artistPhoto\":\"abdel.jpg\",\"artistImage\":null,\"playable\":true},{\"id\":32,\"slug\":\"gana-elhawa\",\"title\":\"gana elhawa\",\"titleAr\":\"جانا الهوى\",\"durationS\":673,\"artistName\":\"Abdelhalim Hafez\",\"artistNameAr\":\"عبد الحليم حافظ\",\"artistSlug\":\"abdelhalim-hafez\",\"artistPhoto\":\"abdel.jpg\",\"artistImage\":null,\"playable\":true}
1,{\"id\":35,\"slug\":\"btlomone-leh\",\"title\":\"btlomone leh\",\"titleAr\":\"بتلوموني ليه\",\"durationS\":444,\"artistName\":\"Abdelhalim Hafez\",\"artistNameAr\":\"عبد الحليم حافظ\",\"artistSlug\":\"abdelhalim-hafez\",\"artistPhoto\":\"abdel.jpg\",\"artistImage\":null,\"playable\":true}],\"locale\":\"fr\"}],\"$L29\",\"$L2a\",\"$L2b\"]}],\"$L2c\"]}]]}],\"$L2d\"]}]\n"])</script>
1<script>self.__next_f.push([1,"2e:I[98934,[\"/_next/static/chunks/2xmo8vdcb5qvp.js\",\"/_next/static/chunks/13i-tjjdd9xgm.js\",\"/_next/static/chunks/1avk-u41ahh3_.js\"],\"RadioButton\"]\n2f:I[40598,[\"/_next/static/chunks/2xmo8vdcb5qvp.js\",\"/_next/static/chunks/13i-tjjdd9xgm.js\",\"/_next/static/chunks/1avk-u41ahh3_.js\"],\"TrackList\"]\n29:[\"$\",\"$L2e\",null,{\"locale\":\"fr\",\"source\":{\"depuis\":\"tout\"}}]\n2a:[\"$\",\"$L4\",null,{\"href\":\"/fr/classements\",\"className\":\"rounded-full border border-line-strong px-5 py-2.5 text-sm font-medium transition hover:border-accent hover:text-accent\",\"children\":\"Classements\"}]\n2b:[\"$\",\"$L4\",null,{\"href\":\"/fr/artistes\",\"className\":\"rounded-full border border-line-strong px-5 py-2.5 text-sm font-medium transition hover:border-accent hover:text-accent\",\"children\":\"Artistes\"}]\n2c:[\"$\",\"dl\",null,{\"className\":\"mt-8 flex flex-wrap gap-x-8 gap-y-3 text-sm\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"dt\",null,{\"className\":\"sr-only\",\"children\":\"Artistes\"}],[\"$\",\"dd\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"font-display text-xl font-semibold tabular-nums\",\"children\":\"1 043\"}],[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs uppercase tracking-wider text-faint\",\"children\":\"Artistes\"}]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"dt\",null,{\"className\":\"sr-only\",\"children\":\"Titres\"}],[\"$\",\"dd\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"font-display text-xl font-semibold tabular-nums\",\"children\":\"26 138\"}],[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs uppercase tracking-wider text-faint\",\"children\":\"Titres\"}]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"dt\",null,{\"className\":\"sr-only\",\"children\":\"Pays\"}],[\"$\",\"dd\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"font-display text-xl font-semibold tabular-nums\",\"children\":\"18\"}],[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs uppercase tracking-wider text-faint\",\"children\":\"Pays\"}]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"dt\",null,{\"className\":\"sr-only\",\"children\":\"Depuis\"}],[\"$\",\"dd\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"font-display text-xl font-semibold tabular-nums\",\"children\":\"2008\"}],[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs uppercase tracking-wider text-faint\",\"children\":\"Depuis\"}]]}]]}]]}]\n2d:[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-screen-2xl px-4 py-10\",\"children\":[[\"$\",\"section\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline justify-between gap-4 border-b border-line pb-2\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"flex items-center gap-2.5 font-display text-lg font-semibold sm:text-xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-block size-1.5 rotate-45 bg-accent\",\"aria-hidden\":true}],\"Les titres les plus demandés\"]}],[\"$\",\"$L4\",null,{\"href\":\"/fr/classements/titres\",\"className\":\"shrink-0 text-xs uppercase tracking-wider text-muted transition hover:text-accent\",\"children\":[\"Tout voir\",\" →\"]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-3 grid gap-x-8 lg:grid-cols-2\",\"children\":[[\"$\",\"$L2f\",null,{\"tracks\":[\"$6:props:children:1:props:children:1:props:children:4:props:children:0:props:tracks:0\",\"$6:props:children:1:props:children:1:props:children:4:props:children:0:props:tracks:1\",\"$6:props:children:1:props:children:1:props:children:4:props:children:0:props:tracks:2\",\"$6:props:children:1:props:children:1:props:children:4:props:children:0:props:tracks:3\",\"$6:props:children:1:props:children:1:props:children:4:props:children:0:props:tracks:4\",\"$6:props:children:1:props:children:1:props:children:4:props:children:0:props:tracks:5\"],\"locale\":\"fr\",\"showArtist\":true}],[\"$\",\"$L2f\",null,{\"tracks\":[\"$6:props:children:1:props:children:1:props:children:4:props:children:0:props:tracks:6\",\"$6:props:children:1:props:children:1:props:children:4:props:children:0:props:tracks:7\",\"$6:props:children:1:props:children:1:props:children:4:props:children:0:props:tracks:8\",\"$6:props:children:1:props:children:1:props:children:4:props:children:0:props:tracks:9\",\"$6:props:children:1:props:children:1:props:children:4:props:children:0:props:tracks:10\",\"$6:props:children:1:props:children:1:props:children:4:props:children:0:props:tracks:11\"],\"locale\":\"fr\",\"showArtist\":true}]]}]]}],[\"$\",\"section\",null,{\"className\":\"mt-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline justify-between gap-4 border-b border-line pb-2\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"flex items-center gap-2.5 font-display text-lg font-semibold sm:text-xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-block size-1.5 rotate-45 bg-accent\",\"aria-hidden\":true}],\"Les plus écoutés\"]}],[\"$\",\"$L4\",null,{\"href\":\"/fr/artistes\",\"className\":\"shrink-0 text-xs uppercase tracking-wider text-muted transition hover:text-accent\",\"children\":[\"Tout voir\",\" →\"]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-4 grid grid-cols-2 gap-1 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6\",\"children\":[[\"$\",\"$L4\",\"abdelhalim-hafez\",{\"href\":\"/fr/artiste/abdelhalim-hafez\",\"className\":\"group block p-2 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative \",\"children\":[[\"$\",\"div\",null,{\"className\":\"arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"arch relative aspect-[10/13] overflow-hidden bg-raised\",\"children\":[\"$\",\"img\",null,{\"src\":\"/images/artistes/abdel.jpg\",\"alt\":\"Abdelhalim Hafez\",\"referrerPolicy\":\"$undefined\",\"loading\":\"lazy\",\"className\":\"h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-2.5 truncate text-sm font-medium group-hover:text-accent\",\"children\":\"Abdelhalim Hafez\"}],[\"$\",\"div\",null,{\"className\":\"truncate text-xs text-faint\",\"children\":[\"45 titres\",[\" · \",\"Années 1960\"]]}]]}],[\"$\",\"$L4\",\"cheb-hasni\",{\"href\":\"/fr/artiste/cheb-hasni\",\"className\":\"group block p-2 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative \",\"children\":[[\"$\",\"div\",null,{\"className\":\"arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"arch relative aspect-[10/13] overflow-hidden bg-raised\",\"children\":[\"$\",\"img\",null,{\"src\":\"/images/artistes/hasni.jpg\",\"alt\":\"Cheb Hasni\",\"referrerPolicy\":\"$undefined\",\"loading\":\"lazy\",\"className\":\"h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-2.5 truncate text-sm font-medium group-hover:text-accent\",\"children\":\"Cheb Hasni\"}],[\"$\",\"div\",null,{\"className\":\"truncate text-xs text-faint\",\"children\":[\"73 titres\",[\" · \",\"Années 1990\"]]}]]}
1],[\"$\",\"$L4\",\"amr-diab\",{\"href\":\"/fr/artiste/amr-diab\",\"className\":\"group block p-2 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative \",\"children\":[[\"$\",\"div\",null,{\"className\":\"arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"arch relative aspect-[10/13] overflow-hidden bg-raised\",\"children\":[\"$\",\"img\",null,{\"src\":\"/images/artistes/amrdiab.jpg\",\"alt\":\"Amr Diab\",\"referrerPolicy\":\"$undefined\",\"loading\":\"lazy\",\"className\":\"h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-2.5 truncate text-sm font-medium group-hover:text-accent\",\"children\":\"Amr Diab\"}],[\"$\",\"div\",null,{\"className\":\"truncate text-xs text-faint\",\"children\":[\"193 titres\",[\" · \",\"Années 2000\"]]}]]}],[\"$\",\"$L4\",\"tamer-hosny\",{\"href\":\"/fr/artiste/tamer-hosny\",\"className\":\"group block p-2 text-center\",\"children\":[\"$L30\",\"$L31\",\"$L32\"]}],\"$L33\",\"$L34\",\"$L35\",\"$L36\",\"$L37\",\"$L38\",\"$L39\",\"$L3a\",\"$L3b\",\"$L3c\",\"$L3d\",\"$L3e\",\"$L3f\",\"$L40\"]}]]}],\"$L41\",\"$L42\",\"$L43\",\"$L44\",\"$L45\"]}]\n"])</script>
1<script>self.__next_f.push([1,"30:[\"$\",\"div\",null,{\"className\":\"relative \",\"children\":[[\"$\",\"div\",null,{\"className\":\"arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"arch relative aspect-[10/13] overflow-hidden bg-raised\",\"children\":[\"$\",\"img\",null,{\"src\":\"/images/artistes/tamerhosny.jpg\",\"alt\":\"Tamer Hosny\",\"referrerPolicy\":\"$undefined\",\"loading\":\"lazy\",\"className\":\"h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105\"}]}]]}]\n31:[\"$\",\"div\",null,{\"className\":\"mt-2.5 truncate text-sm font-medium group-hover:text-accent\",\"children\":\"Tamer Hosny\"}]\n32:[\"$\",\"div\",null,{\"className\":\"truncate text-xs text-faint\",\"children\":[\"35 titres\",[\" · \",\"Années 2000\"]]}]\n33:[\"$\",\"$L4\",\"cheb-nasro\",{\"href\":\"/fr/artiste/cheb-nasro\",\"className\":\"group block p-2 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative \",\"children\":[[\"$\",\"div\",null,{\"className\":\"arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"arch relative aspect-[10/13] overflow-hidden bg-raised\",\"children\":[\"$\",\"img\",null,{\"src\":\"/images/artistes/cheb-nasro.jpg\",\"alt\":\"Cheb Nasro\",\"referrerPolicy\":\"$undefined\",\"loading\":\"lazy\",\"className\":\"h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-2.5 truncate text-sm font-medium group-hover:text-accent\",\"children\":\"Cheb Nasro\"}],[\"$\",\"div\",null,{\"className\":\"truncate text-xs text-faint\",\"children\":[\"86 titres\",[\" · \",\"Années 1990\"]]}]]}]\n34:[\"$\",\"$L4\",\"nass-el-ghiwan\",{\"href\":\"/fr/artiste/nass-el-ghiwan\",\"className\":\"group block p-2 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative \",\"children\":[[\"$\",\"div\",null,{\"className\":\"arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"arch relative aspect-[10/13] overflow-hidden bg-raised\",\"children\":[\"$\",\"img\",null,{\"src\":\"/images/artistes/nass.jpg\",\"alt\":\"Nass El Ghiwan\",\"referrerPolicy\":\"$undefined\",\"loading\":\"lazy\",\"className\":\"h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-2.5 truncate text-sm font-medium group-hover:text-accent\",\"children\":\"Nass El Ghiwan\"}],[\"$\",\"div\",null,{\"className\":\"truncate text-xs text-faint\",\"children\":[\"37 titres\",[\" · \",\"Années 1970\"]]}]]}]\n35:[\"$\",\"$L4\",\"farid-el-atrache\",{\"href\":\"/fr/artiste/farid-el-atrache\",\"className\":\"group block p-2 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative \",\"children\":[[\"$\",\"div\",null,{\"className\":\"arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"arch relative aspect-[10/13] overflow-hidden bg-raised\",\"children\":[\"$\",\"img\",null,{\"src\":\"/images/artistes/farid-atrach.jpg\",\"alt\":\"Farid El Atrache\",\"referrerPolicy\":\"$undefined\",\"loading\":\"lazy\",\"className\":\"h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-2.5 truncate text-sm font-medium group-hover:text-accent\",\"children\":\"Farid El Atrache\"}],[\"$\",\"div\",null,{\"className\":\"truncate text-xs text-faint\",\"children\":[\"64 titres\",[\" · \",\"Années 1950\"]]}]]}]\n36:[\"$\",\"$L4\",\"majda-al-roumi\",{\"href\":\"/fr/artiste/majda-al-roumi\",\"className\":\"group block p-2 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative \",\"children\":[[\"$\",\"div\",null,{\"className\":\"arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"arch relative aspect-[10/13] overflow-hidden bg-raised\",\"children\":[\"$\",\"img\",null,{\"src\":\"/images/artistes/Majda-Al-Roumi.jpg\",\"alt\":\"Majda Al Roumi\",\"referrerPolicy\":\"$undefined\",\"loading\":\"lazy\",\"className\":\"h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-2.5 truncate text-sm font-medium group-hover:text-accent\",\"children\":\"Majda Al Roumi\"}],[\"$\",\"div\",null,{\"className\":\"truncate text-xs text-faint\",\"children\":[\"40 titres\",[\" · \",\"Années 1980\"]]}]]}]\n37:[\"$\",\"$L4\",\"najat-essaghira\",{\"href\":\"/fr/artiste/najat-essaghira\",\"className\":\"group block p-2 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative \",\"children\":[[\"$\",\"div\",null,{\"className\":\"arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"arch relative aspect-[10/13] overflow-hidden bg-raised\",\"children\":[\"$\",\"img\",null,{\"src\":\"/images/artistes/najat.jpg\",\"alt\":\"Najat Essaghira\",\"referrerPolicy\":\"$undefined\",\"loading\":\"lazy\",\"className\":\"h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-2.5 truncate text-sm font-medium group-hover:text-accent\",\"children\":\"Najat Essaghira\"}],[\"$\",\"div\",null,{\"className\":\"truncate text-xs text-faint\",\"children\":[\"44 titres\",[\" · \",\"Années 1970\"]]}]]}]\n38:[\"$\",\"$L4\",\"abdelhadi-belkhayat\",{\"href\":\"/fr/artiste/abdelhadi-belkhayat\",\"className\":\"group block p-2 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative \",\"children\":[[\"$\",\"div\",null,{\"className\":\"arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"arch relative aspect-[10/13] overflow-hidden bg-raised\",\"children\":[\"$\",\"img\",null,{\"src\":\"/images/artistes/Abdelhadi-Belkhayat.jpg\",\"alt\":\"Abdelhadi Belkhayat\",\"referrerPolicy\":\"$undefined\",\"loading\":\"lazy\",\"className\":\"h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-2.5 truncate text-sm font-medium group-hover:text-accent\",\"children\":\"Abdelhadi Belkhayat\"}],[\"$\",\"div\",null,{\"className\":\"truncate text-xs text-faint\",\"children\":[\"20 titres\",[\" · \",\"Années 1970\"]]}]]}]\n39:[\"$\",\"$L4\",\"marcel-khalife\",{\"href\":\"/fr/artiste/marcel-khalife\",\"className\":\"group block p-2 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative \",\"children\":[[\"$\",\"div\",null,{\"className\":\"arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"arch relative aspect-[10/13] overflow-hidden bg-raised\",\"children\":[\"$\",\"img\",null,{\"src\":\"/images/artistes/Marcel-Kh
1alife.jpg\",\"alt\":\"Marcel Khalife\",\"referrerPolicy\":\"$undefined\",\"loading\":\"lazy\",\"className\":\"h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-2.5 truncate text-sm font-medium group-hover:text-accent\",\"children\":\"Marcel Khalife\"}],[\"$\",\"div\",null,{\"className\":\"truncate text-xs text-faint\",\"children\":[\"71 titres\",[\" · \",\"Années 1980\"]]}]]}]\n3a:[\"$\",\"$L4\",\"wael-jassar\",{\"href\":\"/fr/artiste/wael-jassar\",\"className\":\"group block p-2 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative \",\"children\":[[\"$\",\"div\",null,{\"className\":\"arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"arch relative aspect-[10/13] overflow-hidden bg-raised\",\"children\":[\"$\",\"img\",null,{\"src\":\"/images/artistes/wael-jassar.jpg\",\"alt\":\"Wael Jassar\",\"referrerPolicy\":\"$undefined\",\"loading\":\"lazy\",\"className\":\"h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-2.5 truncate text-sm font-medium group-hover:text-accent\",\"children\":\"Wael Jassar\"}],[\"$\",\"div\",null,{\"className\":\"truncate text-xs text-faint\",\"children\":[\"10 titres\",[\" · \",\"Années 2000\"]]}]]}]\n3b:[\"$\",\"$L4\",\"reda-taliani\",{\"href\":\"/fr/artiste/reda-taliani\",\"className\":\"group block p-2 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative \",\"children\":[[\"$\",\"div\",null,{\"className\":\"arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"arch relative aspect-[10/13] overflow-hidden bg-raised\",\"children\":[\"$\",\"img\",null,{\"src\":\"/images/artistes/reda-taliani.jpg\",\"alt\":\"Reda Taliani\",\"referrerPolicy\":\"$undefined\",\"loading\":\"lazy\",\"className\":\"h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-2.5 truncate text-sm font-medium group-hover:text-accent\",\"children\":\"Reda Taliani\"}],[\"$\",\"div\",null,{\"className\":\"truncate text-xs text-faint\",\"children\":[\"34 titres\",[\" · \",\"Années 2000\"]]}]]}]\n3c:[\"$\",\"$L4\",\"sabah-fakhri\",{\"href\":\"/fr/artiste/sabah-fakhri\",\"className\":\"group block p-2 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative \",\"children\":[[\"$\",\"div\",null,{\"className\":\"arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"arch relative aspect-[10/13] overflow-hidden bg-raised\",\"children\":[\"$\",\"img\",null,{\"src\":\"/images/artistes/sabah.jpg\",\"alt\":\"Sabah Fakhri\",\"referrerPolicy\":\"$undefined\",\"loading\":\"lazy\",\"className\":\"h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-2.5 truncate text-sm font-medium group-hover:text-accent\",\"children\":\"Sabah Fakhri\"}],[\"$\",\"div\",null,{\"className\":\"truncate text-xs text-faint\",\"children\":[\"37 titres\",[\" · \",\"Années 1960\"]]}]]}]\n3d:[\"$\",\"$L4\",\"abdellah-daoudi\",{\"href\":\"/fr/artiste/abdellah-daoudi\",\"className\":\"group block p-2 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative \",\"children\":[[\"$\",\"div\",null,{\"className\":\"arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"arch relative aspect-[10/13] overflow-hidden bg-raised\",\"children\":[\"$\",\"img\",null,{\"src\":\"/images/artistes/daoudi.jpg\",\"alt\":\"Abdellah Daoudi\",\"referrerPolicy\":\"$undefined\",\"loading\":\"lazy\",\"className\":\"h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-2.5 truncate text-sm font-medium group-hover:text-accent\",\"children\":\"Abdellah Daoudi\"}],[\"$\",\"div\",null,{\"className\":\"truncate text-xs text-faint\",\"children\":[\"39 titres\",[\" · \",\"Années 2000\"]]}]]}]\n3e:[\"$\",\"$L4\",\"lotfi-double-kanon\",{\"href\":\"/fr/artiste/lotfi-double-kanon\",\"className\":\"group block p-2 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative \",\"children\":[[\"$\",\"div\",null,{\"className\":\"arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"arch relative aspect-[10/13] overflow-hidden bg-raised\",\"children\":[\"$\",\"img\",null,{\"src\":\"/images/artistes/lotfidk.jpg\",\"alt\":\"Lotfi Double Kanon\",\"referrerPolicy\":\"$undefined\",\"loading\":\"lazy\",\"className\":\"h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-2.5 truncate text-sm font-medium group-hover:text-accent\",\"children\":\"Lotfi Double Kanon\"}],[\"$\",\"div\",null,{\"className\":\"truncate text-xs text-faint\",\"children\":[\"42 titres\",[\" · \",\"Années 2000\"]]}]]}]\n3f:[\"$\",\"$L4\",\"saida-fikri\",{\"href\":\"/fr/artiste/saida-fikri\",\"className\":\"group block p-2 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative \",\"children\":[[\"$\",\"div\",null,{\"className\":\"arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"arch relative aspect-[10/13] overflow-hidden bg-raised\",\"children\":[\"$\",\"img\",null,{\"src\":\"/images/artistes/Saida-Fikri.jpg\",\"alt\":\"Saida Fikri\",\"referrerPolicy\":\"$undefined\",\"loading\":\"lazy\",\"className\":\"h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-2.5 truncate text-sm font-medium group-hover:text-accent\",\"children\":\"Saida Fikri\"}],[\"$\",\"div\",null,{\"className\":\"truncate text-xs text-faint\",\"children\":[\"39 titres\",[\" · \",\"Années 2000\"]]}]]}]\n40:[\"$\",\"$L4\",\"said-senhaji\",{\"href\":\"/fr/artiste/said-senhaji\",\"className\":\"group block p-2 text-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative \",\"children\":[[\"$\",\"div\",null,{\"className\":\"arch absolute -inset-[3px] bg-line-strong transition-colors group-hover:bg-accent\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"arch relative aspect-[10/13] overflow-hidden bg-raised\",\"children\":[\"$\",\"img\",null,{\"src\":\"/images/artistes/senhaji.jpg\",\"alt\":\"Said Senhaji\",\"referrerPolicy\":\"$undefined\",\"loading\":\"lazy\",\"className\":\"h-full w-full object-cover object-[50%_25%] transition duration-500 group-hover:scale-105\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-2.5 truncate text-sm font-medium group-hover:text-accent\",\"children\":\"Said Senhaji\"}],[\"$\",\"div\",null,{\"className\":\"truncate text-xs text-faint\",\"children\":[\"61 titres\",[\" · \",\"Années 2000\"]]}]]}]\n41:[\"$\",\"section\",null,{\"className\":\"mt-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline justify-between gap-4 border-b border-line pb-2\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"flex items-center gap-2.5 font-display text-lg font-semibold sm:text-xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-block size-1.5 rotate-45 bg-accent\",\"aria-hidden\":true}],\"Sélections\"]}],[\"$\",\"$L4\",null,{\"href\":\"/fr/selections\",\"className\":\"shrink-0 text-xs uppercase tracking-wider text-muted transition hover:text-accent\",\"children\":[\"Tout voir\",\" →\"]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-4 grid gap-3 sm:grid-cols-2 lg:grid-cols-3\",\"children\":[[\"$\",\"$L4\",\"classiques-du-tarab\",{\"href\":\"/fr/selection/classiques-du-tarab\",\"className\":\"group relative overflow-hidden rounded-panel border border-line bg-surface p-5 transition hover:border-accent\",\"children\":[[\"$\",\"div\",null,{\"className\":\"motif absolute inset-0 opacity-70\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-display text-lg font-semibold leading-tight transition group-hover:text-accent\",\"children\":\"Les classiques du tarab\"}],[\"$\",\"div\",null,{\"className\":\"mt-1 text-xs text-faint\",\"children\":\"60 titres\"}]]}]]}],[\"$\",\"$L4\",\"rai-algerien\",{\"href\":\"/fr/selection/rai-algerien\",\"className\":\"group relative overflow-hidden rounded-panel border border-line bg-surface p-5 transition hover:border-accent\",\"children\":[[\"$\",\"div\",null,{\"className\":\"motif absolute inset-0 opacity-70\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-display text-lg font-semibold leading-tight transition group-hover:text-accent\",\"children\":\"Le raï algérien\"}],[\"$\",\"div\",null,{\"className\":\"mt-1 text-xs text-faint\",\"children\":\"60 titres\"}]]}]]}],[\"$\",\"$L4\",\"chaabi-marocain\",{\"href\":\"/fr/selection/chaabi-marocain\",\"className\":\"group relative overflow-hidden rounded-panel border border-line bg-surface p-5 transition hover:border-accent\",\"children\":[[\"$\",\"div\",null,{\"className\":\"motif absolute inset-0 opacity-70\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-display text-lg font-semibold leading-tight transition group-hover:text-accent\",\"children\":\"Le chaâbi marocain\"}],[\"$\",\"div\",null,{\"className\":\"mt-1 text-xs text-faint\",\"children\":\"60 titres\"}]]}]]}],[\"$\",\"$L4\",\"chanson-libanaise\",{\"href\":\"/fr/selection/chanson-libanaise\",\"className\":\"group relative overflow-hidden rounded-panel border border-line bg-surface p-5 transition hover:border-accent\",\"children\":[[\"$\",\"div\",null,{\"className\":\"motif absolute inset-0 opacity-70\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-display text-lg font-semibold leading-tight transition group-hover:text-accent\",\"children\":\"La chanson libanaise\"}],[\"$\",\"div\",null,{\"className\":\"mt-1 text-xs text-faint\",\"children\":\"60 titres\"}]]}]]}],[\"$\",\"$L4\",\"chanson-egyptienne\",{\"href\":\"/fr/selection/chanson-egyptienne\",\"className\":\"group relative overflow-hidden rounded-panel border border-line bg-surface p-5 transition hover:border-accent\",\"children\":[[\"$\",\"div\",null,{\"className\":\"motif absolute inset-0 opacity-70\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-display text-lg font-semibold leading-tight transition group-hover:text-accent\",\"children\":\"La chanson égyptienne\"}],[\"$\",\"div\",null,{\"className\":\"mt-1 text-xs text-faint\",\"children\":\"60 titres\"}]]}]]}],[\"$\",\"$L4\",\"annees-90\",{\"href\":\"/fr/selection/annees-90\",\"className\":\"group relative overflow-hidden rounded-panel border border-line bg-surface p-5 transition hover:border-accent\",\"children\":[[\"$\",\"div\",null,{\"className\":\"motif absolute inset-0 opacity-70\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-display text-lg font-semibold leading-tight transition group-hover:text-accent\",\"children\":\"Les années 90\"}],[\"$\",\"div\",null,{\"className\":\"mt-1 text-xs text-faint\",\"children\":\"60 titres\"}]]}]]}]]}]]}]\n42:[\"$\",\"section\",null,{\"className\":\"mt-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline justify-between gap-4 border-b border-line pb-2\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"flex items-center gap-2.5 font-display text-lg font-semibold sm:text-xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-block size-1.5 rotate-45 bg-accent\",\"aria-hidden\":true}],\"Genres\"]}],[\"$\",\"$L4\",null,{\"href\":\"/fr/genres\",\"className\":\"shrink-0 text-xs uppercase tracking-wider text-muted transition hover:text-accent\",\"children\":[\"Tout voir\",\" →\"]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-4 flex flex-wrap gap-2\",\"children\":[[\"$\",\"$L4\",\"musique-arabe\",{\"href\":\"/fr/genre/musique-arabe\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Musique arabe\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":62}]]}],[\"$\",\"$L4\",\"rai\",{\"href\":\"/fr/genre/rai\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Raï\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":51}]]}],[\"$\",\"$L4\",\"chaabi\",{\"href\":\"/fr/genre/chaabi\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Chaâbi\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":46}]]}],[\"$\",\"$L4\",\"tarab\",{\"href\":\"/fr/genre/tarab\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Tarab\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":40}]]}],[\"$\",\"$L4\",\"pop\",{\"href\":\"/fr/genre/pop\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Pop\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":38}]]}],[\"$\",\"$L4\",\"khaliji\",{\"href\":\"/fr/genre/khaliji\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Musique khalijie\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":37}]]}],[\"$\",\"$L4\",\"hip-hop\",{\"href\":\"/fr/genre/hip-hop\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Rap\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":25}]]}],[\"$\",\"$L4\",\"musique-andalouse\",{\"href\":\"/fr/genre/musique-andalouse\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Musique arabo-andalouse\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":19}]]}],[\"$\",\"$L4\",\"aita\",{\"href\":\"/fr/genre/aita\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Aïta\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":19}]]}],[\"$\",\"$L4\",\"mezoued\",{\"href\":\"/fr/genre/mezoued\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Mezoued\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":15}]]}],[\"$\",\"$L4\",\"musique-amazighe\",{\"href\":\"/fr/genre/musique-amazighe\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Musique amazighe\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":14}]]}],\"$L46\"]}]]}]\n43:[\"$\",\"section\",null,{\"className\":\"mt-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline justify-between gap-4 border-b border-line pb-2\",\"children\":[[\"$\",\"h2
1\",null,{\"className\":\"flex items-center gap-2.5 font-display text-lg font-semibold sm:text-xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-block size-1.5 rotate-45 bg-accent\",\"aria-hidden\":true}],\"Époques\"]}],[\"$\",\"$L4\",null,{\"href\":\"/fr/epoque\",\"className\":\"shrink-0 text-xs uppercase tracking-wider text-muted transition hover:text-accent\",\"children\":[\"Tout voir\",\" →\"]}]]}],[\"$\",\"div\",null,{\"className\":\"no-scrollbar mt-4 flex gap-3 overflow-x-auto pb-2 [scrollbar-width:none]\",\"children\":[[\"$\",\"$L4\",\"1930\",{\"href\":\"/fr/epoque/1930\",\"className\":\"group shrink-0 rounded-card border border-line bg-surface px-5 py-4 transition hover:border-accent\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-display text-2xl font-semibold tabular-nums transition group-hover:text-accent\",\"children\":1930}],[\"$\",\"div\",null,{\"className\":\"mt-0.5 whitespace-nowrap text-xs text-faint\",\"children\":\"5 artistes\"}]]}],[\"$\",\"$L4\",\"1940\",{\"href\":\"/fr/epoque/1940\",\"className\":\"group shrink-0 rounded-card border border-line bg-surface px-5 py-4 transition hover:border-accent\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-display text-2xl font-semibold tabular-nums transition group-hover:text-accent\",\"children\":1940}],[\"$\",\"div\",null,{\"className\":\"mt-0.5 whitespace-nowrap text-xs text-faint\",\"children\":\"12 artistes\"}]]}],[\"$\",\"$L4\",\"1950\",{\"href\":\"/fr/epoque/1950\",\"className\":\"group shrink-0 rounded-card border border-line bg-surface px-5 py-4 transition hover:border-accent\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-display text-2xl font-semibold tabular-nums transition group-hover:text-accent\",\"children\":1950}],[\"$\",\"div\",null,{\"className\":\"mt-0.5 whitespace-nowrap text-xs text-faint\",\"children\":\"22 artistes\"}]]}],[\"$\",\"$L4\",\"1960\",{\"href\":\"/fr/epoque/1960\",\"className\":\"group shrink-0 rounded-card border border-line bg-surface px-5 py-4 transition hover:border-accent\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-display text-2xl font-semibold tabular-nums transition group-hover:text-accent\",\"children\":1960}],[\"$\",\"div\",null,{\"className\":\"mt-0.5 whitespace-nowrap text-xs text-faint\",\"children\":\"40 artistes\"}]]}],[\"$\",\"$L4\",\"1970\",{\"href\":\"/fr/epoque/1970\",\"className\":\"group shrink-0 rounded-card border border-line bg-surface px-5 py-4 transition hover:border-accent\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-display text-2xl font-semibold tabular-nums transition group-hover:text-accent\",\"children\":1970}],[\"$\",\"div\",null,{\"className\":\"mt-0.5 whitespace-nowrap text-xs text-faint\",\"children\":\"40 artistes\"}]]}],[\"$\",\"$L4\",\"1980\",{\"href\":\"/fr/epoque/1980\",\"className\":\"group shrink-0 rounded-card border border-line bg-surface px-5 py-4 transition hover:border-accent\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-display text-2xl font-semibold tabular-nums transition group-hover:text-accent\",\"children\":1980}],[\"$\",\"div\",null,{\"className\":\"mt-0.5 whitespace-nowrap text-xs text-faint\",\"children\":\"60 artistes\"}]]}],[\"$\",\"$L4\",\"1990\",{\"href\":\"/fr/epoque/1990\",\"className\":\"group shrink-0 rounded-card border border-line bg-surface px-5 py-4 transition hover:border-accent\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-display text-2xl font-semibold tabular-nums transition group-hover:text-accent\",\"children\":1990}],[\"$\",\"div\",null,{\"className\":\"mt-0.5 whitespace-nowrap text-xs text-faint\",\"children\":\"125 artistes\"}]]}],[\"$\",\"$L4\",\"2000\",{\"href\":\"/fr/epoque/2000\",\"className\":\"group shrink-0 rounded-card border border-line bg-surface px-5 py-4 transition hover:border-accent\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-display text-2xl font-semibold tabular-nums transition group-hover:text-accent\",\"children\":2000}],[\"$\",\"div\",null,{\"className\":\"mt-0.5 whitespace-nowrap text-xs text-faint\",\"children\":\"156 artistes\"}]]}],[\"$\",\"$L4\",\"2010\",{\"href\":\"/fr/epoque/2010\",\"className\":\"group shrink-0 rounded-card border border-line bg-surface px-5 py-4 transition hover:border-accent\",\"children\":[\"$L47\",\"$L48\"]}],\"$L49\"]}]]}]\n44:[\"$\",\"section\",null,{\"className\":\"mt-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline justify-between gap-4 border-b border-line pb-2\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"flex items-center gap-2.5 font-display text-lg font-semibold sm:text-xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-block size-1.5 rotate-45 bg-accent\",\"aria-hidden\":true}],\"Derniers ajouts\"]}],[\"$\",\"$L4\",null,{\"href\":\"/fr/nouveautes\",\"className\":\"shrink-0 text-xs uppercase tracking-wider text-muted transition hover:text-accent\",\"children\":[\"Tout voir\",\" →\"]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-3\",\"children\":[\"$\",\"$L2f\",null,{\"tracks\":[{\"id\":26138,\"slug\":\"anbah-al-za\",\"title\":\"Anbah Al-Za\",\"titleAr\":\"انباح العزا\",\"durationS\":358,\"artistName\":\"Rashid Al Noaimi\",\"artistNameAr\":\"راشد النعيمي\",\"artistSlug\":\"rashid-al-noaimi\",\"artistPhoto\":\"rashid-al-noaimi.jpg\",\"artistImage\":null,\"playable\":true},{\"id\":26137,\"slug\":\"latnsa-ardk\",\"title\":\"Latnsa Ardk\",\"titleAr\":\"لاتنسى أرضك\",\"durationS\":264,\"artistName\":\"Bahrain Waves\",\"artistNameAr\":\"امواج البحرين\",\"artistSlug\":\"bahrain-waves\",\"artistPhoto\":\"bahrain-waves.jpg\",\"artistImage\":null,\"playable\":true},{\"id\":26136,\"slug\":\"ahlf-ly\",\"title\":\"Ahlf Ly\",\"titleAr\":\"احلف لي\",\"durationS\":280,\"artistName\":\"Yusuf Al Shety\",\"artistNameAr\":\"يوسف الشتي\",\"artistSlug\":\"yusuf-al-shety\",\"artistPhoto\":null,\"artistImage\":null,\"playable\":true}
1,{\"id\":26135,\"slug\":\"tra-al-hwawy\",\"title\":\"Tra Al-Hwawy\",\"titleAr\":\"ترى الهواوي\",\"durationS\":313,\"artistName\":\"Rashid Al Noaimi\",\"artistNameAr\":\"راشد النعيمي\",\"artistSlug\":\"rashid-al-noaimi\",\"artistPhoto\":\"rashid-al-noaimi.jpg\",\"artistImage\":null,\"playable\":true},{\"id\":26134,\"slug\":\"layhmk\",\"title\":\"Layhmk\",\"titleAr\":\"لايهمك\",\"durationS\":195,\"artistName\":\"Bahrain Waves\",\"artistNameAr\":\"امواج البحرين\",\"artistSlug\":\"bahrain-waves\",\"artistPhoto\":\"bahrain-waves.jpg\",\"artistImage\":null,\"playable\":true},{\"id\":26133,\"slug\":\"ykfy\",\"title\":\"Ykfy\",\"titleAr\":\"يكفي\",\"durationS\":281,\"artistName\":\"Yusuf Al Shety\",\"artistNameAr\":\"يوسف الشتي\",\"artistSlug\":\"yusuf-al-shety\",\"artistPhoto\":null,\"artistImage\":null,\"playable\":true},{\"id\":26124,\"slug\":\"h-raj\",\"title\":\"H Raj'\",\"titleAr\":\"ح راجع\",\"durationS\":519,\"artistName\":\"Al Shomou Band\",\"artistNameAr\":\"فرقة الشموع\",\"artistSlug\":\"al-shomou-band\",\"artistPhoto\":null,\"artistImage\":null,\"playable\":true},{\"id\":26118,\"slug\":\"bd-kl-halghybh\",\"title\":\"B'd Kl Halghybh\",\"titleAr\":\"بعد كل هالغيبة\",\"durationS\":198,\"artistName\":\"Al Shomou Band\",\"artistNameAr\":\"فرقة الشموع\",\"artistSlug\":\"al-shomou-band\",\"artistPhoto\":null,\"artistImage\":null,\"playable\":true}],\"locale\":\"fr\",\"showArtist\":true,\"numbered\":false}]}]]}]\n45:[\"$\",\"section\",null,{\"className\":\"mt-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-baseline justify-between gap-4 border-b border-line pb-2\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"flex items-center gap-2.5 font-display text-lg font-semibold sm:text-xl\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-block size-1.5 rotate-45 bg-accent\",\"aria-hidden\":true}],\"Pays\"]}],[\"$\",\"$L4\",null,{\"href\":\"/fr/pays\",\"className\":\"shrink-0 text-xs uppercase tracking-wider text-muted transition hover:text-accent\",\"children\":[\"Tout voir\",\" →\"]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-4 flex flex-wrap gap-2\",\"children\":[[\"$\",\"$L4\",\"algerie\",{\"href\":\"/fr/pays/algerie\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Algérie\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":73}]]}],[\"$\",\"$L4\",\"saudi-arabia\",{\"href\":\"/fr/pays/saudi-arabia\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Arabie saoudite\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":42}]]}],[\"$\",\"$L4\",\"bahrein\",{\"href\":\"/fr/pays/bahrein\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Bahreïn\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":15}]]}],[\"$\",\"$L4\",\"egypt\",{\"href\":\"/fr/pays/egypt\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Égypte\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":192}]]}],[\"$\",\"$L4\",\"uae\",{\"href\":\"/fr/pays/uae\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Émirats arabes unis\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":53}]]}],[\"$\",\"$L4\",\"iraq\",{\"href\":\"/fr/pays/iraq\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Irak\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":22}]]}],[\"$\",\"$L4\",\"jordanie\",{\"href\":\"/fr/pays/jordanie\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Jordanie\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":21}]]}],[\"$\",\"$L4\",\"kuwait\",{\"href\":\"/fr/pays/kuwait\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"K
1oweït\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":35}]]}],[\"$\",\"$L4\",\"liban\",{\"href\":\"/fr/pays/liban\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Liban\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":152}]]}],[\"$\",\"$L4\",\"libye\",{\"href\":\"/fr/pays/libye\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Libye\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":16}]]}],[\"$\",\"$L4\",\"maroc\",{\"href\":\"/fr/pays/maroc\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Maroc\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":167}]]}],[\"$\",\"$L4\",\"mauritanie\",{\"href\":\"/fr/pays/mauritanie\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Mauritanie\",\"$L4a\"]}],\"$L4b\",\"$L4c\",\"$L4d\",\"$L4e\",\"$L4f\",\"$L50\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"46:[\"$\",\"$L4\",\"dabke\",{\"href\":\"/fr/genre/dabke\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Dabke\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":14}]]}]\n47:[\"$\",\"div\",null,{\"className\":\"font-display text-2xl font-semibold tabular-nums transition group-hover:text-accent\",\"children\":2010}]\n48:[\"$\",\"div\",null,{\"className\":\"mt-0.5 whitespace-nowrap text-xs text-faint\",\"children\":\"84 artistes\"}]\n49:[\"$\",\"$L4\",\"2020\",{\"href\":\"/fr/epoque/2020\",\"className\":\"group shrink-0 rounded-card border border-line bg-surface px-5 py-4 transition hover:border-accent\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-display text-2xl font-semibold tabular-nums transition group-hover:text-accent\",\"children\":2020}],[\"$\",\"div\",null,{\"className\":\"mt-0.5 whitespace-nowrap text-xs text-faint\",\"children\":\"8 artistes\"}]]}]\n4a:[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":3}]\n4b:[\"$\",\"$L4\",\"oman\",{\"href\":\"/fr/pays/oman\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Oman\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":7}]]}]\n4c:[\"$\",\"$L4\",\"palestine\",{\"href\":\"/fr/pays/palestine\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Palestine\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":39}]]}]\n4d:[\"$\",\"$L4\",\"qatar\",{\"href\":\"/fr/pays/qatar\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Qatar\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":12}]]}]\n4e:[\"$\",\"$L4\",\"syrie\",{\"href\":\"/fr/pays/syrie\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Syrie\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":15}]]}]\n4f:[\"$\",\"$L4\",\"tunisie\",{\"href\":\"/fr/pays/tunisie\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Tunisie\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":90}]]}]\n50:[\"$\",\"$L4\",\"yemen\",{\"href\":\"/fr/pays/yemen\",\"className\":\"rounded-full border border-line bg-surface px-3.5 py-1.5 text-sm text-muted transition hover:border-accent hover:text-accent\",\"children\":[\"Yémen\",[\"$\",\"span\",null,{\"className\":\"ms-2 text-xs tabular-nums text-faint\",\"children\":17}]]}]\n"])</script>
1<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"4a844c4e8ad04cb2b97e765193b158f2","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 1
1
2<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a4439f443edfda7a',t:'MTc5MDk0MzIxNw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
2</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.