
        <!--/
        [43]

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⢦⡼⢷⡴⣦⣠⣆⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⠀⠁⠀⠀⠈⠁⠙⠉⠷⢿⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡜⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠛⣿⣤⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡰⢡⠏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣏⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡰⢡⠏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢠⠏⠁⠈⠑⡄⠀⠀⠀⠀⠀⠀⠀⢰⢁⠏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⢀⣀⢸⠟⠀⠀⠀⢰⠀⠀⠀⠀⠀⠀⢀⠇⡞⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢰⡋⠈⠉⠣⣀⣀⡠⠃⠀⠀⠀⠀⠀⠀⡘⢸⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠉⢲⡦⠀⠀⠀⠀⠀⠀⠀⢀⣤⡀⠀⠃⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⣞⠀⠀⠀⠀⠀⠀⠀⠀⣘⣛⡽⠀⢸⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠈⠓⠦⠤⢤⣀⣀⣠⣤⠬⠷⡄⠀⠈⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⣠⢾⡗⠢⡀⠀⠀⠀⠀⠀⠀⢹⡮⠦⠷⠃⠀⣀⣰⣄⣠⡔⠶⠶⣶⡤⣄⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⣠⠖⣿⠼⠿⠀⠘⢦⡀⠀⠀⠀⠀⠈⣓⣶⣠⣶⣋⠉⠉⠙⠻⣿⣷⣤⣸⡇⠀⠀⠈⠑⣢⣄⢀⣤⣄⣀⠀
⢘⡿⢷⣾⡿⣋⠀⠀⠀⠙⠦⠤⠤⠤⢾⠉⠀⠀⠈⡏⠁⠀⠀⠀⠀⠙⢿⣿⣿⣤⣀⠀⠀⠈⠉⠻⠘⢉⣟⣀
⢸⠓⣄⠈⠋⢹⠓⢦⡀⠀⠀⠀⠀⠀⢹⡄⠀⠠⠆⣠⡆⠀⠂⠀⠄⠀⡄⢀⣈⠙⣿⡿⣗⢦⡀⠀⠀⣡⠼⠛
⢸⠀⡸⠀⠀⢸⠀⠀⠙⠦⣀⡀⠀⠀⠀⣻⣄⣠⢶⡟⠀⠀⣀⣅⣶⡶⠟⠛⠛⠛⠛⢿⣾⡇⠈⠙⠋⠀⠀⠀
⢸⠊⠁⠀⠀⢸⠄⠀⠀⠀⠀⠈⠉⠉⠁⠀⠈⠀⠀⣿⢀⣴⣿⡿⠃⠀⠀⠀⠀⠀⠀⢸⣿⠂⠀⠀⠀⠀⠀⠀
⠈⠓⠢⠤⠔⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⣾⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠸⣿⣄⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⣿⣿⣿⣿⣿⣦⡀⠀⠀⠀⠀⠀⣀⣬⣿⣧⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡴⠁⠘⢿⣿⣿⣿⣿⣿⡿⠻⣶⣴⡶⠋⠁⢸⡟⠁⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⡇⠀⠀⣰⠟⠛⠻⠿⠿⠁⠀⠙⠛⣧⡀⠀⠀⣹⢛⡽⠦⣤⣤⡀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⢧⣀⣀⣹⢧⠀⠀⠀⠀⠀⠀⠀⠀⠘⠧⣀⣰⠁⣾⢦⣴⠻⠉⡇
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠞⠢⠤⠤⠔⠚⢦⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢈⣹⠷⣴⡇⡇⠀⡇
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣞⣁⠀⠀⠀⢀⣀⡠⠼⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⡾⢥⣀⡸⢣⠁⣰⠃
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠣⠤⢤⣀⣉⠥⠤⠴⠒⠈⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠙⠛⠓⠛⠈⠁⠀

            [FR]
        Bonjour à toi petit curieux qui regarde ce code, sois le/la bienvenu(e) dans ma matrice.
        N'hésites pas à aller voir mes projets sur la page projets - https://www.wanalike.net/projets.html
        Si tu trouve une faille dans ce code, je te remercie d'avance pour le signalement via ma page contact - https://www.wanalike.net/contact.html
        Si tu aime ce site de par son design, sa navigation ou son contenu, partage-le via son URL :)
    
        Bon chat & bets avec la communauté Tipsters Pronostics hébergé par WanaLike Network.
    
        Cordialement KoS_.
    
            [EN]
        Hello to you little curious who looks at this code, be welcome in my matrix.
        Do not hesitate to go see my projects on the projects page - https://www.wanalike.net/projets.html
        If you find a flaw in this code, I thank you in advance for the report via my contact page - https://www.wanalike.net/contact.html
        If you like this site because of its design, navigation or content, share it via its URL :)
    
        Good chat & bets with the Tipsters Pronostics community hosted by WanaLike Network.
    
        Sincerely KoS_.
        
        /-->
        <!doctype html>
