{"id":25,"date":"2026-03-30T19:41:59","date_gmt":"2026-03-30T19:41:59","guid":{"rendered":"https:\/\/www.pro.hitlokal.com\/?p=25"},"modified":"2026-03-30T19:42:00","modified_gmt":"2026-03-30T19:42:00","slug":"test-baro","status":"publish","type":"post","link":"https:\/\/www.pro.hitlokal.com\/index.php\/2026\/03\/30\/test-baro\/","title":{"rendered":"test baro"},"content":{"rendered":"\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Barom\u00e8tre de la Musique d&#8217;Outremer 2025 \u2013 Hit Lokal<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&#038;family=Raleway:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --orange: #F28705;\n    --orange-light: #F9A825;\n    --yellow: #FFD54F;\n    --violet: #5B2D8E;\n    --violet-light: #7B52AB;\n    --teal: #4DB6AC;\n    --pink: #E91E8C;\n    --red: #E53935;\n    --white: #FFFFFF;\n    --off-white: #FAFAFA;\n    --dark: #1A1A2E;\n    --gray: #F5F5F5;\n    --text: #2D2D2D;\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  body {\n    font-family: 'Raleway', sans-serif;\n    background: #ECECEC;\n    color: var(--text);\n  }\n\n  \/* ===== SLIDE SYSTEM ===== *\/\n  .slides-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n    max-width: 1000px;\n    margin: 0 auto;\n    box-shadow: 0 0 60px rgba(0,0,0,0.25);\n  }\n\n  .slide {\n    width: 1000px;\n    min-height: 650px;\n    position: relative;\n    overflow: hidden;\n    background: var(--white);\n    page-break-after: always;\n  }\n\n  \/* ===== HEADER BANDE ===== *\/\n  .slide-header {\n    background: linear-gradient(90deg, #F28705 0%, #F9A825 50%, #FFD54F 100%);\n    padding: 10px 32px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  .slide-header .brand {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 900;\n    font-size: 13px;\n    color: white;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n  }\n  .slide-header .edition {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 11px;\n    color: rgba(255,255,255,0.85);\n  }\n\n  .section-label {\n    background: #E0E0E0;\n    text-align: center;\n    padding: 8px 0;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 13px;\n    letter-spacing: 2px;\n    color: #555;\n    text-transform: uppercase;\n  }\n\n  \/* ===== PAGE 1 \u2013 COUVERTURE ===== *\/\n  .slide-cover {\n    min-height: 700px;\n    background: linear-gradient(160deg, #FFD54F 0%, #F9A825 40%, #F28705 70%, #E65100 100%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n  .cover-geo {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n  }\n  .cover-geo::before,\n  .cover-geo::after {\n    content: '';\n    position: absolute;\n    border: 2px solid rgba(255,255,255,0.25);\n  }\n  .cover-geo::before {\n    width: 400px; height: 400px;\n    top: -80px; right: -80px;\n    transform: rotate(25deg);\n    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n  }\n  .cover-geo::after {\n    width: 300px; height: 300px;\n    bottom: -60px; left: 40px;\n    transform: rotate(-15deg);\n    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n  }\n  .cover-triangle1 {\n    position: absolute;\n    width: 0; height: 0;\n    border-left: 180px solid transparent;\n    border-right: 180px solid transparent;\n    border-bottom: 300px solid rgba(255,255,255,0.08);\n    top: 80px; right: 120px;\n    transform: rotate(15deg);\n  }\n  .cover-triangle2 {\n    position: absolute;\n    width: 0; height: 0;\n    border-left: 120px solid transparent;\n    border-right: 120px solid transparent;\n    border-bottom: 200px solid rgba(255,255,255,0.07);\n    bottom: 60px; left: 80px;\n    transform: rotate(-20deg);\n  }\n  .cover-content {\n    position: relative;\n    z-index: 2;\n  }\n  .cover-logo {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 900;\n    font-size: 16px;\n    color: rgba(255,255,255,0.9);\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    margin-bottom: 32px;\n  }\n  .cover-title {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 900;\n    font-size: 72px;\n    line-height: 1;\n    color: white;\n    text-shadow: 0 4px 20px rgba(0,0,0,0.15);\n  }\n  .cover-subtitle {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 28px;\n    color: rgba(255,255,255,0.95);\n    margin: 8px 0 4px;\n  }\n  .cover-sub2 {\n    font-family: 'Raleway', sans-serif;\n    font-weight: 600;\n    font-size: 18px;\n    color: rgba(255,255,255,0.8);\n  }\n  .cover-edition {\n    margin-top: 32px;\n    font-family: 'Raleway', sans-serif;\n    font-weight: 400;\n    font-size: 14px;\n    color: rgba(255,255,255,0.75);\n    font-style: italic;\n  }\n  .cover-footer {\n    position: absolute;\n    bottom: 18px;\n    left: 0; right: 0;\n    text-align: center;\n    font-family: 'Raleway', sans-serif;\n    font-size: 11px;\n    color: rgba(255,255,255,0.6);\n  }\n\n  \/* ===== SLIDE CONTENT LAYOUT ===== *\/\n  .slide-body {\n    padding: 32px 40px;\n  }\n\n  .slide-title {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 900;\n    font-size: 32px;\n    color: var(--violet);\n    margin-bottom: 24px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n\n  .slide-title.orange { color: var(--orange); }\n\n  \/* ===== CHIFFRES CL\u00c9S ===== *\/\n  .kpi-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    gap: 20px;\n    margin-top: 12px;\n  }\n  .kpi-card {\n    border-radius: 16px;\n    padding: 28px 20px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  }\n  .kpi-card.violet { background: var(--violet); }\n  .kpi-card.orange { background: var(--orange); }\n  .kpi-card.yellow { background: var(--yellow); }\n  .kpi-card.teal   { background: var(--teal); }\n  .kpi-card.pink   { background: var(--pink); }\n\n  .kpi-number {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 900;\n    font-size: 52px;\n    line-height: 1;\n    color: white;\n  }\n  .kpi-card.yellow .kpi-number { color: var(--violet); }\n  .kpi-unit {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 900;\n    font-size: 24px;\n    color: white;\n  }\n  .kpi-card.yellow .kpi-unit { color: var(--violet); }\n  .kpi-label {\n    font-family: 'Raleway', sans-serif;\n    font-weight: 600;\n    font-size: 13px;\n    color: rgba(255,255,255,0.9);\n    margin-top: 8px;\n    text-align: center;\n    line-height: 1.4;\n  }\n  .kpi-card.yellow .kpi-label { color: var(--violet); }\n\n  \/* ===== BAR CHART ===== *\/\n  .chart-title {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--text);\n    margin-bottom: 16px;\n    text-align: center;\n  }\n  .bar-chart {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n  .bar-row {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n  .bar-label {\n    font-family: 'Raleway', sans-serif;\n    font-weight: 600;\n    font-size: 12px;\n    color: var(--text);\n    width: 130px;\n    text-align: right;\n    flex-shrink: 0;\n  }\n  .bar-track {\n    flex: 1;\n    height: 22px;\n    background: #F0F0F0;\n    border-radius: 4px;\n    overflow: hidden;\n  }\n  .bar-fill {\n    height: 100%;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    padding-left: 8px;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 11px;\n    color: white;\n    transition: width 0.5s ease;\n  }\n\n  \/* ===== DONUT CHART ===== *\/\n  .donut-section {\n    display: flex;\n    gap: 40px;\n    align-items: center;\n  }\n  .donut-wrapper {\n    flex-shrink: 0;\n  }\n  .donut-legend {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n  .legend-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-family: 'Raleway', sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n  }\n  .legend-dot {\n    width: 14px; height: 14px;\n    border-radius: 50%;\n    flex-shrink: 0;\n  }\n\n  \/* ===== TOP CLIPS TABLE ===== *\/\n  .top-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 8px;\n  }\n  .top-table th {\n    background: var(--violet);\n    color: white;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 12px;\n    padding: 10px 14px;\n    text-align: left;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  }\n  .top-table td {\n    padding: 9px 14px;\n    font-family: 'Raleway', sans-serif;\n    font-size: 13px;\n    border-bottom: 1px solid #EEE;\n  }\n  .top-table tr:nth-child(odd) td { background: #FAFAFA; }\n  .top-table tr:hover td { background: #FFF3E0; }\n  .rank-badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 26px; height: 26px;\n    border-radius: 50%;\n    background: var(--orange);\n    color: white;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: 12px;\n  }\n  .rank-badge.top3 { background: var(--violet); }\n  .views-badge {\n    background: linear-gradient(90deg, var(--orange), var(--orange-light));\n    color: white;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 12px;\n    padding: 3px 10px;\n    border-radius: 20px;\n  }\n\n  \/* ===== STYLE MUSICAUX TREEMAP ===== *\/\n  .treemap {\n    display: grid;\n    grid-template-areas:\n      \"dancehall dancehall rap\"\n      \"dancehall dancehall zouk\"\n      \"soca pop misc\";\n    grid-template-columns: 2fr 1.2fr 0.8fr;\n    grid-template-rows: 1fr 1fr 0.7fr;\n    gap: 4px;\n    height: 340px;\n    border-radius: 8px;\n    overflow: hidden;\n  }\n  .tm-cell {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 10px;\n    cursor: default;\n  }\n  .tm-name {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: 18px;\n    color: white;\n  }\n  .tm-pct {\n    font-family: 'Raleway', sans-serif;\n    font-weight: 600;\n    font-size: 14px;\n    color: rgba(255,255,255,0.85);\n    margin-top: 4px;\n  }\n  .tm-count {\n    font-family: 'Raleway', sans-serif;\n    font-size: 12px;\n    color: rgba(255,255,255,0.7);\n  }\n\n  \/* ===== ORIGINES MAP SECTION ===== *\/\n  .origines-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    margin-top: 16px;\n  }\n  .origine-card {\n    background: var(--gray);\n    border-radius: 12px;\n    padding: 20px 14px;\n    text-align: center;\n    border-top: 4px solid var(--orange);\n  }\n  .origine-card:nth-child(2) { border-top-color: var(--violet); }\n  .origine-card:nth-child(3) { border-top-color: var(--teal); }\n  .origine-card:nth-child(4) { border-top-color: var(--pink); }\n  .origine-pct {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 900;\n    font-size: 34px;\n    color: var(--orange);\n  }\n  .origine-card:nth-child(2) .origine-pct { color: var(--violet); }\n  .origine-card:nth-child(3) .origine-pct { color: var(--teal); }\n  .origine-card:nth-child(4) .origine-pct { color: var(--pink); }\n  .origine-name {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 14px;\n    color: var(--text);\n    margin-top: 4px;\n  }\n  .origine-sub {\n    font-family: 'Raleway', sans-serif;\n    font-size: 11px;\n    color: #888;\n    margin-top: 4px;\n  }\n\n  \/* ===== CHAMPIONS ===== *\/\n  .champions-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    margin-top: 16px;\n  }\n  .champion-card {\n    background: var(--gray);\n    border-radius: 12px;\n    padding: 20px 14px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n  .champion-card.top {\n    grid-column: 1 \/ -1;\n    background: linear-gradient(135deg, var(--violet) 0%, var(--violet-light) 100%);\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    padding: 24px 30px;\n    border-radius: 14px;\n  }\n  .champion-avatar {\n    width: 60px; height: 60px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.2);\n    display: flex; align-items: center; justify-content: center;\n    font-size: 24px;\n    flex-shrink: 0;\n  }\n  .champion-top-info { flex: 1; text-align: left; }\n  .champion-top-name {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 900;\n    font-size: 22px;\n    color: white;\n  }\n  .champion-top-clips {\n    font-family: 'Raleway', sans-serif;\n    font-size: 13px;\n    color: rgba(255,255,255,0.8);\n    margin-top: 4px;\n  }\n  .champion-top-views {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: 28px;\n    color: var(--yellow);\n  }\n  .champ-name {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: 14px;\n    color: var(--violet);\n    margin-bottom: 6px;\n  }\n  .champ-clips {\n    font-family: 'Raleway', sans-serif;\n    font-size: 11px;\n    color: #666;\n  }\n  .champ-views {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 16px;\n    color: var(--orange);\n    margin-top: 4px;\n    font-style: italic;\n  }\n\n  \/* ===== YOUTUBE VS SPOTIFY ===== *\/\n  .yt-vs-sp {\n    display: flex;\n    gap: 32px;\n    margin-top: 20px;\n  }\n  .platform-box {\n    flex: 1;\n    background: var(--gray);\n    border-radius: 14px;\n    padding: 28px 24px;\n    text-align: center;\n  }\n  .platform-box.yt { border-top: 5px solid #FF0000; }\n  .platform-box.sp { border-top: 5px solid #1DB954; }\n  .platform-icon {\n    font-size: 40px;\n    margin-bottom: 12px;\n  }\n  .platform-title {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: 22px;\n    margin-bottom: 12px;\n  }\n  .platform-box.yt .platform-title { color: #FF0000; }\n  .platform-box.sp .platform-title { color: #1DB954; }\n  .platform-stat {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 36px;\n    color: var(--dark);\n    margin: 8px 0 4px;\n  }\n  .platform-label {\n    font-family: 'Raleway', sans-serif;\n    font-size: 12px;\n    color: #777;\n    margin-bottom: 16px;\n  }\n  .platform-desc {\n    font-family: 'Raleway', sans-serif;\n    font-size: 13px;\n    color: #555;\n    line-height: 1.6;\n    text-align: left;\n  }\n  .platform-tag {\n    display: inline-block;\n    background: #FF0000;\n    color: white;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 11px;\n    padding: 4px 12px;\n    border-radius: 20px;\n    margin: 6px 4px 0;\n  }\n  .platform-tag.sp-tag { background: #1DB954; }\n\n  \/* ===== CONCLUSION ===== *\/\n  .conclusion-content {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n    margin-top: 20px;\n  }\n  .conclusion-block {\n    background: var(--gray);\n    border-radius: 12px;\n    padding: 22px;\n    border-left: 5px solid var(--orange);\n  }\n  .conclusion-block:nth-child(2) { border-left-color: var(--violet); }\n  .conclusion-block:nth-child(3) { border-left-color: var(--teal); }\n  .conclusion-block:nth-child(4) { border-left-color: var(--pink); }\n  .conclusion-block-title {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: 14px;\n    color: var(--orange);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 10px;\n  }\n  .conclusion-block:nth-child(2) .conclusion-block-title { color: var(--violet); }\n  .conclusion-block:nth-child(3) .conclusion-block-title { color: var(--teal); }\n  .conclusion-block:nth-child(4) .conclusion-block-title { color: var(--pink); }\n  .conclusion-block-text {\n    font-family: 'Raleway', sans-serif;\n    font-size: 13px;\n    color: #444;\n    line-height: 1.6;\n  }\n\n  .awards-banner {\n    margin-top: 24px;\n    background: var(--dark);\n    border-radius: 14px;\n    padding: 22px 30px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  .awards-text {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: 18px;\n    color: var(--yellow);\n  }\n  .awards-sub {\n    font-family: 'Raleway', sans-serif;\n    font-size: 13px;\n    color: rgba(255,255,255,0.7);\n    margin-top: 4px;\n  }\n  .awards-logo {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 900;\n    font-size: 22px;\n    color: white;\n    letter-spacing: 2px;\n  }\n\n  \/* ===== PAGE NUMBER ===== *\/\n  .page-num {\n    position: absolute;\n    bottom: 12px;\n    right: 20px;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 11px;\n    color: #BBB;\n  }\n\n  \/* ===== INFO TEXT ===== *\/\n  .info-text {\n    font-family: 'Raleway', sans-serif;\n    font-size: 14px;\n    color: #555;\n    line-height: 1.7;\n    margin-bottom: 20px;\n  }\n\n  .highlight {\n    font-weight: 700;\n    color: var(--violet);\n  }\n  .highlight.orange { color: var(--orange); }\n\n  .source-note {\n    font-family: 'Raleway', sans-serif;\n    font-size: 11px;\n    color: #AAA;\n    text-align: center;\n    margin-top: 10px;\n  }\n\n  \/* ===== VUES PAR PALIER ===== *\/\n  .palier-grid {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 10px;\n    margin-top: 16px;\n  }\n  .palier-card {\n    background: var(--gray);\n    border-radius: 10px;\n    padding: 14px 8px;\n    text-align: center;\n  }\n  .palier-num {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 900;\n    font-size: 28px;\n    color: var(--violet);\n  }\n  .palier-label {\n    font-family: 'Raleway', sans-serif;\n    font-size: 10px;\n    color: #777;\n    margin-top: 4px;\n    line-height: 1.4;\n  }\n\n  .two-col {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    align-items: start;\n  }\n\n  .stat-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: var(--violet);\n    color: white;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 14px;\n    padding: 8px 18px;\n    border-radius: 30px;\n    margin: 6px 4px 0;\n  }\n  .stat-pill.orange { background: var(--orange); }\n  .stat-pill.teal { background: var(--teal); }\n\n  \/* methodologie bullets *\/\n  .db-stats {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin-top: 20px;\n  }\n  .db-stat {\n    background: var(--gray);\n    border-radius: 10px;\n    padding: 16px 18px;\n    display: flex;\n    align-items: center;\n    gap: 14px;\n  }\n  .db-stat-num {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 900;\n    font-size: 26px;\n    color: var(--orange);\n    flex-shrink: 0;\n  }\n  .db-stat-label {\n    font-family: 'Raleway', sans-serif;\n    font-size: 13px;\n    color: #555;\n    font-weight: 600;\n  }\n\n  \/* top clips style badges *\/\n  .style-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 16px;\n  }\n  .style-badge-big {\n    border-radius: 10px;\n    padding: 12px 18px;\n    text-align: center;\n    min-width: 100px;\n  }\n  .style-badge-big .sbb-num {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 900;\n    font-size: 28px;\n    color: white;\n  }\n  .style-badge-big .sbb-label {\n    font-family: 'Raleway', sans-serif;\n    font-size: 11px;\n    color: rgba(255,255,255,0.85);\n    margin-top: 2px;\n  }\n  .sbb-pct-big {\n    margin-top: 12px;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: 42px;\n    color: var(--orange);\n    text-align: center;\n  }\n  .sbb-desc {\n    font-family: 'Raleway', sans-serif;\n    font-size: 13px;\n    color: #444;\n    line-height: 1.6;\n    margin-top: 10px;\n  }\n<\/style>\n<\/head>\n<body>\n<div class=\"slides-wrapper\">\n\n  <!-- ===== SLIDE 1 \u2013 COUVERTURE ===== -->\n  <div class=\"slide\">\n    <div class=\"slide-cover\">\n      <div class=\"cover-geo\"><\/div>\n      <div class=\"cover-triangle1\"><\/div>\n      <div class=\"cover-triangle2\"><\/div>\n      <div class=\"cover-content\">\n        <div class=\"cover-logo\">\u25b2 HIT LOKAL<\/div>\n        <div class=\"cover-title\">Barom\u00e8tre<\/div>\n        <div class=\"cover-subtitle\">de la Musique d&#8217;Outremer<\/div>\n        <div class=\"cover-sub2\">3\u00e8me \u00e9dition<\/div>\n        <div class=\"cover-edition\">JUIN 2025<\/div>\n      <\/div>\n      <div class=\"cover-footer\">\u00a9HITLOKAL 2025 \u00b7 Toutes reproductions de donn\u00e9es et d&#8217;images sont soumises \u00e0 des droits d&#8217;auteur<\/div>\n    <\/div>\n    <div class=\"page-num\">1<\/div>\n  <\/div>\n\n  <!-- ===== SLIDE 2 \u2013 CHIFFRES CL\u00c9S ===== -->\n  <div class=\"slide\">\n    <div class=\"slide-header\">\n      <span class=\"brand\">\u25b2 HIT LOKAL \u00b7 Barom\u00e8tre 2025<\/span>\n      <span class=\"edition\">3\u00e8me \u00e9dition<\/span>\n    <\/div>\n    <div class=\"section-label\">CHIFFRES CL\u00c9S DE LA MUSIQUE D&#8217;OUTREMER \u00b7 2025<\/div>\n    <div class=\"slide-body\">\n      <div class=\"kpi-grid\">\n        <div class=\"kpi-card violet\" style=\"grid-column: 1; grid-row: 1;\">\n          <div class=\"kpi-number\">546<\/div>\n          <div class=\"kpi-label\">CLIPS RECENS\u00c9S<br>sur YouTube<\/div>\n        <\/div>\n        <div class=\"kpi-card orange\" style=\"grid-column: 2; grid-row: 1;\">\n          <div class=\"kpi-number\">402<\/div>\n          <div class=\"kpi-unit\">MILLIONS<\/div>\n          <div class=\"kpi-label\">de vues cumul\u00e9es<\/div>\n        <\/div>\n        <div class=\"kpi-card yellow\" style=\"grid-column: 3; grid-row: 1;\">\n          <div class=\"kpi-number\">70<\/div>\n          <div class=\"kpi-label\">clips ont atteint<br>le million de vues<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"kpi-grid\" style=\"margin-top: 16px;\">\n        <div class=\"kpi-card teal\">\n          <div class=\"kpi-number\">239<\/div>\n          <div class=\"kpi-label\">clips de<br>DANCEHALL<br>(genre #1)<\/div>\n        <\/div>\n        <div class=\"kpi-card pink\">\n          <div class=\"kpi-number\">9<\/div>\n          <div class=\"kpi-label\">styles musicaux<br>repr\u00e9sent\u00e9s<\/div>\n        <\/div>\n        <div class=\"kpi-card\" style=\"background: #37474F;\">\n          <div class=\"kpi-number\" style=\"font-size: 36px;\">12,8%<\/div>\n          <div class=\"kpi-label\">des clips d\u00e9passent<br>le million de vues<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"source-note\">Source : Hit-lokal.com \u00b7 Donn\u00e9es YouTube 2025<\/div>\n    <\/div>\n    <div class=\"page-num\">2<\/div>\n  <\/div>\n\n  <!-- ===== SLIDE 3 \u2013 R\u00c9PARTITION PAR STYLE ===== -->\n  <div class=\"slide\">\n    <div class=\"slide-header\">\n      <span class=\"brand\">\u25b2 HIT LOKAL \u00b7 Barom\u00e8tre 2025<\/span>\n      <span class=\"edition\">3\u00e8me \u00e9dition<\/span>\n    <\/div>\n    <div class=\"section-label\">R\u00c9PARTITION PAR STYLE MUSICAL<\/div>\n    <div class=\"slide-body\">\n      <p class=\"info-text\">La r\u00e9partition des 546 clips publi\u00e9s en 2025 confirme la <span class=\"highlight\">domination absolue du Dancehall<\/span> (44%), suivi du Rap\/Hip-Hop\/RnB (25%) et du Zouk (12,5%). Ensemble, ces trois genres concentrent plus de 80% de la production.<\/p>\n      <div class=\"two-col\">\n        <div>\n          <div class=\"bar-chart\">\n            <div class=\"bar-row\">\n              <div class=\"bar-label\">Dancehall<\/div>\n              <div class=\"bar-track\">\n                <div class=\"bar-fill\" style=\"width:100%; background: linear-gradient(90deg, #5B2D8E, #7B52AB);\">239<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"bar-row\">\n              <div class=\"bar-label\">Rap \/ Hip-Hop \/ RnB<\/div>\n              <div class=\"bar-track\">\n                <div class=\"bar-fill\" style=\"width:58%; background: linear-gradient(90deg, #F28705, #F9A825);\">138<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"bar-row\">\n              <div class=\"bar-label\">Zouk<\/div>\n              <div class=\"bar-track\">\n                <div class=\"bar-fill\" style=\"width:28%; background: linear-gradient(90deg, #4DB6AC, #80CBC4);\">68<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"bar-row\">\n              <div class=\"bar-label\">Soca \/ Bouyon<\/div>\n              <div class=\"bar-track\">\n                <div class=\"bar-fill\" style=\"width:19%; background: linear-gradient(90deg, #E91E8C, #F06292);\">46<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"bar-row\">\n              <div class=\"bar-label\">Pop<\/div>\n              <div class=\"bar-track\">\n                <div class=\"bar-fill\" style=\"width:9%; background: #E53935;\">21<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"bar-row\">\n              <div class=\"bar-label\">Reggae<\/div>\n              <div class=\"bar-track\">\n                <div class=\"bar-fill\" style=\"width:6%; background: #43A047;\">14<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"bar-row\">\n              <div class=\"bar-label\">Traditionnel<\/div>\n              <div class=\"bar-track\">\n                <div class=\"bar-fill\" style=\"width:5%; background: #795548;\">13<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"bar-row\">\n              <div class=\"bar-label\">Compas<\/div>\n              <div class=\"bar-track\">\n                <div class=\"bar-fill\" style=\"width:2%; background: #607D8B;\">4<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"bar-row\">\n              <div class=\"bar-label\">Soul<\/div>\n              <div class=\"bar-track\">\n                <div class=\"bar-fill\" style=\"width:1%; background: #9E9E9E; min-width:28px;\">3<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"source-note\" style=\"text-align:left; margin-top:10px;\">Source : Hit-lokal.com<\/div>\n        <\/div>\n        <div>\n          <!-- treemap simplifi\u00e9 -->\n          <div style=\"background: var(--gray); border-radius: 12px; overflow:hidden;\">\n            <div style=\"background: var(--violet); padding: 32px 20px; text-align:center;\">\n              <div style=\"font-family:'Montserrat',sans-serif; font-weight:900; font-size:36px; color:white;\">Dancehall<\/div>\n              <div style=\"font-family:'Raleway',sans-serif; font-size:16px; color:rgba(255,255,255,0.85); margin-top:4px;\">43,8% \u00b7 239 clips<\/div>\n            <\/div>\n            <div style=\"display:grid; grid-template-columns:1fr 1fr; gap:2px; background:#DDD;\">\n              <div style=\"background:var(--orange); padding:18px 14px; text-align:center;\">\n                <div style=\"font-family:'Montserrat',sans-serif; font-weight:800; font-size:16px; color:white;\">Rap \/ Hip-Hop<\/div>\n                <div style=\"font-family:'Raleway',sans-serif; font-size:12px; color:rgba(255,255,255,0.85);\">25,3% \u00b7 138 clips<\/div>\n              <\/div>\n              <div style=\"background:var(--teal); padding:18px 14px; text-align:center;\">\n                <div style=\"font-family:'Montserrat',sans-serif; font-weight:800; font-size:16px; color:white;\">Zouk<\/div>\n                <div style=\"font-family:'Raleway',sans-serif; font-size:12px; color:rgba(255,255,255,0.85);\">12,5% \u00b7 68 clips<\/div>\n              <\/div>\n              <div style=\"background:var(--pink); padding:12px; text-align:center;\">\n                <div style=\"font-family:'Montserrat',sans-serif; font-weight:700; font-size:13px; color:white;\">Soca \/ Bouyon<\/div>\n                <div style=\"font-family:'Raleway',sans-serif; font-size:11px; color:rgba(255,255,255,0.85);\">8,4% \u00b7 46 clips<\/div>\n              <\/div>\n              <div style=\"background:#E53935; padding:12px; text-align:center;\">\n                <div style=\"font-family:'Montserrat',sans-serif; font-weight:700; font-size:13px; color:white;\">Pop \u00b7 Reggae \u00b7 Trad.<\/div>\n                <div style=\"font-family:'Raleway',sans-serif; font-size:11px; color:rgba(255,255,255,0.85);\">9,5% \u00b7 48 clips<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"page-num\">3<\/div>\n  <\/div>\n\n  <!-- ===== SLIDE 4 \u2013 VUES PAR STYLE ===== -->\n  <div class=\"slide\">\n    <div class=\"slide-header\">\n      <span class=\"brand\">\u25b2 HIT LOKAL \u00b7 Barom\u00e8tre 2025<\/span>\n      <span class=\"edition\">3\u00e8me \u00e9dition<\/span>\n    <\/div>\n    <div class=\"section-label\">VUES PAR STYLE MUSICAL<\/div>\n    <div class=\"slide-body\">\n      <p class=\"info-text\">Le <span class=\"highlight\">Dancehall g\u00e9n\u00e8re 50% des vues totales<\/span> avec 204M, devant le Zouk (79M, 20%) et la Soca\/Bouyon (46M, 11%). Le Rap\/Hip-Hop cumule 41M malgr\u00e9 son volume de clips important.<\/p>\n      <div class=\"bar-chart\" style=\"margin-top: 8px;\">\n        <div class=\"bar-row\">\n          <div class=\"bar-label\">Dancehall<\/div>\n          <div class=\"bar-track\" style=\"height:30px;\">\n            <div class=\"bar-fill\" style=\"width:100%; background: linear-gradient(90deg, #5B2D8E, #7B52AB); font-size:13px;\">204 M<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"bar-row\">\n          <div class=\"bar-label\">Zouk<\/div>\n          <div class=\"bar-track\" style=\"height:30px;\">\n            <div class=\"bar-fill\" style=\"width:39%; background: linear-gradient(90deg, #4DB6AC, #80CBC4); font-size:13px;\">79 M<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"bar-row\">\n          <div class=\"bar-label\">Soca \/ Bouyon<\/div>\n          <div class=\"bar-track\" style=\"height:30px;\">\n            <div class=\"bar-fill\" style=\"width:23%; background: linear-gradient(90deg, #E91E8C, #F06292); font-size:13px;\">46 M<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"bar-row\">\n          <div class=\"bar-label\">Rap \/ Hip-Hop<\/div>\n          <div class=\"bar-track\" style=\"height:30px;\">\n            <div class=\"bar-fill\" style=\"width:21%; background: linear-gradient(90deg, #F28705, #F9A825); font-size:13px;\">41 M<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"bar-row\">\n          <div class=\"bar-label\">Pop<\/div>\n          <div class=\"bar-track\" style=\"height:30px;\">\n            <div class=\"bar-fill\" style=\"width:6%; background: #E53935; font-size:13px;\">12 M<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"bar-row\">\n          <div class=\"bar-label\">Compas<\/div>\n          <div class=\"bar-track\" style=\"height:30px;\">\n            <div class=\"bar-fill\" style=\"width:3%; background: #607D8B; min-width:48px; font-size:13px;\">6 M<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"bar-row\">\n          <div class=\"bar-label\">Reggae<\/div>\n          <div class=\"bar-track\" style=\"height:30px;\">\n            <div class=\"bar-fill\" style=\"width:3%; background: #43A047; min-width:48px; font-size:13px;\">6 M<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"bar-row\">\n          <div class=\"bar-label\">Traditionnel<\/div>\n          <div class=\"bar-track\" style=\"height:30px;\">\n            <div class=\"bar-fill\" style=\"width:2%; background: #795548; min-width:42px; font-size:13px;\">5 M<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div style=\"display:flex; gap:12px; margin-top:20px; flex-wrap:wrap;\">\n        <span class=\"stat-pill\">\ud83c\udfaf Total : 402 M vues<\/span>\n        <span class=\"stat-pill orange\">\u25b6 Dancehall = 50,7% des vues<\/span>\n        <span class=\"stat-pill teal\">\ud83c\udfb5 Zouk = 19,7% des vues<\/span>\n      <\/div>\n      <div class=\"source-note\">Source : Hit-lokal.com \u00b7 YouTube 2025<\/div>\n    <\/div>\n    <div class=\"page-num\">4<\/div>\n  <\/div>\n\n  <!-- ===== SLIDE 5 \u2013 R\u00c9PARTITION PAR VUES ===== -->\n  <div class=\"slide\">\n    <div class=\"slide-header\">\n      <span class=\"brand\">\u25b2 HIT LOKAL \u00b7 Barom\u00e8tre 2025<\/span>\n      <span class=\"edition\">3\u00e8me \u00e9dition<\/span>\n    <\/div>\n    <div class=\"section-label\">R\u00c9PARTITION DES CLIPS PAR VUES<\/div>\n    <div class=\"slide-body\">\n      <p class=\"info-text\">La majorit\u00e9 des clips reste dans des niveaux de visibilit\u00e9 modestes. Seuls <span class=\"highlight\">70 clips (12,8%)<\/span> franchissent le seuil symbolique du million de vues, dont 6 d\u00e9passent les 10 millions.<\/p>\n      <div class=\"palier-grid\">\n        <div class=\"palier-card\" style=\"border-top: 3px solid #CFD8DC;\">\n          <div class=\"palier-num\" style=\"color:#90A4AE;\">125<\/div>\n          <div class=\"palier-label\">Moins de<br>50 000 vues<\/div>\n        <\/div>\n        <div class=\"palier-card\" style=\"border-top: 3px solid #B0BEC5;\">\n          <div class=\"palier-num\" style=\"color:#78909C;\">71<\/div>\n          <div class=\"palier-label\">50K \u00e0<br>100K vues<\/div>\n        <\/div>\n        <div class=\"palier-card\" style=\"border-top: 3px solid #F28705;\">\n          <div class=\"palier-num\">76<\/div>\n          <div class=\"palier-label\">100K \u00e0<br>200K vues<\/div>\n        <\/div>\n        <div class=\"palier-card\" style=\"border-top: 3px solid #F28705;\">\n          <div class=\"palier-num\">63<\/div>\n          <div class=\"palier-label\">200K \u00e0<br>300K vues<\/div>\n        <\/div>\n        <div class=\"palier-card\" style=\"border-top: 3px solid #E65100;\">\n          <div class=\"palier-num\" style=\"color:#E65100;\">41<\/div>\n          <div class=\"palier-label\">300K \u00e0<br>400K vues<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"palier-grid\" style=\"margin-top:10px;\">\n        <div class=\"palier-card\" style=\"border-top: 3px solid var(--teal);\">\n          <div class=\"palier-num\" style=\"color:var(--teal);\">30<\/div>\n          <div class=\"palier-label\">400K \u00e0<br>500K vues<\/div>\n        <\/div>\n        <div class=\"palier-card\" style=\"border-top: 3px solid var(--teal);\">\n          <div class=\"palier-num\" style=\"color:var(--teal);\">70<\/div>\n          <div class=\"palier-label\">500K \u00e0<br>999K vues<\/div>\n        <\/div>\n        <div class=\"palier-card\" style=\"border-top: 3px solid var(--violet); background: #EDE7F6;\">\n          <div class=\"palier-num\" style=\"color:var(--violet);\">32<\/div>\n          <div class=\"palier-label\">1M \u00e0<br>2M vues<\/div>\n        <\/div>\n        <div class=\"palier-card\" style=\"border-top: 3px solid var(--violet); background: #EDE7F6;\">\n          <div class=\"palier-num\" style=\"color:var(--violet);\">22<\/div>\n          <div class=\"palier-label\">2M \u00e0<br>5M vues<\/div>\n        <\/div>\n        <div class=\"palier-card\" style=\"border-top: 3px solid var(--orange); background: #FFF3E0;\">\n          <div class=\"palier-num\" style=\"color:var(--orange); font-size:36px;\">6<\/div>\n          <div class=\"palier-label\" style=\"font-weight:700;\">+ de<br>10M vues \ud83d\udd25<\/div>\n        <\/div>\n      <\/div>\n      <div style=\"display:flex; gap:12px; margin-top:16px; flex-wrap:wrap; justify-content:center;\">\n        <span class=\"stat-pill\">70 clips +1M vues = 12,8%<\/span>\n        <span class=\"stat-pill orange\">6 clips +10M vues<\/span>\n      <\/div>\n      <div class=\"source-note\">Source : Hit-lokal.com<\/div>\n    <\/div>\n    <div class=\"page-num\">5<\/div>\n  <\/div>\n\n  <!-- ===== SLIDE 6 \u2013 TOP 10 CLIPS ===== -->\n  <div class=\"slide\">\n    <div class=\"slide-header\">\n      <span class=\"brand\">\u25b2 HIT LOKAL \u00b7 Barom\u00e8tre 2025<\/span>\n      <span class=\"edition\">3\u00e8me \u00e9dition<\/span>\n    <\/div>\n    <div class=\"section-label\">TOP 10 CLIPS 2025 \u00b7 PLUS D&#8217;UN MILLION DE VUES<\/div>\n    <div class=\"slide-body\" style=\"padding-top: 20px;\">\n      <table class=\"top-table\">\n        <thead>\n          <tr>\n            <th style=\"width:44px;\">#<\/th>\n            <th>TITRE \u00b7 ARTISTE<\/th>\n            <th style=\"width:80px;\">STYLE<\/th>\n            <th style=\"width:110px; text-align:right;\">VUES<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr>\n            <td><span class=\"rank-badge top3\">1<\/span><\/td>\n            <td><strong>Shamballa<\/strong> \u2014 Anyme feat. Shaydee&#8217;s<\/td>\n            <td style=\"color:var(--violet); font-weight:700; font-size:11px;\">DANCEHALL<\/td>\n            <td style=\"text-align:right;\"><span class=\"views-badge\">19,9 M<\/span><\/td>\n          <\/tr>\n          <tr>\n            <td><span class=\"rank-badge top3\">2<\/span><\/td>\n            <td><strong>Chambre 04<\/strong> \u2014 Dj Kawest feat. Attachingboy<\/td>\n            <td style=\"color:var(--violet); font-weight:700; font-size:11px;\">DANCEHALL<\/td>\n            <td style=\"text-align:right;\"><span class=\"views-badge\">19,5 M<\/span><\/td>\n          <\/tr>\n          <tr>\n            <td><span class=\"rank-badge top3\">3<\/span><\/td>\n            <td><strong>Bouwey<\/strong> \u2014 1t1 ft Th\u00e9omaa<\/td>\n            <td style=\"color:var(--pink); font-weight:700; font-size:11px;\">SOCA\/BOUYON<\/td>\n            <td style=\"text-align:right;\"><span class=\"views-badge\">17,4 M<\/span><\/td>\n          <\/tr>\n          <tr>\n            <td><span class=\"rank-badge\">4<\/span><\/td>\n            <td><strong>Shatta Confessions<\/strong> \u2014 Meryl feat. N&#8217;ken<\/td>\n            <td style=\"color:var(--violet); font-weight:700; font-size:11px;\">DANCEHALL<\/td>\n            <td style=\"text-align:right;\"><span class=\"views-badge\">15,8 M<\/span><\/td>\n          <\/tr>\n          <tr>\n            <td><span class=\"rank-badge\">5<\/span><\/td>\n            <td><strong>Mwen An Sa<\/strong> \u2014 Skunk ft. Tiitof &#038; Leto<\/td>\n            <td style=\"color:var(--violet); font-weight:700; font-size:11px;\">DANCEHALL<\/td>\n            <td style=\"text-align:right;\"><span class=\"views-badge\">15,5 M<\/span><\/td>\n          <\/tr>\n          <tr>\n            <td><span class=\"rank-badge\">6<\/span><\/td>\n            <td><strong>Se Ou Li Ye<\/strong> \u2014 Antonny Drew ft. Vanessa D\u00e9sir\u00e9<\/td>\n            <td style=\"color:var(--teal); font-weight:700; font-size:11px;\">ZOUK<\/td>\n            <td style=\"text-align:right;\"><span class=\"views-badge\">12,6 M<\/span><\/td>\n          <\/tr>\n          <tr>\n            <td><span class=\"rank-badge\">7<\/span><\/td>\n            <td><strong>\u00c0 Genoux<\/strong> \u2014 Meryl feat. Kalipsxau<\/td>\n            <td style=\"color:var(--teal); font-weight:700; font-size:11px;\">ZOUK<\/td>\n            <td style=\"text-align:right;\"><span class=\"views-badge\">9,1 M<\/span><\/td>\n          <\/tr>\n          <tr>\n            <td><span class=\"rank-badge\">8<\/span><\/td>\n            <td><strong>Capitaine<\/strong> \u2014 Dj Leska x Shannon<\/td>\n            <td style=\"color:var(--pink); font-weight:700; font-size:11px;\">SOCA\/BOUYON<\/td>\n            <td style=\"text-align:right;\"><span class=\"views-badge\">8,6 M<\/span><\/td>\n          <\/tr>\n          <tr>\n            <td><span class=\"rank-badge\">9<\/span><\/td>\n            <td><strong>Paddle<\/strong> \u2014 Tks 2g feat. Maureen<\/td>\n            <td style=\"color:var(--violet); font-weight:700; font-size:11px;\">DANCEHALL<\/td>\n            <td style=\"text-align:right;\"><span class=\"views-badge\">8,5 M<\/span><\/td>\n          <\/tr>\n          <tr>\n            <td><span class=\"rank-badge\">10<\/span><\/td>\n            <td><strong>Gangsta<\/strong> \u2014 Bamby x Himra<\/td>\n            <td style=\"color:var(--violet); font-weight:700; font-size:11px;\">DANCEHALL<\/td>\n            <td style=\"text-align:right;\"><span class=\"views-badge\">7,3 M<\/span><\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n      <div class=\"source-note\" style=\"margin-top:10px;\">Source : Hit-lokal.com \u00b7 Cumul au 31 d\u00e9cembre 2025<\/div>\n    <\/div>\n    <div class=\"page-num\">6<\/div>\n  <\/div>\n\n  <!-- ===== SLIDE 7 \u2013 ORIGINES DES ARTISTES ===== -->\n  <div class=\"slide\">\n    <div class=\"slide-header\">\n      <span class=\"brand\">\u25b2 HIT LOKAL \u00b7 Barom\u00e8tre 2025<\/span>\n      <span class=\"edition\">3\u00e8me \u00e9dition<\/span>\n    <\/div>\n    <div class=\"section-label\">ORIGINES DES ARTISTES \u00b7 TOP CLIPS<\/div>\n    <div class=\"slide-body\">\n      <p class=\"info-text\">Parmi les artistes ayant franchi le million de vues en 2025, <span class=\"highlight\">la R\u00e9union et la Martinique dominent<\/span>, suivies de la Guadeloupe et de la Guyane. Mayotte confirme sa mont\u00e9e en puissance avec des artistes comme 1t1.<\/p>\n      <div class=\"origines-grid\">\n        <div class=\"origine-card\">\n          <div class=\"origine-pct\">27%<\/div>\n          <div class=\"origine-name\">\ud83c\udfdd\ufe0f R\u00e9union<\/div>\n          <div class=\"origine-sub\">Kalipsxau, Barth, PLL\u2026<\/div>\n        <\/div>\n        <div class=\"origine-card\">\n          <div class=\"origine-pct\">25%<\/div>\n          <div class=\"origine-name\">\ud83c\udfdd\ufe0f Martinique<\/div>\n          <div class=\"origine-sub\">Meryl, Kalash, Ayewai\u2026<\/div>\n        <\/div>\n        <div class=\"origine-card\">\n          <div class=\"origine-pct\">18%<\/div>\n          <div class=\"origine-name\">\ud83c\udfdd\ufe0f Guadeloupe<\/div>\n          <div class=\"origine-sub\">Dj Kawest, Sansand\u2026<\/div>\n        <\/div>\n        <div class=\"origine-card\">\n          <div class=\"origine-pct\">18%<\/div>\n          <div class=\"origine-name\">\ud83c\udf3f Guyane<\/div>\n          <div class=\"origine-sub\">Nesly, Skunk\u2026<\/div>\n        <\/div>\n      <\/div>\n      <div style=\"display:grid; grid-template-columns: 1fr 1fr; gap:16px; margin-top:16px;\">\n        <div style=\"background: #FFF8E1; border-radius:12px; padding:18px 20px; border-left:4px solid var(--orange);\">\n          <div style=\"font-family:'Montserrat',sans-serif; font-weight:800; font-size:28px; color:var(--orange);\">8,3%<\/div>\n          <div style=\"font-family:'Raleway',sans-serif; font-size:13px; color:#555; margin-top:4px;\">\ud83c\udfdd\ufe0f <strong>Mayotte<\/strong> \u2014 1t1, Anyme en t\u00eate avec des titres \u00e0 plus de 15M de vues<\/div>\n        <\/div>\n        <div style=\"background: var(--gray); border-radius:12px; padding:18px 20px; border-left:4px solid var(--teal);\">\n          <div style=\"font-family:'Montserrat',sans-serif; font-weight:800; font-size:28px; color:var(--teal);\">16<\/div>\n          <div style=\"font-family:'Raleway',sans-serif; font-size:13px; color:#555; margin-top:4px;\">collaborations parmi les 70 tops clips dont 13 entre artistes ultramarins<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"source-note\">Source : Hit-lokal.com \u00b7 *Sur un panel des 70 clips +1M vues<\/div>\n    <\/div>\n    <div class=\"page-num\">7<\/div>\n  <\/div>\n\n  <!-- ===== SLIDE 8 \u2013 CHAMPIONS DU STREAM ===== -->\n  <div class=\"slide\">\n    <div class=\"slide-header\">\n      <span class=\"brand\">\u25b2 HIT LOKAL \u00b7 Barom\u00e8tre 2025<\/span>\n      <span class=\"edition\">3\u00e8me \u00e9dition<\/span>\n    <\/div>\n    <div class=\"section-label\">LES CHAMPIONS DU STREAM 2025<\/div>\n    <div class=\"slide-body\">\n      <p class=\"info-text\" style=\"margin-bottom:16px;\">Certains artistes se d\u00e9marquent en sortant peu de clips mais en explosant les scores de vues.<\/p>\n      <div class=\"champions-grid\">\n        <div class=\"champion-card top\">\n          <div class=\"champion-avatar\">\ud83c\udfa4<\/div>\n          <div class=\"champion-top-info\">\n            <div class=\"champion-top-name\">MERYL<\/div>\n            <div class=\"champion-top-clips\">4 clips \u00b7 Martinique<\/div>\n            <div style=\"font-family:'Raleway',sans-serif; font-size:12px; color:rgba(255,255,255,0.7); margin-top:4px;\">Shatta Confessions (15M) \u00b7 \u00c0 Genoux (9M)<br>Champagne K\u00e9 Fraises (4,3M) \u00b7 Patate (3M)<\/div>\n          <\/div>\n          <div class=\"champion-top-views\">+31 M<\/div>\n        <\/div>\n        <div class=\"champion-card\">\n          <div class=\"champion-avatar\" style=\"width:44px;height:44px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;margin:0 auto 8px; font-size:20px;\">\ud83c\udfb5<\/div>\n          <div class=\"champ-name\">ANYME<\/div>\n          <div class=\"champ-clips\">1 clip \u00b7 Mayotte<\/div>\n          <div class=\"champ-views\">19,9 M vues<\/div>\n        <\/div>\n        <div class=\"champion-card\">\n          <div class=\"champion-avatar\" style=\"width:44px;height:44px;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;margin:0 auto 8px; font-size:20px;\">\ud83c\udfb5<\/div>\n          <div class=\"champ-name\">DJ KAWEST<\/div>\n          <div class=\"champ-clips\">1 clip \u00b7 Guadeloupe<\/div>\n          <div class=\"champ-views\">19,5 M vues<\/div>\n        <\/div>\n        <div class=\"champion-card\">\n          <div class=\"champion-avatar\" style=\"width:44px;height:44px;border-radius:50%;background:var(--pink);display:flex;align-items:center;justify-content:center;margin:0 auto 8px; font-size:20px;\">\ud83c\udfb5<\/div>\n          <div class=\"champ-name\">1T1<\/div>\n          <div class=\"champ-clips\">2 clips \u00b7 Mayotte<\/div>\n          <div class=\"champ-views\">21 M vues<\/div>\n        <\/div>\n        <div class=\"champion-card\">\n          <div class=\"champion-avatar\" style=\"width:44px;height:44px;border-radius:50%;background:#37474F;display:flex;align-items:center;justify-content:center;margin:0 auto 8px; font-size:20px;\">\ud83c\udfb5<\/div>\n          <div class=\"champ-name\">KALIPSXAU<\/div>\n          <div class=\"champ-clips\">2 clips \u00b7 R\u00e9union<\/div>\n          <div class=\"champ-views\">14,8 M vues<\/div>\n        <\/div>\n        <div class=\"champion-card\">\n          <div class=\"champion-avatar\" style=\"width:44px;height:44px;border-radius:50%;background:#795548;display:flex;align-items:center;justify-content:center;margin:0 auto 8px; font-size:20px;\">\ud83c\udfb5<\/div>\n          <div class=\"champ-name\">NESLY<\/div>\n          <div class=\"champ-clips\">1 clip \u00b7 Guyane<\/div>\n          <div class=\"champ-views\">2,4 M vues<\/div>\n        <\/div>\n        <div class=\"champion-card\">\n          <div class=\"champion-avatar\" style=\"width:44px;height:44px;border-radius:50%;background:#43A047;display:flex;align-items:center;justify-content:center;margin:0 auto 8px; font-size:20px;\">\ud83c\udfb5<\/div>\n          <div class=\"champ-name\">SANSAND<\/div>\n          <div class=\"champ-clips\">3 clips \u00b7 Guadeloupe<\/div>\n          <div class=\"champ-views\">6,5 M vues<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"source-note\" style=\"margin-top:12px;\">Source : Hit-lokal.com \u00b7 YouTube 2025<\/div>\n    <\/div>\n    <div class=\"page-num\">8<\/div>\n  <\/div>\n\n  <!-- ===== SLIDE 9 \u2013 YOUTUBE VS SPOTIFY ===== -->\n  <div class=\"slide\">\n    <div class=\"slide-header\">\n      <span class=\"brand\">\u25b2 HIT LOKAL \u00b7 Barom\u00e8tre 2025<\/span>\n      <span class=\"edition\">3\u00e8me \u00e9dition<\/span>\n    <\/div>\n    <div class=\"section-label\">YOUTUBE VS SPOTIFY<\/div>\n    <div class=\"slide-body\">\n      <p class=\"info-text\">Sur un panel de 70 titres ayant d\u00e9pass\u00e9 le million de vues sur YouTube, l&#8217;\u00e9tude r\u00e9v\u00e8le un <span class=\"highlight\">\u00e9cart massif entre les performances sur les deux plateformes<\/span>.<\/p>\n      <div class=\"yt-vs-sp\">\n        <div class=\"platform-box yt\">\n          <div class=\"platform-icon\">\u25b6\ufe0f<\/div>\n          <div class=\"platform-title\">YouTube<\/div>\n          <div class=\"platform-stat\">402 M<\/div>\n          <div class=\"platform-label\">vues cumul\u00e9es 2025<\/div>\n          <div class=\"platform-desc\">YouTube reste <strong>le moteur principal<\/strong> de la musique ultramarine. Le clip vid\u00e9o demeure un vecteur central d&#8217;expression et de viralit\u00e9, particuli\u00e8rement pour le Dancehall, le Zouk et la Soca\/Bouyon.<\/div>\n          <div style=\"margin-top:10px;\">\n            <span class=\"platform-tag\">Dancehall \ud83d\udd25<\/span>\n            <span class=\"platform-tag\">Zouk<\/span>\n            <span class=\"platform-tag\">Soca<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"platform-box sp\">\n          <div class=\"platform-icon\">\ud83c\udfb5<\/div>\n          <div class=\"platform-title\">Spotify<\/div>\n          <div class=\"platform-stat\">\u226a<\/div>\n          <div class=\"platform-label\">scores bien inf\u00e9rieurs<\/div>\n          <div class=\"platform-desc\">Malgr\u00e9 sa mont\u00e9e en puissance, Spotify peine \u00e0 s\u00e9duire le public carib\u00e9en et oc\u00e9anien, plus attach\u00e9 \u00e0 <strong>l&#8217;image et au partage communautaire<\/strong> qu&#8217;\u00e0 l&#8217;\u00e9coute audio pure.<\/div>\n          <div style=\"margin-top:10px;\">\n            <span class=\"platform-tag sp-tag\">Diasporas<\/span>\n            <span class=\"platform-tag sp-tag\">Territoire d&#8217;avenir<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div style=\"background: #E8F5E9; border-radius:10px; padding:14px 18px; margin-top:16px; border-left:4px solid #1DB954;\">\n        <div style=\"font-family:'Raleway',sans-serif; font-size:13px; color:#2E7D32; font-weight:600;\">\n          \ud83d\udca1 <strong>La musique d&#8217;Outremer s&#8217;\u00e9coute, mais surtout se regarde.<\/strong> YouTube reste la vitrine incontournable pour les artistes ultramarins, tandis que Spotify repr\u00e9sente un territoire d&#8217;avenir, encore \u00e0 conqu\u00e9rir.\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"page-num\">9<\/div>\n  <\/div>\n\n  <!-- ===== SLIDE 10 \u2013 CONCLUSION ===== -->\n  <div class=\"slide\">\n    <div class=\"slide-header\">\n      <span class=\"brand\">\u25b2 HIT LOKAL \u00b7 Barom\u00e8tre 2025<\/span>\n      <span class=\"edition\">3\u00e8me \u00e9dition<\/span>\n    <\/div>\n    <div class=\"section-label\">CONCLUSION &#038; PERSPECTIVES<\/div>\n    <div class=\"slide-body\">\n      <div class=\"conclusion-content\">\n        <div class=\"conclusion-block\">\n          <div class=\"conclusion-block-title\">\ud83c\udfc6 Dancehall ultra-dominant<\/div>\n          <div class=\"conclusion-block-text\">Avec 44% des clips et 50% des vues, le Dancehall s&#8217;impose comme le genre phare de la sc\u00e8ne ultramarine en 2025. Des artistes comme Meryl, Anyme et Dj Kawest atteignent des sommets in\u00e9dits.<\/div>\n        <\/div>\n        <div class=\"conclusion-block\">\n          <div class=\"conclusion-block-title\">\ud83c\udfb5 Zouk : valeur s\u00fbre<\/div>\n          <div class=\"conclusion-block-text\">Le Zouk confirme sa solidit\u00e9 avec 79M de vues et 18 clips dans le Top 1M. Des artistes comme Antonny Drew, Kalipsxau et Nesly &#038; Mikl portent haut les couleurs du genre.<\/div>\n        <\/div>\n        <div class=\"conclusion-block\">\n          <div class=\"conclusion-block-title\">\ud83c\udf1f Nouvelles t\u00eates d&#8217;affiche<\/div>\n          <div class=\"conclusion-block-text\">Mayotte s&#8217;impose avec des artistes comme Anyme et 1t1 qui figurent dans le top 5 national. La sc\u00e8ne musicale ultramarine se diversifie g\u00e9ographiquement et g\u00e9n\u00e9rationnellement.<\/div>\n        <\/div>\n        <div class=\"conclusion-block\">\n          <div class=\"conclusion-block-title\">\ud83d\udcca La data au service des artistes<\/div>\n          <div class=\"conclusion-block-text\">Ce barom\u00e8tre confirme l&#8217;importance de la data pour orienter les strat\u00e9gies de sortie, identifier les tendances et renforcer les collaborations entre artistes ultramarins.<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"awards-banner\">\n        <div>\n          <div class=\"awards-text\">\ud83c\udfc6 HIT LOKAL AWARDS<\/div>\n          <div class=\"awards-sub\">La c\u00e9r\u00e9monie qui c\u00e9l\u00e8bre les talents, les voix et la culture d&#8217;Outremer<\/div>\n          <div style=\"font-family:'Raleway',sans-serif; font-size:12px; color:var(--yellow); margin-top:4px; font-style:italic;\">Rendez-vous en mars 2026 \u00b7 www.hitlokalawards.com<\/div>\n        <\/div>\n        <div class=\"awards-logo\">HI\u25b2LOKAL<br><span style=\"font-size:14px; color:var(--yellow);\">AWARDS<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"page-num\">10<\/div>\n  <\/div>\n\n<\/div>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Barom\u00e8tre de la Musique d&#8217;Outremer 2025 \u2013 Hit Lokal \u25b2 HIT LOKAL Barom\u00e8tre de la&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-25","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.pro.hitlokal.com\/index.php\/wp-json\/wp\/v2\/posts\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pro.hitlokal.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pro.hitlokal.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pro.hitlokal.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pro.hitlokal.com\/index.php\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":1,"href":"https:\/\/www.pro.hitlokal.com\/index.php\/wp-json\/wp\/v2\/posts\/25\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/www.pro.hitlokal.com\/index.php\/wp-json\/wp\/v2\/posts\/25\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/www.pro.hitlokal.com\/index.php\/wp-json\/wp\/v2\/media?parent=25"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pro.hitlokal.com\/index.php\/wp-json\/wp\/v2\/categories?post=25"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pro.hitlokal.com\/index.php\/wp-json\/wp\/v2\/tags?post=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}