{"id":18,"date":"2025-11-02T03:26:51","date_gmt":"2025-11-02T03:26:51","guid":{"rendered":"https:\/\/abbanostress.sn\/?page_id=18"},"modified":"2025-11-27T03:28:06","modified_gmt":"2025-11-27T03:28:06","slug":"abba-no-stress","status":"publish","type":"page","link":"https:\/\/abbanostress.sn\/","title":{"rendered":"ABBA NO STRESS"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fr\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover\">\n    <meta name=\"theme-color\" content=\"#000000\">\n    \n    <!-- Mode Application Web (iOS\/Android) -->\n    <meta name=\"apple-mobile-web-app-capable\" content=\"yes\">\n    <meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black-translucent\">\n    <meta name=\"format-detection\" content=\"telephone=no\">\n    \n    <!-- META DONN\u00c9ES -->\n    <meta property=\"og:title\" content=\"Abba No Stress | Site Officiel\">\n    <meta property=\"og:image\" content=\"https:\/\/abbanostress.sn\/wp-content\/uploads\/2025\/11\/bann-abba.png\">\n    <title>Abba No Stress | L&rsquo;Exp\u00e9rience<\/title>\n\n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        accent: '#FF4500',\n                        dark: '#050505',\n                        glass: 'rgba(20, 20, 20, 0.8)',\n                    },\n                    fontFamily: {\n                        sans: ['Inter', 'sans-serif'],\n                        display: ['Anton', 'sans-serif'],\n                    },\n                    animation: {\n                        'marquee': 'marquee 30s linear infinite',\n                        'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n                        'float': 'float 6s ease-in-out infinite',\n                    },\n                    keyframes: {\n                        marquee: {\n                            '0%': { transform: 'translate3d(0, 0, 0)' },\n                            '100%': { transform: 'translate3d(-50%, 0, 0)' },\n                        },\n                        float: {\n                            '0%, 100%': { transform: 'translate3d(0, 0, 0)' },\n                            '50%': { transform: 'translate3d(0, -10px, 0)' },\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <!-- Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600&#038;family=Anton&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n    <style>\n        body {\n            background-color: #000;\n            color: #fff;\n            overscroll-behavior-y: none;\n            padding-bottom: calc(90px + env(safe-area-inset-bottom)); \n            -webkit-tap-highlight-color: transparent;\n            background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'\/%3E%3C\/svg%3E\");\n        }\n        .scroll-smooth { scroll-behavior: smooth; }\n        .hide-scrollbar::-webkit-scrollbar { display: none; }\n        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n        \n        .glass-panel {\n            background: rgba(15, 15, 15, 0.9);\n            backdrop-filter: blur(20px);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);\n        }\n        #curtain {\n            position: fixed; inset: 0; z-index: 9999; background: #000;\n            display: flex; justify-content: center; align-items: center;\n            transition: transform 0.6s cubic-bezier(0.85, 0, 0.15, 1);\n        }\n        #progress-bar {\n            position: fixed; top: 0; left: 0; height: 3px; background: #FF4500;\n            z-index: 100; width: 0%; transition: width 0.1s;\n        }\n        .nav-item.active i { color: #FF4500; transform: scale(1.1); }\n        .nav-item.active span { color: #fff; opacity: 1; }\n        \n        @media screen and (max-width: 768px) {\n            input, select, textarea { font-size: 16px !important; }\n        }\n    <\/style>\n<\/head>\n\n<body class=\"overflow-x-hidden selection:bg-accent selection:text-black\">\n\n    <div id=\"progress-bar\"><\/div>\n\n    <!-- PRELOADER -->\n    <div id=\"curtain\">\n        <div class=\"text-center\">\n            <h1 class=\"font-display text-6xl text-white tracking-wider mb-2 animate-pulse\">ABBA<\/h1>\n            <div class=\"w-16 h-1 bg-accent mx-auto rounded-full\"><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- FOND FIXE -->\n    <div class=\"fixed inset-0 z-0 pointer-events-none\">\n        <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/60 to-transparent z-10\"><\/div>\n        <img src=\"https:\/\/abbanostress.sn\/wp-content\/uploads\/2025\/11\/bann-abba.png\" class=\"w-full h-full object-cover object-[center_top] opacity-40\" alt=\"Background\" decoding=\"async\">\n    <\/div>\n\n    <!-- HEADER -->\n    <header class=\"fixed top-0 left-0 w-full z-40 py-4 px-5 flex justify-between items-center mix-blend-difference transition-all duration-300\" id=\"main-header\">\n        <div class=\"font-display text-2xl tracking-widest uppercase text-white\">Abba<span class=\"text-accent\">.<\/span><\/div>\n        <a href=\"#contact\" class=\"hidden md:block text-[10px] font-bold uppercase tracking-[0.2em] border border-white\/30 px-6 py-2 rounded-full hover:bg-white hover:text-black transition bg-black\/20 backdrop-blur-sm\">\n            Booking Pro\n        <\/a>\n    <\/header>\n\n    <main class=\"relative z-10\">\n\n        <!-- HERO SECTION -->\n        <section id=\"home\" class=\"h-[90vh] md:h-screen flex flex-col justify-end pb-10 px-4 md:justify-center md:pb-0\">\n            <div class=\"container mx-auto\">\n                <p class=\"text-accent font-bold tracking-[0.2em] text-[10px] md:text-xs mb-2 md:mb-4 flex items-center gap-2\">\n                    <span class=\"w-6 h-[2px] bg-accent\"><\/span> OFFICIAL APP\n                <\/p>\n                <h1 class=\"font-display text-[4.5rem] leading-[0.85] md:text-[11rem] uppercase text-white mix-blend-overlay will-change-transform\">\n                    No<br>\n                    <span class=\"text-outline\">Stress<\/span>\n                <\/h1>\n                <div class=\"mt-6 md:mt-8 border-l-2 border-accent pl-4 md:pl-6 backdrop-blur-sm rounded-r-lg p-2 max-w-md\">\n                    <p class=\"text-gray-100 text-base md:text-lg leading-relaxed font-light\">\n                        L&rsquo;ic\u00f4ne de l&rsquo;humour s\u00e9n\u00e9galais. <br>\n                        <span class=\"text-accent font-bold\">Une vision. Un micro. Des millions de sourires.<\/span>\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- MARQUEE PARTENAIRES -->\n        <div class=\"bg-[#0a0a0a] py-4 md:py-6 overflow-hidden border-y border-white\/5 relative z-20\">\n            <div class=\"whitespace-nowrap animate-marquee flex gap-12 md:gap-16 items-center opacity-80 w-max mx-auto\">\n                <!-- S\u00c9RIE 1 -->\n                <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/Air-Senegal-e1710160424427.png\" class=\"h-6 md:h-8 w-auto object-contain grayscale hover:grayscale-0 transition shrink-0\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/Canal2025.png\" class=\"h-6 md:h-8 w-auto object-contain grayscale hover:grayscale-0 transition shrink-0\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/Free_Mobile-Logo.wine_-scaled.png\" class=\"h-6 md:h-8 w-auto object-contain grayscale hover:grayscale-0 transition shrink-0\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/KFC_logo.png\" class=\"h-6 md:h-8 w-auto object-contain grayscale hover:grayscale-0 transition shrink-0\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/logo-1.webp\" class=\"h-6 md:h-8 w-auto object-contain grayscale hover:grayscale-0 transition shrink-0\" loading=\"lazy\">\n                \n                <!-- S\u00c9RIE 2 -->\n                <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/Air-Senegal-e1710160424427.png\" class=\"h-6 md:h-8 w-auto object-contain grayscale hover:grayscale-0 transition shrink-0\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/Canal2025.png\" class=\"h-6 md:h-8 w-auto object-contain grayscale hover:grayscale-0 transition shrink-0\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/Free_Mobile-Logo.wine_-scaled.png\" class=\"h-6 md:h-8 w-auto object-contain grayscale hover:grayscale-0 transition shrink-0\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/KFC_logo.png\" class=\"h-6 md:h-8 w-auto object-contain grayscale hover:grayscale-0 transition shrink-0\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/logo-1.webp\" class=\"h-6 md:h-8 w-auto object-contain grayscale hover:grayscale-0 transition shrink-0\" loading=\"lazy\">\n\n                <!-- S\u00c9RIE 3 -->\n                <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/Air-Senegal-e1710160424427.png\" class=\"h-6 md:h-8 w-auto object-contain grayscale hover:grayscale-0 transition shrink-0\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/Canal2025.png\" class=\"h-6 md:h-8 w-auto object-contain grayscale hover:grayscale-0 transition shrink-0\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/Free_Mobile-Logo.wine_-scaled.png\" class=\"h-6 md:h-8 w-auto object-contain grayscale hover:grayscale-0 transition shrink-0\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/KFC_logo.png\" class=\"h-6 md:h-8 w-auto object-contain grayscale hover:grayscale-0 transition shrink-0\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/logo-1.webp\" class=\"h-6 md:h-8 w-auto object-contain grayscale hover:grayscale-0 transition shrink-0\" loading=\"lazy\">\n\n                <!-- S\u00c9RIE 4 -->\n                <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/Air-Senegal-e1710160424427.png\" class=\"h-6 md:h-8 w-auto object-contain grayscale hover:grayscale-0 transition shrink-0\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/Canal2025.png\" class=\"h-6 md:h-8 w-auto object-contain grayscale hover:grayscale-0 transition shrink-0\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/Free_Mobile-Logo.wine_-scaled.png\" class=\"h-6 md:h-8 w-auto object-contain grayscale hover:grayscale-0 transition shrink-0\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/KFC_logo.png\" class=\"h-6 md:h-8 w-auto object-contain grayscale hover:grayscale-0 transition shrink-0\" loading=\"lazy\">\n                <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/logo-1.webp\" class=\"h-6 md:h-8 w-auto object-contain grayscale hover:grayscale-0 transition shrink-0\" loading=\"lazy\">\n            <\/div>\n        <\/div>\n\n        <!-- SECTION \u00c9V\u00c9NEMENT -->\n        <section id=\"abbashow\" class=\"py-16 md:py-24 bg-gradient-to-b from-black via-dark to-black relative\">\n            <div class=\"container mx-auto px-4 mb-12 flex justify-between items-end\">\n                <h2 class=\"font-display text-4xl md:text-7xl uppercase leading-none\">\u00c0 l&rsquo;Affiche<\/h2>\n                <span class=\"text-accent text-[10px] font-bold uppercase tracking-widest border border-accent px-2 py-1 rounded\">Billetterie<\/span>\n            <\/div>\n\n            <div class=\"container mx-auto px-4 grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12\">\n                \n                <!-- Carte 1 : Maroc -->\n                <div class=\"bg-[#111] rounded-2xl overflow-hidden border border-white\/10 shadow-2xl flex flex-col\">\n                    <div class=\"w-full relative bg-black flex justify-center\">\n                        <img decoding=\"async\" src=\"https:\/\/abbanostress.sn\/wp-content\/uploads\/2025\/11\/ABBA-SHOW-MAROC-2.png\" class=\"w-full h-auto max-h-[600px] object-contain\" loading=\"lazy\" alt=\"Affiche Maroc\">\n                    <\/div>\n                    <div class=\"p-5 border-t border-white\/10 flex justify-between items-center bg-[#151515]\">\n                        <div>\n                            <h3 class=\"font-display text-2xl uppercase text-white\">Maroc<\/h3>\n                            <p class=\"text-xs text-gray-400 uppercase tracking-wider\">Bient\u00f4t<\/p>\n                        <\/div>\n                        <button onclick=\"openFormPopup('Abba Show Maroc')\" class=\"bg-white text-black px-6 py-3 rounded-xl font-bold text-sm uppercase tracking-wide hover:bg-accent hover:text-white transition-colors\">\n                            R\u00e9server\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                <!-- Carte 2 : Show des Enfants -->\n                <div class=\"bg-[#111] rounded-2xl overflow-hidden border border-white\/10 shadow-2xl flex flex-col\">\n                    <div class=\"w-full relative bg-black flex justify-center\">\n                        <img decoding=\"async\" src=\"https:\/\/abbanostress.sn\/wp-content\/uploads\/2025\/11\/SHOW-DES-ENFANTS-2025.png\" class=\"w-full h-auto max-h-[600px] object-contain\" loading=\"lazy\" alt=\"Affiche Enfants\">\n                    <\/div>\n                    <div class=\"p-5 border-t border-white\/10 flex justify-between items-center bg-[#151515]\">\n                        <div>\n                            <h3 class=\"font-display text-2xl uppercase text-white\">Enfants<\/h3>\n                            <p class=\"text-xs text-accent font-bold uppercase tracking-wider\">10.000 FCFA<\/p>\n                        <\/div>\n                        <button onclick=\"openFormPopup('Show des Enfants - Mikado')\" class=\"bg-accent text-white px-6 py-3 rounded-xl font-bold text-sm uppercase tracking-wide shadow-lg hover:bg-white hover:text-black transition-colors\">\n                            Acheter\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <!-- GALERIE MULTIM\u00c9DIA (Grid sur PC \/ Scroll sur Mobile) -->\n        <section id=\"medias\" class=\"py-12 bg-dark border-t border-white\/5\">\n            <div class=\"container mx-auto px-4 mb-8 flex justify-between items-center\">\n                <h2 class=\"font-display text-3xl uppercase text-gray-500\">Vid\u00e9os <span class=\"text-white\">Best-Of<\/span><\/h2>\n                <a href=\"https:\/\/youtube.com\/@abbanostress\" target=\"_blank\" class=\"hidden md:block text-xs font-bold uppercase tracking-widest hover:text-accent transition\">\n                    Voir la cha\u00eene YouTube <i class=\"fas fa-arrow-right ml-1\"><\/i>\n                <\/a>\n            <\/div>\n\n            <!-- Conteneur Vid\u00e9os -->\n            <div id=\"video-carousel\" class=\"flex overflow-x-auto hide-scrollbar px-4 gap-4 snap-x mandatory pb-8 scroll-smooth md:grid md:grid-cols-2 lg:grid-cols-4 md:overflow-visible md:pb-0 md:px-4\">\n                \n                <!-- 1. PLAYLIST COMPLETE -->\n                <div class=\"snap-center shrink-0 w-[85vw] md:w-auto rounded-xl overflow-hidden border border-accent bg-[#111] group cursor-pointer relative\" onclick=\"openPlaylistModal('PLv8o2Lr9SuYK_xusWhXL6unZro_CouYGG', 0)\">\n                    <div class=\"aspect-video relative\">\n                        <img decoding=\"async\" src=\"https:\/\/abbanostress.sn\/wp-content\/uploads\/2025\/11\/IMG_5913-scaled.jpg\" class=\"w-full h-full object-cover opacity-90 group-hover:opacity-100 transition duration-500\" loading=\"lazy\">\n                        <div class=\"absolute inset-0 flex items-center justify-center\">\n                            <div class=\"w-12 h-12 bg-white text-black rounded-full flex items-center justify-center shadow-lg transform group-hover:scale-110 transition\"><i class=\"fas fa-list\"><\/i><\/div>\n                        <\/div>\n                        <div class=\"absolute top-2 right-2 bg-accent text-white text-[10px] font-bold px-2 py-1 rounded uppercase animate-pulse\">Int\u00e9grale<\/div>\n                    <\/div>\n                    <div class=\"p-4 bg-gradient-to-r from-accent\/10 to-transparent\">\n                        <p class=\"font-display text-lg uppercase text-white truncate\">Playlist Compl\u00e8te<\/p>\n                        <p class=\"text-[10px] text-gray-400 font-bold uppercase\">Tous les \u00e9pisodes<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Item 2 -->\n                <div class=\"snap-center shrink-0 w-[85vw] md:w-auto rounded-xl overflow-hidden border border-white\/10 bg-[#111] group cursor-pointer\" onclick=\"openVideo('Vwtt7uK4sKs')\">\n                    <div class=\"aspect-video relative\">\n                        <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/Vwtt7uK4sKs\/maxresdefault.jpg\" class=\"w-full h-full object-cover opacity-80 group-hover:opacity-100 transition duration-500\" loading=\"lazy\">\n                        <div class=\"absolute inset-0 flex items-center justify-center\">\n                            <div class=\"w-12 h-12 bg-accent rounded-full flex items-center justify-center shadow-lg transform group-hover:scale-110 transition\"><i class=\"fas fa-play text-white\"><\/i><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-4\">\n                        <p class=\"font-display text-lg uppercase text-white truncate\">Best Of 2024<\/p>\n                        <p class=\"text-[10px] text-gray-500 font-bold uppercase\">1.2M Vues<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Item 3 -->\n                <div class=\"snap-center shrink-0 w-[85vw] md:w-auto rounded-xl overflow-hidden border border-white\/10 bg-[#111] group cursor-pointer\" onclick=\"openVideo('XUaaCnbOeYs')\">\n                    <div class=\"aspect-video relative\">\n                        <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/XUaaCnbOeYs\/maxresdefault.jpg\" class=\"w-full h-full object-cover opacity-80 group-hover:opacity-100 transition duration-500\" loading=\"lazy\">\n                        <div class=\"absolute inset-0 flex items-center justify-center\">\n                            <div class=\"w-12 h-12 bg-accent rounded-full flex items-center justify-center shadow-lg transform group-hover:scale-110 transition\"><i class=\"fas fa-play text-white\"><\/i><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-4\">\n                        <p class=\"font-display text-lg uppercase text-white truncate\">Moments Radio<\/p>\n                        <p class=\"text-[10px] text-gray-500 font-bold uppercase\">Vibe Radio<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Item 4 -->\n                <div class=\"snap-center shrink-0 w-[85vw] md:w-auto rounded-xl overflow-hidden border border-white\/10 bg-[#111] group cursor-pointer\" onclick=\"openVideo('lgM9a0o_XqY')\">\n                    <div class=\"aspect-video relative\">\n                        <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/lgM9a0o_XqY\/maxresdefault.jpg\" class=\"w-full h-full object-cover opacity-80 group-hover:opacity-100 transition duration-500\" loading=\"lazy\">\n                        <div class=\"absolute inset-0 flex items-center justify-center\">\n                            <div class=\"w-12 h-12 bg-accent rounded-full flex items-center justify-center shadow-lg transform group-hover:scale-110 transition\"><i class=\"fas fa-play text-white\"><\/i><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"p-4\">\n                        <p class=\"font-display text-lg uppercase text-white truncate\">Vlog Backstage<\/p>\n                        <p class=\"text-[10px] text-gray-500 font-bold uppercase\">Grand Th\u00e9\u00e2tre<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Grille Photo -->\n            <div class=\"container mx-auto px-4 mt-12\">\n                <h3 class=\"font-display text-2xl uppercase text-gray-500 mb-6\">Galerie <span class=\"text-white\">Instagram<\/span><\/h3>\n                <div class=\"grid grid-cols-3 md:grid-cols-3 gap-2 md:gap-4\">\n                    <div onclick=\"openLightbox(0)\" class=\"aspect-square overflow-hidden rounded-lg cursor-pointer relative group\">\n                        <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/468335174_18313140598166954_2001730501917330204_n.jpg\" class=\"w-full h-full object-cover transition duration-700 group-hover:scale-110\" loading=\"lazy\">\n                    <\/div>\n                    <div onclick=\"openLightbox(1)\" class=\"aspect-square overflow-hidden rounded-lg cursor-pointer relative group\">\n                        <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/468335893_18313144324166954_1450975132654829316_n.jpg\" class=\"w-full h-full object-cover transition duration-700 group-hover:scale-110\" loading=\"lazy\">\n                    <\/div>\n                    <div onclick=\"openLightbox(2)\" class=\"aspect-square overflow-hidden rounded-lg cursor-pointer relative group\">\n                        <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/468594283_18313143808166954_4540146223199707312_n.jpg\" class=\"w-full h-full object-cover transition duration-700 group-hover:scale-110\" loading=\"lazy\">\n                    <\/div>\n                    <div onclick=\"openLightbox(3)\" class=\"aspect-square overflow-hidden rounded-lg cursor-pointer relative group\">\n                        <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/468661426_18313142560166954_5776819880402832216_n.jpg\" class=\"w-full h-full object-cover transition duration-700 group-hover:scale-110\" loading=\"lazy\">\n                    <\/div>\n                    <div onclick=\"openLightbox(0)\" class=\"aspect-square overflow-hidden rounded-lg cursor-pointer relative group\">\n                        <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/468948434_18313260553166954_755864402124515959_n.jpg\" class=\"w-full h-full object-cover transition duration-700 group-hover:scale-110\" loading=\"lazy\">\n                    <\/div>\n                    <div onclick=\"window.open('https:\/\/www.instagram.com\/abbanostress', '_blank')\" class=\"aspect-square overflow-hidden rounded-lg cursor-pointer relative group bg-[#111] border border-white\/10 flex flex-col items-center justify-center hover:bg-[#1a1a1a] transition\">\n                        <i class=\"fab fa-instagram text-4xl text-gray-400 mb-2 group-hover:text-accent transition\"><\/i>\n                        <span class=\"text-[10px] uppercase font-bold tracking-widest text-gray-500 group-hover:text-white\">Voir Plus<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- BIO RAPIDE -->\n        <section id=\"bio\" class=\"py-16 bg-black border-t border-white\/10\">\n            <div class=\"container mx-auto px-4 flex flex-col md:flex-row gap-8 items-center\">\n                <div class=\"w-full md:w-1\/3\">\n                    <img decoding=\"async\" src=\"https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/468948434_18313260553166954_755864402124515959_n.jpg\" class=\"w-full rounded-xl grayscale shadow-lg\" loading=\"lazy\">\n                <\/div>\n                <div class=\"w-full md:w-2\/3\">\n                    <h2 class=\"font-display text-4xl uppercase mb-4\">L&rsquo;Homme <span class=\"text-accent\">.<\/span><\/h2>\n                    <div class=\"text-gray-400 text-sm leading-relaxed mb-6 space-y-4\">\n                        <p>\n                            Plus qu&rsquo;un simple humoriste, Abba No Stress est une v\u00e9ritable institution du divertissement au S\u00e9n\u00e9gal. D\u00e9butant sa carri\u00e8re avec une passion d\u00e9vorante pour la sc\u00e8ne, il a su gravir les \u00e9chelons pour devenir l&rsquo;animateur vedette du Groupe Futurs M\u00e9dias (GFM).\n                        <\/p>\n                        <p>\n                            De ses d\u00e9buts m\u00e9morables \u00e0 la radio jusqu&rsquo;\u00e0 ses shows explosifs sur la TFM, Abba a impos\u00e9 un style unique. Visionnaire, il ne se contente pas de faire rire ; il cr\u00e9e des opportunit\u00e9s pour la nouvelle g\u00e9n\u00e9ration \u00e0 travers le \u00ab\u00a0Abba Show Tour\u00a0\u00bb.\n                        <\/p>\n                    <\/div>\n\n                    <!-- STATS DIGITALES -->\n                    <h3 class=\"font-display text-xl uppercase mb-4 text-white border-l-4 border-accent pl-3\">Abba sur le Digital<\/h3>\n                    <div class=\"grid grid-cols-2 md:grid-cols-3 gap-3\">\n                        <!-- TikTok -->\n                        <div class=\"bg-white\/5 rounded-lg p-3 border border-white\/5 flex flex-col items-center justify-center group hover:bg-white\/10 transition\">\n                            <i class=\"fab fa-tiktok text-2xl mb-1 text-gray-400 group-hover:text-accent transition\"><\/i>\n                            <span class=\"text-xl font-bold text-white font-display\">+4.1M<\/span>\n                            <span class=\"text-[9px] text-gray-500 uppercase font-bold tracking-wider\">Abonn\u00e9s<\/span>\n                        <\/div>\n                        <!-- Instagram -->\n                        <div class=\"bg-white\/5 rounded-lg p-3 border border-white\/5 flex flex-col items-center justify-center group hover:bg-white\/10 transition\">\n                            <i class=\"fab fa-instagram text-2xl mb-1 text-gray-400 group-hover:text-accent transition\"><\/i>\n                            <span class=\"text-xl font-bold text-white font-display\">3.4M<\/span>\n                            <span class=\"text-[9px] text-gray-500 uppercase font-bold tracking-wider\">Abonn\u00e9s<\/span>\n                        <\/div>\n                        <!-- Facebook -->\n                        <div class=\"bg-white\/5 rounded-lg p-3 border border-white\/5 flex flex-col items-center justify-center group hover:bg-white\/10 transition\">\n                            <i class=\"fab fa-facebook text-2xl mb-1 text-gray-400 group-hover:text-accent transition\"><\/i>\n                            <span class=\"text-xl font-bold text-white font-display\">1.3M<\/span>\n                            <span class=\"text-[9px] text-gray-500 uppercase font-bold tracking-wider\">Abonn\u00e9s<\/span>\n                        <\/div>\n                        <!-- Snapchat -->\n                        <div class=\"bg-white\/5 rounded-lg p-3 border border-white\/5 flex flex-col items-center justify-center group hover:bg-white\/10 transition\">\n                            <i class=\"fab fa-snapchat text-2xl mb-1 text-gray-400 group-hover:text-accent transition\"><\/i>\n                            <span class=\"text-xl font-bold text-white font-display\">+980K<\/span>\n                            <span class=\"text-[9px] text-gray-500 uppercase font-bold tracking-wider\">Abonn\u00e9s<\/span>\n                        <\/div>\n                        <!-- YouTube -->\n                        <div class=\"bg-white\/5 rounded-lg p-3 border border-white\/5 flex flex-col items-center justify-center group hover:bg-white\/10 transition\">\n                            <i class=\"fab fa-youtube text-2xl mb-1 text-gray-400 group-hover:text-accent transition\"><\/i>\n                            <span class=\"text-xl font-bold text-white font-display\">+513K<\/span>\n                            <span class=\"text-[9px] text-gray-500 uppercase font-bold tracking-wider\">Abonn\u00e9s<\/span>\n                        <\/div>\n                        <!-- X (Twitter) -->\n                        <div class=\"bg-white\/5 rounded-lg p-3 border border-white\/5 flex flex-col items-center justify-center group hover:bg-white\/10 transition\">\n                            <i class=\"fab fa-x-twitter text-2xl mb-1 text-gray-400 group-hover:text-accent transition\"><\/i>\n                            <span class=\"text-xl font-bold text-white font-display\">+216K<\/span>\n                            <span class=\"text-[9px] text-gray-500 uppercase font-bold tracking-wider\">Abonn\u00e9s<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- FOOTER -->\n        <footer id=\"contact\" class=\"bg-[#080808] py-16 pb-32 text-center border-t border-white\/5\">\n            <div class=\"container mx-auto px-4\">\n                <h2 class=\"font-display text-3xl uppercase mb-6\">Contact<\/h2>\n                <a href=\"mailto:contact@abbanostress.sn\" class=\"inline-block bg-white text-black px-8 py-3 rounded-full font-bold uppercase text-xs tracking-widest mb-10\">\n                    Email Pro\n                <\/a>\n                <div class=\"flex justify-center gap-8 mb-10\">\n                    <a href=\"#\" class=\"text-gray-500 hover:text-white\"><i class=\"fab fa-instagram text-2xl\"><\/i><\/a>\n                    <a href=\"#\" class=\"text-gray-500 hover:text-white\"><i class=\"fab fa-tiktok text-2xl\"><\/i><\/a>\n                    <a href=\"#\" class=\"text-gray-500 hover:text-white\"><i class=\"fab fa-youtube text-2xl\"><\/i><\/a>\n                <\/div>\n                <p class=\"text-[9px] text-gray-600 uppercase tracking-widest\">\n                    \u00a9 2025 Tous droits r\u00e9serv\u00e9s. design by <a href=\"http:\/\/www.ndiagagraphiste.com\" target=\"_blank\" class=\"hover:text-accent font-bold\">SIX1 CREATIVE<\/a>\n                <\/p>\n            <\/div>\n        <\/footer>\n\n    <\/main>\n\n    <!-- DOCK NAVIGATION -->\n    <div class=\"fixed bottom-6 left-4 right-4 md:left-1\/2 md:-translate-x-1\/2 md:w-auto md:min-w-[400px] z-50\">\n        <nav class=\"glass-panel rounded-2xl px-2 py-2 flex justify-between items-center\">\n            <a href=\"#home\" class=\"nav-item active flex-1 flex flex-col items-center justify-center h-12 text-gray-400 transition\" onclick=\"setActive(this)\">\n                <i class=\"fas fa-home text-lg mb-1\"><\/i>\n                <span class=\"text-[8px] uppercase font-bold opacity-0 transition-opacity absolute -top-2 bg-black px-1 rounded\">Accueil<\/span>\n            <\/a>\n            <a href=\"#abbashow\" class=\"nav-item flex-1 flex flex-col items-center justify-center h-12 text-gray-400 transition\" onclick=\"setActive(this)\">\n                <i class=\"fas fa-ticket-alt text-lg mb-1\"><\/i>\n                <span class=\"text-[8px] uppercase font-bold opacity-0 transition-opacity absolute -top-2 bg-black px-1 rounded\">Show<\/span>\n            <\/a>\n            \n            <!-- Bouton Action Show Enfants -->\n            <div class=\"relative -top-6 mx-2\">\n                <button onclick=\"openFormPopup('Show des Enfants - Mikado')\" class=\"w-14 h-14 bg-accent rounded-full flex items-center justify-center shadow-[0_5px_20px_rgba(255,69,0,0.4)] border-[4px] border-black text-white active:scale-90 transition-transform\">\n                    <i class=\"fas fa-plus text-xl\"><\/i>\n                <\/button>\n            <\/div>\n\n            <a href=\"#medias\" class=\"nav-item flex-1 flex flex-col items-center justify-center h-12 text-gray-400 transition\" onclick=\"setActive(this)\">\n                <i class=\"fas fa-play text-lg mb-1\"><\/i>\n                <span class=\"text-[8px] uppercase font-bold opacity-0 transition-opacity absolute -top-2 bg-black px-1 rounded\">Vid\u00e9os<\/span>\n            <\/a>\n            <a href=\"#bio\" class=\"nav-item flex-1 flex flex-col items-center justify-center h-12 text-gray-400 transition\" onclick=\"setActive(this)\">\n                <i class=\"fas fa-user text-lg mb-1\"><\/i>\n                <span class=\"text-[8px] uppercase font-bold opacity-0 transition-opacity absolute -top-2 bg-black px-1 rounded\">Bio<\/span>\n            <\/a>\n        <\/nav>\n    <\/div>\n\n    <!-- MINI PLAYER -->\n    <div class=\"fixed bottom-28 right-4 z-40 hidden md:flex items-center gap-3 bg-black\/90 backdrop-blur border border-white\/10 px-4 py-2 rounded-full\">\n        <div class=\"flex gap-1 h-3 items-end\">\n            <div class=\"w-1 bg-accent animate-pulse h-2\"><\/div><div class=\"w-1 bg-accent animate-pulse h-3\"><\/div><div class=\"w-1 bg-accent animate-pulse h-1\"><\/div>\n        <\/div>\n        <span class=\"text-[10px] uppercase font-bold tracking-widest\">Live<\/span>\n    <\/div>\n\n    <!-- MODALS -->\n    \n    <!-- Video Modal -->\n    <div id=\"video_modal\" class=\"hidden fixed inset-0 z-[100] bg-black\/95 backdrop-blur-xl flex items-center justify-center p-0 md:p-8\">\n        <button onclick=\"closeVideo()\" class=\"absolute top-6 right-6 text-white text-3xl z-50 w-10 h-10 flex items-center justify-center bg-white\/10 rounded-full\">&times;<\/button>\n        <div class=\"w-full max-w-5xl aspect-video bg-black shadow-2xl\">\n            <div id=\"youtube-player\" class=\"w-full h-full\"><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Lightbox -->\n    <div id=\"lightbox_modal\" class=\"hidden fixed inset-0 z-[100] bg-black\/95 flex items-center justify-center p-4\" onclick=\"closeLightbox()\">\n        <img decoding=\"async\" id=\"lightbox_img\" src=\"\" class=\"max-w-full max-h-full object-contain rounded-lg\">\n    <\/div>\n\n    <!-- Booking Modal -->\n    <div id=\"booking_modal\" class=\"fixed inset-0 z-[100] bg-black\/80 backdrop-blur-sm hidden flex items-end md:items-center justify-center\">\n        <div onclick=\"closeFormPopup()\" class=\"absolute inset-0\"><\/div>\n        <div class=\"bg-[#111] w-full md:w-[500px] rounded-t-[2rem] md:rounded-2xl border-t border-white\/10 p-6 pb-8 transform translate-y-full transition-transform duration-300 ease-out mobile-safe-bottom overflow-y-auto max-h-[90vh]\" id=\"booking_content\">\n            <!-- Drag Handle -->\n            <div class=\"w-12 h-1.5 bg-white\/20 rounded-full mx-auto mb-6\"><\/div>\n            \n            <div class=\"text-center mb-6\">\n                <h3 class=\"font-display text-3xl uppercase mb-1 text-white\">R\u00e9server<\/h3>\n                <p id=\"event-name-display\" class=\"text-accent text-[10px] uppercase tracking-[0.2em] font-bold\">\u00c9v\u00e9nement<\/p>\n            <\/div>\n            \n            <form id=\"booking-form\" class=\"space-y-4\">\n                <!-- Inputs Optimis\u00e9s Mobile (16px Text) -->\n                <div class=\"bg-white\/5 rounded-xl border border-white\/10 px-4 py-2 focus-within:border-accent transition-colors\">\n                    <label for=\"name\" class=\"text-[9px] text-gray-500 uppercase font-bold block\">Nom Complet<\/label>\n                    <input type=\"text\" id=\"name\" required class=\"w-full bg-transparent text-base md:text-sm text-white focus:outline-none py-1\" placeholder=\"Entrez votre nom\">\n                <\/div>\n\n                <div class=\"bg-white\/5 rounded-xl border border-white\/10 px-4 py-2 focus-within:border-accent transition-colors\">\n                    <label for=\"phone\" class=\"text-[9px] text-gray-500 uppercase font-bold block\">T\u00e9l\u00e9phone<\/label>\n                    <input type=\"tel\" id=\"phone\" required class=\"w-full bg-transparent text-base md:text-sm text-white focus:outline-none py-1\" placeholder=\"Votre num\u00e9ro\">\n                <\/div>\n\n                <!-- Champ Quantit\u00e9 -->\n                <div id=\"qty-container\" class=\"bg-white\/5 rounded-xl border border-white\/10 px-4 py-2 focus-within:border-accent transition-colors hidden\">\n                    <label for=\"quantity\" class=\"text-[9px] text-gray-500 uppercase font-bold block\">Nombre de Tickets<\/label>\n                    <input type=\"number\" id=\"quantity\" value=\"1\" min=\"1\" class=\"w-full bg-transparent text-base md:text-sm text-white focus:outline-none py-1\">\n                <\/div>\n                \n                <!-- Options Dynamiques -->\n                <div id=\"ticket-options\" class=\"pt-2\"><\/div>\n\n                <button type=\"submit\" class=\"w-full bg-white text-black font-bold uppercase tracking-widest py-4 mt-4 rounded-xl shadow-lg active:scale-95 transition-transform\">\n                    Valider\n                <\/button>\n            <\/form>\n        <\/div>\n    <\/div>\n\n    <script src=\"https:\/\/www.youtube.com\/iframe_api\"><\/script>\n    <script>\n        \/\/ --- UI & PERFORMANCE & DEEPLINK ---\n        window.addEventListener('load', () => {\n            \/\/ 1. Le rideau se l\u00e8ve apr\u00e8s le chargement\n            setTimeout(() => {\n                document.getElementById('curtain').style.transform = 'translateY(-100%)';\n            }, 800);\n\n            \/\/ 2. GESTION DU LIEN MAGIQUE (AM\u00c9LIOR\u00c9 POUR MOBILE)\n            \/\/ Fonction de v\u00e9rification\n            const checkDeepLink = () => {\n                const currentUrl = window.location.href.toLowerCase();\n                \n                \/\/ V\u00e9rifie SI l'URL contient le param\u00e8tre (?) OU le hash (#)\n                if (currentUrl.includes('reservation=enfants') || currentUrl.includes('#reservation-enfants')) {\n                    \n                    \/\/ D\u00e9lai de s\u00e9curit\u00e9 augment\u00e9 pour mobile (1.5s)\n                    setTimeout(() => {\n                        \/\/ A. Scroll vers la section\n                        const showSection = document.getElementById('abbashow');\n                        if (showSection) {\n                            showSection.scrollIntoView({ behavior: 'smooth', block: 'center' });\n                        }\n                        \n                        \/\/ B. Ouverture du popup\n                        setTimeout(() => {\n                            openFormPopup('Show des Enfants - Mikado');\n                        }, 500);\n                        \n                    }, 1500);\n                }\n            };\n\n            checkDeepLink();\n        });\n\n        window.onscroll = function() {\n            let winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n            let height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n            let scrolled = (winScroll \/ height) * 100;\n            document.getElementById(\"progress-bar\").style.width = scrolled + \"%\";\n        };\n\n        function setActive(el) {\n            document.querySelectorAll('.nav-item').forEach(i => i.classList.remove('active'));\n            el.classList.add('active');\n        }\n\n        \/\/ --- VIDEO & PLAYLIST ---\n        let player;\n        function onYouTubeIframeAPIReady() {} \n\n        function openVideo(id) {\n            const m = document.getElementById('video_modal');\n            m.classList.remove('hidden');\n            if(player) { \n                player.loadVideoById(id); \n            }\n            else {\n                player = new YT.Player('youtube-player', {\n                    videoId: id,\n                    playerVars: { 'autoplay': 1, 'rel': 0, 'modestbranding': 1, 'playsinline': 1 }\n                });\n            }\n        }\n        \n        function openPlaylistModal(listId, index) {\n            const m = document.getElementById('video_modal');\n            m.classList.remove('hidden');\n            \n            if(player) {\n                player.loadPlaylist({list:listId, index: index});\n            } else {\n                player = new YT.Player('youtube-player', {\n                    height: '100%',\n                    width: '100%',\n                    playerVars: { \n                        'listType': 'playlist',\n                        'list': listId,\n                        'index': index,\n                        'autoplay': 1, \n                        'rel': 0,\n                        'modestbranding': 1,\n                        'playsinline': 1\n                    }\n                });\n            }\n        }\n\n        function closeVideo() {\n            document.getElementById('video_modal').classList.add('hidden');\n            if(player) player.stopVideo();\n        }\n\n        \/\/ --- LIGHTBOX ---\n        const photos = [\n            'https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/468335174_18313140598166954_2001730501917330204_n.jpg',\n            'https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/468335893_18313144324166954_1450975132654829316_n.jpg',\n            'https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/468594283_18313143808166954_4540146223199707312_n.jpg',\n            'https:\/\/toubapol.sn\/wp-content\/uploads\/2025\/11\/468661426_18313142560166954_5776819880402832216_n.jpg'\n        ];\n        function openLightbox(index) {\n            const m = document.getElementById('lightbox_modal');\n            const img = document.getElementById('lightbox_img');\n            img.src = photos[index];\n            m.classList.remove('hidden');\n        }\n        function closeLightbox() {\n            document.getElementById('lightbox_modal').classList.add('hidden');\n        }\n\n        \/\/ --- FORMULAIRE ---\n        function openFormPopup(eventName) {\n            const m = document.getElementById('booking_modal');\n            const c = document.getElementById('booking_content');\n            const title = document.getElementById('event-name-display');\n            const ticketOptions = document.getElementById('ticket-options');\n            const qtyContainer = document.getElementById('qty-container');\n            \n            if (eventName) title.innerText = eventName;\n            else title.innerText = \"ABBA SHOW\";\n\n            \/\/ Logique d'affichage\n            if (eventName && eventName.includes('Maroc')) {\n                \/\/ Maroc\n                qtyContainer.classList.add('hidden');\n                ticketOptions.innerHTML = `\n                    <div class=\"bg-white\/5 border border-white\/10 rounded-xl p-4 text-center\">\n                        <p class=\"text-gray-400 text-xs mb-1\">Info tarifs \u00e0 venir<\/p>\n                        <p class=\"text-accent text-xs font-bold uppercase\">Pr\u00e9-r\u00e9servation Gratuite<\/p>\n                    <\/div>`;\n            } else if (eventName && eventName.includes('Enfants')) {\n                \/\/ Enfants\n                qtyContainer.classList.remove('hidden');\n                ticketOptions.innerHTML = `\n                    <div class=\"border border-white\/20 rounded-xl p-4 text-center bg-white\/5\">\n                        <span class=\"block text-xs text-gray-400 uppercase mb-1\">Tarif Unique<\/span>\n                        <span class=\"block font-bold text-white text-xl\">10.000 F CFA<\/span>\n                    <\/div>`;\n            } else {\n                \/\/ D\u00e9faut\n                qtyContainer.classList.add('hidden');\n                ticketOptions.innerHTML = `\n                    <div class=\"grid grid-cols-2 gap-4\">\n                        <label class=\"cursor-pointer border border-white\/20 rounded-xl p-3 text-center hover:bg-white\/5\">\n                            <input type=\"radio\" name=\"ticket\" value=\"simple\" class=\"sr-only\" checked>\n                            <span class=\"block text-[10px] text-gray-400 uppercase\">Simple<\/span>\n                            <span class=\"block font-bold text-white\">Standard<\/span>\n                        <\/label>\n                        <label class=\"cursor-pointer border border-white\/20 rounded-xl p-3 text-center hover:bg-white\/5\">\n                            <input type=\"radio\" name=\"ticket\" value=\"vip\" class=\"sr-only\">\n                            <span class=\"block text-[10px] text-gray-400 uppercase\">VIP<\/span>\n                            <span class=\"block font-bold text-white\">Premium<\/span>\n                        <\/label>\n                    <\/div>`;\n            }\n\n            m.classList.remove('hidden');\n            \/\/ Petit d\u00e9lai pour l'animation\n            setTimeout(() => c.classList.remove('translate-y-full'), 10);\n        }\n        \n        function closeFormPopup() {\n            const m = document.getElementById('booking_modal');\n            const c = document.getElementById('booking_content');\n            c.classList.add('translate-y-full');\n            setTimeout(() => m.classList.add('hidden'), 300);\n        }\n\n        document.getElementById('booking-form').addEventListener('submit', (e) => {\n            e.preventDefault();\n            \n            const n = document.getElementById('name').value;\n            const p = document.getElementById('phone').value;\n            const eventText = document.getElementById('event-name-display').innerText;\n            \n            \/\/ LOGIQUE WHATSAPP vs EMAIL (CORRIG\u00c9E : Insensible \u00e0 la casse)\n            if (eventText.toUpperCase().includes('ENFANTS') || eventText.toUpperCase().includes('MIKADO')) {\n                const q = document.getElementById('quantity').value;\n                \/\/ Message format\u00e9 pour WhatsApp\n                const message = `Reservation Ticket SHOW DES ENFANTS\\nNom complet: ${n}\\nNum\u00e9ro: ${p}\\nNombre de tickets: ${q}`;\n                \/\/ Utilisation de window.location.href pour une meilleure redirection mobile\n                window.location.href = `https:\/\/wa.me\/221784880000?text=${encodeURIComponent(message)}`;\n            } else {\n                \/\/ Fallback Email\n                window.location.href = `mailto:contact@abbanostress.sn?subject=Reservation ${eventText}&body=Nom: ${n}%0D%0AT\u00e9l\u00e9phone: ${p}`;\n            }\n            \n            closeFormPopup();\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Abba No Stress | L&rsquo;Exp\u00e9rience ABBA Abba. Booking Pro OFFICIAL APP No Stress L&rsquo;ic\u00f4ne de l&rsquo;humour s\u00e9n\u00e9galais. Une vision. Un micro. Des millions de sourires. \u00c0 l&rsquo;Affiche Billetterie Maroc Bient\u00f4t R\u00e9server Enfants 10.000 FCFA Acheter Vid\u00e9os Best-Of Voir la cha\u00eene YouTube Int\u00e9grale Playlist Compl\u00e8te Tous les \u00e9pisodes Best Of 2024 1.2M Vues Moments Radio Vibe [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Humoriste \u2022 Pr\u00e9sentateur TV &amp; Radio \u2022 Influenceur<\/title>\n<meta name=\"description\" content=\"Le site officiel d&#039;Abba No Stress. Suivez toute son actualit\u00e9, r\u00e9servez vos places pour l&#039;ABBA SHOW et acc\u00e9dez \u00e0 des contenus exclusifs.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/abbanostress.sn\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Humoriste \u2022 Pr\u00e9sentateur TV &amp; Radio \u2022 Influenceur\" \/>\n<meta property=\"og:description\" content=\"Le site officiel d&#039;Abba No Stress. Suivez toute son actualit\u00e9, r\u00e9servez vos places pour l&#039;ABBA SHOW et acc\u00e9dez \u00e0 des contenus exclusifs.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/abbanostress.sn\/\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Abbanostressofficiel\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-27T03:28:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/abbanostress.sn\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-11-02-a-03.04.48-1024x584.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"584\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@abba_nostress\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/abbanostress.sn\/\",\"url\":\"https:\/\/abbanostress.sn\/\",\"name\":\"Humoriste \u2022 Pr\u00e9sentateur TV & Radio \u2022 Influenceur\",\"isPartOf\":{\"@id\":\"https:\/\/abbanostress.sn\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/abbanostress.sn\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/abbanostress.sn\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/abbanostress.sn\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-11-02-a-03.04.48.png\",\"datePublished\":\"2025-11-02T03:26:51+00:00\",\"dateModified\":\"2025-11-27T03:28:06+00:00\",\"description\":\"Le site officiel d'Abba No Stress. Suivez toute son actualit\u00e9, r\u00e9servez vos places pour l'ABBA SHOW et acc\u00e9dez \u00e0 des contenus exclusifs.\",\"breadcrumb\":{\"@id\":\"https:\/\/abbanostress.sn\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/abbanostress.sn\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/abbanostress.sn\/#primaryimage\",\"url\":\"https:\/\/abbanostress.sn\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-11-02-a-03.04.48.png\",\"contentUrl\":\"https:\/\/abbanostress.sn\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-11-02-a-03.04.48.png\",\"width\":2294,\"height\":1308},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/abbanostress.sn\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/abbanostress.sn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ABBA NO STRESS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/abbanostress.sn\/#website\",\"url\":\"https:\/\/abbanostress.sn\/\",\"name\":\"ABBA NO STRESS\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/abbanostress.sn\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/abbanostress.sn\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/abbanostress.sn\/#organization\",\"name\":\"ABBA NO STRESS\",\"url\":\"https:\/\/abbanostress.sn\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/abbanostress.sn\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/abbanostress.sn\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-11-02-a-03.04.48-1024x584.png\",\"contentUrl\":\"http:\/\/abbanostress.sn\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-11-02-a-03.04.48-1024x584.png\",\"width\":1024,\"height\":584,\"caption\":\"ABBA NO STRESS\"},\"image\":{\"@id\":\"https:\/\/abbanostress.sn\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Abbanostressofficiel\",\"https:\/\/x.com\/abba_nostress\",\"https:\/\/www.instagram.com\/abbanostress\",\"https:\/\/youtube.com\/@abbanostress\",\"https:\/\/www.tiktok.com\/@abba_no_stress1\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Humoriste \u2022 Pr\u00e9sentateur TV & Radio \u2022 Influenceur","description":"Le site officiel d'Abba No Stress. Suivez toute son actualit\u00e9, r\u00e9servez vos places pour l'ABBA SHOW et acc\u00e9dez \u00e0 des contenus exclusifs.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/abbanostress.sn\/","og_locale":"fr_FR","og_type":"article","og_title":"Humoriste \u2022 Pr\u00e9sentateur TV & Radio \u2022 Influenceur","og_description":"Le site officiel d'Abba No Stress. Suivez toute son actualit\u00e9, r\u00e9servez vos places pour l'ABBA SHOW et acc\u00e9dez \u00e0 des contenus exclusifs.","og_url":"https:\/\/abbanostress.sn\/","article_publisher":"https:\/\/www.facebook.com\/Abbanostressofficiel","article_modified_time":"2025-11-27T03:28:06+00:00","og_image":[{"width":1024,"height":584,"url":"https:\/\/abbanostress.sn\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-11-02-a-03.04.48-1024x584.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@abba_nostress","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/abbanostress.sn\/","url":"https:\/\/abbanostress.sn\/","name":"Humoriste \u2022 Pr\u00e9sentateur TV & Radio \u2022 Influenceur","isPartOf":{"@id":"https:\/\/abbanostress.sn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/abbanostress.sn\/#primaryimage"},"image":{"@id":"https:\/\/abbanostress.sn\/#primaryimage"},"thumbnailUrl":"https:\/\/abbanostress.sn\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-11-02-a-03.04.48.png","datePublished":"2025-11-02T03:26:51+00:00","dateModified":"2025-11-27T03:28:06+00:00","description":"Le site officiel d'Abba No Stress. Suivez toute son actualit\u00e9, r\u00e9servez vos places pour l'ABBA SHOW et acc\u00e9dez \u00e0 des contenus exclusifs.","breadcrumb":{"@id":"https:\/\/abbanostress.sn\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/abbanostress.sn\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/abbanostress.sn\/#primaryimage","url":"https:\/\/abbanostress.sn\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-11-02-a-03.04.48.png","contentUrl":"https:\/\/abbanostress.sn\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-11-02-a-03.04.48.png","width":2294,"height":1308},{"@type":"BreadcrumbList","@id":"https:\/\/abbanostress.sn\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/abbanostress.sn\/"},{"@type":"ListItem","position":2,"name":"ABBA NO STRESS"}]},{"@type":"WebSite","@id":"https:\/\/abbanostress.sn\/#website","url":"https:\/\/abbanostress.sn\/","name":"ABBA NO STRESS","description":"","publisher":{"@id":"https:\/\/abbanostress.sn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/abbanostress.sn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/abbanostress.sn\/#organization","name":"ABBA NO STRESS","url":"https:\/\/abbanostress.sn\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/abbanostress.sn\/#\/schema\/logo\/image\/","url":"http:\/\/abbanostress.sn\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-11-02-a-03.04.48-1024x584.png","contentUrl":"http:\/\/abbanostress.sn\/wp-content\/uploads\/2025\/11\/Capture-decran-2025-11-02-a-03.04.48-1024x584.png","width":1024,"height":584,"caption":"ABBA NO STRESS"},"image":{"@id":"https:\/\/abbanostress.sn\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Abbanostressofficiel","https:\/\/x.com\/abba_nostress","https:\/\/www.instagram.com\/abbanostress","https:\/\/youtube.com\/@abbanostress","https:\/\/www.tiktok.com\/@abba_no_stress1"]}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/abbanostress.sn\/index.php\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abbanostress.sn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abbanostress.sn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abbanostress.sn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abbanostress.sn\/index.php\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":23,"href":"https:\/\/abbanostress.sn\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":62,"href":"https:\/\/abbanostress.sn\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions\/62"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/abbanostress.sn\/index.php\/wp-json\/wp\/v2\/media\/9"}],"wp:attachment":[{"href":"https:\/\/abbanostress.sn\/index.php\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}