<html dir="ltr" lang="en-US" class="no-js">
<head>
    <!-- meta -->
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Token pour l’API de recherche -->
    <meta name="tp-srch-t" content="8940ea433984270258608bfb36a3ca62">

        <!-- Title -->
    <title>TIPSTERS PRONOSTICS - Club pour parieurs initiés</title>

    
    <meta name="keywords" content="Tipsters pronostics, Club de pronostics sportifs, Passionnés de paris sportifs, Pronostics gratuits, Meilleurs tipsters, Enseignements paris sportifs, Stratégies de paris, Conseils paris sportifs, Astuces pour gagner aux paris, Communauté de parieurs, Pronostics de qualité, Parieurs professionnels, Apprendre à parier, Méthodes pour parier, Analyse des matchs, Prédictions sportives fiables, Suivi de tipsters, Gagner avec les paris, Pronostics experts, Pronostics détaillés, Comment choisir les meilleurs tipsters ?, Pronostics gratuits et fiables pour paris sportifs, Club de parieurs passionnés en ligne, Stratégies avancées pour paris sportifs gagnants, Le guide ultime des paris sportifs gratuits, Astuces pour maximiser vos gains aux paris sportifs, Apprendre les bases des paris sportifs pour débutants, Pronostics 100% gratuits par des experts, Rejoignez un club de passionnés de paris sportifs, Pourquoi suivre des tipsters pour réussir vos paris sportifs ?">
    <meta name="description" content="TIPSTERS PRONOSTICS club de passionnés, par des passionnés, pour des passionnés. Nous sommes les seuls à vous offrir un contenu gratuit aussi qualitatif. Êtes vous prêt à vivre le meilleur des enseignements relatifs aux paris sportifs ?"/>
    <link rel="canonical" href="https://tipsters-pronostics.com/"/>
    <meta property="og:locale" content="fr_FR"/>
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="Tipsters-Pronostics - Investissements et club pour parieurs confirmés"/>
    <meta property="og:description" content="TP c&#039;est une alchimie entre compétence technique et bonne humeur ... un club entièrement composé de parieurs initiés que nous accompagnons avec soins."/>
    <meta property="og:url" content="https://tipsters-pronostics.com/"/>
    <meta property="og:site_name" content="Tipsters-Pronostics"/>
    <meta property="article:publisher" content="https://www.facebook.com/clubTP/"/>
    <meta property="article:modified_time" content="2020-08-25T14:48:50+00:00"/>
    <meta name="twitter:card" content="summary_large_image"/>

    <meta name="generator" content="WordPress 6.9"/>
    <link rel='shortlink' href='https://tipsters-pronostics.com/'/>
    <link rel="alternate" type="application/json+oembed" href="https://tipsters-pronostics.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftipsters-pronostics.com%2F"/>
    <link rel="alternate" type="text/xml+oembed" href="https://tipsters-pronostics.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftipsters-pronostics.com%2F&#038;format=xml"/>
    <meta name="bmi-version" content="1.4.3"/>
    <meta name="theme-color" content="#a6da07">

    <meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/>
    <meta name="onesignal" content="wordpress-plugin"/>

    <meta name="generator" content="Powered by Slider Revolution 6.7.40 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface."/>
    <!-- iDevices & Retina Favicons -->
    <link rel="icon" type="image/png" sizes="32x32" href="https://dev.tipsters-pronostics.com/images/TP/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="https://dev.tipsters-pronostics.com/images/TP/favicons/favicon-16x16.png">
    <link rel="shortcut icon" href="https://dev.tipsters-pronostics.com/images/TP/favicons/favicon.ico">

    <!-- Google Fonts CSS Stylesheet -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,600italic,700,800,800italic" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Font Awesome icons library -->
    <link rel="stylesheet" href="https://dev.tipsters-pronostics.com/fonts/font-awesome/css/font-awesome.min.css" type="text/css" media="all">

    <!-- Required CSS file for iOS Slider element -->
    <link rel="stylesheet" href="https://dev.tipsters-pronostics.com/css/sliders/ios/style.css" type="text/css" media="all">

    <!-- Main + Responsive & Base sizing -->
    <link rel="stylesheet" href="https://dev.tipsters-pronostics.com/css/template.min.css">
    <link rel="stylesheet" href="https://dev.tipsters-pronostics.com/css/responsive.min.css" type="text/css" media="all">
    <link rel="stylesheet" href="https://dev.tipsters-pronostics.com/css/base-sizing.css" type="text/css" media="all">
    <link rel="stylesheet" href="https://dev.tipsters-pronostics.com/css/dp.css" type="text/css" media="all">

    <!-- Charte graphique -->
    <link id="template-colors" rel="stylesheet" href="https://dev.tipsters-pronostics.com/css/custom.css">

    <!-- CSS spécifique header / search / alerts -->
    <link rel="stylesheet" href="https://dev.tipsters-pronostics.com/css/koscmos-header.css">

    <noscript>
        <link rel="stylesheet" href="https://dev.tipsters-pronostics.com/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://dev.tipsters-pronostics.com/css/template.min.css">
    </noscript>

    <!-- jQuery -->
    <script type="text/javascript" src="https://dev.tipsters-pronostics.com/js/jquery-3.5.1.min.js"></script>
    <!-- Prettify -->
    <script src="https://dev.tipsters-pronostics.com/js/prettify.min.js"></script>
    <!-- Topbar -->
    <script src="https://dev.tipsters-pronostics.com/js/topbar.min.js"></script>

    <!-- Analytics Wanalike -->
    <script>
    var _paq = window._paq = window._paq || [];
    _paq.push(['trackPageView']);
    _paq.push(['enableLinkTracking']);
    (function() {
        var u="//analytics.wanalike.net/";
        _paq.push(['setTrackerUrl', u+'matomo.php']);
        _paq.push(['setSiteId', '4']);
        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
        g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
    })();
    </script>
    <!-- End Analytics Wanalike Code -->

    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script>
        (function(){
        function unhide(){
            var main = document.getElementById('main_content');
            if (!main) return;
            main.style.visibility = 'visible';
            main.style.opacity = '1';
            main.style.pointerEvents = 'auto';
        }

        // visible ASAP
        unhide();

        // DOM ready
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', unhide, { once:true });
        }

        // Topbar : best-effort only
        window.addEventListener('load', function(){
            unhide();
            if (!window.topbar) return;
            try{
            topbar.config({ barColors:{
                '0':'rgba(0,32,0,.9)',
                '.25':'rgba(0,64,0,.9)',
                '.50':'rgba(0,128,0,.9)',
                '.75':'rgba(0,192,0,.9)',
                '1.0':'rgba(0,255,0,.9)'
            }});
            topbar.show();
            setTimeout(function(){ try{ topbar.hide(); }catch(e){} }, 600);
            } catch(e) { /* ignore */ }
        }, { once:true });

        // ultime garde-fou
        setTimeout(unhide, 1200);
        })();
    </script>
</head>

