{"id":2483,"date":"2026-04-07T15:25:28","date_gmt":"2026-04-07T15:25:28","guid":{"rendered":"https:\/\/atlasproontv.online\/?page_id=2483"},"modified":"2026-05-22T20:07:40","modified_gmt":"2026-05-22T20:07:40","slug":"vip-installation","status":"publish","type":"page","link":"https:\/\/atlasproontv.online\/iptv\/vip-installation\/","title":{"rendered":"VIP installation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2483\" class=\"elementor elementor-2483\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b75137 e-con-full e-flex e-con e-parent\" data-id=\"3b75137\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73f1dee elementor-widget elementor-widget-html\" data-id=\"73f1dee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\"\/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0\"\/>\r\n<meta name=\"description\" content=\"Guide complet d'installation IPTV \u2014 apprenez \u00e0 installer IPTV sur Firestick, Smart TV, Android, iPhone, PC Windows et Mac.\"\/>\r\n<meta name=\"keywords\" content=\"installer IPTV, guide IPTV, IPTV Firestick, IPTV Smart TV, IPTV Android, IPTV iPhone, IPTV Smarters, TiviMate, liste M3U, Xtream Codes IPTV, IPTV France\"\/>\r\n<title>Install VIP \u2014 Guide d'Installation | Atlas Pro OnTV<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Unbounded:wght@400;700;800;900&family=Outfit:wght@300;400;500;600&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   RESET & TOKENS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n:root{\r\n  --navy:#1B1651;\r\n  --berry:#9D2050;\r\n  --grad:linear-gradient(135deg,#1B1651 0%,#4a1870 50%,#9D2050 100%);\r\n  --bg:#fff;\r\n  --bg2:#F7F5FF;\r\n  --bg3:#FFF0F5;\r\n  --border:#E8E4F4;\r\n  --text:#1a1228;\r\n  --text2:#4a4468;\r\n  --text3:#9290AA;\r\n  --ff-h:'Unbounded',sans-serif;\r\n  --ff-b:'Outfit',sans-serif;\r\n  --tr:all .25s cubic-bezier(.4,0,.2,1);\r\n  --surface:#F7F5FF;\r\n  --surface2:#FFF0F5;\r\n  --card:#ffffff;\r\n  --purple:#1B1651;\r\n  --purple2:#9D2050;\r\n  --gold:#f59e0b;\r\n  --gold2:#fbbf24;\r\n  --green:#10b981;\r\n  --red:#ef4444;\r\n  --blue:#3b82f6;\r\n  --white:#ffffff;\r\n  --ink:#1a1228;\r\n  --muted:#9290AA;\r\n  --radius:14px;\r\n  --shadow:0 4px 20px rgba(27,22,81,.09);\r\n}\r\nhtml{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}\r\nbody{font-family:var(--ff-b);background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.6}\r\nimg{display:block;max-width:100%;height:auto}\r\na{color:inherit;text-decoration:none}\r\nbutton,a{-webkit-tap-highlight-color:transparent}\r\n:target{scroll-margin-top:90px}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   TYPOGRAPHY\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nh1,h2,h3,h4{font-family:var(--ff-h);line-height:1.15;letter-spacing:-.02em}\r\nh1{font-size:clamp(1.4rem,4.5vw,3rem);font-weight:900}\r\nh2{font-size:clamp(1.1rem,3.2vw,2rem);font-weight:900}\r\nh3{font-size:clamp(.95rem,2.5vw,1.35rem);font-weight:800}\r\nh4{font-size:clamp(.8rem,1.8vw,.95rem);font-weight:700}\r\np{margin-bottom:1rem;color:var(--text2)}\r\np:last-child{margin-bottom:0}\r\ncode{word-break:break-all;overflow-wrap:anywhere;font-family:monospace}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   LAYOUT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.wrap{max-width:1140px;margin:0 auto;padding:0 clamp(14px,4vw,32px)}\r\n.section{padding:clamp(36px,7vw,72px) 0}\r\n.section--dark{background:linear-gradient(160deg,var(--navy) 0%,#2d1260 55%,var(--berry) 100%)}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   NAV\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.nav{position:sticky;top:0;z-index:900;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 2px 16px rgba(27,22,81,.07);width:100%}\r\n.nav-in{display:flex;align-items:center;justify-content:space-between;max-width:1140px;margin:0 auto;padding:0 clamp(14px,4vw,32px);height:72px}\r\n.nav-logo img{height:52px;width:auto;object-fit:contain}\r\n.nav-links{display:flex;align-items:center;gap:1.5rem;list-style:none}\r\n.nav-links a{font-size:.88rem;font-weight:500;color:var(--text2);white-space:nowrap}\r\n.nav-links a:hover,.nav-links a.active{color:var(--berry)}\r\n.nav-cta-wrap .btn{padding:.55rem 1.2rem;font-size:.68rem}\r\n.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--ff-h);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.85rem 1.8rem;border-radius:50px;border:none;cursor:pointer;transition:var(--tr);text-decoration:none !important;color:#fff !important;min-height:44px}\r\n.btn-primary{background:var(--grad);box-shadow:0 4px 20px rgba(157,32,80,.35)}\r\n.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(157,32,80,.45);opacity:.92}\r\n.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:10px;border-radius:8px;min-width:44px;min-height:44px;align-items:center;justify-content:center}\r\n.hamburger span{display:block;width:22px;height:2.5px;background:var(--navy);border-radius:2px;transition:all .35s;pointer-events:none}\r\n.hamburger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}\r\n.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}\r\n.hamburger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}\r\n.mobile-nav{display:none;position:fixed;inset:0;z-index:800;background:rgba(27,22,81,.55);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s}\r\n.mobile-nav.open{opacity:1;pointer-events:all}\r\n.mobile-drawer{position:absolute;top:0;right:0;bottom:0;width:82%;max-width:320px;background:#fff;padding:5rem 2rem 2rem;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 40px rgba(27,22,81,.15);overflow-y:auto}\r\n.mobile-nav.open .mobile-drawer{transform:translateX(0)}\r\n.mob-link{display:flex;align-items:center;font-family:var(--ff-h);font-size:.85rem;font-weight:700;color:var(--navy);padding:1rem 0;border-bottom:1px solid var(--border);transition:var(--tr);min-height:52px}\r\n.mob-link:hover{color:var(--berry);padding-left:.5rem}\r\n.mob-cta{margin-top:1.5rem;width:100%;text-align:center}\r\n.mob-close{position:absolute;top:1.2rem;right:1.2rem;width:44px;height:44px;border-radius:50%;background:var(--bg2);border:none;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;color:var(--navy);flex-shrink:0}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SIDEBAR TOC \u2014 desktop only\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.page-layout{\r\n  display:grid;grid-template-columns:240px 1fr;gap:32px;\r\n  align-items:start;max-width:1140px;margin:0 auto;\r\n  padding:0 clamp(14px,4vw,32px);\r\n}\r\n.toc{\r\n  position:sticky;top:84px;background:var(--card);border-radius:var(--radius);\r\n  padding:20px;box-shadow:var(--shadow);border:1px solid var(--border);\r\n  max-height:calc(100vh - 100px);overflow-y:auto;\r\n}\r\n.toc::-webkit-scrollbar{width:4px}\r\n.toc::-webkit-scrollbar-track{background:transparent}\r\n.toc::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}\r\n.toc h4{font-size:.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-family:var(--ff-h)}\r\n.toc ul{list-style:none}\r\n.toc li+li{margin-top:2px}\r\n.toc a{\r\n  display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;\r\n  font-size:.82rem;font-weight:500;color:var(--text);transition:.15s;min-height:38px;\r\n}\r\n.toc a:hover,.toc a.active{background:rgba(157,32,80,.08);color:var(--berry);text-decoration:none}\r\n.toc-icon{font-size:.9rem;width:18px;text-align:center;flex-shrink:0}\r\n.toc-divider{height:1px;background:var(--border);margin:6px 0}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   MOBILE BOTTOM NAV FAB\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.mob-nav-toggle{\r\n  position:fixed;bottom:20px;right:20px;z-index:300;\r\n  width:52px;height:52px;border-radius:50%;\r\n  background:var(--grad);\r\n  color:#fff;font-size:1.2rem;border:none;cursor:pointer;\r\n  box-shadow:0 6px 20px rgba(157,32,80,.4);\r\n  display:none;align-items:center;justify-content:center;\r\n  -webkit-tap-highlight-color:transparent;\r\n}\r\n.mob-nav-drawer{\r\n  position:fixed;bottom:0;left:0;right:0;z-index:290;\r\n  background:var(--white);border-radius:24px 24px 0 0;\r\n  box-shadow:0 -8px 40px rgba(0,0,0,.15);\r\n  padding:16px 20px 36px;\r\n  transform:translateY(100%);\r\n  transition:transform .3s cubic-bezier(.4,0,.2,1);\r\n  max-height:75vh;overflow-y:auto;\r\n}\r\n.mob-nav-drawer.open{transform:translateY(0)}\r\n.mob-nav-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 16px}\r\n.mob-nav-drawer h4{font-size:.62rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-family:var(--ff-h)}\r\n.mob-nav-drawer ul{list-style:none}\r\n.mob-nav-drawer li+li{margin-top:2px}\r\n.mob-nav-drawer a{\r\n  display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;\r\n  font-size:.9rem;font-weight:500;color:var(--text);transition:.15s;min-height:48px;\r\n}\r\n.mob-nav-drawer a:hover,.mob-nav-drawer a:active{background:rgba(157,32,80,.08);color:var(--berry);text-decoration:none}\r\n.mob-nav-divider{height:1px;background:var(--border);margin:6px 0}\r\n.mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:280}\r\n.mob-overlay.open{display:block}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   HERO\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.hero{\r\n  background:var(--grad);\r\n  padding:clamp(40px,9vw,80px) 0 clamp(36px,7vw,72px);\r\n  text-align:center;position:relative;overflow:hidden;\r\n}\r\n.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 110%,rgba(157,32,80,.18),transparent);pointer-events:none}\r\n.hero-badge{\r\n  display:inline-flex;align-items:center;gap:8px;\r\n  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);\r\n  color:#fff;font-family:var(--ff-h);font-size:.58rem;font-weight:700;\r\n  letter-spacing:1.5px;text-transform:uppercase;padding:7px 14px;border-radius:50px;margin-bottom:16px;\r\n}\r\n.hero h1{color:#fff;max-width:720px;margin:0 auto 16px}\r\n.hero h1 em{color:var(--gold2);font-style:normal}\r\n.hero-sub{color:rgba(255,255,255,.75);font-size:clamp(.88rem,2.4vw,1.05rem);max-width:560px;margin:0 auto 28px;font-family:var(--ff-b)}\r\n.hero-devices{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 clamp(8px,3vw,20px)}\r\n.hero-pill{\r\n  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);\r\n  color:rgba(255,255,255,.9);font-size:clamp(.72rem,1.8vw,.81rem);font-weight:500;\r\n  padding:6px 12px;border-radius:50px;display:flex;align-items:center;gap:6px;\r\n  font-family:var(--ff-b);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   PR\u00c9REQUIS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.req-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:24px}\r\n.req-card{background:var(--card);border-radius:var(--radius);padding:20px 16px;box-shadow:var(--shadow);border:1px solid var(--border);text-align:center}\r\n.req-card .icon{font-size:1.8rem;margin-bottom:10px}\r\n.req-card h4{font-size:.86rem;margin-bottom:4px;color:var(--ink)}\r\n.req-card p{font-size:.8rem;color:var(--muted);margin:0}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   LABEL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.label{\r\n  display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-h);\r\n  font-size:.58rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;\r\n  color:var(--berry);background:rgba(157,32,80,.08);padding:6px 14px;\r\n  border-radius:50px;margin-bottom:14px;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SECTIONS APPAREILS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.device-section{padding:clamp(28px,5vw,56px) 0}\r\n.device-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px;flex-wrap:wrap}\r\n.device-icon-wrap{\r\n  width:54px;height:54px;border-radius:14px;min-width:54px;\r\n  background:var(--grad);\r\n  display:flex;align-items:center;justify-content:center;\r\n  font-size:1.6rem;flex-shrink:0;box-shadow:0 6px 20px rgba(157,32,80,.25);\r\n}\r\n.device-title-block{min-width:0;flex:1}\r\n.device-title-block h2{color:var(--ink);margin-bottom:4px}\r\n.device-title-block p{color:var(--muted);font-size:.86rem;margin:0}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ONGLETS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.tabs{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:22px;padding-bottom:4px;scrollbar-width:none}\r\n.tabs::-webkit-scrollbar{display:none}\r\n.tab-btn{\r\n  font-family:var(--ff-h);font-size:.72rem;font-weight:700;letter-spacing:.4px;\r\n  padding:9px 14px;border-radius:50px;border:1.5px solid var(--border);\r\n  background:var(--card);color:var(--muted);cursor:pointer;transition:.2s;\r\n  min-height:42px;white-space:nowrap;flex-shrink:0;touch-action:manipulation;\r\n}\r\n.tab-btn.active,.tab-btn:hover{border-color:var(--berry);color:var(--berry);background:rgba(157,32,80,.06)}\r\n.tab-panel{display:none}\r\n.tab-panel.active{display:block}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   \u00c9TAPES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.steps{list-style:none;display:flex;flex-direction:column;gap:12px}\r\n.steps li{\r\n  display:flex;gap:14px;align-items:flex-start;\r\n  background:var(--card);border:1px solid var(--border);\r\n  border-radius:var(--radius);padding:clamp(12px,2.5vw,18px) clamp(12px,2.5vw,20px);\r\n  box-shadow:0 2px 8px rgba(0,0,0,.04);transition:.2s;\r\n}\r\n.steps li:hover{border-color:rgba(157,32,80,.25);box-shadow:var(--shadow)}\r\n.step-num{\r\n  width:30px;height:30px;min-width:30px;border-radius:50%;\r\n  background:var(--grad);\r\n  color:#fff;font-family:var(--ff-h);font-weight:800;font-size:.72rem;\r\n  display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;\r\n}\r\n.step-body{min-width:0;flex:1;overflow:hidden}\r\n.step-body h4{font-size:.88rem;color:var(--ink);margin-bottom:4px}\r\n.step-body p{font-size:.84rem;color:#4b5563;margin:0;word-break:break-word;overflow-wrap:anywhere}\r\n.step-body code{\r\n  background:rgba(157,32,80,.08);color:var(--berry);font-size:.75rem;\r\n  padding:2px 7px;border-radius:6px;font-family:monospace;\r\n  word-break:break-all;overflow-wrap:anywhere;display:inline;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   CALLOUTS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.tip,.warn,.info{\r\n  display:flex;gap:10px;padding:clamp(11px,2.5vw,15px) clamp(12px,2.5vw,16px);\r\n  border-radius:12px;font-size:.84rem;margin:16px 0;line-height:1.65;\r\n}\r\n.tip{background:#ecfdf5;border-left:3px solid var(--green);color:#065f46}\r\n.warn{background:#fef3c7;border-left:3px solid var(--gold);color:#92400e}\r\n.info{background:#eff6ff;border-left:3px solid var(--blue);color:#1e40af}\r\n.tip-icon,.warn-icon,.info-icon{font-size:1rem;flex-shrink:0;margin-top:2px}\r\n.tip span:last-child,.warn span:last-child,.info span:last-child{overflow-wrap:anywhere;word-break:break-word;min-width:0}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   BADGES APPLIS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.apps-row{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}\r\n.app-badge{\r\n  display:flex;align-items:center;gap:7px;background:var(--card);\r\n  border:1px solid var(--border);padding:8px 12px;border-radius:12px;\r\n  font-size:.8rem;font-weight:600;color:var(--ink);\r\n  box-shadow:0 2px 6px rgba(0,0,0,.05);flex-shrink:0;\r\n}\r\n.app-badge span{font-size:.95rem}\r\n.app-badge .rec{font-size:.64rem;background:var(--green);color:#fff;padding:1px 6px;border-radius:4px;font-weight:700;margin-left:4px}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   BO\u00ceTE IDENTIFIANTS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.creds-box{\r\n  background:linear-gradient(135deg,var(--navy),#2d1260);border-radius:var(--radius);\r\n  padding:clamp(16px,3.5vw,26px) clamp(14px,3.5vw,26px);margin:20px 0;\r\n  border:1px solid rgba(157,32,80,.3);overflow:hidden;\r\n}\r\n.creds-box h4{font-family:var(--ff-h);color:var(--gold2);margin-bottom:14px;font-size:.86rem;letter-spacing:.5px}\r\n.cred-row{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);align-items:flex-start}\r\n.cred-row:last-child{border-bottom:none}\r\n.cred-label{font-size:.76rem;color:rgba(255,255,255,.5);min-width:120px;flex-shrink:0;padding-top:2px}\r\n.cred-val{\r\n  font-family:monospace;font-size:.78rem;color:#fff;\r\n  background:rgba(255,255,255,.06);padding:5px 10px;border-radius:8px;\r\n  flex:1;min-width:200px;word-break:break-all;overflow-wrap:anywhere;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   D\u00c9PANNAGE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.trouble-grid{display:flex;flex-direction:column;gap:12px;margin-top:24px}\r\n.trouble-item{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04)}\r\n.trouble-q{\r\n  display:flex;justify-content:space-between;align-items:flex-start;\r\n  padding:clamp(13px,2.5vw,18px) clamp(14px,2.5vw,20px);cursor:pointer;\r\n  user-select:none;transition:.15s;gap:12px;min-height:54px;\r\n}\r\n.trouble-q:hover{background:rgba(157,32,80,.03)}\r\n.trouble-q-text{\r\n  font-family:var(--ff-h);font-weight:700;font-size:clamp(.78rem,1.8vw,.88rem);\r\n  color:var(--ink);display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;\r\n  padding-top:2px;flex:1;min-width:0;\r\n}\r\n.trouble-tag{font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;white-space:nowrap}\r\n.trouble-tag.err{background:#fee2e2;color:var(--red)}\r\n.trouble-tag.slow{background:#fef3c7;color:#92400e}\r\n.trouble-tag.info2{background:#e5e7eb;color:#374151}\r\n.trouble-toggle{\r\n  width:30px;height:30px;min-width:30px;background:rgba(157,32,80,.1);color:var(--berry);\r\n  border-radius:50%;display:flex;align-items:center;justify-content:center;\r\n  font-size:1rem;transition:transform .25s;flex-shrink:0;margin-top:2px;\r\n}\r\n.trouble-item.open .trouble-toggle{transform:rotate(45deg);background:var(--berry);color:#fff}\r\n.trouble-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s}\r\n.trouble-item.open .trouble-a{max-height:600px;padding:0 clamp(14px,2.5vw,20px) 16px}\r\n.trouble-a p,.trouble-a li{font-size:.84rem;color:#4b5563}\r\n.trouble-a ul{padding-left:18px}\r\n.trouble-a li{margin-bottom:6px}\r\n.trouble-a code{font-family:monospace;font-size:.78rem;background:rgba(157,32,80,.06);color:var(--berry);padding:1px 5px;border-radius:4px}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SUPPORT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:28px}\r\n.support-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:clamp(18px,3.5vw,26px) clamp(14px,3vw,20px);text-align:center;transition:.25s}\r\n.support-card:hover{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);transform:translateY(-3px)}\r\n.support-card .icon{font-size:1.8rem;margin-bottom:12px}\r\n.support-card h4{font-family:var(--ff-h);color:#fff;margin-bottom:6px;font-size:.9rem}\r\n.support-card p{font-size:.8rem;color:rgba(255,255,255,.5);margin-bottom:14px}\r\n.support-card a{\r\n  display:inline-flex;align-items:center;justify-content:center;\r\n  background:var(--grad);\r\n  color:#fff;font-family:var(--ff-h);font-weight:700;font-size:.68rem;\r\n  letter-spacing:.8px;text-transform:uppercase;padding:10px 16px;border-radius:50px;\r\n  text-decoration:none !important;transition:var(--tr);min-height:42px;\r\n}\r\n.support-card a:hover{opacity:.88;transform:translateY(-2px)}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FOOTER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.footer{background:var(--navy);padding:3rem 0 1.5rem}\r\n.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:2.5rem;margin-bottom:2.5rem}\r\n.footer-logo{height:46px;width:auto;margin-bottom:.9rem}\r\n.footer-desc{font-size:.86rem;color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:1.1rem}\r\n.footer-social{display:flex;gap:.7rem}\r\n.footer-social a{width:36px;height:36px;background:rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:var(--tr)}\r\n.footer-social a:hover{background:var(--berry)}\r\n.footer-h{font-family:var(--ff-h);font-size:.68rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}\r\n.footer-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}\r\n.footer-links a{font-size:.84rem;color:rgba(255,255,255,.5);transition:var(--tr)}\r\n.footer-links a:hover{color:#fff}\r\n.footer-support-btns{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}\r\n.footer-support-btn{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;border-radius:8px;font-size:.78rem;font-weight:600;transition:var(--tr);min-height:44px}\r\n.footer-support-btn.wa{background:rgba(37,211,102,.15);color:#25d366}\r\n.footer-support-btn.wa:hover{background:rgba(37,211,102,.25)}\r\n.footer-support-btn.em{background:rgba(255,255,255,.08);color:rgba(255,255,255,.7)}\r\n.footer-support-btn.em:hover{background:rgba(255,255,255,.14);color:#fff}\r\n.footer-payments img{height:42px;margin-top:.75rem;filter:brightness(.8)}\r\n.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem}\r\n.footer-copy{font-size:.76rem;color:rgba(255,255,255,.35)}\r\n.footer-bottom-links{display:flex;gap:1.2rem;flex-wrap:wrap}\r\n.footer-bottom-links a{font-size:.72rem;color:rgba(255,255,255,.35);transition:var(--tr)}\r\n.footer-bottom-links a:hover{color:rgba(255,255,255,.7)}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   ANIMATIONS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}\r\n.hero>*{animation:fadeUp .55s ease both}\r\n.hero-badge{animation-delay:.1s}\r\n.hero h1{animation-delay:.2s}\r\n.hero-sub{animation-delay:.3s}\r\n.hero-devices{animation-delay:.4s}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SCROLL PROGRESS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n#progress{position:fixed;top:0;left:0;height:3px;background:var(--grad);z-index:999;transition:width .1s linear;pointer-events:none}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   GLOBAL OVERFLOW SAFETY\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nhtml,body{max-width:100%;overflow-x:hidden}\r\n*{min-width:0}\r\nimg,video,iframe,embed,object{max-width:100%;height:auto}\r\npre,code{white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere}\r\n.step-body code,\r\n.trouble-a code,\r\n.cred-val{\r\n  display:inline-block;\r\n  max-width:100%;\r\n  white-space:pre-wrap;\r\n  word-break:break-all;\r\n  overflow-wrap:anywhere;\r\n}\r\n\/* App badge \u2014 allow wrapping text on very narrow screens *\/\r\n.app-badge{max-width:100%;flex-shrink:1}\r\n\/* Tabs container always scrollable, never overflows *\/\r\n.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}\r\n.tabs::-webkit-scrollbar{height:0;display:none}\r\n\/* Device sections with inline style \u2014 always have safe box model *\/\r\n.device-section[style*=\"background\"]{box-sizing:border-box;width:100%}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   LARGE DESKTOP \u2014 \u2264 1100px\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media(max-width:1100px){\r\n  .nav-links li:nth-child(n+4){display:none}\r\n  .footer-grid{grid-template-columns:1fr 1fr}\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   TABLET \u2014 \u2264 900px\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media(max-width:900px){\r\n  \/* Nav *\/\r\n  .nav-links{display:none}\r\n  .nav-cta-wrap{display:none}\r\n  .hamburger{display:flex}\r\n  .mobile-nav{display:block}\r\n\r\n  \/* Layout *\/\r\n  .page-layout{grid-template-columns:1fr;gap:0;padding:0 clamp(12px,3vw,24px)}\r\n  .toc{display:none}\r\n  .mob-nav-toggle{display:flex}\r\n  main{min-width:0;width:100%}\r\n\r\n  \/* Surface wrapper *\/\r\n  [style*=\"background:var(--surface)\"]{\r\n    padding-left:0 !important;\r\n    padding-right:0 !important;\r\n  }\r\n\r\n  \/* Device sections with inline background style *\/\r\n  .device-section[style*=\"background\"]{\r\n    border-radius:16px !important;\r\n    margin:0 0 24px !important;\r\n    padding:28px 20px !important;\r\n  }\r\n\r\n  \/* Apps row wraps nicely on tablet *\/\r\n  .apps-row{flex-wrap:wrap}\r\n\r\n  \/* Footer *\/\r\n  .footer-grid{grid-template-columns:1fr 1fr;gap:1.75rem}\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   MOBILE \u2014 \u2264 640px\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media(max-width:640px){\r\n  \/* Base spacing *\/\r\n  .wrap{padding:0 16px}\r\n  .nav-in{padding:0 16px;height:60px}\r\n  .nav-logo img{height:40px}\r\n\r\n  \/* Hero *\/\r\n  .hero{padding:32px 0 28px}\r\n  .hero-sub{font-size:.85rem}\r\n  .hero-devices{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:6px;\r\n    padding:0 16px;\r\n  }\r\n  .hero-pill{\r\n    justify-content:center;\r\n    font-size:.7rem;\r\n    padding:6px 8px;\r\n    white-space:normal;\r\n    text-align:center;\r\n  }\r\n\r\n  \/* Surface outer wrapper *\/\r\n  [style*=\"background:var(--surface)\"]{\r\n    padding:20px 0 !important;\r\n  }\r\n\r\n  \/* Page layout *\/\r\n  .page-layout{padding:0 16px}\r\n\r\n  \/* Device sections *\/\r\n  .device-section{padding:20px 0}\r\n  .device-section[style*=\"background\"]{\r\n    padding:20px 16px !important;\r\n    border-radius:14px !important;\r\n    margin:0 0 20px !important;\r\n  }\r\n  .device-icon-wrap{width:44px;height:44px;min-width:44px;font-size:1.25rem;border-radius:11px}\r\n  .device-header{gap:10px;margin-bottom:20px}\r\n  .device-title-block h2{font-size:clamp(1rem,4vw,1.3rem)}\r\n  .device-title-block p{font-size:.8rem}\r\n\r\n  \/* Tabs \u2014 horizontal scroll, no wrap *\/\r\n  .tabs{gap:6px;padding-bottom:6px}\r\n  .tab-btn{font-size:.68rem;padding:8px 11px;min-height:38px}\r\n\r\n  \/* Steps *\/\r\n  .steps{gap:10px}\r\n  .steps li{padding:12px;gap:10px}\r\n  .step-num{width:26px;height:26px;min-width:26px;font-size:.64rem}\r\n  .step-body h4{font-size:.82rem}\r\n  .step-body p{font-size:.79rem;line-height:1.55}\r\n  .step-body code{font-size:.71rem}\r\n\r\n  \/* Callouts *\/\r\n  .tip,.warn,.info{font-size:.8rem;padding:11px 12px;gap:8px}\r\n\r\n  \/* Apps row *\/\r\n  .apps-row{gap:7px}\r\n  .app-badge{font-size:.74rem;padding:7px 10px;gap:5px}\r\n  .app-badge .rec{font-size:.6rem;padding:1px 5px}\r\n\r\n  \/* Creds box *\/\r\n  .creds-box{padding:14px 12px}\r\n  .creds-box h4{font-size:.78rem}\r\n  .cred-row{flex-direction:column;gap:4px}\r\n  .cred-label{min-width:unset;width:100%;font-size:.71rem;padding-top:0}\r\n  .cred-val{min-width:unset;width:100%;font-size:.72rem;padding:5px 8px}\r\n\r\n  \/* Req grid *\/\r\n  .req-grid{grid-template-columns:1fr 1fr;gap:10px}\r\n  .req-card{padding:16px 12px}\r\n  .req-card .icon{font-size:1.5rem;margin-bottom:8px}\r\n  .req-card h4{font-size:.8rem}\r\n  .req-card p{font-size:.74rem}\r\n\r\n  \/* Labels *\/\r\n  .label{font-size:.54rem;padding:5px 12px;margin-bottom:10px}\r\n\r\n  \/* Troubleshooting *\/\r\n  .trouble-q{padding:12px;gap:10px;min-height:48px}\r\n  .trouble-q-text{font-size:.78rem;gap:6px}\r\n  .trouble-tag{font-size:.56rem;padding:2px 6px}\r\n  .trouble-toggle{width:28px;height:28px;min-width:28px;font-size:.9rem}\r\n  .trouble-item.open .trouble-a{max-height:800px;padding:0 12px 14px}\r\n  .trouble-a p,.trouble-a li{font-size:.8rem}\r\n\r\n  \/* Support section *\/\r\n  .support-grid{grid-template-columns:1fr 1fr;gap:12px}\r\n  .support-card{padding:16px 12px}\r\n  .support-card .icon{font-size:1.5rem;margin-bottom:8px}\r\n  .support-card h4{font-size:.8rem}\r\n  .support-card p{font-size:.74rem;margin-bottom:10px}\r\n  .support-card a{font-size:.62rem;padding:8px 12px;min-height:38px}\r\n\r\n  \/* Footer *\/\r\n  .footer{padding:2rem 0 1.2rem}\r\n  .footer-grid{grid-template-columns:1fr;gap:1.5rem}\r\n  .footer-bottom{flex-direction:column;text-align:center;gap:.6rem}\r\n  .footer-bottom-links{justify-content:center;gap:.6rem;flex-wrap:wrap}\r\n  .footer-bottom-links a{font-size:.68rem}\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   SMALL PHONES \u2014 \u2264 400px\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media(max-width:400px){\r\n  .wrap{padding:0 12px}\r\n  .nav-in{padding:0 12px;height:56px}\r\n  .nav-logo img{height:36px}\r\n\r\n  \/* Hero pills \u2014 2 per row on very small screens *\/\r\n  .hero-devices{grid-template-columns:repeat(2,1fr)}\r\n  .hero-pill{font-size:.66rem;padding:5px 7px}\r\n  .hero h1 br{display:none}\r\n\r\n  \/* Steps even more compact *\/\r\n  .steps li{padding:10px;gap:8px}\r\n  .step-num{width:24px;height:24px;min-width:24px;font-size:.6rem}\r\n  .step-body h4{font-size:.78rem}\r\n  .step-body p{font-size:.76rem}\r\n\r\n  \/* Req & support single column *\/\r\n  .req-grid{grid-template-columns:1fr}\r\n  .support-grid{grid-template-columns:1fr}\r\n\r\n  \/* Tabs smaller *\/\r\n  .tabs{gap:5px}\r\n  .tab-btn{font-size:.53rem;padding:7px 9px}\r\n\r\n  \/* Label smaller *\/\r\n  .label{font-size:.5rem;letter-spacing:1.5px}\r\n\r\n  \/* Section dark padding *\/\r\n  .section--dark .wrap{padding:0 12px}\r\n  .footer .wrap{padding:0 12px}\r\n\r\n  \/* Cred val smaller *\/\r\n  .cred-val{font-size:.68rem}\r\n\r\n  \/* Device icon *\/\r\n  .device-icon-wrap{width:40px;height:40px;min-width:40px;font-size:1.1rem;border-radius:10px}\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   TOUCH DEVICES \u2014 no hover effects\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media(hover:none){\r\n  .steps li:hover{border-color:var(--border);box-shadow:0 2px 8px rgba(0,0,0,.04)}\r\n  .support-card:hover{transform:none;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}\r\n  .btn-primary:hover{transform:none;opacity:1}\r\n  .footer-social a:hover{background:rgba(255,255,255,.1)}\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   LANDSCAPE MOBILE \u2014 short viewport\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media(max-height:500px) and (orientation:landscape){\r\n  .hero{padding:20px 0 18px}\r\n  .hero h1{font-size:clamp(1rem,3.5vw,1.6rem)}\r\n  .hero-sub{display:none}\r\n  .hero-devices{display:none}\r\n  .mob-nav-drawer{max-height:90vh}\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   PRINT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n@media print{\r\n  .nav,.mobile-nav,#progress,.footer,.mob-nav-toggle,.mob-nav-drawer,.mob-overlay{display:none}\r\n  .page-layout{grid-template-columns:1fr}\r\n  .toc{display:none}\r\n  .hero{background:#fff !important;padding:20px 0}\r\n  .hero h1,.hero-sub,.hero-badge{color:#000 !important}\r\n  .hero-badge{border-color:#ccc}\r\n  .section--dark{background:#f5f5f5 !important}\r\n  .support-card h4,.support-card p{color:#333 !important}\r\n  .hero-devices{display:none}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"progress\"><\/div>\r\n\r\n<!-- NAV -->\r\n<nav class=\"nav\">\r\n  <div class=\"nav-in\">\r\n    <a href=\"https:\/\/atlasproontv.online\/\" class=\"nav-logo\">\r\n      <img decoding=\"async\" src=\"https:\/\/atlasproontv.online\/wp-content\/uploads\/2025\/12\/admin-ajax-3.webp\" alt=\"Atlas Pro OnTV\" height=\"50\" loading=\"lazy\">\r\n    <\/a>\r\n    <ul class=\"nav-links\">\r\n      <li><a href=\"https:\/\/atlasproontv.online\/\">Accueil<\/a><\/li>\r\n      <li><a href=\"https:\/\/atlasproontv.online\/prix-atlas-pro-on-tv\/\">Offres<\/a><\/li>\r\n      <li><a href=\"https:\/\/atlasproontv.online\/install-vip\/\" class=\"active\" style=\"color:var(--berry)\">Install VIP<\/a><\/li>\r\n      <li><a href=\"https:\/\/atlasproontv.online\/contact-us\/\">Assistance<\/a><\/li>\r\n      <li><a href=\"https:\/\/atlasproontv.online\/atlas-pro-ontv-blogs\/\">Blog<\/a><\/li>\r\n    <\/ul>\r\n    <div class=\"nav-cta-wrap\">\r\n      <a href=\"https:\/\/atlasproontv.online\/prix-atlas-pro-on-tv\/\" class=\"btn btn-primary\">Commander \u2192<\/a>\r\n    <\/div>\r\n    <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Menu\" aria-expanded=\"false\" aria-controls=\"mobileNav\">\r\n      <span><\/span><span><\/span><span><\/span>\r\n    <\/button>\r\n  <\/div>\r\n<\/nav>\r\n\r\n<!-- MOBILE DRAWER -->\r\n<div class=\"mobile-nav\" id=\"mobileNav\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Menu de navigation\">\r\n  <div class=\"mobile-drawer\">\r\n    <button class=\"mob-close\" id=\"mobClose\" aria-label=\"Fermer le menu\">\u2715<\/button>\r\n    <a href=\"https:\/\/atlasproontv.online\/\" class=\"mob-link\">\ud83c\udfe0 Accueil<\/a>\r\n    <a href=\"https:\/\/atlasproontv.online\/prix-atlas-pro-on-tv\/\" class=\"mob-link\">\ud83d\udce6 Offres<\/a>\r\n    <a href=\"https:\/\/atlasproontv.online\/install-vip\/\" class=\"mob-link\" style=\"color:var(--berry)\">\ud83d\udc51  Install VIP<\/a>\r\n    <a href=\"https:\/\/atlasproontv.online\/contact-us\/\" class=\"mob-link\">\ud83d\udcac Assistance<\/a>\r\n    <a href=\"https:\/\/atlasproontv.online\/atlas-pro-ontv-blogs\/\" class=\"mob-link\">\ud83d\udcd6 Blog<\/a>\r\n    <a href=\"https:\/\/atlasproontv.online\/prix-atlas-pro-on-tv\/\" class=\"btn btn-primary mob-cta\">Commander \u2192<\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\">\r\n  <div class=\"wrap\">\r\n    <div class=\"hero-badge\">\u2b50 INSTALL VIP<\/div>\r\n    <h1>Guide d'Installation <em>VIP<\/em><br>sur Tous Vos Appareils<\/h1>\r\n    <p class=\"hero-sub\">Instructions d'installation IPTV \u00e9tape par \u00e9tape pour tous vos appareils \u2014 du Firestick \u00e0 la Smart TV, Android, iPhone, PC et Mac.<\/p>\r\n    <div class=\"hero-devices\">\r\n      <div class=\"hero-pill\">\ud83d\udd25 Firestick<\/div>\r\n      <div class=\"hero-pill\">\ud83d\udcfa Smart TV<\/div>\r\n      <div class=\"hero-pill\">\ud83e\udd16 Android<\/div>\r\n      <div class=\"hero-pill\">\ud83c\udf4e iPhone \/ iPad<\/div>\r\n      <div class=\"hero-pill\">\ud83d\udcbb PC Windows<\/div>\r\n      <div class=\"hero-pill\">\ud83c\udf4f Mac<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CONTENU PRINCIPAL -->\r\n<div style=\"background:var(--surface);padding:clamp(16px,4vw,48px) 0\">\r\n<div class=\"page-layout\">\r\n\r\n  <!-- TABLE DES MATI\u00c8RES (desktop) -->\r\n  <aside class=\"toc\" aria-label=\"Table des mati\u00e8res\">\r\n    <h4>Sur cette page<\/h4>\r\n    <ul>\r\n      <li><a href=\"#avant\"><span class=\"toc-icon\">\u2705<\/span> Avant de commencer<\/a><\/li>\r\n      <div class=\"toc-divider\"><\/div>\r\n      <li><a href=\"#firestick\"><span class=\"toc-icon\">\ud83d\udd25<\/span> Firestick \/ Fire TV<\/a><\/li>\r\n      <li><a href=\"#smarttv\"><span class=\"toc-icon\">\ud83d\udcfa<\/span> Smart TV<\/a><\/li>\r\n      <li><a href=\"#android\"><span class=\"toc-icon\">\ud83e\udd16<\/span> Android<\/a><\/li>\r\n      <li><a href=\"#ios\"><span class=\"toc-icon\">\ud83c\udf4e<\/span> iPhone \/ iPad<\/a><\/li>\r\n      <li><a href=\"#windows\"><span class=\"toc-icon\">\ud83d\udcbb<\/span> PC Windows<\/a><\/li>\r\n      <li><a href=\"#mac\"><span class=\"toc-icon\">\ud83c\udf4f<\/span> Mac<\/a><\/li>\r\n      <div class=\"toc-divider\"><\/div>\r\n      <li><a href=\"#depannage\"><span class=\"toc-icon\">\ud83d\udd27<\/span> D\u00e9pannage<\/a><\/li>\r\n      <li><a href=\"#support\"><span class=\"toc-icon\">\ud83d\udcac<\/span> Besoin d'aide ?<\/a><\/li>\r\n    <\/ul>\r\n  <\/aside>\r\n\r\n  <main>\r\n\r\n    <!-- AVANT DE COMMENCER -->\r\n    <section id=\"avant\" class=\"device-section\" style=\"padding-top:0\">\r\n      <div class=\"label\">\u2705 Commencez ici<\/div>\r\n      <h2>Avant de Commencer<\/h2>\r\n      <p>Avant d'installer l'IPTV sur un appareil, assurez-vous de disposer de tout ce qui suit. L'absence de l'un de ces \u00e9l\u00e9ments emp\u00eachera le service de fonctionner correctement.<\/p>\r\n      <div class=\"req-grid\">\r\n        <div class=\"req-card\">\r\n          <div class=\"icon\">\ud83d\udcf6<\/div>\r\n          <h4>Connexion Internet stable<\/h4>\r\n          <p>Minimum 10 Mbps pour la HD. 25 Mbps ou plus recommand\u00e9 pour les flux 4K\/8K.<\/p>\r\n        <\/div>\r\n        <div class=\"req-card\">\r\n          <div class=\"icon\">\ud83c\udfab<\/div>\r\n          <h4>Abonnement actif<\/h4>\r\n          <p>Votre abonnement Atlas Pro OnTV doit \u00eatre actif avant de pouvoir regarder les cha\u00eenes.<\/p>\r\n        <\/div>\r\n        <div class=\"req-card\">\r\n          <div class=\"icon\">\ud83d\udd11<\/div>\r\n          <h4>Vos identifiants<\/h4>\r\n          <p>Gardez votre <strong>nom d'utilisateur<\/strong>, votre <strong>mot de passe<\/strong> et l'<strong>URL du portail<\/strong> \u00e0 port\u00e9e de main.<\/p>\r\n        <\/div>\r\n        <div class=\"req-card\">\r\n          <div class=\"icon\">\ud83d\udcf1<\/div>\r\n          <h4>Appareil compatible<\/h4>\r\n          <p>Tout Firestick, appareil Android, iOS, Smart TV ou ordinateur r\u00e9cent est compatible.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"creds-box\" style=\"margin-top:28px\">\r\n        <h4>\ud83d\udd11 VOS IDENTIFIANTS \u2014 O\u00d9 LES TROUVER<\/h4>\r\n        <div class=\"cred-row\">\r\n          <span class=\"cred-label\">URL du portail \/ serveur<\/span>\r\n          <span class=\"cred-val\">Envoy\u00e9 par e-mail apr\u00e8s l'achat<\/span>\r\n        <\/div>\r\n        <div class=\"cred-row\">\r\n          <span class=\"cred-label\">Nom d'utilisateur<\/span>\r\n          <span class=\"cred-val\">Envoy\u00e9 par e-mail apr\u00e8s l'achat<\/span>\r\n        <\/div>\r\n        <div class=\"cred-row\">\r\n          <span class=\"cred-label\">Mot de passe<\/span>\r\n          <span class=\"cred-val\">Envoy\u00e9 par e-mail apr\u00e8s l'achat<\/span>\r\n        <\/div>\r\n        <div class=\"cred-row\">\r\n          <span class=\"cred-label\">URL de la liste M3U<\/span>\r\n          <span class=\"cred-val\">Envoy\u00e9 par e-mail apr\u00e8s l'achat\/get.php?username=VOTRE_USER&amp;password=VOTRE_PASS&amp;type=m3u<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"warn\"><span class=\"warn-icon\">\u26a0\ufe0f<\/span><span><strong>V\u00e9rifiez vos spams.<\/strong> L'e-mail d'activation contenant vos identifiants est envoy\u00e9 en moins de 3 minutes apr\u00e8s le paiement. S'il n'appara\u00eet pas dans votre bo\u00eete de r\u00e9ception, v\u00e9rifiez le dossier spam ou courrier ind\u00e9sirable avant de contacter le support.<\/span><\/div>\r\n    <\/section>\r\n\r\n    <!-- FIRESTICK -->\r\n    <section id=\"firestick\" class=\"device-section\">\r\n      <div class=\"device-header\">\r\n        <div class=\"device-icon-wrap\">\ud83d\udd25<\/div>\r\n        <div class=\"device-title-block\">\r\n          <h2>Firestick &amp; Fire TV<\/h2>\r\n          <p>Amazon Fire TV Stick (toutes g\u00e9n\u00e9rations), Fire TV Cube, t\u00e9l\u00e9viseurs Fire TV Edition<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"label\">\ud83d\udce6 Applications recommand\u00e9es<\/div>\r\n      <div class=\"apps-row\">\r\n        <div class=\"app-badge\"><span>\ud83d\udce1<\/span> <a href=\"https:\/\/iboproapp.com\/\" target=\"_blank\" rel=\"noopener\" style=\"color:inherit;text-decoration:none\">IB Player Pro<\/a> <span class=\"rec\">NOUVEAU<\/span><\/div>\r\n        <div class=\"app-badge\"><span>\ud83d\udcfa<\/span> IPTV Smarters Pro <span class=\"rec\">MEILLEUR<\/span><\/div>\r\n        <div class=\"app-badge\"><span>\ud83c\udfac<\/span> TiviMate<\/div>\r\n        <div class=\"app-badge\"><span>\u25b6\ufe0f<\/span> GSE Smart IPTV<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tabs\" id=\"firestick-tabs\" role=\"tablist\">\r\n        <button class=\"tab-btn active\" role=\"tab\" aria-selected=\"true\" onclick=\"switchTab('firestick','ibplayer')\">IB Player Pro<\/button>\r\n        <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" onclick=\"switchTab('firestick','smarters')\">IPTV Smarters Pro<\/button>\r\n        <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" onclick=\"switchTab('firestick','tivimate')\">TiviMate<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"tab-panel active\" id=\"firestick-ibplayer\" role=\"tabpanel\">\r\n        <div class=\"info\"><span class=\"info-icon\">\u2139\ufe0f<\/span><span><strong>IB Player Pro<\/strong> est un lecteur IPTV compatible Smart TV, Android et iOS. Il supporte la connexion via <strong>Xtream Codes<\/strong> et via <strong>URL M3U<\/strong>. T\u00e9l\u00e9chargez-le sur <a href=\"https:\/\/iboproapp.com\/\" target=\"_blank\" rel=\"noopener\" style=\"color:var(--berry);font-weight:600\">iboproapp.com<\/a>.<\/span><\/div>\r\n\r\n        <h3 style=\"margin-bottom:14px\">\u00c9tape 1 \u2014 Autoriser les applications de sources inconnues<\/h3>\r\n        <ol class=\"steps\">\r\n          <li><div class=\"step-num\">1<\/div><div class=\"step-body\"><h4>Ouvrez les Param\u00e8tres<\/h4><p>Depuis l'\u00e9cran d'accueil Fire TV, acc\u00e9dez \u00e0 la barre de menu sup\u00e9rieure et s\u00e9lectionnez <strong>Param\u00e8tres<\/strong> (ic\u00f4ne d'engrenage \u00e0 droite).<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">2<\/div><div class=\"step-body\"><h4>Allez dans Mon Fire TV<\/h4><p>Faites d\u00e9filer vers la droite et cliquez sur <strong>Mon Fire TV<\/strong>, puis s\u00e9lectionnez <strong>Options pour les d\u00e9veloppeurs<\/strong>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">3<\/div><div class=\"step-body\"><h4>Activez les sources inconnues<\/h4><p>Activez l'option <strong>Applications de sources inconnues<\/strong>. Un avertissement s'affiche \u2014 cliquez sur <strong>Activer<\/strong> pour confirmer.<\/p><\/div><\/li>\r\n        <\/ol>\r\n\r\n        <h3 style=\"margin:26px 0 14px\">\u00c9tape 2 \u2014 T\u00e9l\u00e9charger et installer IB Player Pro<\/h3>\r\n        <ol class=\"steps\">\r\n          <li><div class=\"step-num\">1<\/div><div class=\"step-body\"><h4>Installez Downloader<\/h4><p>Allez dans la barre de recherche Fire TV, tapez <strong>\u00ab Downloader \u00bb<\/strong> et installez l'application orange d\u00e9velopp\u00e9e par <strong>AFTVnews<\/strong>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">2<\/div><div class=\"step-body\"><h4>Saisissez l'URL officielle<\/h4><p>Ouvrez Downloader, appuyez sur le champ URL et saisissez : <code>https:\/\/iboproapp.com\/<\/code> \u2014 puis cliquez sur <strong>Aller<\/strong> pour acc\u00e9der au site et t\u00e9l\u00e9charger l'APK.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">3<\/div><div class=\"step-body\"><h4>Installez IB Player Pro<\/h4><p>Une fois l'APK t\u00e9l\u00e9charg\u00e9, appuyez sur <strong>Installer<\/strong>, attendez la fin, puis appuyez sur <strong>Ouvrir<\/strong>.<\/p><\/div><\/li>\r\n        <\/ol>\r\n\r\n        <h3 style=\"margin:26px 0 14px\">\u00c9tape 3 \u2014 Ajouter votre compte IPTV<\/h3>\r\n        <ol class=\"steps\">\r\n          <li><div class=\"step-num\">1<\/div><div class=\"step-body\"><h4>Ouvrez IB Player Pro<\/h4><p>Lancez l'application. Un \u00e9cran de bienvenue avec les options de connexion s'affiche.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">2<\/div><div class=\"step-body\"><h4>S\u00e9lectionnez \u00ab Connexion Xtream Codes \u00bb<\/h4><p>Sur l'\u00e9cran de connexion, choisissez l'option <strong>Connexion Xtream Codes<\/strong> pour une exp\u00e9rience optimale.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">3<\/div><div class=\"step-body\"><h4>Saisissez vos informations<\/h4><p><strong>Nom complet :<\/strong> N'importe quel nom (ex. Atlas Pro)<br><strong>Nom d'utilisateur :<\/strong> Votre identifiant re\u00e7u par e-mail<br><strong>Mot de passe :<\/strong> Votre mot de passe re\u00e7u par e-mail<br><strong>URL :<\/strong> <code>Envoy\u00e9 par e-mail apr\u00e8s l'achat<\/code><\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">4<\/div><div class=\"step-body\"><h4>Appuyez sur \u00ab Se connecter \u00bb<\/h4><p>L'application se connecte et charge votre liste de cha\u00eenes. Cela peut prendre 30 \u00e0 60 secondes lors du premier chargement.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">5<\/div><div class=\"step-body\"><h4>Commencez \u00e0 regarder<\/h4><p>Vos cha\u00eenes, VOD et s\u00e9ries apparaissent dans des onglets s\u00e9par\u00e9s. Parcourez une cat\u00e9gorie et appuyez sur une cha\u00eene pour commencer \u00e0 regarder.<\/p><\/div><\/li>\r\n        <\/ol>\r\n        <div class=\"tip\"><span class=\"tip-icon\">\ud83d\udca1<\/span><span><strong>Astuce :<\/strong> Retrouvez toutes les informations et la derni\u00e8re version de IB Player Pro sur le site officiel : <a href=\"https:\/\/iboproapp.com\/\" target=\"_blank\" rel=\"noopener\" style=\"color:inherit;font-weight:600;text-decoration:underline\">iboproapp.com<\/a><\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tab-panel\" id=\"firestick-smarters\" role=\"tabpanel\">\r\n        <div class=\"info\"><span class=\"info-icon\">\u2139\ufe0f<\/span><span>IPTV Smarters Pro supporte la connexion via <strong>Xtream Codes<\/strong> et via <strong>URL M3U<\/strong>. La m\u00e9thode Xtream Codes est recommand\u00e9e pour une meilleure exp\u00e9rience.<\/span><\/div>\r\n\r\n        <h3 style=\"margin-bottom:14px\">\u00c9tape 1 \u2014 Autoriser les applications de sources inconnues<\/h3>\r\n        <ol class=\"steps\">\r\n          <li><div class=\"step-num\">1<\/div><div class=\"step-body\"><h4>Ouvrez les Param\u00e8tres<\/h4><p>Depuis l'\u00e9cran d'accueil Fire TV, acc\u00e9dez \u00e0 la barre de menu sup\u00e9rieure et s\u00e9lectionnez <strong>Param\u00e8tres<\/strong> (ic\u00f4ne d'engrenage \u00e0 droite).<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">2<\/div><div class=\"step-body\"><h4>Allez dans Mon Fire TV<\/h4><p>Faites d\u00e9filer vers la droite et cliquez sur <strong>Mon Fire TV<\/strong>, puis s\u00e9lectionnez <strong>Options pour les d\u00e9veloppeurs<\/strong>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">3<\/div><div class=\"step-body\"><h4>Activez les sources inconnues<\/h4><p>Activez l'option <strong>Applications de sources inconnues<\/strong>. Un avertissement s'affiche \u2014 cliquez sur <strong>Activer<\/strong> pour confirmer.<\/p><\/div><\/li>\r\n        <\/ol>\r\n\r\n        <h3 style=\"margin:26px 0 14px\">\u00c9tape 2 \u2014 T\u00e9l\u00e9charger l'application Downloader<\/h3>\r\n        <ol class=\"steps\">\r\n          <li><div class=\"step-num\">1<\/div><div class=\"step-body\"><h4>Cherchez Downloader<\/h4><p>Allez dans la barre de recherche Fire TV (ic\u00f4ne loupe). Tapez <strong>\u00ab Downloader \u00bb<\/strong> et s\u00e9lectionnez l'application orange d\u00e9velopp\u00e9e par <strong>AFTVnews<\/strong>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">2<\/div><div class=\"step-body\"><h4>Installez Downloader<\/h4><p>Appuyez sur <strong>T\u00e9l\u00e9charger<\/strong> et attendez la fin de l'installation. Ouvrez l'application une fois termin\u00e9e.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">3<\/div><div class=\"step-body\"><h4>Saisissez l'URL de l'APK<\/h4><p>Dans l'application Downloader, appuyez sur le champ URL et saisissez : <code>https:\/\/iptvsmarters.com\/smarters.apk<\/code> \u2014 puis cliquez sur <strong>Aller<\/strong>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">4<\/div><div class=\"step-body\"><h4>Installez IPTV Smarters Pro<\/h4><p>Une fois l'APK t\u00e9l\u00e9charg\u00e9, appuyez sur <strong>Installer<\/strong>, attendez la fin, puis appuyez sur <strong>Ouvrir<\/strong>.<\/p><\/div><\/li>\r\n        <\/ol>\r\n\r\n        <h3 style=\"margin:26px 0 14px\">\u00c9tape 3 \u2014 Ajouter votre compte IPTV<\/h3>\r\n        <ol class=\"steps\">\r\n          <li><div class=\"step-num\">1<\/div><div class=\"step-body\"><h4>Ouvrez IPTV Smarters Pro<\/h4><p>Lancez l'application. Un \u00e9cran de bienvenue avec un formulaire de connexion s'affiche.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">2<\/div><div class=\"step-body\"><h4>S\u00e9lectionnez \u00ab Connexion avec l'API Xtream Codes \u00bb<\/h4><p>Sur l'\u00e9cran de connexion, choisissez l'option <strong>Se connecter avec l'API Xtream Codes<\/strong>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">3<\/div><div class=\"step-body\"><h4>Saisissez vos informations<\/h4><p><strong>Nom complet :<\/strong> N'importe quel nom (ex. Atlas Pro)<br><strong>Nom d'utilisateur :<\/strong> Votre identifiant re\u00e7u par e-mail<br><strong>Mot de passe :<\/strong> Votre mot de passe re\u00e7u par e-mail<br><strong>URL :<\/strong> <code>Envoy\u00e9 par e-mail apr\u00e8s l'achat<\/code><\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">4<\/div><div class=\"step-body\"><h4>Appuyez sur \u00ab Ajouter un utilisateur \u00bb<\/h4><p>Appuyez sur <strong>Ajouter un utilisateur<\/strong>. L'application se connecte et charge votre liste de cha\u00eenes. Cela peut prendre 30 \u00e0 60 secondes lors du premier chargement.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">5<\/div><div class=\"step-body\"><h4>Commencez \u00e0 regarder<\/h4><p>Vos cha\u00eenes, VOD et s\u00e9ries apparaissent dans des onglets s\u00e9par\u00e9s. Parcourez une cat\u00e9gorie et appuyez sur une cha\u00eene pour commencer \u00e0 regarder.<\/p><\/div><\/li>\r\n        <\/ol>\r\n        <div class=\"tip\"><span class=\"tip-icon\">\ud83d\udca1<\/span><span><strong>Astuce :<\/strong> Utilisez la section <strong>EPG (Guide des programmes)<\/strong> de Smarters pour voir les grilles TV en direct. Il se charge automatiquement depuis nos serveurs en quelques minutes.<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tab-panel\" id=\"firestick-tivimate\" role=\"tabpanel\">\r\n        <div class=\"info\"><span class=\"info-icon\">\u2139\ufe0f<\/span><span>TiviMate est un lecteur IPTV reconnu pour son superbe guide EPG en grille. Il s'installe via la m\u00eame m\u00e9thode Downloader.<\/span><\/div>\r\n        <ol class=\"steps\">\r\n          <li><div class=\"step-num\">1<\/div><div class=\"step-body\"><h4>Installez Downloader (si ce n'est pas d\u00e9j\u00e0 fait)<\/h4><p>Cherchez <strong>Downloader<\/strong> dans l'App Store Fire TV et installez-le. Activez les Sources inconnues dans Param\u00e8tres \u2192 Mon Fire TV \u2192 Options pour les d\u00e9veloppeurs.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">2<\/div><div class=\"step-body\"><h4>T\u00e9l\u00e9chargez l'APK TiviMate<\/h4><p>Ouvrez Downloader, saisissez : <code>https:\/\/tivimate.com\/tivimate.apk<\/code> \u2014 appuyez sur <strong>Aller<\/strong> et installez lorsque c'est termin\u00e9.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">3<\/div><div class=\"step-body\"><h4>Lancez TiviMate et ajoutez une playlist<\/h4><p>Ouvrez TiviMate. Sur l'\u00e9cran de bienvenue, appuyez sur <strong>Ajouter une playlist<\/strong>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">4<\/div><div class=\"step-body\"><h4>Saisissez l'URL M3U<\/h4><p>S\u00e9lectionnez <strong>Playlist M3U<\/strong>. Collez votre URL M3U :<br><code>Envoy\u00e9 par e-mail apr\u00e8s l'achat\/get.php?username=VOTRE_USER&amp;password=VOTRE_PASS&amp;type=m3u<\/code><br>Remplacez <code>VOTRE_USER<\/code> et <code>VOTRE_PASS<\/code> par vos vrais identifiants.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">5<\/div><div class=\"step-body\"><h4>Nommez votre playlist<\/h4><p>Donnez-lui un nom comme \u00ab Atlas Pro OnTV \u00bb et appuyez sur <strong>Suivant<\/strong>. TiviMate chargera toutes les cha\u00eenes et le guide EPG automatiquement.<\/p><\/div><\/li>\r\n        <\/ol>\r\n        <div class=\"tip\"><span class=\"tip-icon\">\ud83d\udca1<\/span><span><strong>Astuce :<\/strong> L'application TiviMate Companion (gratuite sur Google Play) permet de contr\u00f4ler TiviMate depuis votre t\u00e9l\u00e9phone \u2014 tr\u00e8s pratique pour saisir du texte sur un Firestick.<\/span><\/div>\r\n      <\/div>\r\n\r\n      <h3 style=\"margin:28px 0 14px\">\u26a0\ufe0f Probl\u00e8mes courants \u2014 Firestick<\/h3>\r\n      <div class=\"warn\"><span class=\"warn-icon\">\u26a0\ufe0f<\/span><span><strong>Erreur \u00ab Application non install\u00e9e \u00bb :<\/strong> Assurez-vous que les <em>Applications de sources inconnues<\/em> sont activ\u00e9es dans les Options pour les d\u00e9veloppeurs et que vous disposez d'au moins <strong>500 Mo d'espace libre<\/strong>.<\/span><\/div>\r\n      <div class=\"warn\"><span class=\"warn-icon\">\u26a0\ufe0f<\/span><span><strong>Mise en m\u00e9moire tampon ou blocage :<\/strong> Red\u00e9marrez votre routeur et votre Firestick. Allez dans Param\u00e8tres \u2192 Applications \u2192 G\u00e9rer les applications install\u00e9es \u2192 s\u00e9lectionnez l'application IPTV \u2192 <strong>Vider le cache<\/strong>.<\/span><\/div>\r\n    <\/section>\r\n\r\n    <!-- SMART TV -->\r\n    <section id=\"smarttv\" class=\"device-section\" style=\"background:var(--surface2);padding:clamp(20px,4vw,40px) clamp(16px,3vw,28px);border-radius:clamp(14px,2vw,20px);margin-bottom:clamp(16px,2.5vw,28px)\">\r\n      <div class=\"device-header\">\r\n        <div class=\"device-icon-wrap\" style=\"background:linear-gradient(135deg,#2563eb,#1e40af)\">\ud83d\udcfa<\/div>\r\n        <div class=\"device-title-block\">\r\n          <h2>Smart TV (Samsung &amp; LG)<\/h2>\r\n          <p>Samsung Tizen OS (2016\u20132024) \u00b7 LG webOS (2018\u20132024)<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tabs\" id=\"smarttv-tabs\" role=\"tablist\">\r\n        <button class=\"tab-btn active\" role=\"tab\" aria-selected=\"true\" onclick=\"switchTab('smarttv','samsung')\">Samsung (Tizen)<\/button>\r\n        <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" onclick=\"switchTab('smarttv','lg')\">LG (webOS)<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"tab-panel active\" id=\"smarttv-samsung\" role=\"tabpanel\">\r\n        <div class=\"label\">\ud83d\udce6 Application recommand\u00e9e<\/div>\r\n        <div class=\"apps-row\">\r\n          <div class=\"app-badge\"><span>\ud83d\udce1<\/span> <a href=\"https:\/\/iboproapp.com\/\" target=\"_blank\" rel=\"noopener\" style=\"color:inherit;text-decoration:none\">IB Player Pro<\/a> <span class=\"rec\">NOUVEAU<\/span><\/div>\r\n          <div class=\"app-badge\"><span>\ud83d\udcfa<\/span> Smart IPTV (SIPTV) <span class=\"rec\">MEILLEUR<\/span><\/div>\r\n          <div class=\"app-badge\"><span>\u25b6\ufe0f<\/span> SS IPTV<\/div>\r\n        <\/div>\r\n        <div class=\"info\"><span class=\"info-icon\">\u2139\ufe0f<\/span><span>Les Smart TV Samsung ne permettent pas facilement l'installation d'APK. La m\u00e9thode recommand\u00e9e est d'utiliser <strong>Smart IPTV (SIPTV)<\/strong> \u2014 disponible directement sur le Samsung App Store.<\/span><\/div>\r\n\r\n        <h3 style=\"margin:18px 0 12px\">Installation de Smart IPTV sur Samsung<\/h3>\r\n        <ol class=\"steps\">\r\n          <li><div class=\"step-num\">1<\/div><div class=\"step-body\"><h4>Ouvrez le Samsung Apps Store<\/h4><p>Appuyez sur le bouton <strong>Smart Hub<\/strong> de votre t\u00e9l\u00e9commande, puis naviguez vers <strong>Apps<\/strong>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">2<\/div><div class=\"step-body\"><h4>Recherchez Smart IPTV<\/h4><p>Dans la barre de recherche, tapez <strong>\u00ab Smart IPTV \u00bb<\/strong>. S\u00e9lectionnez l'application avec l'ic\u00f4ne bleue et cliquez sur <strong>Installer<\/strong>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">3<\/div><div class=\"step-body\"><h4>Notez l'adresse MAC de votre TV<\/h4><p>Ouvrez Smart IPTV. Sur l'\u00e9cran d'accueil, vous verrez l'<strong>adresse MAC<\/strong> de votre TV (ex. <code>A1:B2:C3:D4:E5:F6<\/code>). Notez-la.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">4<\/div><div class=\"step-body\"><h4>Ajoutez votre playlist via le site SIPTV<\/h4><p>Depuis un t\u00e9l\u00e9phone ou un PC, rendez-vous sur <code>siptv.app\/mylist<\/code>. Saisissez l'adresse MAC de votre TV, collez votre URL M3U, puis cliquez sur <strong>Envoyer \u00e0 la TV<\/strong>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">5<\/div><div class=\"step-body\"><h4>Rechargez l'application sur la TV<\/h4><p>Sur la TV, appuyez sur le bouton <strong>Recharger<\/strong> dans Smart IPTV. Votre liste de cha\u00eenes se chargera.<\/p><\/div><\/li>\r\n        <\/ol>\r\n        <div class=\"tip\"><span class=\"tip-icon\">\ud83d\udca1<\/span><span><strong>\u00c0 noter :<\/strong> Smart IPTV est gratuit pendant 7 jours. Ensuite, un paiement unique d'environ 5,49 \u20ac le d\u00e9bloque d\u00e9finitivement sur cette TV. Ce paiement est effectu\u00e9 directement aupr\u00e8s de Smart IPTV.<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tab-panel\" id=\"smarttv-lg\" role=\"tabpanel\">\r\n        <div class=\"label\">\ud83d\udce6 Application recommand\u00e9e<\/div>\r\n        <div class=\"apps-row\">\r\n          <div class=\"app-badge\"><span>\ud83d\udce1<\/span> <a href=\"https:\/\/iboproapp.com\/\" target=\"_blank\" rel=\"noopener\" style=\"color:inherit;text-decoration:none\">IB Player Pro<\/a> <span class=\"rec\">NOUVEAU<\/span><\/div>\r\n          <div class=\"app-badge\"><span>\ud83d\udcfa<\/span> Smart IPTV (SIPTV) <span class=\"rec\">MEILLEUR<\/span><\/div>\r\n          <div class=\"app-badge\"><span>\u25b6\ufe0f<\/span> SS IPTV<\/div>\r\n        <\/div>\r\n        <ol class=\"steps\">\r\n          <li><div class=\"step-num\">1<\/div><div class=\"step-body\"><h4>Ouvrez le LG Content Store<\/h4><p>Appuyez sur le bouton <strong>Accueil<\/strong> de votre t\u00e9l\u00e9commande et naviguez vers l'ic\u00f4ne <strong>LG Content Store<\/strong>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">2<\/div><div class=\"step-body\"><h4>Recherchez Smart IPTV<\/h4><p>Utilisez la fonction de recherche pour trouver <strong>\u00ab Smart IPTV \u00bb<\/strong>. Installez-le.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">3<\/div><div class=\"step-body\"><h4>Ouvrez l'application et notez l'adresse MAC<\/h4><p>Lancez Smart IPTV sur votre LG. L'\u00e9cran affiche l'<strong>adresse MAC<\/strong> de votre TV. Notez-la.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">4<\/div><div class=\"step-body\"><h4>Enregistrez votre URL M3U<\/h4><p>Depuis un ordinateur ou un t\u00e9l\u00e9phone, visitez <code>siptv.app\/mylist<\/code>, saisissez votre adresse MAC, collez votre URL M3U Atlas Pro et cliquez sur <strong>Envoyer \u00e0 la TV<\/strong>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">5<\/div><div class=\"step-body\"><h4>Actualisez et regardez<\/h4><p>Sur votre TV, appuyez sur le bouton d'actualisation dans Smart IPTV. Les cha\u00eenes commenceront \u00e0 se charger en 30 secondes.<\/p><\/div><\/li>\r\n        <\/ol>\r\n        <div class=\"warn\"><span class=\"warn-icon\">\u26a0\ufe0f<\/span><span><strong>Utilisateurs LG webOS 6.0+ :<\/strong> LG a retir\u00e9 certaines applications tierces du Content Store. Si Smart IPTV n'est pas disponible, utilisez <strong>SS IPTV<\/strong> \u00e0 la place \u2014 il supporte la saisie directe d'URL M3U sans passer par le site web de l'adresse MAC.<\/span><\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- ANDROID -->\r\n    <section id=\"android\" class=\"device-section\">\r\n      <div class=\"device-header\">\r\n        <div class=\"device-icon-wrap\" style=\"background:linear-gradient(135deg,#16a34a,#065f46)\">\ud83e\udd16<\/div>\r\n        <div class=\"device-title-block\">\r\n          <h2>Appareils Android<\/h2>\r\n          <p>Smartphones, tablettes Android, boxes Android TV (Nvidia Shield, Xiaomi, etc.), Google TV<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"label\">\ud83d\udce6 Applications recommand\u00e9es<\/div>\r\n      <div class=\"apps-row\">\r\n        <div class=\"app-badge\"><span>\ud83d\udce1<\/span> <a href=\"https:\/\/iboproapp.com\/\" target=\"_blank\" rel=\"noopener\" style=\"color:inherit;text-decoration:none\">IB Player Pro<\/a> <span class=\"rec\">NOUVEAU<\/span><\/div>\r\n        <div class=\"app-badge\"><span>\ud83d\udcfa<\/span> IPTV Smarters Pro <span class=\"rec\">MEILLEUR<\/span><\/div>\r\n        <div class=\"app-badge\"><span>\ud83c\udfac<\/span> TiviMate (Android TV)<\/div>\r\n        <div class=\"app-badge\"><span>\u25b6\ufe0f<\/span> Kodi + PVR IPTV<\/div>\r\n        <div class=\"app-badge\"><span>\ud83d\udce1<\/span> GSE Smart IPTV<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tabs\" id=\"android-tabs\" role=\"tablist\">\r\n        <button class=\"tab-btn active\" role=\"tab\" aria-selected=\"true\" onclick=\"switchTab('android','ibplayer-a')\">IB Player Pro<\/button>\r\n        <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" onclick=\"switchTab('android','smarters-a')\">IPTV Smarters Pro<\/button>\r\n        <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" onclick=\"switchTab('android','kodi')\">Kodi<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"tab-panel active\" id=\"android-ibplayer-a\" role=\"tabpanel\">\r\n        <div class=\"info\"><span class=\"info-icon\">\u2139\ufe0f<\/span><span><strong>IB Player Pro<\/strong> est disponible sur Android et compatible avec tous les appareils Android TV, smartphones et tablettes. T\u00e9l\u00e9chargez-le sur <a href=\"https:\/\/iboproapp.com\/\" target=\"_blank\" rel=\"noopener\" style=\"color:var(--berry);font-weight:600\">iboproapp.com<\/a> ou via le Play Store.<\/span><\/div>\r\n        <ol class=\"steps\">\r\n          <li><div class=\"step-num\">1<\/div><div class=\"step-body\"><h4>T\u00e9l\u00e9chargez IB Player Pro<\/h4><p>Rendez-vous sur <a href=\"https:\/\/iboproapp.com\/\" target=\"_blank\" rel=\"noopener\" style=\"color:var(--berry);font-weight:600\">iboproapp.com<\/a> depuis votre appareil Android et t\u00e9l\u00e9chargez l'application. Acceptez l'installation depuis des sources inconnues si demand\u00e9.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">2<\/div><div class=\"step-body\"><h4>Ouvrez IB Player Pro<\/h4><p>Lancez l'application. Acceptez les autorisations demand\u00e9es (stockage, r\u00e9seau).<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">3<\/div><div class=\"step-body\"><h4>Choisissez la m\u00e9thode de connexion<\/h4><p>Sur l'\u00e9cran de connexion, appuyez sur <strong>Connexion Xtream Codes<\/strong> pour une exp\u00e9rience optimale.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">4<\/div><div class=\"step-body\"><h4>Saisissez vos identifiants<\/h4><p><strong>Nom complet :<\/strong> Atlas Pro (ou n'importe quel nom)<br><strong>Nom d'utilisateur :<\/strong> Votre identifiant<br><strong>Mot de passe :<\/strong> Votre mot de passe<br><strong>URL :<\/strong> <code>Envoy\u00e9 par e-mail apr\u00e8s l'achat<\/code><\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">5<\/div><div class=\"step-body\"><h4>Appuyez sur Se connecter et naviguez<\/h4><p>L'application charge la TV en direct, les films et les s\u00e9ries dans des onglets s\u00e9par\u00e9s. Parcourez une cat\u00e9gorie et appuyez sur une cha\u00eene pour commencer \u00e0 regarder.<\/p><\/div><\/li>\r\n        <\/ol>\r\n        <div class=\"tip\"><span class=\"tip-icon\">\ud83d\udca1<\/span><span><strong>Astuce :<\/strong> Retrouvez toutes les informations et la derni\u00e8re version de IB Player Pro sur le site officiel : <a href=\"https:\/\/iboproapp.com\/\" target=\"_blank\" rel=\"noopener\" style=\"color:inherit;font-weight:600;text-decoration:underline\">iboproapp.com<\/a><\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tab-panel\" id=\"android-smarters-a\" role=\"tabpanel\">\r\n        <ol class=\"steps\">\r\n          <li><div class=\"step-num\">1<\/div><div class=\"step-body\"><h4>Ouvrez le Google Play Store<\/h4><p>Sur votre appareil Android, ouvrez l'application <strong>Google Play Store<\/strong>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">2<\/div><div class=\"step-body\"><h4>Recherchez et installez IPTV Smarters Pro<\/h4><p>Recherchez <strong>\u00ab IPTV Smarters Pro \u00bb<\/strong>. Le nom du d\u00e9veloppeur est <em>Whmcs Smarters<\/em>. Appuyez sur <strong>Installer<\/strong>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">3<\/div><div class=\"step-body\"><h4>Ouvrez l'application<\/h4><p>Lancez IPTV Smarters Pro. Acceptez les autorisations demand\u00e9es (stockage, r\u00e9seau).<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">4<\/div><div class=\"step-body\"><h4>Choisissez la m\u00e9thode de connexion<\/h4><p>Sur l'\u00e9cran de connexion, appuyez sur <strong>\u00ab Se connecter avec l'API Xtream Codes \u00bb<\/strong> pour une exp\u00e9rience optimale.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">5<\/div><div class=\"step-body\"><h4>Saisissez vos identifiants<\/h4><p><strong>Nom complet :<\/strong> Atlas Pro (ou n'importe quel nom)<br><strong>Nom d'utilisateur :<\/strong> Votre identifiant<br><strong>Mot de passe :<\/strong> Votre mot de passe<br><strong>URL :<\/strong> <code>Envoy\u00e9 par e-mail apr\u00e8s l'achat<\/code><\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">6<\/div><div class=\"step-body\"><h4>Appuyez sur Ajouter un utilisateur et naviguez<\/h4><p>Appuyez sur <strong>Ajouter un utilisateur<\/strong>. L'application charge la TV en direct, les films et les s\u00e9ries dans des onglets s\u00e9par\u00e9s.<\/p><\/div><\/li>\r\n        <\/ol>\r\n      <\/div>\r\n\r\n      <div class=\"tab-panel\" id=\"android-kodi\" role=\"tabpanel\">\r\n        <div class=\"info\"><span class=\"info-icon\">\u2139\ufe0f<\/span><span>Kodi est un lecteur multim\u00e9dia gratuit et open source. Pour ajouter l'IPTV \u00e0 Kodi, installez le module compl\u00e9mentaire int\u00e9gr\u00e9 <strong>PVR IPTV Simple Client<\/strong>.<\/span><\/div>\r\n        <ol class=\"steps\">\r\n          <li><div class=\"step-num\">1<\/div><div class=\"step-body\"><h4>T\u00e9l\u00e9chargez et installez Kodi<\/h4><p>Installez <strong>Kodi<\/strong> depuis le Google Play Store. Ouvrez-le et laissez la configuration initiale se terminer.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">2<\/div><div class=\"step-body\"><h4>Acc\u00e9dez aux Extensions<\/h4><p>Depuis l'\u00e9cran d'accueil Kodi, cliquez sur l'<strong>ic\u00f4ne Param\u00e8tres<\/strong> \u2192 <strong>Extensions<\/strong> \u2192 <strong>Mes extensions<\/strong> \u2192 <strong>Clients PVR<\/strong>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">3<\/div><div class=\"step-body\"><h4>Activez PVR IPTV Simple Client<\/h4><p>Trouvez <strong>PVR IPTV Simple Client<\/strong> dans la liste. Cliquez dessus, puis cliquez sur <strong>Activer<\/strong>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">4<\/div><div class=\"step-body\"><h4>Configurez le module<\/h4><p>Cliquez sur <strong>Configurer<\/strong>. Dans l'onglet <em>G\u00e9n\u00e9ral<\/em>, r\u00e9glez l'emplacement sur <strong>Chemin distant<\/strong> et collez votre URL M3U dans le champ <em>URL de la playlist M3U<\/em>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">5<\/div><div class=\"step-body\"><h4>Red\u00e9marrez Kodi<\/h4><p>Fermez et rouvrez Kodi. Vos cha\u00eenes appara\u00eetront dans <strong>TV \u2192 Cha\u00eenes<\/strong> dans le menu principal.<\/p><\/div><\/li>\r\n        <\/ol>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- iOS -->\r\n    <section id=\"ios\" class=\"device-section\" style=\"background:var(--surface2);padding:clamp(20px,4vw,40px) clamp(16px,3vw,28px);border-radius:clamp(14px,2vw,20px);margin-bottom:clamp(16px,2.5vw,28px)\">\r\n      <div class=\"device-header\">\r\n        <div class=\"device-icon-wrap\" style=\"background:linear-gradient(135deg,#6b6b6b,#1c1c1c)\">\ud83c\udf4e<\/div>\r\n        <div class=\"device-title-block\">\r\n          <h2>iPhone &amp; iPad (iOS)<\/h2>\r\n          <p>iOS 14 et sup\u00e9rieur \u00b7 iPadOS 14 et sup\u00e9rieur \u00b7 Apple TV (tvOS)<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"label\">\ud83d\udce6 Applications recommand\u00e9es<\/div>\r\n      <div class=\"apps-row\">\r\n        <div class=\"app-badge\"><span>\ud83d\udce1<\/span> <a href=\"https:\/\/iboproapp.com\/\" target=\"_blank\" rel=\"noopener\" style=\"color:inherit;text-decoration:none\">IB Player Pro<\/a> <span class=\"rec\">NOUVEAU<\/span><\/div>\r\n        <div class=\"app-badge\"><span>\ud83d\udcfa<\/span> IPTV Smarters Pro <span class=\"rec\">MEILLEUR<\/span><\/div>\r\n        <div class=\"app-badge\"><span>\u25b6\ufe0f<\/span> GSE Smart IPTV<\/div>\r\n        <div class=\"app-badge\"><span>\ud83c\udfac<\/span> Flex IPTV<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"info\"><span class=\"info-icon\">\u2139\ufe0f<\/span><span>iOS n'autorise pas l'installation d'APK en dehors de l'App Store. Toutes les applications doivent provenir de l'<strong>Apple App Store<\/strong>. IPTV Smarters Pro est disponible sur l'App Store.<\/span><\/div>\r\n\r\n      <ol class=\"steps\">\r\n        <li><div class=\"step-num\">1<\/div><div class=\"step-body\"><h4>Ouvrez l'App Store<\/h4><p>Sur votre iPhone ou iPad, appuyez sur l'ic\u00f4ne <strong>App Store<\/strong>.<\/p><\/div><\/li>\r\n        <li><div class=\"step-num\">2<\/div><div class=\"step-body\"><h4>Recherchez IPTV Smarters Pro<\/h4><p>Tapez <strong>\u00ab IPTV Smarters Pro \u00bb<\/strong> dans la barre de recherche. Appuyez sur le r\u00e9sultat de <em>Whmcs Smarters<\/em> et appuyez sur <strong>Obtenir<\/strong>.<\/p><\/div><\/li>\r\n        <li><div class=\"step-num\">3<\/div><div class=\"step-body\"><h4>Ouvrez IPTV Smarters Pro<\/h4><p>Lancez l'application. Un \u00e9cran de connexion avec plusieurs options s'affiche.<\/p><\/div><\/li>\r\n        <li><div class=\"step-num\">4<\/div><div class=\"step-body\"><h4>S\u00e9lectionnez \u00ab Se connecter avec l'API Xtream Codes \u00bb<\/h4><p>Appuyez sur cette option sur l'\u00e9cran principal.<\/p><\/div><\/li>\r\n        <li><div class=\"step-num\">5<\/div><div class=\"step-body\"><h4>Saisissez vos informations<\/h4><p>Remplissez votre <strong>Nom complet<\/strong>, votre <strong>Nom d'utilisateur<\/strong>, votre <strong>Mot de passe<\/strong> et l'<strong>URL<\/strong> : <code>Envoy\u00e9 par e-mail apr\u00e8s l'achat<\/code><\/p><\/div><\/li>\r\n        <li><div class=\"step-num\">6<\/div><div class=\"step-body\"><h4>Appuyez sur \u00ab Ajouter un utilisateur \u00bb<\/h4><p>L'application s'authentifie et charge votre liste de cha\u00eenes compl\u00e8te, films et s\u00e9ries.<\/p><\/div><\/li>\r\n        <li><div class=\"step-num\">7<\/div><div class=\"step-body\"><h4>Naviguez et regardez<\/h4><p>Appuyez sur <strong>TV en Direct<\/strong>, <strong>Films<\/strong> ou <strong>S\u00e9ries<\/strong> depuis l'\u00e9cran d'accueil.<\/p><\/div><\/li>\r\n      <\/ol>\r\n\r\n      <div class=\"tip\"><span class=\"tip-icon\">\ud83d\udca1<\/span><span><strong>Utilisateurs Apple TV :<\/strong> Installez <strong>IPTV Smarters Pro<\/strong> directement depuis l'App Store tvOS sur votre Apple TV. La proc\u00e9dure de connexion est identique aux \u00e9tapes iPhone ci-dessus.<\/span><\/div>\r\n      <div class=\"warn\"><span class=\"warn-icon\">\u26a0\ufe0f<\/span><span><strong>Actualisation en arri\u00e8re-plan :<\/strong> Sur iPhone, allez dans R\u00e9glages \u2192 G\u00e9n\u00e9ral \u2192 Actualisation en arri\u00e8re-plan et activez-la pour IPTV Smarters afin de maintenir votre session.<\/span><\/div>\r\n    <\/section>\r\n\r\n    <!-- WINDOWS -->\r\n    <section id=\"windows\" class=\"device-section\">\r\n      <div class=\"device-header\">\r\n        <div class=\"device-icon-wrap\" style=\"background:linear-gradient(135deg,#0078d4,#0050a0)\">\ud83d\udcbb<\/div>\r\n        <div class=\"device-title-block\">\r\n          <h2>PC Windows<\/h2>\r\n          <p>Windows 10 et Windows 11 \u2014 ordinateurs de bureau et portables<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"label\">\ud83d\udce6 Applications recommand\u00e9es<\/div>\r\n      <div class=\"apps-row\">\r\n        <div class=\"app-badge\"><span>\ud83d\udce1<\/span> <a href=\"https:\/\/iboproapp.com\/\" target=\"_blank\" rel=\"noopener\" style=\"color:inherit;text-decoration:none\">IB Player Pro<\/a> <span class=\"rec\">NOUVEAU<\/span><\/div>\r\n        <div class=\"app-badge\"><span>\u25b6\ufe0f<\/span> VLC Media Player <span class=\"rec\">GRATUIT<\/span><\/div>\r\n        <div class=\"app-badge\"><span>\ud83d\udcfa<\/span> IPTV Smarters Pro<\/div>\r\n        <div class=\"app-badge\"><span>\ud83c\udfac<\/span> Kodi<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tabs\" id=\"windows-tabs\" role=\"tablist\">\r\n        <button class=\"tab-btn active\" role=\"tab\" aria-selected=\"true\" onclick=\"switchTab('windows','vlc')\">VLC Media Player<\/button>\r\n        <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" onclick=\"switchTab('windows','smarters-w')\">IPTV Smarters<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"tab-panel active\" id=\"windows-vlc\" role=\"tabpanel\">\r\n        <div class=\"info\"><span class=\"info-icon\">\u2139\ufe0f<\/span><span>VLC est la m\u00e9thode la plus simple et la plus fiable pour regarder l'IPTV sur Windows. Aucun compte ni inscription requise \u2014 il suffit de coller votre URL M3U.<\/span><\/div>\r\n        <ol class=\"steps\">\r\n          <li><div class=\"step-num\">1<\/div><div class=\"step-body\"><h4>T\u00e9l\u00e9chargez VLC<\/h4><p>Rendez-vous sur <code>videolan.org<\/code> et t\u00e9l\u00e9chargez la derni\u00e8re version de <strong>VLC Media Player<\/strong> pour Windows. Installez-le.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">2<\/div><div class=\"step-body\"><h4>Ouvrez VLC<\/h4><p>Lancez VLC. Dans le menu sup\u00e9rieur, cliquez sur <strong>M\u00e9dia<\/strong> \u2192 <strong>Ouvrir un flux r\u00e9seau<\/strong> (ou appuyez sur <code>Ctrl + N<\/code>).<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">3<\/div><div class=\"step-body\"><h4>Collez votre URL M3U<\/h4><p>Dans le champ <em>URL du r\u00e9seau<\/em>, collez votre URL de playlist M3U :<br><code>Envoy\u00e9 par e-mail apr\u00e8s l'achat\/get.php?username=VOTRE_USER&amp;password=VOTRE_PASS&amp;type=m3u<\/code><\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">4<\/div><div class=\"step-body\"><h4>Cliquez sur Lire<\/h4><p>Appuyez sur <strong>Lire<\/strong>. VLC chargera la playlist. Cela peut prendre 10 \u00e0 30 secondes.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">5<\/div><div class=\"step-body\"><h4>Parcourez la playlist<\/h4><p>Cliquez sur <strong>Affichage<\/strong> \u2192 <strong>Playlist<\/strong> (ou <code>Ctrl + L<\/code>) pour ouvrir la barre lat\u00e9rale des cha\u00eenes.<\/p><\/div><\/li>\r\n        <\/ol>\r\n        <div class=\"tip\"><span class=\"tip-icon\">\ud83d\udca1<\/span><span><strong>Astuce :<\/strong> Faites un clic droit sur une cha\u00eene dans la playlist et choisissez <strong>Signet<\/strong> pour enregistrer vos cha\u00eenes favorites.<\/span><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tab-panel\" id=\"windows-smarters-w\" role=\"tabpanel\">\r\n        <ol class=\"steps\">\r\n          <li><div class=\"step-num\">1<\/div><div class=\"step-body\"><h4>T\u00e9l\u00e9chargez IPTV Smarters pour Windows<\/h4><p>Visitez <code>iptvsmarters.com<\/code> et t\u00e9l\u00e9chargez l'<strong>application bureau Windows<\/strong>. Lancez l'installateur et suivez les instructions.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">2<\/div><div class=\"step-body\"><h4>Lancez l'application<\/h4><p>Ouvrez IPTV Smarters depuis votre menu D\u00e9marrer ou le raccourci sur le bureau.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">3<\/div><div class=\"step-body\"><h4>Ajoutez votre compte<\/h4><p>Cliquez sur <strong>\u00ab Ajouter un utilisateur \u00bb<\/strong> et choisissez <strong>Se connecter avec l'API Xtream Codes<\/strong>. Saisissez votre identifiant, mot de passe et l'URL : <code>Envoy\u00e9 par e-mail apr\u00e8s l'achat<\/code><\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">4<\/div><div class=\"step-body\"><h4>Naviguez et regardez<\/h4><p>Toutes vos cha\u00eenes, VOD et s\u00e9ries se chargent sur l'\u00e9cran d'accueil. Utilisez la barre lat\u00e9rale gauche pour naviguer.<\/p><\/div><\/li>\r\n        <\/ol>\r\n        <div class=\"warn\"><span class=\"warn-icon\">\u26a0\ufe0f<\/span><span><strong>Windows Defender \/ Pare-feu :<\/strong> Windows peut signaler l'installateur. Cliquez sur <strong>\u00ab Ex\u00e9cuter quand m\u00eame \u00bb<\/strong> dans l'avertissement SmartScreen \u2014 c'est normal pour les applications t\u00e9l\u00e9charg\u00e9es hors du Microsoft Store.<\/span><\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- MAC -->\r\n    <section id=\"mac\" class=\"device-section\" style=\"background:var(--surface2);padding:clamp(20px,4vw,40px) clamp(16px,3vw,28px);border-radius:clamp(14px,2vw,20px);margin-bottom:clamp(16px,2.5vw,28px)\">\r\n      <div class=\"device-header\">\r\n        <div class=\"device-icon-wrap\" style=\"background:linear-gradient(135deg,#a0a0a0,#4a4a4a)\">\ud83c\udf4f<\/div>\r\n        <div class=\"device-title-block\">\r\n          <h2>Mac (macOS)<\/h2>\r\n          <p>macOS Monterey, Ventura, Sonoma \u2014 Intel &amp; Apple Silicon (M1\/M2\/M3)<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"label\">\ud83d\udce6 Applications recommand\u00e9es<\/div>\r\n      <div class=\"apps-row\">\r\n        <div class=\"app-badge\"><span>\ud83d\udce1<\/span> <a href=\"https:\/\/iboproapp.com\/\" target=\"_blank\" rel=\"noopener\" style=\"color:inherit;text-decoration:none\">IB Player Pro<\/a> <span class=\"rec\">NOUVEAU<\/span><\/div>\r\n        <div class=\"app-badge\"><span>\u25b6\ufe0f<\/span> VLC Media Player <span class=\"rec\">GRATUIT<\/span><\/div>\r\n        <div class=\"app-badge\"><span>\ud83d\udcfa<\/span> IPTV Smarters (Mac)<\/div>\r\n        <div class=\"app-badge\"><span>\ud83c\udfac<\/span> Infuse 7<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tabs\" id=\"mac-tabs\" role=\"tablist\">\r\n        <button class=\"tab-btn active\" role=\"tab\" aria-selected=\"true\" onclick=\"switchTab('mac','vlc-mac')\">VLC Media Player<\/button>\r\n        <button class=\"tab-btn\" role=\"tab\" aria-selected=\"false\" onclick=\"switchTab('mac','infuse')\">Infuse 7<\/button>\r\n      <\/div>\r\n\r\n      <div class=\"tab-panel active\" id=\"mac-vlc-mac\" role=\"tabpanel\">\r\n        <ol class=\"steps\">\r\n          <li><div class=\"step-num\">1<\/div><div class=\"step-body\"><h4>T\u00e9l\u00e9chargez VLC pour Mac<\/h4><p>Rendez-vous sur <code>videolan.org<\/code> et t\u00e9l\u00e9chargez la <strong>version macOS<\/strong> de VLC. Ouvrez le fichier DMG et faites glisser VLC dans votre dossier Applications.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">2<\/div><div class=\"step-body\"><h4>Ouvrez VLC<\/h4><p>Lancez VLC depuis votre dossier Applications ou via Spotlight (<code>\u2318 + Espace<\/code>). Si macOS affiche un avertissement, allez dans R\u00e9glages Syst\u00e8me \u2192 Confidentialit\u00e9 et s\u00e9curit\u00e9 \u2192 cliquez sur <strong>Ouvrir quand m\u00eame<\/strong>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">3<\/div><div class=\"step-body\"><h4>Ouvrez un flux r\u00e9seau<\/h4><p>Dans le menu sup\u00e9rieur, cliquez sur <strong>Fichier<\/strong> \u2192 <strong>Ouvrir un flux r\u00e9seau\u2026<\/strong> (ou appuyez sur <code>\u2318 + N<\/code>).<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">4<\/div><div class=\"step-body\"><h4>Collez votre URL M3U<\/h4><p>Collez votre URL M3U compl\u00e8te dans le champ URL et cliquez sur <strong>Ouvrir<\/strong>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">5<\/div><div class=\"step-body\"><h4>Parcourez les cha\u00eenes<\/h4><p>Appuyez sur <code>\u2318 + Maj + P<\/code> pour ouvrir le panneau Playlist. Double-cliquez sur une cha\u00eene pour la lire.<\/p><\/div><\/li>\r\n        <\/ol>\r\n      <\/div>\r\n\r\n      <div class=\"tab-panel\" id=\"mac-infuse\" role=\"tabpanel\">\r\n        <div class=\"info\"><span class=\"info-icon\">\u2139\ufe0f<\/span><span>Infuse 7 est un lecteur multim\u00e9dia premium disponible sur le Mac App Store. Il supporte l'IPTV via URL M3U directe et offre une interface \u00e9l\u00e9gante native Apple.<\/span><\/div>\r\n        <ol class=\"steps\">\r\n          <li><div class=\"step-num\">1<\/div><div class=\"step-body\"><h4>Installez Infuse 7<\/h4><p>Ouvrez le <strong>Mac App Store<\/strong> et recherchez <strong>Infuse 7<\/strong>. T\u00e9l\u00e9chargez et installez-le (version gratuite disponible).<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">2<\/div><div class=\"step-body\"><h4>Allez dans R\u00e9glages \u2192 Ajouter des fichiers<\/h4><p>Ouvrez Infuse. Cliquez sur l'ic\u00f4ne <strong>R\u00e9glages<\/strong> \u2192 <strong>Ajouter des fichiers<\/strong> \u2192 <strong>Ajouter une URL<\/strong>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">3<\/div><div class=\"step-body\"><h4>Saisissez votre URL M3U<\/h4><p>Dans le champ URL, collez votre lien M3U Atlas Pro. Donnez-lui un nom et appuyez sur <strong>Enregistrer<\/strong>.<\/p><\/div><\/li>\r\n          <li><div class=\"step-num\">4<\/div><div class=\"step-body\"><h4>Naviguez et lisez<\/h4><p>Infuse analyse et affiche toutes vos cha\u00eenes sous forme de m\u00e9diath\u00e8que. Parcourez par cat\u00e9gorie ou recherchez une cha\u00eene.<\/p><\/div><\/li>\r\n        <\/ol>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- D\u00c9PANNAGE -->\r\n    <section id=\"depannage\" class=\"device-section\">\r\n      <div class=\"label\">\ud83d\udd27 R\u00e9solvez rapidement<\/div>\r\n      <h2>Guide de D\u00e9pannage<\/h2>\r\n      <p>Les probl\u00e8mes IPTV les plus courants et comment les r\u00e9soudre en moins de 2 minutes.<\/p>\r\n\r\n      <div class=\"trouble-grid\">\r\n\r\n        <div class=\"trouble-item\">\r\n          <div class=\"trouble-q\" onclick=\"toggleTrouble(this)\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\r\n            <div class=\"trouble-q-text\"><span class=\"trouble-tag err\">ERREUR<\/span> L'application affiche \u00ab Authentification \u00e9chou\u00e9e \u00bb ou \u00ab Nom d'utilisateur \/ Mot de passe incorrect \u00bb<\/div>\r\n            <div class=\"trouble-toggle\" aria-hidden=\"true\">+<\/div>\r\n          <\/div>\r\n          <div class=\"trouble-a\" role=\"region\">\r\n            <p>Cette erreur signifie que les identifiants saisis ne correspondent pas \u00e0 notre syst\u00e8me :<\/p>\r\n            <ul>\r\n              <li>V\u00e9rifiez deux fois votre nom d'utilisateur et mot de passe dans votre e-mail de bienvenue (\u00e9vitez les espaces lors du copier-coller).<\/li>\r\n              <li>Assurez-vous d'utiliser la bonne URL de portail : <code>Envoy\u00e9 par e-mail apr\u00e8s l'achat<\/code> \u2014 pas HTTPS.<\/li>\r\n              <li>Votre abonnement est peut-\u00eatre expir\u00e9. Connectez-vous \u00e0 votre espace client pour v\u00e9rifier le statut.<\/li>\r\n              <li>Si le probl\u00e8me persiste, contactez le support \u2014 votre compte devra peut-\u00eatre \u00eatre r\u00e9initialis\u00e9.<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"trouble-item\">\r\n          <div class=\"trouble-q\" onclick=\"toggleTrouble(this)\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\r\n            <div class=\"trouble-q-text\"><span class=\"trouble-tag slow\">LENT<\/span> Les flux mettent en m\u00e9moire tampon ou se bloquent constamment<\/div>\r\n            <div class=\"trouble-toggle\" aria-hidden=\"true\">+<\/div>\r\n          <\/div>\r\n          <div class=\"trouble-a\" role=\"region\">\r\n            <p>La mise en m\u00e9moire tampon est g\u00e9n\u00e9ralement caus\u00e9e par votre connexion Internet :<\/p>\r\n            <ul>\r\n              <li>Testez votre vitesse sur <code>fast.com<\/code> \u2014 minimum 10 Mbps pour la HD, 25 Mbps pour la 4K.<\/li>\r\n              <li>Red\u00e9marrez votre routeur (d\u00e9branchez-le 30 secondes) et votre appareil.<\/li>\r\n              <li>Utilisez une connexion filaire (Ethernet) plut\u00f4t que le Wi-Fi si possible.<\/li>\r\n              <li>Dans les param\u00e8tres de l'application, r\u00e9duisez la qualit\u00e9 du flux \u00e0 1080p ou 720p.<\/li>\r\n              <li>Videz le cache de l'application : Param\u00e8tres \u2192 Applications \u2192 [Application IPTV] \u2192 Vider le cache.<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"trouble-item\">\r\n          <div class=\"trouble-q\" onclick=\"toggleTrouble(this)\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\r\n            <div class=\"trouble-q-text\"><span class=\"trouble-tag info2\">\u00c9CRAN<\/span> \u00c9cran noir sur une cha\u00eene \u2014 le son fonctionne<\/div>\r\n            <div class=\"trouble-toggle\" aria-hidden=\"true\">+<\/div>\r\n          <\/div>\r\n          <div class=\"trouble-a\" role=\"region\">\r\n            <p>Un \u00e9cran noir avec du son est g\u00e9n\u00e9ralement un probl\u00e8me de codec vid\u00e9o :<\/p>\r\n            <ul>\r\n              <li>Dans IPTV Smarters, allez dans Param\u00e8tres \u2192 Param\u00e8tres du lecteur \u2192 changez le lecteur d'<strong>ExoPlayer<\/strong> \u00e0 <strong>VLC Player<\/strong> (ou vice versa).<\/li>\r\n              <li>Dans VLC, allez dans Outils \u2192 Pr\u00e9f\u00e9rences \u2192 Vid\u00e9o \u2192 Sortie \u2192 essayez diff\u00e9rents modules de sortie.<\/li>\r\n              <li>Mettez \u00e0 jour votre application vers la derni\u00e8re version.<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"trouble-item\">\r\n          <div class=\"trouble-q\" onclick=\"toggleTrouble(this)\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\r\n            <div class=\"trouble-q-text\"><span class=\"trouble-tag err\">ERREUR<\/span> Le guide EPG \/ Programme TV ne se charge pas ou affiche \u00ab Aucune donn\u00e9e \u00bb<\/div>\r\n            <div class=\"trouble-toggle\" aria-hidden=\"true\">+<\/div>\r\n          <\/div>\r\n          <div class=\"trouble-a\" role=\"region\">\r\n            <p>Les donn\u00e9es EPG mettent du temps \u00e0 se charger :<\/p>\r\n            <ul>\r\n              <li>Allez dans les param\u00e8tres de l'application \u2192 section EPG\/XMLTV. Assurez-vous que <strong>Mise \u00e0 jour automatique<\/strong> est activ\u00e9e.<\/li>\r\n              <li>Actualisez manuellement l'EPG depuis les param\u00e8tres.<\/li>\r\n              <li>Le chargement de l'EPG peut prendre jusqu'\u00e0 5 minutes au premier d\u00e9marrage.<\/li>\r\n              <li>Si l'EPG ne se charge jamais, contactez le support pour obtenir une URL XMLTV d\u00e9di\u00e9e.<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"trouble-item\">\r\n          <div class=\"trouble-q\" onclick=\"toggleTrouble(this)\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\r\n            <div class=\"trouble-q-text\"><span class=\"trouble-tag slow\">LENT<\/span> L'application est lente \u00e0 ouvrir ou plante au d\u00e9marrage<\/div>\r\n            <div class=\"trouble-toggle\" aria-hidden=\"true\">+<\/div>\r\n          <\/div>\r\n          <div class=\"trouble-a\" role=\"region\">\r\n            <ul>\r\n              <li>D\u00e9sinstallez compl\u00e8tement l'application, red\u00e9marrez votre appareil, puis r\u00e9installez.<\/li>\r\n              <li>Lib\u00e9rez de l'espace de stockage \u2014 les applications IPTV ont besoin d'au moins 500 Mo libres.<\/li>\r\n              <li>Sur Firestick, arr\u00eatez les applications en arri\u00e8re-plan inutilis\u00e9es.<\/li>\r\n              <li>Assurez-vous que le firmware de votre appareil est \u00e0 jour.<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"trouble-item\">\r\n          <div class=\"trouble-q\" onclick=\"toggleTrouble(this)\" role=\"button\" tabindex=\"0\" aria-expanded=\"false\">\r\n            <div class=\"trouble-q-text\"><span class=\"trouble-tag info2\">INFO<\/span> Erreur \u00ab Nombre maximum de connexions atteint \u00bb<\/div>\r\n            <div class=\"trouble-toggle\" aria-hidden=\"true\">+<\/div>\r\n          <\/div>\r\n          <div class=\"trouble-a\" role=\"region\">\r\n            <p>Cela signifie que le nombre maximum de flux simultan\u00e9s pour votre compte est d\u00e9j\u00e0 actif :<\/p>\r\n            <ul>\r\n              <li>D\u00e9connectez-vous des autres appareils qui diffusent encore.<\/li>\r\n              <li>Attendez 2 \u00e0 3 minutes que les sessions inactives expirent automatiquement.<\/li>\r\n              <li>Si vous avez r\u00e9guli\u00e8rement besoin de plus de 5 flux simultan\u00e9s, contactez le support pour mettre \u00e0 niveau.<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/section>\r\n\r\n  <\/main>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- SUPPORT -->\r\n<section id=\"support\" class=\"section section--dark\">\r\n  <div class=\"wrap\" style=\"text-align:center\">\r\n    <div class=\"hero-badge\" style=\"justify-content:center\">\ud83d\udcac DISPONIBLE 24H\/24<\/div>\r\n    <h2 style=\"color:#fff;margin:16px auto 12px;max-width:600px\">Besoin d'aide ? Notre \u00e9quipe est <em style=\"color:var(--gold2)\">toujours en ligne<\/em><\/h2>\r\n    <p style=\"color:rgba(255,255,255,.55);max-width:500px;margin:0 auto 0\">Temps de r\u00e9ponse moyen : <strong style=\"color:var(--gold2)\">moins de 15 minutes<\/strong>. Nous parlons fran\u00e7ais, anglais et arabe.<\/p>\r\n    <div class=\"support-grid\" style=\"margin-top:32px\">\r\n      <div class=\"support-card\">\r\n        <div class=\"icon\">\ud83d\udcac<\/div>\r\n        <h4>Chat en direct<\/h4>\r\n        <p>Assistance instantan\u00e9e directement sur notre site, 24 heures sur 24.<\/p>\r\n        <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=33644654210&amp;text=Bonjour+Atlas+Pro+OnTV\" target=\"_blank\" rel=\"noopener\">Ouvrir le chat<\/a>\r\n      <\/div>\r\n      <div class=\"support-card\">\r\n        <div class=\"icon\">\ud83d\udcf1<\/div>\r\n        <h4>WhatsApp<\/h4>\r\n        <p>\u00c9crivez-nous sur WhatsApp pour une assistance rapide et personnalis\u00e9e.<\/p>\r\n        <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=33644654210&amp;text=Bonjour+Atlas+Pro+OnTV\" target=\"_blank\" rel=\"noopener\">\u00c9crire sur WhatsApp<\/a>\r\n      <\/div>\r\n      <div class=\"support-card\">\r\n        <div class=\"icon\">\ud83d\udce7<\/div>\r\n        <h4>Support par e-mail<\/h4>\r\n        <p>Envoyez-nous un message d\u00e9taill\u00e9 et nous r\u00e9pondrons sous 1 heure.<\/p>\r\n        <a href=\"mailto:atlaspro.help@gmail.com\">Envoyer un e-mail<\/a>\r\n      <\/div>\r\n      <div class=\"support-card\">\r\n        <div class=\"icon\">\ud83d\udcd6<\/div>\r\n        <h4>Base de connaissances<\/h4>\r\n        <p>Parcourez notre biblioth\u00e8que compl\u00e8te de tutoriels et d'articles d'aide.<\/p>\r\n        <a href=\"#\">Voir les tutoriels<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer class=\"footer\">\r\n  <div class=\"wrap\">\r\n    <div class=\"footer-grid\">\r\n      <div>\r\n        <img decoding=\"async\" class=\"footer-logo\" src=\"https:\/\/atlasproontv.online\/wp-content\/uploads\/2025\/12\/logo_footer-qlwbibhdaaf5frxw7ibhzqcw8zu7jbnyqzmo4lil1c.png\" alt=\"Atlas Pro OnTV\" loading=\"lazy\">\r\n        <p class=\"footer-desc\">Meilleur site officiel d'abonnements Atlas Pro en Europe.<\/p>\r\n        <div class=\"footer-social\">\r\n          <a href=\"#\" title=\"Facebook\" aria-label=\"Facebook\">\ud83d\udcd8<\/a>\r\n          <a href=\"#\" title=\"Twitter\" aria-label=\"Twitter\">\ud83d\udc26<\/a>\r\n          <a href=\"#\" title=\"YouTube\" aria-label=\"YouTube\">\u25b6\ufe0f<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div>\r\n        <h3 class=\"footer-h\">Liens<\/h3>\r\n        <ul class=\"footer-links\">\r\n          <li><a href=\"https:\/\/atlasproontv.online\/\">Accueil<\/a><\/li>\r\n          <li><a href=\"https:\/\/atlasproontv.online\/prix-atlas-pro-on-tv\/\">Nos Offres<\/a><\/li>\r\n          <li><a href=\"https:\/\/atlasproontv.online\/atlas-pro-ontv-apk-telechargement\/\">T\u00e9l\u00e9chargement<\/a><\/li>\r\n          <li><a href=\"https:\/\/atlasproontv.online\/contact-us\/\">Assistance<\/a><\/li>\r\n          <li><a href=\"https:\/\/atlasproontv.online\/atlas-pro-ontv-blogs\/\">Blog<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div>\r\n        <h3 class=\"footer-h\">Soutien<\/h3>\r\n        <ul class=\"footer-links\">\r\n          <li><a href=\"https:\/\/atlasproontv.online\/contact-us\/\">Centre d'aide<\/a><\/li>\r\n          <li><a href=\"https:\/\/atlasproontv.online\/contact-us\/\">Contactez-nous<\/a><\/li>\r\n          <li><a href=\"https:\/\/atlasproontv.online\/contact-us\/\">FAQ<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div>\r\n        <h3 class=\"footer-h\">Assistance instant<\/h3>\r\n        <div class=\"footer-support-btns\">\r\n          <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=33644654210&amp;text=Bonjour+Atlas+Pro+OnTV\" class=\"footer-support-btn wa\" target=\"_blank\" rel=\"noopener\">\ud83d\udcac WhatsApp<\/a>\r\n          <a href=\"mailto:atlaspro.help@gmail.com\" class=\"footer-support-btn em\">\u2709\ufe0f Email<\/a>\r\n        <\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/atlasproontv.online\/wp-content\/uploads\/2025\/12\/360_F_473846184_0k637f6855ZJqaulKqAmgJTEVGVibR1P-removebg-preview-1.png\" class=\"footer-payments\" alt=\"Moyens de paiement\" loading=\"lazy\">\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"footer-bottom\">\r\n      <p class=\"footer-copy\">Copyright \u00a9 2026 Atlas Pro. Tous droits r\u00e9serv\u00e9s.<\/p>\r\n      <div class=\"footer-bottom-links\">\r\n        <a href=\"https:\/\/atlasproontv.online\/\">Accueil<\/a>\r\n        <a href=\"https:\/\/atlasproontv.online\/privacy-policy\/\">Privacy Policy<\/a>\r\n        <a href=\"https:\/\/atlasproontv.online\/conditions-dutilisation\/\">Terms &amp; Conditions<\/a>\r\n        <a href=\"https:\/\/atlasproontv.online\/refund_returns\/\">Refund Policy<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<!-- MOBILE FAB + DRAWER (TOC for mobile) -->\r\n<button class=\"mob-nav-toggle\" id=\"mobNavToggle\" aria-label=\"Table des mati\u00e8res\" aria-expanded=\"false\">\u2630<\/button>\r\n<div class=\"mob-overlay\" id=\"mobOverlay\"><\/div>\r\n<div class=\"mob-nav-drawer\" id=\"mobNavDrawer\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Table des mati\u00e8res\">\r\n  <div class=\"mob-nav-handle\"><\/div>\r\n  <h4>Sur cette page<\/h4>\r\n  <ul>\r\n    <li><a href=\"#avant\" onclick=\"closeMobNav()\"><span>\u2705<\/span> Avant de commencer<\/a><\/li>\r\n    <div class=\"mob-nav-divider\"><\/div>\r\n    <li><a href=\"#firestick\" onclick=\"closeMobNav()\"><span>\ud83d\udd25<\/span> Firestick \/ Fire TV<\/a><\/li>\r\n    <li><a href=\"#smarttv\" onclick=\"closeMobNav()\"><span>\ud83d\udcfa<\/span> Smart TV<\/a><\/li>\r\n    <li><a href=\"#android\" onclick=\"closeMobNav()\"><span>\ud83e\udd16<\/span> Android<\/a><\/li>\r\n    <li><a href=\"#ios\" onclick=\"closeMobNav()\"><span>\ud83c\udf4e<\/span> iPhone \/ iPad<\/a><\/li>\r\n    <li><a href=\"#windows\" onclick=\"closeMobNav()\"><span>\ud83d\udcbb<\/span> PC Windows<\/a><\/li>\r\n    <li><a href=\"#mac\" onclick=\"closeMobNav()\"><span>\ud83c\udf4f<\/span> Mac<\/a><\/li>\r\n    <div class=\"mob-nav-divider\"><\/div>\r\n    <li><a href=\"#depannage\" onclick=\"closeMobNav()\"><span>\ud83d\udd27<\/span> D\u00e9pannage<\/a><\/li>\r\n    <li><a href=\"#support\" onclick=\"closeMobNav()\"><span>\ud83d\udcac<\/span> Besoin d'aide ?<\/a><\/li>\r\n  <\/ul>\r\n<\/div>\r\n\r\n<div id=\"progress\"><\/div>\r\n\r\n<script>\r\n\/* \u2500\u2500 Scroll progress \u2500\u2500 *\/\r\n(function(){\r\n  var el=document.getElementById('progress');\r\n  window.addEventListener('scroll',function(){\r\n    var h=document.documentElement.scrollHeight-window.innerHeight;\r\n    if(h>0&&el)el.style.width=(window.scrollY\/h*100)+'%';\r\n  },{passive:true});\r\n})();\r\n\r\n\/* \u2500\u2500 Tab switcher \u2500\u2500 *\/\r\nfunction switchTab(device,panelId){\r\n  var e=event;\r\n  var container=document.getElementById(device+'-tabs');\r\n  if(!container)return;\r\n  container.querySelectorAll('.tab-btn').forEach(function(b){\r\n    b.classList.remove('active');\r\n    b.setAttribute('aria-selected','false');\r\n  });\r\n  \/\/ hide all panels for this device\r\n  document.querySelectorAll('[id^=\"'+device+'-\"]').forEach(function(p){\r\n    if(p.classList.contains('tab-panel'))p.classList.remove('active');\r\n  });\r\n  var panel=document.getElementById(device+'-'+panelId);\r\n  if(panel)panel.classList.add('active');\r\n  if(e&&e.currentTarget){\r\n    e.currentTarget.classList.add('active');\r\n    e.currentTarget.setAttribute('aria-selected','true');\r\n  } else if(e&&e.target){\r\n    e.target.classList.add('active');\r\n    e.target.setAttribute('aria-selected','true');\r\n  }\r\n}\r\n\r\n\/* \u2500\u2500 Troubleshooting accordion \u2500\u2500 *\/\r\nfunction toggleTrouble(el){\r\n  var item=el.closest('.trouble-item');\r\n  var isOpen=item.classList.contains('open');\r\n  document.querySelectorAll('.trouble-item').forEach(function(i){\r\n    i.classList.remove('open');\r\n    var q=i.querySelector('.trouble-q');\r\n    if(q)q.setAttribute('aria-expanded','false');\r\n  });\r\n  if(!isOpen){\r\n    item.classList.add('open');\r\n    el.setAttribute('aria-expanded','true');\r\n  }\r\n}\r\n\/\/ Keyboard support for accordion\r\ndocument.addEventListener('keydown',function(e){\r\n  if(e.key==='Enter'||e.key===' '){\r\n    var el=document.activeElement;\r\n    if(el&&el.classList.contains('trouble-q')){\r\n      e.preventDefault();\r\n      toggleTrouble(el);\r\n    }\r\n  }\r\n});\r\n\r\n\/* \u2500\u2500 Desktop TOC active highlight \u2500\u2500 *\/\r\nvar allSections=document.querySelectorAll('section[id]');\r\nvar tocLinks=document.querySelectorAll('.toc a');\r\nfunction highlightToc(){\r\n  var cur='';\r\n  allSections.forEach(function(s){\r\n    if(window.scrollY>=s.offsetTop-110)cur=s.id;\r\n  });\r\n  tocLinks.forEach(function(a){\r\n    a.classList.toggle('active',a.getAttribute('href')==='#'+cur);\r\n  });\r\n}\r\nwindow.addEventListener('scroll',highlightToc,{passive:true});\r\n\r\n\/* \u2500\u2500 Hamburger \/ Mobile main nav \u2500\u2500 *\/\r\n(function(){\r\n  var btn=document.getElementById('hamburger');\r\n  var nav=document.getElementById('mobileNav');\r\n  var close=document.getElementById('mobClose');\r\n  function openMenu(){\r\n    btn.classList.add('open');\r\n    nav.classList.add('open');\r\n    btn.setAttribute('aria-expanded','true');\r\n    document.body.style.overflow='hidden';\r\n  }\r\n  function closeMenu(){\r\n    btn.classList.remove('open');\r\n    nav.classList.remove('open');\r\n    btn.setAttribute('aria-expanded','false');\r\n    document.body.style.overflow='';\r\n  }\r\n  if(btn)btn.addEventListener('click',function(){nav.classList.contains('open')?closeMenu():openMenu();});\r\n  if(close)close.addEventListener('click',closeMenu);\r\n  if(nav)nav.addEventListener('click',function(e){if(e.target===nav)closeMenu();});\r\n  if(nav)nav.querySelectorAll('.mob-link,.mob-cta').forEach(function(a){\r\n    a.addEventListener('click',closeMenu);\r\n  });\r\n  \/\/ ESC key\r\n  document.addEventListener('keydown',function(e){\r\n    if(e.key==='Escape'&&nav&&nav.classList.contains('open'))closeMenu();\r\n  });\r\n})();\r\n\r\n\/* \u2500\u2500 Mobile FAB TOC drawer \u2500\u2500 *\/\r\nfunction closeMobNav(){\r\n  var drawer=document.getElementById('mobNavDrawer');\r\n  var overlay=document.getElementById('mobOverlay');\r\n  var toggle=document.getElementById('mobNavToggle');\r\n  if(drawer)drawer.classList.remove('open');\r\n  if(overlay)overlay.classList.remove('open');\r\n  if(toggle)toggle.setAttribute('aria-expanded','false');\r\n  document.body.style.overflow='';\r\n}\r\n(function(){\r\n  var toggle=document.getElementById('mobNavToggle');\r\n  var drawer=document.getElementById('mobNavDrawer');\r\n  var overlay=document.getElementById('mobOverlay');\r\n  function openNav(){\r\n    drawer.classList.add('open');\r\n    overlay.classList.add('open');\r\n    toggle.setAttribute('aria-expanded','true');\r\n    document.body.style.overflow='hidden';\r\n  }\r\n  if(toggle)toggle.addEventListener('click',function(){\r\n    drawer.classList.contains('open')?closeMobNav():openNav();\r\n  });\r\n  if(overlay)overlay.addEventListener('click',closeMobNav);\r\n  document.addEventListener('keydown',function(e){\r\n    if(e.key==='Escape'&&drawer&&drawer.classList.contains('open'))closeMobNav();\r\n  });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Install VIP \u2014 Guide d&rsquo;Installation | Atlas Pro OnTV Accueil Offres Install VIP Assistance Blog Commander \u2192 \u2715 \ud83c\udfe0 Accueil [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2483","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/atlasproontv.online\/iptv\/wp-json\/wp\/v2\/pages\/2483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atlasproontv.online\/iptv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atlasproontv.online\/iptv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atlasproontv.online\/iptv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atlasproontv.online\/iptv\/wp-json\/wp\/v2\/comments?post=2483"}],"version-history":[{"count":18,"href":"https:\/\/atlasproontv.online\/iptv\/wp-json\/wp\/v2\/pages\/2483\/revisions"}],"predecessor-version":[{"id":4362,"href":"https:\/\/atlasproontv.online\/iptv\/wp-json\/wp\/v2\/pages\/2483\/revisions\/4362"}],"wp:attachment":[{"href":"https:\/\/atlasproontv.online\/iptv\/wp-json\/wp\/v2\/media?parent=2483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}