
        <!--/
        [16]

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⡤⠤⠤⠤⠤⠤⠤⣤⣀⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡤⠚⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠑⢦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⠴⠚⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠒⢦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⢀⡤⠖⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢦⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⢀⡴⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⡤⠤⠤⠶⠶⠤⠤⠤⠤⢤⣀⡀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⡾⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⠴⠚⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠙⠦⣄⡇⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⢀⡜⠁⠀⠀⠀⠀⠀⠀⠀⠀⣠⠔⠋⠀⠀⠀⠀⠀⠀⠀⠀⢠⠀⠀⠀⠀⠀⠀⠀⠀⠰⢄⣀⡹⢦⡀⠀⠀⠀⠀⠀⠀
⠀⢀⡞⠀⠀⠀⠀⠀⠀⠀⠀⣠⠞⠁⠀⠀⠀⠀⠀⠀⠀⣀⣠⠔⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡠⠖⠊⠉⠉⠐⠦⡀⠀⠀
⢀⡞⠀⠀⠀⠀⠀⠀⠀⢀⡼⠁⠀⠀⠀⠀⠀⠀⠀⠐⢋⣀⠤⠤⠤⠤⣀⠀⠀⠀⠀⠀⠀⢠⠎⠀⠀⠀⠀⠀⠀⠀⠈⢢⠀
⢸⠀⠀⠀⠀⠀⠀⠀⢀⡞⠀⠀⠀⠀⠀⠀⠀⠀⢠⠖⠉⠀⠀⠀⠀⠀⠀⠉⠢⡀⠀⠀⠀⡎⠀⠀⠀⠀⠀⠀⠀⢀⡀⠀⢣
⣼⠀⠀⠀⠀⠀⠀⠀⡼⠀⠀⠀⠀⠀⠀⠀⠀⡰⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⡄⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠈⠀⠀⢸
⢿⠀⠀⠀⠀⠀⠀⢠⠇⠀⠀⠀⠀⠀⠀⠀⠀⡇⠀⠀⠀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠃⠀⠀⢣⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸
⢸⠀⠀⠀⠀⠀⠀⣼⠀⠀⠀⠀⠀⠀⠀⠀⠀⡇⠀⠀⠘⠃⠀⠀⠀⠀⠀⠀⠀⠀⡆⠀⠀⠈⢣⡀⠀⠀⠀⠀⠀⠀⠀⡴⣧
⢸⠀⠀⠀⠀⠀⠀⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⢣⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠁⠀⠀⠀⠀⣈⠓⠦⠤⠤⠤⠒⠉⠀⢸
⢸⠀⠀⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠣⣀⠀⠀⠀⠀⠀⠀⠀⣠⠔⠁⠀⠀⠀⠀⠀⠀⠑⡄⠀⠀⠀⠀⠀⠀⢸
⢸⡀⠀⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠒⠒⠔⠒⠒⠉⠀⠀⠀⠀⠀⠀⠒⠠⠤⠚⠀⠀⠀⠀⠀⠀⠀⢸
⠀⠳⣄⠀⠀⠀⠀⢷⠀⠀⠀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡼
⠀⠀⠈⠳⡀⠀⠀⠸⣆⡴⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⡆⠀⠀⠀⠀⠀⠀⠀⢰⠇
⠀⠀⠀⠀⠳⡀⠀⠀⢻⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡀⢸⠀⠀⠀⠀⠀⠀⢀⠏⠀
⠀⠀⠀⠀⠀⠙⠲⢤⣼⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣆⠀⡗⠞⠀⠀⠀⠀⠀⣠⠏⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠲⢤⡤⠤⠄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠒⠃⠀⠀⠀⠀⢀⡴⠃⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡴⠋⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠢⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⡤⠒⠉⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠙⠒⠦⠤⢤⣤⣤⠤⠤⠤⠤⠴⠖⠒⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

            [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="6d564fe0c716a0ed13e5b0cb2dfb7686">

        <!-- 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 active">
                                                        <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>
  #page_header.site-subheader-cst { min-height: 260px; }
  .subheader-titles .subheader-maintitle { color:#fff; font-weight:800; letter-spacing:.3px; }
  .subheader-titles .subheader-subtitle { color:rgba(255,255,255,.9); font-weight:500; }
  .breadcrumbs fixclear li a, .breadcrumbs.fixclear li { color:#e9ecef !important; }
  .breadcrumbs fixclear li a:hover { color:#fff !important; }
  .breadcrumbs fixclear li::after { color:rgba(255,255,255,.6); }
  .kl-bottommask--mask3 .bmask-bgfill { fill:#fbfbfb; }

  .badge-state{
    display:inline-block; margin-left:.35rem; padding:.1rem .4rem; border-radius:6px;
    font-size:.7rem; 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; }
  .muted-ago{ color:#6b7280; font-style:italic; }
</style>

<div id="page_header" class="page-subheader site-subheader-cst ">
  <div class="bgback"></div>
  <div class="kl-bg-source">
    <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>
  <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="https://dev.tipsters-pronostics.com/articles">Articles</a></li>
            <li class="active">Nos Articles</li>
          </ul>
          <div class="clearfix"></div>
        </div>
        <div class="col-sm-12 col-md-6 col-lg-6">
          <div class="subheader-titles">
            <h2 class="subheader-maintitle">ARTICLES</h2>
            <h4 class="subheader-subtitle">Vous souhaitez progresser dans les paris sportifs ? La lecture de ces articles est indispensable.</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" xmlns="https://www.w3.org/2000/svg">
      <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.037 2500,0 C2505.267,-0.029 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>

<section class="hg_section pt-80">
  <div class="container">
    <div class="row">
      <div class="col-sm-12 col-md-12">
        <div class="kl-title-block text-center">
          <h3 class="tbk__title fs-xxl fw-thin"><span class="fw-semibold fs-xxxl fs-xs-xl tcolor">Derniers</span> articles</h3>
          <h3 class="tbk__title">VOUS SOUHAITEZ PROGRESSER DANS LES PARIS SPORTIFS ?</h3>
          <div style="height: 50px;"></div>
        </div>

        <div class="latest_posts default-style">
          <h3 class="m_title kl-font-alt">DERNIERS ARTICLES</h3>
          <div class="row">
                          <div class="col-sm-12 col-md-6 col-lg-4 post">
                <a href="/gestion-bankroll/gestion-bankrol-niveau-2/" class="hoverBorder plus">
                  <span class="hoverBorderWrapper">
                    <img src="https://dev.tipsters-pronostics.com/images/TP/article-debutant-tipsters-pronostics.jpg"
                         class="img-fluid" width="370" height="200"
                         alt="Gestion Bankrol niveau 2"
                         title="Gestion Bankrol niveau 2">
                    <span class="theHoverBorder"></span>
                  </span>
                  <h6>Lire +</h6>
                </a>

                <em>
                  16 décembre 2025                                      <span class="muted-ago">— il y a 1 mois</span>
                  
                                      &nbsp;—&nbsp; Par Tipsters-Pronostics                  
                  &nbsp;dans&nbsp; <a href="list-categories/gestion-bankroll/">
                    Gestion Bankroll                  </a>
                                  </em>

                <h3 class="m_title">
                  <a href="/gestion-bankroll/gestion-bankrol-niveau-2/">
                    Gestion Bankrol niveau 2                  </a>
                </h3>
              </div>
                          <div class="col-sm-12 col-md-6 col-lg-4 post">
                <a href="/gestion-bankroll/gestion-bankroll-niveau-1/" class="hoverBorder plus">
                  <span class="hoverBorderWrapper">
                    <img src="https://dev.tipsters-pronostics.com/images/TP/article-debutant-tipsters-pronostics.jpg"
                         class="img-fluid" width="370" height="200"
                         alt="Gestion Bankroll niveau 1"
                         title="Gestion Bankroll niveau 1">
                    <span class="theHoverBorder"></span>
                  </span>
                  <h6>Lire +</h6>
                </a>

                <em>
                  16 décembre 2025                                      <span class="muted-ago">— il y a 1 mois</span>
                  
                                      &nbsp;—&nbsp; Par Tipsters-Pronostics                  
                  &nbsp;dans&nbsp; <a href="list-categories/gestion-bankroll/">
                    Gestion Bankroll                  </a>
                                  </em>

                <h3 class="m_title">
                  <a href="/gestion-bankroll/gestion-bankroll-niveau-1/">
                    Gestion Bankroll niveau 1                  </a>
                </h3>
              </div>
                          <div class="col-sm-12 col-md-6 col-lg-4 post">
                <a href="/mamen/petite-cote-grosse-cote/" class="hoverBorder plus">
                  <span class="hoverBorderWrapper">
                    <img src="https://dev.tipsters-pronostics.com/images/TP/article-debutant-tipsters-pronostics.jpg"
                         class="img-fluid" width="370" height="200"
                         alt="PETITE COTE? GROSSE COTE?"
                         title="PETITE COTE? GROSSE COTE?">
                    <span class="theHoverBorder"></span>
                  </span>
                  <h6>Lire +</h6>
                </a>

                <em>
                  3 novembre 2025                                      <span class="muted-ago">— il y a 2 mois</span>
                  
                                      &nbsp;—&nbsp; Par Tipsters-Pronostics                  
                  &nbsp;dans&nbsp; <a href="list-categories/mamen/">
                    mamen                  </a>
                                  </em>

                <h3 class="m_title">
                  <a href="/mamen/petite-cote-grosse-cote/">
                    PETITE COTE? GROSSE COTE?                  </a>
                </h3>
              </div>
                          <div class="col-sm-12 col-md-6 col-lg-4 post">
                <a href="/truc-bidule/machinchose/" class="hoverBorder plus">
                  <span class="hoverBorderWrapper">
                    <img src="https://dev.tipsters-pronostics.com/images/TP/article-debutant-tipsters-pronostics.jpg"
                         class="img-fluid" width="370" height="200"
                         alt="article de truc"
                         title="article de truc">
                    <span class="theHoverBorder"></span>
                  </span>
                  <h6>Lire +</h6>
                </a>

                <em>
                  6 octobre 2025                                      <span class="muted-ago">— il y a 3 mois</span>
                  
                                      &nbsp;—&nbsp; Par KoS_                  
                  &nbsp;dans&nbsp; <a href="list-categories/truc-bidule/">
                    truc_bidule                  </a>
                                  </em>

                <h3 class="m_title">
                  <a href="/truc-bidule/machinchose/">
                    article de truc                  </a>
                </h3>
              </div>
                          <div class="col-sm-12 col-md-6 col-lg-4 post">
                <a href="/mamen/laura/" class="hoverBorder plus">
                  <span class="hoverBorderWrapper">
                    <img src="https://dev.tipsters-pronostics.com/images/TP/article-debutant-tipsters-pronostics.jpg"
                         class="img-fluid" width="370" height="200"
                         alt="zikadabra"
                         title="zikadabra">
                    <span class="theHoverBorder"></span>
                  </span>
                  <h6>Lire +</h6>
                </a>

                <em>
                  5 octobre 2025                                      <span class="muted-ago">— il y a 3 mois</span>
                  
                                      &nbsp;—&nbsp; Par KoS_                  
                  &nbsp;dans&nbsp; <a href="list-categories/mamen/">
                    mamen                  </a>
                                  </em>

                <h3 class="m_title">
                  <a href="/mamen/laura/">
                    zikadabra                  </a>
                </h3>
              </div>
                          <div class="col-sm-12 col-md-6 col-lg-4 post">
                <a href="/dragon-ball-z/cest-ma-bite/" class="hoverBorder plus">
                  <span class="hoverBorderWrapper">
                    <img src="https://dev.tipsters-pronostics.com/images/TP/article-debutant-tipsters-pronostics.jpg"
                         class="img-fluid" width="370" height="200"
                         alt="Son Gohan : Le Guerrier au Potentiel Caché"
                         title="Son Gohan : Le Guerrier au Potentiel Caché">
                    <span class="theHoverBorder"></span>
                  </span>
                  <h6>Lire +</h6>
                </a>

                <em>
                  20 septembre 2025                                      <span class="muted-ago">— il y a 4 mois</span>
                  
                                      &nbsp;—&nbsp; Par KoS_                  
                  &nbsp;dans&nbsp; <a href="list-categories/dragon-ball-z/">
                    dragon_ball_Z                  </a>
                                  </em>

                <h3 class="m_title">
                  <a href="/dragon-ball-z/cest-ma-bite/">
                    Son Gohan : Le Guerrier au Potentiel Caché                  </a>
                </h3>
              </div>
                          <div class="col-sm-12 col-md-6 col-lg-4 post">
                <a href="/dragon-ball-z/vegeta-le-prince-des-saiyans/" class="hoverBorder plus">
                  <span class="hoverBorderWrapper">
                    <img src="https://dev.tipsters-pronostics.com/images/TP/article-debutant-tipsters-pronostics.jpg"
                         class="img-fluid" width="370" height="200"
                         alt="Vegeta : Le Prince des Saiyans"
                         title="Vegeta : Le Prince des Saiyans">
                    <span class="theHoverBorder"></span>
                  </span>
                  <h6>Lire +</h6>
                </a>

                <em>
                  20 septembre 2025                                      <span class="muted-ago">— il y a 4 mois</span>
                  
                                      &nbsp;—&nbsp; Par KoS_                  
                  &nbsp;dans&nbsp; <a href="list-categories/dragon-ball-z/">
                    dragon_ball_Z                  </a>
                                  </em>

                <h3 class="m_title">
                  <a href="/dragon-ball-z/vegeta-le-prince-des-saiyans/">
                    Vegeta : Le Prince des Saiyans                  </a>
                </h3>
              </div>
                          <div class="col-sm-12 col-md-6 col-lg-4 post">
                <a href="/dragon-ball-z/piccolo-le-stratege-au-c-ur-noble/" class="hoverBorder plus">
                  <span class="hoverBorderWrapper">
                    <img src="https://dev.tipsters-pronostics.com/images/TP/article-debutant-tipsters-pronostics.jpg"
                         class="img-fluid" width="370" height="200"
                         alt="Piccolo : Le Stratège au Cœur Noble"
                         title="Piccolo : Le Stratège au Cœur Noble">
                    <span class="theHoverBorder"></span>
                  </span>
                  <h6>Lire +</h6>
                </a>

                <em>
                  20 septembre 2025                                      <span class="muted-ago">— il y a 4 mois</span>
                  
                                      &nbsp;—&nbsp; Par KoS_                  
                  &nbsp;dans&nbsp; <a href="list-categories/dragon-ball-z/">
                    dragon_ball_Z                  </a>
                                  </em>

                <h3 class="m_title">
                  <a href="/dragon-ball-z/piccolo-le-stratege-au-c-ur-noble/">
                    Piccolo : Le Stratège au Cœur Noble                  </a>
                </h3>
              </div>
                          <div class="col-sm-12 col-md-6 col-lg-4 post">
                <a href="/dragon-ball-z/dbz/" class="hoverBorder plus">
                  <span class="hoverBorderWrapper">
                    <img src="https://dev.tipsters-pronostics.com/images/TP/article-debutant-tipsters-pronostics.jpg"
                         class="img-fluid" width="370" height="200"
                         alt="Dragon Ball Z : L’héritage d’un mythe"
                         title="Dragon Ball Z : L’héritage d’un mythe">
                    <span class="theHoverBorder"></span>
                  </span>
                  <h6>Lire +</h6>
                </a>

                <em>
                  20 septembre 2025                                      <span class="muted-ago">— il y a 4 mois</span>
                  
                                      &nbsp;—&nbsp; Par KoS_                  
                  &nbsp;dans&nbsp; <a href="list-categories/dragon-ball-z/">
                    dragon_ball_Z                  </a>
                                  </em>

                <h3 class="m_title">
                  <a href="/dragon-ball-z/dbz/">
                    Dragon Ball Z : L’héritage d’un mythe                  </a>
                </h3>
              </div>
                      </div>

          
                    <nav class="tp-pagination" aria-label="Pagination des articles">
            <ul class="tp-pagination__list">
              
              <li class="tp-pagination__item">
                <a class="tp-pagination__btn tp-pagination__btn--nav "
                  href="/articles/page/1/"
                  aria-disabled="false">
                  <span aria-hidden="true">‹</span> <span class="tp-pagination__label">Précédent</span>
                </a>
              </li>

                                                                  <li class="tp-pagination__item">
                    <a class="tp-pagination__btn "
                      href="/articles/page/1/"
                      aria-current="false">
                      1                    </a>
                  </li>
                                                                                  <li class="tp-pagination__item">
                    <a class="tp-pagination__btn is-active"
                      href="/articles/page/2/"
                      aria-current="page">
                      2                    </a>
                  </li>
                              
              <li class="tp-pagination__item">
                <a class="tp-pagination__btn tp-pagination__btn--nav is-disabled"
                  href="#"
                  aria-disabled="true">
                  <span class="tp-pagination__label">Suivant</span> <span aria-hidden="true">›</span>
                </a>
              </li>
            </ul>
          </nav>
                  </div>
      </div>
    </div>
  </div>
</section>

<style>
/* =========================================================
 Pagination — clean pills
 ========================================================= */
.tp-pagination{
  margin: 28px 0 10px;
  display:flex;
  justify-content:center;
}
.tp-pagination__list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.tp-pagination__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:42px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.14);
  background:#fff;
  color:#0f172a;
  text-decoration:none;
  font-weight:700;
  letter-spacing:.2px;
  box-shadow: 0 8px 20px rgba(15,23,42,.06);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.tp-pagination__btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(15,23,42,.10);
  border-color: rgba(15,23,42,.22);
}
.tp-pagination__btn.is-active{
  background:#1f2937;
  border-color:#1f2937;
  color:#fff;
  box-shadow: 0 12px 30px rgba(31,41,55,.25);
}
.tp-pagination__btn--nav{
  gap:10px;
  padding:0 16px;
}
.tp-pagination__label{
  font-weight:800;
  text-transform:uppercase;
  font-size:.72rem;
  letter-spacing:.08em;
}
.tp-pagination__dots{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:999px;
  color:#64748b;
  background:rgba(15,23,42,.03);
  border:1px dashed rgba(15,23,42,.18);
}
.tp-pagination__btn.is-disabled{
  pointer-events:none;
  opacity:.45;
  transform:none !important;
  box-shadow:none !important;
}
</style>

<section class="hg_section p-0">
  <div class="container">
    <div class="row">
      <div class="col-md-12 col-sm-12">
        <div class="hg_separator clearfix"></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>