<body>
    <!-- Support Panel -->
    <input type="checkbox" id="support_p" class="panel-checkbox">
    <div class="support_panel">
        <div class="support-close-inner">
            <label for="support_p" class="spanel-label inner">
                <span class="support-panel-close">×</span>
            </label>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-9">
                    <h4 class="m_title mb-20">HOW TO SHOP</h4>
                    <div class="m_content how_to_shop">
                        <div class="row">
                            <div class="col-sm-4"><span class="number">1</span> Login or create new account.</div>
                            <div class="col-sm-4"><span class="number">2</span> Review your order.</div>
                            <div class="col-sm-4"><span class="number">3</span> Payment <strong>FREE</strong> shipment</div>
                        </div>
                        <p>If you still have problems, please let us know, by sending an email to support@website.com . Thank you!</p>
                    </div>
                </div>

                <div class="col-sm-12 col-md-12 col-lg-3">
                    <h4 class="m_title mb-20">SHOWROOM HOURS</h4>
                    <div class="m_content">
                        Mon-Fri 9:00AM - 6:00AM<br>
                        Sat - 9:00AM-5:00PM<br>
                        Sundays by appointment only!
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--/ Support Panel -->

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const supportPanelCheckbox = document.getElementById('support_p');
            let lastScrollY = window.scrollY;

            window.addEventListener('scroll', function () {
                if (supportPanelCheckbox && supportPanelCheckbox.checked) {
                    const currentScrollY = window.scrollY;
                    if (currentScrollY > lastScrollY) {
                        supportPanelCheckbox.checked = false;
                    }
                    lastScrollY = currentScrollY;
                }
            });
        });
    </script>

    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const body = document.body;
            const header = document.getElementById('header');
            if (!header) return;

            body.classList.add('sticky-header');

            window.addEventListener('scroll', () => {
                if (window.scrollY >= 10) {
                    header.classList.add('header--is-sticked');
                    header.classList.remove('header--no-sticked');
                } else {
                    header.classList.remove('header--is-sticked');
                    header.classList.add('header--no-sticked');
                }
            });
        });
    </script>

    <!-- Page Wrapper -->
    <div id="page_wrapper">
        <div id="dp-js-header-helper" style="height:0 !important; display:none !important;"></div>

        <header id="header" class="site-header cta_button" data-header-style="5">
            <div class="kl-header-bg"></div>

            <div class="site-header-wrapper">
                <div class="site-header-top-wrapper">
                    <div class="siteheader-container container">
                        <div class="site-header-row site-header-top d-flex justify-content-between">
                            <div class="site-header-top-left d-flex">
                                <ul class="topnav social-icons sc--clean align-self-center">
                                    <li><a href="https://www.facebook.com/clubTP/" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="https://twitter.com/tipsterspronos" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="https://www.youtube.com/channel/UClNeQU4Tnll-TmPhfF4rcWQ" target="_blank" title="Youtube"><i class="fab fa-youtube"></i></a></li>
                                </ul>
                                <div class="clearfix visible-xxs"></div>
                            </div>

                            <div class="site-header-top-right d-flex">
                                <div class="topnav support--panel align-self-center"></div>

                                <button id="search-toggle-btn"
                                        type="button"
                                        class="search-toggle-btn align-self-center ms-3"
                                        aria-label="Ouvrir la recherche"
                                        onclick="TP_toggleSearch(event)">
                                    <i class="fas fa-search"></i>
                                </button>

                                <div id="tp-search" class="tp-search-wrapper align-self-center ms-3" style="position:relative;">
                                    <div class="search-container">
                                        <form id="tp-site-search" class="tp-searchform" autocomplete="off" role="search" aria-label="Recherche sur le site">
                                            <input
                                                id="tp-search-input"
                                                name="q"
                                                class="tp-search-input"
                                                type="search"
                                                minlength="2"
                                                maxlength="100"
                                                placeholder="Rechercher un article, une catégorie…"
                                                aria-label="Rechercher">
                                        </form>

                                        <div id="tp-search-results" class="tp-search-dropdown" role="listbox" aria-label="Résultats de recherche" hidden></div>
                                    </div>
                                </div>

                                                                    <div class="topnav login--panel align-self-center ms-3">
                                        <a class="topnav-item" href="https://dev.tipsters-pronostics.com/connexion" aria-label="Connexion">
                                            <i class="login-icon fas fa-sign-in-alt visible-xs xs-icon"></i>
                                            <span class="topnav-item--text">ME CONNECTER</span>
                                        </a>
                                    </div>

                                    <div class="topnav login--panel align-self-center ms-3">
                                        <a class="topnav-item" href="https://dev.tipsters-pronostics.com/contact" aria-label="Nous contacter">
                                            <i class="login-icon fas fa-envelope visible-xs xs-icon"></i>
                                            <span class="topnav-item--text">NOUS CONTACTER</span>
                                        </a>
                                    </div>
                                                            </div>
                        </div>
                    </div>
                </div>

                <div class="site-header-main-wrapper d-flex">
                    <div class="siteheader-container container align-self-center">
                        <div class="site-header-row site-header-main d-flex flex-row justify-content-between">
                            <div class="site-header-main-left d-flex justify-content-start align-items-center">
                                <div class="logo-container hasInfoCard logosize--yes">
                                    <h1 class="site-logo logo" id="logo">
                                        <a href="https://dev.tipsters-pronostics.com/" title="Tipsters Pronostics">
                                            <img src="https://dev.tipsters-pronostics.com/images/TP/new-logo-tipsters-pronostics.webp" class="logo-img" alt="Tipsters Pronostics" title="Tipsters Pronostics" />
                                        </a>
                                    </h1>

                                    <div id="infocard" class="logo-infocard">
                                        <div class="custom">
                                            <div class="row">
                                                <div class="col-sm-6 left-side d-flex">
                                                    <div class="align-self-center">
                                                        <div class="infocard-wrapper text-center">
                                                            <img src="https://dev.tipsters-pronostics.com/images/TP/newtp.webp" class="mb-25" alt="Tipsters Pronostics" title="Tipsters Pronostics" />
                                                            <p>Nous sommes une école pour tout parieur débutant, et un réel club pour <strong>tout parieur confirmé.</strong>.</p>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-sm-6 right-side">
                                                    <div class="custom contact-details">
                                                        <p>
                                                            TIPSTERS INVEST SAS<br>
                                                            Porto-Vecchio, France <br>
                                                            <a href="mailto:support@tipsters-pronostics.com">support@tipsters-pronostics.com</a>
                                                        </p>
                                                        <a href="https://maps.app.goo.gl/EvuTSoVCvYBvKbVW6" class="map-link" target="_blank" title="">
                                                            <span class="fas fa-map-marker-alt white-icon mr-10"></span>
                                                            <span>Ouvrir avec Google Maps</span>
                                                        </a>
                                                    </div>
                                                    <div style="height:20px;"></div>
                                                    <ul class="social-icons sc--clean">
                                                        <li><a href="#" target="_self" class="fab fa-twitter" title="Twitter"></a></li>
                                                        <li><a href="#" target="_self" class="fab fa-facebook-f" title="Facebook"></a></li>
                                                        <li><a href="#" target="_self" class="fab fa-dribbble" title="Dribbble"></a></li>
                                                        <li><a href="#" target="_blank" class="fab fa-google-plus-g" title="Google Plus"></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="separator visible-xxs"></div>
                            </div>

                            <div class="site-header-main-center d-flex justify-content-center align-items-center">
                                <div class="main-menu-wrapper">
                                    <div id="zn-res-menuwrapper"><a href="#" class="zn-res-trigger "></a></div>

                                    <div id="main-menu" class="main-nav zn_mega_wrapper">
                                        <ul id="menu-main-menu" class="main-menu zn_mega_menu">
                                                                                                                                                                                                    <li class="menu-item">
                                                        <a href="https://dev.tipsters-pronostics.com">
                                                            Accueil                                                                                                                    </a>

                                                                                                            </li>
                                                                                                                                                        <li class="menu-item">
                                                        <a href="https://dev.tipsters-pronostics.com/articles">
                                                            Articles                                                                                                                    </a>

                                                                                                            </li>
                                                                                                                                                        <li class="menu-item">
                                                        <a href="https://dev.tipsters-pronostics.com/categories">
                                                            Catégories                                                                                                                    </a>

                                                                                                            </li>
                                                                                                                                                        <li class="menu-item-has-children">
                                                        <a href="https://dev.tipsters-pronostics.com/nos-tipsters">
                                                            NOS TIPSTERS                                                                                                                    </a>

                                                                                                                    <ul class="sub-menu clearfix">
                                                                                                                                                                                                        <li class="">
                                                                        <a href="https://dev.tipsters-pronostics.com/tipster-foot-france">
                                                                            ED - Football                                                                        </a>
                                                                    </li>
                                                                                                                                                                                                        <li class="">
                                                                        <a href="/tipster-foot">
                                                                            VIERI - Football                                                                        </a>
                                                                    </li>
                                                                                                                                                                                                        <li class="">
                                                                        <a href="https://dev.tipsters-pronostics.com/tipster-nfl">
                                                                            CAT-BK - NFL &amp; Football                                                                        </a>
                                                                    </li>
                                                                                                                                                                                                        <li class="">
                                                                        <a href="https://dev.tipsters-pronostics.com/tipster-cyclisme">
                                                                            Luigi - Cyclisme &amp; Tennis                                                                        </a>
                                                                    </li>
                                                                                                                            </ul>
                                                                                                            </li>
                                                                                                                                                        <li class="menu-item-has-children button-animation:hover">
                                                        <a href="https://dev.tipsters-pronostics.com/integrer-le-club" class="box__link button-animation">
                                                            Integrer le Club                                                            <span></span><span></span><span></span><span></span>                                                        </a>

                                                                                                            </li>
                                                                                                                                    </ul>
                                    </div>
                                </div>
                            </div>

                            <div class="site-header-main-right d-flex justify-content-end align-items-center"></div>
                        </div>
                    </div>
                </div>
            </div>
        </header>

        <!-- Alerts flash -->
        <div class="custom-alerts">
            <div class="alerts-container">
                            </div>
        </div>

    <!-- (Le reste du contenu page continue ici) -->

    <script>
        document.addEventListener("DOMContentLoaded", function() {
            const alerts = document.querySelectorAll('.alert');
            const closeButtons = document.querySelectorAll('.close-btn');

            alerts.forEach(alert => {
                setTimeout(() => { alert.classList.add('fade-out'); }, 3000);
            });

            closeButtons.forEach(button => {
                button.addEventListener('click', function() {
                    const alert = this.parentElement;
                    alert.classList.add('fade-out');
                });
            });
        });
    </script>

    <!-- === Intégration AJAX avec /api/search.php (token t=…) === -->
    <script>
        (function(){
            const API_URL = "https://dev.tipsters-pronostics.com/api/search.php";
            const TOKEN   = (document.querySelector('meta[name="tp-srch-t"]') || {}).content || "";
            const $input  = document.getElementById('tp-search-input');
            const $form   = document.getElementById('tp-site-search');
            const $box    = document.getElementById('tp-search-results');

            if (!$input || !$form || !$box) return;

            let activeIndex = -1;
            let debounceTimer = null;

            function showBox(){ $box.hidden = false; }
            function hideBox(){ $box.hidden = true; activeIndex = -1; }
            function setActive(i){
                const nodes = $box.querySelectorAll('.tp-search-item');
                nodes.forEach((n, idx)=> n.setAttribute('aria-selected', idx === i ? 'true' : 'false'));
                activeIndex = i;
            }
            function itemHTML(r, idx){
                const url   = r.url || '#';
                const title = r.title || 'Sans titre';
                const type  = r.type || '';
                const meta  = r.published_at ? new Date(r.published_at).toLocaleDateString() : (r.visibility ? r.visibility : '');
                return `
                    <a class="tp-search-item" role="option" data-index="${idx}" href="${url}">
                        <div>
                            <div class="tp-search-title">${title}${type ? `<span class="tp-search-badge">${type}</span>`:''}</div>
                            ${meta ? `<div class="tp-search-meta">${meta}</div>`:''}
                        </div>
                    </a>
                `;
            }
            function render(results){
                if (!Array.isArray(results) || results.length === 0){
                    $box.innerHTML = '<div class="tp-search-empty">Aucun résultat.</div>';
                    showBox(); return;
                }
                $box.innerHTML = results.map(itemHTML).join('');
                showBox();
            }
            async function query(q){
                if (!q || q.trim().length < 2){ hideBox(); return; }
                const params = new URLSearchParams({ q: q.trim(), type: 'all', limit: '10', t: TOKEN });
                try{
                    const res = await fetch(API_URL + "?" + params.toString(), {
                        method: "GET",
                        headers: { "Accept": "application/json" },
                        credentials: "same-origin",
                        cache: "no-store"
                    });
                    if (res.status === 403){
                        $box.innerHTML = '<div class="tp-search-error">Accès refusé (token invalide).</div>'; showBox(); return;
                    }
                    if (res.status === 429){
                        $box.innerHTML = '<div class="tp-search-error">Trop de requêtes. Réessayez dans 2s.</div>'; showBox(); return;
                    }
                    if (!res.ok){
                        $box.innerHTML = '<div class="tp-search-error">Erreur '+res.status+'.</div>'; showBox(); return;
                    }
                    const data = await res.json();
                    render(data.results || []);
                }catch(e){
                    console.error(e);
                    $box.innerHTML = '<div class="tp-search-error">Réseau indisponible.</div>'; showBox();
                }
            }
            function debouncedQuery(q){
                clearTimeout(debounceTimer);
                debounceTimer = setTimeout(()=> query(q), 220);
            }

            $input.addEventListener('input', (e)=> debouncedQuery(e.target.value));
            $input.addEventListener('focus', ()=> { if ($box.innerHTML.trim()!=="") showBox(); });
            document.addEventListener('click', (e)=> { if (!e.target.closest('#tp-search')) hideBox(); });

            $input.addEventListener('keydown', (e)=>{
                const items = $box.querySelectorAll('.tp-search-item');
                if (e.key === 'ArrowDown'){
                    if ($box.hidden) showBox();
                    if (items.length){
                        e.preventDefault();
                        setActive((activeIndex + 1) % items.length);
                        items[activeIndex].scrollIntoView({block:'nearest'});
                    }
                } else if (e.key === 'ArrowUp'){
                    if (items.length){
                        e.preventDefault();
                        setActive((activeIndex - 1 + items.length) % items.length);
                        items[activeIndex].scrollIntoView({block:'nearest'});
                    }
                } else if (e.key === 'Enter'){
                    if (!$box.hidden && items.length){
                        e.preventDefault();
                        const target = (activeIndex >= 0 ? items[activeIndex] : items[0]);
                        if (target && target.href){ window.location.href = target.href; }
                    } else {
                        window.location.href = "https://dev.tipsters-pronostics.com/recherche/q/" + encodeURIComponent($input.value.trim());
                    }
                } else if (e.key === 'Escape'){
                    hideBox();
                }
            });

            $form.addEventListener('submit', (e)=>{
                e.preventDefault();
                const first = $box.querySelector('.tp-search-item');
                if (!$box.hidden && first && first.href){ window.location.href = first.href; return; }
                window.location.href = "https://dev.tipsters-pronostics.com/recherche/q/" + encodeURIComponent($input.value.trim());
            });
        })();

        function TP_toggleSearch(e) {
            if (e) { e.stopPropagation(); e.preventDefault(); }
            var box = document.getElementById('tp-search');
            var input = document.getElementById('tp-search-input');
            if (!box) return;
            var isOpen = box.classList.toggle('is-open');
            if (isOpen && input) { setTimeout(() => input.focus(), 100); }
        }

        document.addEventListener('click', function(evt) {
            var box = document.getElementById('tp-search');
            var btn = document.getElementById('search-toggle-btn');
            if (!box || !btn) return;
            if (!box.contains(evt.target) && !btn.contains(evt.target)) {
                box.classList.remove('is-open');
            }
        });
    </script>
<style>
  .badge-state{
    display:inline-block; margin-left:.35rem; padding:.1rem .4rem; border-radius:6px;
    font-size:.75rem; line-height:1; border:1px solid #e2e8f0; background:#f8fafc; color:#334155;
  }
  .badge-published{ background:#e8f5e9; color:#1b5e20; border-color:#c8e6c9; }
  .badge-draft{ background:#fff3cd; color:#856404; border-color:#ffeeba; }
  .badge-review{ background:#e3f2fd; color:#0d47a1; border-color:#bbdefb; }
  .badge-scheduled{ background:#ede7f6; color:#4527a0; border-color:#d1c4e9; }
  .badge-archived{ background:#f5f5f5; color:#424242; border-color:#e0e0e0; }
  .badge-premium{ background:#ffe0e6; color:#ad1457; border-color:#ffc1cc; }
  .badge-free{ background:#e0f7fa; color:#006064; border-color:#b2ebf2; }
  .badge-private{ background:#fde2e2; color:#7f1d1d; border-color:#fecaca; }

  .widget_meta ul { list-style: none; padding-left: 0; margin-left: 0; }
  .widget_meta ul li { padding-left: 0; position: relative; }
  .widget_meta ul li:before { content: none !important; }
  .widget_meta ul li strong { display: inline; margin: 0; }
  .widget_meta ul li a { display: inline; }

  .post-author-inline{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    margin-left:.6rem;
    color:#6b7280;
    font-weight:700;
    white-space:nowrap;
  }
  .post-author-inline i{ opacity:.85; }
</style>

<!-- Page Sub-Header -->
<div id="page_header" class="page-subheader site-subheader-cst ">
  <div class="bgback"></div>
  <div class="kl-bg-source__overlay" style="
      background:
        linear-gradient(to bottom, rgba(0,0,0,.28), rgba(0,0,0,0) 42%) no-repeat,
        repeating-linear-gradient(-45deg, rgba(255,255,255,.05) 0 2px, rgba(255,255,255,0) 2px 6px) no-repeat,
        linear-gradient(to right, #c8cdd2 0%, #b7bdc4 46%, #a8afb7 100%) no-repeat;
      background-size: 100% 100%, 100% 100%, 100% 100%;
  "></div>
  <div class="th-sparkles"></div>

  <div class="ph-content-wrap d-flex">
    <div class="container align-self-center">
      <div class="row">
        <div class="col-sm-12 col-md-6 col-lg-6">
          <ul class="breadcrumbs fixclear">
            <li><a href="/">Accueil</a></li>
            <li><a href="/articles">Articles</a></li>
            <li><a href="/list-categories/test/">test</a></li>
            <li class="active"><span>test article avec…</span></li>
          </ul>

          <span id="current-date" class="subheader-currentdate">
            30 décembre 2025                          — il y a 4 semaines                                      <span class="post-author-inline"><i class="far fa-user"></i> Par KoS_</span>
                      </span>
          <div class="clearfix"></div>
        </div>

        <div class="col-sm-12 col-md-6 col-lg-6">
          <div class="subheader-titles">
            <h2 class="subheader-maintitle">BLOG & PRONOSTICS</h2>
            <h4 class="subheader-subtitle">TIPSTERS</h4>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="kl-bottommask kl-bottommask--mask3">
    <svg width="5000px" height="57px" class="svgmask " viewBox="0 0 5000 57">
      <path d="M0,57 L0,34 L2418,34 L2434,34 C2434,34 2441.89,33.258 2448,31.024 C2454.11,28.79 2479,11 2479,11 L2492,2 C2492,2 2495.121,0 2500,0 C2505.267,0 2508,2 2508,2 L2521,11 C2521,11 2545.89,28.79 2552,31.024 C2558.11,33.258 2566,34 2566,34 L2582,34 L5000,34 L5000,57 L2500,57 L1148,57 L0,57 Z" class="bmask-bgfill" fill="#fbfbfb"></path>
    </svg>
    <i class="fas fa-angle-down"></i>
  </div>
</div>
<!--/ Page Sub-Header -->

<section class="hg_section pt-100 pb-100">
  <div class="container">
    <div class="row">

      <div class="col-sm-12 col-md-12 col-lg-8 mb-md-30">
        
        <div class="itemHeader kl-blog-item-header">
          <h3 class="itemTitle kl-blog-item-title">test article avec cover</h3>
          <div class="post_details kl-blog-item-details kl-font-alt">
            <span class="catItemDateCreated kl-blog-item-date updated">
              30 décembre 2025                              — il y a 4 semaines                                            <span class="post-author-inline"><i class="far fa-user"></i> Par KoS_</span>
                          </span>

                          <span class="catItemAuthor kl-blog-item-author">
                <span class="kl-blog-item-category-text">dans</span>
                <a href="/list-categories/test/" rel="category tag">test</a>
              </span>
                      </div>
        </div>

        <div class="itemBody kl-blog-item-body">
          <div class="itemIntroText kl-blog-item-content">
                          <div class="zn_post_image kl-blog-post-image">
                <img class="zn_post_thumbnail kl-blog-post-thumbnail pull-left"
                     src="/uploads/articles/test-article-avec-cover-acbc6792.webp" alt="test article avec cover">
              </div>
            
            <div class="article-content">
              <p>voici un article avec un cover&nbsp;</p>            </div>
          </div>
          <div class="clear"></div>
        </div>
      </div>

      <div class="col-sm-12 col-md-12 col-lg-4">
        <div id="sidebar-widget" class="sidebar knowledgebase">

          <div class="widget widget_search">
            <form id="searchform-sidebar" class="gensearch__form"
                  action="/recherche" method="get"
                  onsubmit="return tpSearchPretty(this);">
              <input name="q" class="inputbox gensearch__input" type="text" placeholder="Rechercher..." minlength="2" autocomplete="off">
              <button type="submit" class="gensearch__submit fas fa-search"></button>
            </form>
          </div>

          <script>
          function tpSearchPretty(form){
            const input = form.querySelector('input[name="q"]');
            const q = (input && input.value ? input.value : '').trim();
            if (!q || q.length < 2) return false;
            window.location.href = '/recherche/q/' + encodeURIComponent(q) + '/';
            return false;
          }
          </script>

          <div class="widget widget_recent_entries">
            <h3 class="widgettitle title">Articles récents</h3>
            <ul class="posts">
              <li><a href="/code-et-tech/tutoriel-tp-creer-un-compte-et-lier-telegram-pas-a-pas/">Tutoriel TP : créer un compte et lier Telegram (pas à pas)</a></li><li><a href="/test/test-article-avec-cover/">test article avec cover</a></li><li><a href="/code-et-tech/pourquoi-blog-wanalike-net-merite-ton-attention/">Pourquoi blog.wanalike.net mérite ton attention</a></li><li><a href="/cegenre/test-pour-voir/">test pour voir</a></li><li><a href="/bidule/test-nouvel-article-publication-direct/">Test nouvel article publication direct</a></li>            </ul>
          </div>

          <div class="widget widget_categories">
            <h3 class="widgettitle title">Catégories</h3>
            <ul class="menu">
              <li><a href="/list-categories/bidule/">bidule</a></li><li><a href="/list-categories/cegenre/">cegenre</a></li><li><a href="/list-categories/code-et-tech/">code et tech</a></li><li><a href="/list-categories/dragon-ball-z/">dragon_ball_Z</a></li><li><a href="/list-categories/gestion-bankroll/">Gestion Bankroll</a></li><li><a href="/list-categories/mamen/">mamen</a></li><li><a href="/list-categories/maxime/">maxime</a></li><li><a href="/list-categories/star-trek/">star_trek</a></li><li><a href="/list-categories/test/">test</a></li><li><a href="/list-categories/tipsters/">tipsters</a></li><li><a href="/list-categories/truc/">truc</a></li><li><a href="/list-categories/truc-bidule/">truc_bidule</a></li>            </ul>
          </div>

          <div class="widget widget_tags">
            <h3 class="widgettitle title">Tags</h3>
            <div class="article-tags">
                              <div class="d-inline-flex mr-10 mb-10">
                  <a href="/recherche/q/article/"
                     class="btn-element btn btn-fullcolor btn-skewed" title="article">
                    <span>article</span>
                  </a>
                </div>
                              <div class="d-inline-flex mr-10 mb-10">
                  <a href="/recherche/q/cover/"
                     class="btn-element btn btn-fullcolor btn-skewed" title="cover">
                    <span>cover</span>
                  </a>
                </div>
                          </div>
          </div>

          <div class="widget widget_meta">
            <h3 class="widgettitle title">Meta</h3>
            <ul>
              <li><strong>URL:</strong>
                <a href="https://dev.tipsters-pronostics.com/test/test-article-avec-cover/" target="_blank" rel="noopener">
                  /test/test-article-avec-cover/                </a>
              </li>
              <li><strong>Description:</strong> <span>voici un article avec un cover</span></li>
              <li><strong>Mots-clés:</strong> <span>article, cover, voici, test</span></li>
            </ul>
          </div>

        </div>
      </div>

    </div>
  </div>
</section>
<div id="dp-js-footer-helper" style="height:0 !important; display:none !important;"></div>

<footer id="footer" class="footer" data-footer-style="1">
  <div class="container">

    <!-- TOP FOOTER -->
    <div class="row">

      
        
        <!-- DB GROUPS -->
                            <div class="col-sm-12 col-md-3 mb-30">
            <h3 class="title m_title">TIPSTERS PRONOSTICS</h3>
            <div class="sbs">
              <ul class="menu">
                                                    <li>
                                          <a href="/accueil"
                         target="_self"
                         >
                        Accueil                      </a>
                                      </li>
                                                    <li>
                                          <a href="/integrer-le-club"
                         target="_self"
                         >
                        Integrer le Club                      </a>
                                      </li>
                                                    <li>
                                          <a href="/articles"
                         target="_self"
                         >
                        Articles                      </a>
                                      </li>
                                                    <li>
                                          <a href="/categories"
                         target="_self"
                         >
                        Catégories                      </a>
                                      </li>
                                                    <li>
                                          <a href="/nos-tipsters"
                         target="_self"
                         >
                        NOS TIPSTERS                      </a>
                                      </li>
                              </ul>
            </div>
          </div>
                            <div class="col-sm-12 col-md-3 mb-30">
            <h3 class="title m_title">INFOS LÉGALES</h3>
            <div class="sbs">
              <ul class="menu">
                                                    <li>
                                          <a href="/conditions-generales-de-ventes"
                         target="_self"
                         >
                        CGV                      </a>
                                      </li>
                                                    <li>
                                          <a href="/page-conditions-generales-d-utilisation"
                         target="_self"
                         >
                        CGU                      </a>
                                      </li>
                                                    <li>
                                          <a href="/mentions-legales"
                         target="_self"
                         >
                        Mentions légales                      </a>
                                      </li>
                                                    <li>
                                          <a href="/politique-de-confidentialite"
                         target="_self"
                         >
                        Politique de confidentialité                      </a>
                                      </li>
                                                    <li>
                                          <a href="/page-politique-de-cookies"
                         target="_self"
                         >
                        Politique des cookies                      </a>
                                      </li>
                              </ul>
            </div>
          </div>
        
        <!-- NEWSLETTER (footer_settings) -->
                            <div class="col-sm-12 col-md-3 mb-30">
            <div class="newsletter-signup">
              <h3 class="title m_title">INSCRIPTION À LA NEWSLETTER</h3>
              <p>Recevez nos dernières informations par email.</p>

              <!-- ✅ Branché sur /newsletter/subscribe.php + UI message (pas de JSON visible) -->
              <form class="tp-newsletter-form" method="post" action="https://dev.tipsters-pronostics.com/newsletter/subscribe.php" novalidate>
                <label for="newsletter-email" class="sr-only">Adresse e-mail</label>
                <input type="email"
                       id="newsletter-email"
                       name="email"
                       class="nl-email form-control"
                       placeholder="ton.adresse@email.com"
                       required
                       autocomplete="email">
                <!-- honeypot anti-bot (cheap & efficace) -->
                <input type="text" name="website" value=""
                       style="position:absolute;left:-9999px;top:-9999px" tabindex="-1" autocomplete="off">
                <input type="submit" class="nl-submit" value="VALIDER">
                <p class="tp-newsletter-msg small mt-2" aria-live="polite"></p>
              </form>

              <p class="small mt-2">Aucun spam. Désinscription à tout moment.</p>
            </div>
          </div>
        
        <!-- CONTACT (footer_settings) -->
                            <div class="col-sm-12 col-md-3 mb-30">
            <h3 class="title m_title">CONTACT</h3>
            <div class="contact-details">
                              <p>Email : <a href="mailto:support@tipsters-pronostics.com">support@tipsters-pronostics.com</a></p>
              
                              <p>Tipsters-Pronostics<br>Porto-Vecchio, France</p>
              
                              <p>
                  <a href="https://www.google.com/maps" target="_blank" rel="noopener">
                    <i class="icon-map-marker white-icon"></i> Voir sur Google Maps
                  </a>
                </p>
                          </div>
          </div>
        
      
    </div>
    <!-- /TOP FOOTER -->

    <!-- BOTTOM FOOTER -->
    <div class="row">
      <div class="col-sm-12">
        <div class="bottom clearfix">

          <ul class="social-icons sc--clean clearfix">
            <li class="title">GET SOCIAL</li>
            <li><a href="https://www.facebook.com/clubTP/" target="_blank" rel="noopener" class="fab fa-facebook-f"></a></li>
            <li><a href="https://twitter.com/tipsterspronos" target="_blank" rel="noopener" class="fab fa-twitter"></a></li>
            <li><a href="https://www.youtube.com/channel/UClNeQU4Tnll-TmPhfF4rcWQ" target="_blank" rel="noopener" class="fab fa-youtube"></a></li>
            <li><a href="https://fr.trustpilot.com/review/tipsters-pronostics.com" target="_blank" rel="noopener" class="fas fa-star"></a></li>
          </ul>

          <div class="copyright">
            <a href="/">
              <img src="https://dev.tipsters-pronostics.com/images/TP/new-logo-tipsters-pronostics.webp"
                   alt="Tipsters Pronostics"
                   style="width:160px; height:auto; margin-top:-10px;">
            </a>

            <span>© 2018-2026 TIPSTERS-INVEST SAS — SIRET 83416489900017</span>
            <span>HardCodé avec ❤️ par <a href="https://www.wanalike.net/">KoS_</a></span>
          </div>

        </div>
      </div>
    </div>
    <!-- /BOTTOM FOOTER -->

  </div>
</footer>

<!-- COOKIE CONSENT BANNER -->
<div id="tp-cookie-banner" class="tp-cookie-banner d-none" role="dialog" aria-live="polite">
  <div class="tp-cookie-content">
    <p>
      Ce site utilise des cookies nécessaires à son fonctionnement.
      Des cookies optionnels peuvent être utilisés avec votre consentement.
      <a href="/cookies" class="tp-cookie-link">En savoir plus</a>
    </p>
    <div class="tp-cookie-actions">
      <button id="tp-cookie-refuse" class="btn btn-outline-light btn-sm">Refuser</button>
      <button id="tp-cookie-accept" class="btn btn-success btn-sm">Accepter</button>
    </div>
  </div>
</div>

<style>
.tp-cookie-banner{
  position:fixed; left:0; right:0; bottom:0;
  z-index:10000;
  background:rgba(15,23,42,.98);
  color:#e5e7eb;
  padding:16px;
  box-shadow:0 -4px 20px rgba(0,0,0,.45);
}
.tp-cookie-content{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.tp-cookie-content p{margin:0;font-size:14px;line-height:1.4}
.tp-cookie-link{color:#38bdf8;text-decoration:underline}
.tp-cookie-actions{display:flex;gap:8px}
</style>

<script>
(function(){
  const KEY = 'tp_cookie_consent';

  function show(){ document.getElementById('tp-cookie-banner')?.classList.remove('d-none'); }
  function hide(){ document.getElementById('tp-cookie-banner')?.classList.add('d-none'); }

  document.addEventListener('DOMContentLoaded', function(){
    if(!localStorage.getItem(KEY)) show();

    document.getElementById('tp-cookie-accept')?.addEventListener('click', function(){
      localStorage.setItem(KEY, 'accepted');
      hide();
    });

    document.getElementById('tp-cookie-refuse')?.addEventListener('click', function(){
      localStorage.setItem(KEY, 'refused');
      hide();
    });
  });
})();
</script>

<!-- ✅ Newsletter AJAX handler (affiche le message JSON même si HTTP != 200) -->
<script>
(function(){
  const forms = document.querySelectorAll('form.tp-newsletter-form');
  if(!forms || !forms.length) return;

  function setMsg(el, text, ok){
    if(!el) return;
    el.textContent = text || '';
    el.style.opacity = '1';
    el.style.fontWeight = '600';
    el.style.marginTop = '10px';
    el.style.color = ok ? '#22c55e' : '#ef4444';
  }

  async function safeJson(res){
    try { return await res.json(); } catch(e){ return null; }
  }

  forms.forEach((form) => {
    form.addEventListener('submit', async function(e){
      e.preventDefault();

      const emailInput = form.querySelector('input[name="email"]');
      const hp = form.querySelector('input[name="website"]');
      const msgEl = form.querySelector('.tp-newsletter-msg');

      // honeypot: si rempli => bot
      if(hp && (hp.value || '').trim() !== ''){
        setMsg(msgEl, "✅ Ton email a bien été inscrit à la newsletter.", true);
        form.reset();
        return;
      }

      const email = (emailInput?.value || '').trim();
      if(!email){
        setMsg(msgEl, "Mets une adresse email valide.", false);
        return;
      }

      setMsg(msgEl, "Inscription en cours...", true);

      try {
        const body = new URLSearchParams();
        body.set('email', email);

        const res = await fetch(form.getAttribute('action') || '/newsletter/subscribe.php', {
          method: 'POST',
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
            'Accept': 'application/json',
            'X-Requested-With': 'XMLHttpRequest'
          },
          body: body.toString()
        });

        // IMPORTANT : on parse le JSON même si res.ok === false (409, 422, 500…)
        const data = await safeJson(res);

        // Si pas de JSON exploitable => fallback générique
        if(!data || typeof data !== 'object'){
          setMsg(msgEl, "Erreur serveur. Réessaie plus tard.", false);
          return;
        }

        // Message prioritaire venant du backend
        const backendMsg = (typeof data.message === 'string' && data.message.trim() !== '')
          ? data.message.trim()
          : (data.success ? "✅ Inscription réussie !" : "Impossible d’inscrire cet email.");

        if(data.success === true){
          setMsg(msgEl, backendMsg, true);
          form.reset();
        } else {
          // Même si HTTP 409/422 => on affiche le message backend (pas “Erreur serveur”)
          setMsg(msgEl, backendMsg, false);
        }
      } catch (err){
        setMsg(msgEl, "Erreur réseau. Vérifie ta connexion.", false);
      }
    });
  });
})();
</script>

<!-- ToTop -->
<a href="#" id="totop">TOP</a>


<script src="https://dev.tipsters-pronostics.com/js/modernizr.min.js"></script>
<script src="https://dev.tipsters-pronostics.com/js/bootstrap.min.js"></script>
<script src="https://dev.tipsters-pronostics.com/js/kl-plugins.js"></script>
<script src="https://dev.tipsters-pronostics.com/js/plugins/scrollme/jquery.scrollme.js"></script>
<script src="https://dev.tipsters-pronostics.com/js/plugins/_sliders/ios/jquery.iosslider.min.js"></script>
<script src="https://dev.tipsters-pronostics.com/js/trigger/slider/ios/kl-ios-slider.js"></script>
<script src="https://dev.tipsters-pronostics.com/js/plugins/_sliders/slick/slick.js"></script>
<script src="https://dev.tipsters-pronostics.com/js/trigger/kl-slick-slider.js"></script>
<script src="https://dev.tipsters-pronostics.com/js/trigger/kl-slick-slider.js"></script>
<script src="https://dev.tipsters-pronostics.com/js/kl-scripts.js"></script>

</body>
</html>