
        <!--/
        [37]

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣀⣠⡴⠚⢓⠲⣤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⠖⢉⣥⠿⠛⠋⠉⠉⠉⠉⠉⠙⠒⠢⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⣡⠞⢹⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⢯⡳⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⣟⠁⠀⠿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⡳⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡸⢹⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⠃⠈⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠠⠻⢤⡀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⡆⠀⠀⠳⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣽⣹⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢹⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣄⠀⠀⠀⠀⢀⣀⠀⠉⡳⣄⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⣧⠀⠀⢠⠀⠀⠀⣤⠀⢀⣠⢠⣶⣤⣤⣤⣤⣄⣹⣆⣠⡤⠽⠞⣾⣴⣤⢥⣽⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡆⠀⠀⣷⡀⢰⣇⣠⠖⠋⣉⣹⡿⠿⠤⠤⠤⣸⣏⡤⠶⠒⠒⠙⠛⠓⠦⣿⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣾⣿⡀⠀⣯⢷⠀⣯⡤⠞⠋⠁⠀⠀⠀⠀⠀⠀⢨⡯⠴⠶⠖⠚⠛⠶⣄⣼⠏⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⠙⣧⣸⡇⠈⢷⡈⠳⠄⠀⠀⠀⠀⠀⠀⠀⠀⠉⠀⠀⠀⠀⠀⠀⢀⣿⢷⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢿⡄⠘⣿⡇⠀⠈⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠄⠀⠀⢀⣀⣠⣼⣏⡼⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⢧⣤⣟⠛⠲⠀⠀⠀⠀⠀⠀⢀⣤⠖⠒⠋⠉⠉⠉⠉⠉⠉⠉⠀⠀⠈⢳⡄⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⠻⣿⣟⢷⠀⠀⠀⠀⣠⠞⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⡀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢧⣩⣏⣀⡴⠃⠀⣴⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⣧⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⠀⠀⠀⢰⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⣇⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⡆⠀⢰⢸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣀⡀⠀⠠⠀⢠⣶⣿⡿⠃⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡇⠀⠘⢸⠀⠢⣤⣀⠀⠀⣀⡠⠴⠚⣹⣿⠾⠟⠿⣿⡏⠉⠉⠁⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡇⠀⠀⠘⣆⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠀⠐⢶⣾⠿⠃⠁⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡶⢻⣻⠇⠀⠀⠀⠙⢦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣞⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡜⠀⠀⠙⠳⣤⡀⠀⠀⠀⠙⠲⠤⣄⣀⣀⣀⡤⠴⠛⢹⡍⠙⠲⣄⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡼⠁⠀⠀⠀⠀⠀⠉⠓⠢⢤⣄⣀⡀⠀⠀⠀⠀⠀⠀⠀⢸⣷⠀⠀⡌⢷⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠉⣽⢷⡄⠀⠀⠀⠈⡽⡄⣼⠁⢸⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⡀⠀⠀⠀⢀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⢃⠀⠹⣆⠀⠀⠀⠈⣿⣇⠀⢸⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡴⠋⠳⢤⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡇⠀⠀⠀⠈⢳⡀⠀⣼⠃⠈⢳⣞⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢀⣠⠴⠒⠛⠋⠉⠓⠒⠫⣷⡲⢤⣄⣀⣀⣀⣀⣀⣾⡅⠀⠀⠀⠀⠀⠙⠾⠁⠀⠀⠀⠙⣿⠒⢤⣄⠀⠀⠀
⠀⠀⠀⣠⠞⠉⠀⠀⠀⠀⢀⠄⠀⠀⠀⠀⠙⢦⡀⠀⠉⠉⠉⠉⠓⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢧⠀⠉⢶⡄⠀
⠀⣠⠞⠁⠀⠀⠀⠀⠀⡠⠃⠀⠀⠀⠀⠀⠀⠀⢳⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣆⠀⠀⠹⣄
⠘⠯⠤⣄⣀⡀⠀⠀⢠⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⢹⣦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢹⡤⠠⠴⠻
⠀⠀⠀⠀⠀⠉⠉⠙⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠂⠀⠀⠀⠀

            [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="cfc1e53132eb917cc7d24153a7b71c88">

    <!-- 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.7.1"/>
    <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">

    <!-- modification balise meta viewport new version -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <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.39 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface."/>
    <!-- end descriptive meta tags -->

    <!-- iDevices & Retina Favicons -->
    <link rel="icon" href="https://dev.tipsters-pronostics.com/images/TP/favicons/cropped-favicon-1-32x32.png" sizes="32x32"/>
    <link rel="icon" href="https://dev.tipsters-pronostics.com/images/TP/favicons/cropped-favicon-1-192x192.png" sizes="192x192"/>
    <link rel="apple-touch-icon" href="https://dev.tipsters-pronostics.com/images/TP/favicons/cropped-favicon-1-180x180.png"/>
    <meta name="msapplication-TileImage" content="https://dev.tipsters-pronostics.com/images/TP/favicons/cropped-favicon-1-270x270.png"/>

    <!--  Desktop Favicons  -->
    <link rel="icon" type="image/png" href="https://dev.tipsters-pronostics.com/images/TP/favicons/cropped-favicon-1-32x32.png" sizes="32x32">

    <!-- 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'>

    <!-- ***** Boostrap Custom / Addons Stylesheets ***** -->
    <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 CSS Stylesheet ***** -->
    <link rel="preload" href="https://dev.tipsters-pronostics.com/css/template.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <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">

    <!-- style css main charte graphique Tipsters Pronostics by KoS_ à minifier -->
    <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">

    <!-- no script -->
    <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 Library -->
    <script type="text/javascript" src="https://dev.tipsters-pronostics.com/js/jquery-3.5.1.min.js"></script>
    <!-- Prettify Library -->
    <script src="https://dev.tipsters-pronostics.com/js/prettify.min.js"></script>
    <!-- Topbar Library -->
    <script src="https://dev.tipsters-pronostics.com/js/topbar.min.js"></script>
    <!-- Matomo -->
    <script>
    var _paq = window._paq = window._paq || [];
    /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
    _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 Matomo Code -->


    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script>
        $(function() {
            prettyPrint();
            function resetToDefaults() {
                topbar.config({
                    barColors: {
                        '0'   : 'rgba(0, 32, 0, 0.9)',
                        '.25' : 'rgba(0, 64, 0, 0.9)',
                        '.50' : 'rgba(0, 128, 0, 0.9)',
                        '.75' : 'rgba(0, 192, 0, 0.9)',
                        '1.0' : 'rgba(0, 255, 0, 0.9)'
                    }
                });
            }

            // Page load
            resetToDefaults();
            topbar.show();
            setTimeout(function() {
                $('#main_content').fadeIn('slow');
                topbar.hide();
            }, 1500);
        });
    </script>
</head>

<body class="preloader">
    <!-- 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">
                    <!-- Title -->
                    <h4 class="m_title mb-20">
                        HOW TO SHOP
                    </h4>

                    <!-- Content - how to shop steps -->
                    <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>
        /* Script pour activer le stickpanel en split mode by KoS_ */
        document.addEventListener('DOMContentLoaded', () => {
            const body = document.body;
            const header = document.getElementById('header');

            function activateStickyHeader() {
                const headerHeight = header.offsetHeight;
                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');
                    }
                });
            }

            activateStickyHeader();
        });
        /* End sticky header */
    </script>

    <!-- Page Wrapper -->
    <div id="page_wrapper">
        <div id="dp-js-header-helper" style="height:0 !important; display:none !important;"></div>
        <!-- Header style 1 -->
        <header id="header" class="site-header cta_button" data-header-style="5">
            <!-- Header background -->
            <div class="kl-header-bg"></div>
            <!--/ Header background -->

            <!-- Header wrapper -->
            <div class="site-header-wrapper">
                <!-- Header Top wrapper -->
                <div class="site-header-top-wrapper">
                    <!-- Header Top container -->
                    <div class="siteheader-container container">
                        <!-- Header Top -->
                        <div class="site-header-row site-header-top d-flex justify-content-between">
                            <!-- Header Top Left Side -->
                            <div class="site-header-top-left d-flex">
                                <!-- Header Top Social links -->
                                <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>
                            <!--/ .site-header-top-left -->

                            <!-- Header Top Right Side -->
                            <div class="site-header-top-right d-flex">
                                <div class="topnav support--panel align-self-center">
                                    <!-- Support panel trigger désactivé -->
                                </div>

                                <!-- 🔎 Bouton loupe (toggle) -->
                                <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>

                                <!-- 🔎 Bloc recherche (sans bouton à droite) -->
                                <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>

                                        <!-- Résultats AJAX -->
                                        <div id="tp-search-results"
                                             class="tp-search-dropdown"
                                             role="listbox"
                                             aria-label="Résultats de recherche"
                                             hidden></div>
                                    </div>
                                </div>
                                <!--/ header search (AJAX) -->
                                
                                    <!-- Login trigger -->
                                    <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>

                                    <!-- Contact trigger -->
                                    <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>
                            <!--/ .site-header-top-right -->

                        </div>
                        <!--/ .site-header-row .site-header-top -->
                    </div>
                    <!--/ .siteheader-container .container -->
                </div>
                <!--/ Header Top wrapper -->

                <!-- Header Main wrapper -->
                <div class="site-header-main-wrapper d-flex">
                    <!-- Header Main container -->
                    <div class="siteheader-container container align-self-center">
                        <!-- Header Main -->
                        <div class="site-header-row site-header-main d-flex flex-row justify-content-between">
                            <!-- Header Main Left Side -->
                            <div class="site-header-main-left d-flex justify-content-start align-items-center">
                                <!-- Logo container-->
                                <div class="logo-container hasInfoCard logosize--yes">
                                    <!-- Logo -->
                                    <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>
                                    <!--/ Logo -->

                                    <!-- InfoCard -->
                                    <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="http://goo.gl/maps/1OhOu" 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> <!--/ custom -->
                                    </div>
                                    <!--/ InfoCard -->
                                </div>
                                <!--/ logo container-->

                                <!-- Separator -->
                                <div class="separator visible-xxs"></div>
                                <!--/ Separator -->
                            </div>
                            <!--/ .site-header-main-left -->

                            <!-- Header Main Center Side -->
                            <div class="site-header-main-center d-flex justify-content-center align-items-center">
                                <!-- Main Menu wrapper -->
                                <div class="main-menu-wrapper">
                                    <!-- Responsive menu trigger -->
                                    <div id="zn-res-menuwrapper">
                                        <a href="#" class="zn-res-trigger "></a>
                                    </div>
                                    <!--/ responsive menu trigger -->

                                    <!-- Main menu -->
                                    <div id="main-menu" class="main-nav zn_mega_wrapper">
                                        <ul id="menu-main-menu" class="main-menu zn_mega_menu">
                                                                                            <!-- Fallback : ancien menu statique si aucun item en base -->
                                                <li class="menu-item-has-children"><a href="https://dev.tipsters-pronostics.com/accueil">ACCUEIL</a></li>
                                                <li class="menu-item-has-children"><a href="https://dev.tipsters-pronostics.com/articles">FORMATION</a>
                                                    <ul class="sub-menu clearfix">
                                                        <li><a href="https://dev.tipsters-pronostics.com/articles">ARTICLES</a></li>
                                                        <li><a href="https://dev.tipsters-pronostics.com/categories">CATÉGORIES</a></li>
                                                        <li><a href="https://dev.tipsters-pronostics.com/video">VIDÉOS</a></li>
                                                    </ul>
                                                </li>
                                                <li class="menu-item-has-children"><a href="tipsters">NOS TIPSTERS</a>
                                                    <ul class="sub-menu clearfix">
                                                        <li><a href="https://dev.tipsters-pronostics.com/ed-football">ED - FOOTBALL</a></li>
                                                        <li><a href="https://dev.tipsters-pronostics.com/vieri-articles">VIERI - FOOTBALL</a></li>
                                                        <li><a href="https://dev.tipsters-pronostics.com/catbk-articles">CATBK - NFL & FOOTBALL</a></li>
                                                        <li><a href="https://dev.tipsters-pronostics.com/luigi-articles">LUIGI - CYCLISME & TENNIS</a></li>
                                                    </ul>
                                                </li>
                                                <li class="menu-item-has-children"><a href="https://dev.tipsters-pronostics.com/pronostics">PRONOSTICS</a></li>
                                                <li class="menu-item-has-children button-animation:hover">
                                                    <a class="box__link button-animation" href="https://dev.tipsters-pronostics.com/integrer-le-club">
                                                        INTÉGRER LE CLUB
                                                        <span></span><span></span><span></span><span></span>
                                                    </a>
                                                </li>
                                                                                    </ul>
                                    </div>
                                    <!--/ Main menu -->
                                </div>
                                <!--/ .main-menu-wrapper -->
                            </div>
                            <!--/ .site-header-main-center -->

                            <!-- Header Main Right Side -->
                            <div class="site-header-main-right d-flex justify-content-end align-items-center">
                                <!-- CTA désactivée (Free Quote) -->
                            </div>
                            <!--/ .site-header-main-right -->
                        </div>
                        <!--/ .site-header-row .site-header-main -->
                    </div>
                    <!--/ .siteheader-container .container -->
                </div>
                <!--/ Header Main wrapper -->
            </div>
            <!--/ Header wrapper -->
        </header>
        <!-- / Header style 1 -->

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

    <script>
        // Alerts auto fade + close btn
        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());
            });
        })();

        /* === Bouton de recherche (toggle global) === */
        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>
</body>
</html>


<style>
:root { --tp-green:#a6da07; --tp-green-dark:#248c5c; }
.card-header.bg-primary,
.card-header.bg-success,
.tp-offre-header{
    background:var(--tp-green)!important;
    color:#222!important;
    font-size:1.2rem;
    font-weight:bold;
    letter-spacing:1px;
    text-align:center;
    border-radius:16px 16px 0 0;
}
.big-price{
    color:var(--tp-green);
    font-size:2.5rem;
    font-weight:bold;
    margin:.7em 0 .2em;
    line-height:1;
    text-shadow:0 1px 6px #a6da0735;
    display:block;
    text-align:center;
    letter-spacing:1px;
}
.btn.tp-subscribe,
.btn.tp-subscribe:active,
.btn.tp-subscribe:focus{
    background:var(--tp-green-dark)!important;
    border:none!important;
    color:#222!important;
    font-weight:bold;
    letter-spacing:1px;
    font-size:1.05rem;
    border-radius:10px!important;
    box-shadow:0 2px 16px 0 #248c5c;
    transition:background .2s,color .2s,transform .15s;
}
.btn.tp-subscribe:hover{
    background:#8bb706!important;
    color:#fff!important;
    transform:translateY(-1px);
}
.btn-outline-primary{
    border-color:var(--tp-green)!important;
    color:var(--tp-green)!important;
    font-weight:bold;
}
.btn-outline-primary:hover{
    background:var(--tp-green)!important;
    color:#222!important;
}
.fancy_register_form,
.offer-card,
.card-sub{
    background:rgba(255,255,255,.22)!important;
    backdrop-filter:blur(15px) saturate(160%)!important;
    -webkit-backdrop-filter:blur(15px) saturate(160%)!important;
    border-radius:18px!important;
    border:1.5px solid rgba(255,255,255,.22)!important;
    box-shadow:0 6px 40px 0 rgba(0,0,0,.08)!important;
    padding:32px 24px 24px!important;
    margin-bottom:24px!important;
    transition:background .25s,box-shadow .3s,transform .28s;
}
.fancy_register_form:hover,
.offer-card:hover,
.card-sub:hover{
    background:rgba(255,255,255,.32)!important;
    box-shadow:0 12px 50px 0 rgba(0,0,0,.14)!important;
    transform:translateY(-5px) scale(1.02);
    opacity:.97;
    z-index:2;
}
.accordion-item,
.accordion-body{
    background:rgba(255,255,255,.86)!important;
    border-radius:12px!important;
    border:none!important;
    color:#111!important;
}
.accordion-button{
    background:rgba(255,255,255,.93)!important;
    border-radius:12px!important;
    color:#111!important;
    font-weight:600!important;
    box-shadow:none!important;
}
.accordion-button:not(.collapsed){
    color:#0052d6!important;
    background:#fff!important;
}
.accordion-button:focus{
    border-color:#0052d6!important;
    box-shadow:0 0 0 .1rem #0052d670!important;
}
.register-title{color:#f5f5f5!important;}
</style>

<div class="kl-slideshow static-content__slideshow">
    <div class="bgback"></div>
    <div class="kl-slideshow-inner static-content__wrapper static-content--height min-820 d-flex">
        <div class="static-content__source">
            <div class="kl-bg-source">
                <div class="kl-bg-source__bgimage" 
                    style="background-image:url(images/TP/TP-background.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:center center;background-size:cover;">
                </div>
                <div class="kl-bg-source__overlay" style="background-color:rgba(0,0,0,0.2);"></div>
            </div>
            <div class="th-sparkles"></div>
        </div>
        <div class="container align-self-center">
            <div class="kl-slideshow-safepadding sc__container">
                <div class="static-content default-style static-content--with-login">

                    <!-- Notice connexion -->
                                            <div class="alert alert-warning mb-3">
                            Vous n’êtes pas connecté. <a class="fw-bold" href="https://dev.tipsters-pronostics.com/connexion?redirect=%2Fintegrer-le-club">Se connecter</a> ou créez un compte ci-dessous pour souscrire.
                        </div>
                    
                    <!-- Bloc haut : register / bonjour + code promo -->
                    <div class="row">
                        <div class="col-lg-6 col-12 mb-4">
                                                            <h3 class="static-content__subtitle">
                                    <span class="fw-thin">Bienvenue chez Tipsters Pronostics,</span>
                                    <span class="fw-semibold"> créez votre compte</span> pour accéder au contenu gratuit.
                                </h3>
                                <div class="fancy_register_form">
                                    <h4 class="register-title">Créer <strong>un compte</strong></h4>

                                    <form name="register_form" method="post" class="th-register-form register_form_static" action="">
                                        <input type="hidden" name="form_type" value="register">
                                        <div class="row mb-20">
                                            <label class="col-sm-4 form-control-label" for="user_login">Nom d'utilisateur</label>
                                            <div class="col-sm-8">
                                                <input type="text" name="username" id="user_login" class="form-control inputbox" required placeholder="nom d'utilisateur">
                                            </div>
                                        </div>
                                        <div class="row mb-20">
                                            <label class="col-sm-4 form-control-label" for="user_email">Email</label>
                                            <div class="col-sm-8">
                                                <input type="email" name="email" id="user_email" class="form-control inputbox required" required placeholder="email">
                                            </div>
                                        </div>
                                        <div class="row mb-20">
                                            <label class="col-sm-4 form-control-label" for="user_password">Mot de passe</label>
                                            <div class="col-sm-8">
                                                <input type="password" name="password" id="user_password" class="form-control inputbox" required placeholder="Mot de passe">
                                            </div>
                                        </div>
                                        <div class="row mb-20">
                                            <label class="col-sm-4 form-control-label" for="user_password2">Confirmation du mot de passe</label>
                                            <div class="col-sm-8">
                                                <input type="password" name="password_confirm" id="user_password2" class="form-control inputbox" required placeholder="Confirmation du mot de passe">
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-8 offset-sm-4" style="margin-bottom:0;">
                                                <input type="submit" name="submit" class="btn btn-fullcolor th-button-register" value="REGISTER">
                                            </div>
                                        </div>
                                    </form>

                                    <div class="text-center mt-3">
                                        <a class="btn btn-outline-light" href="https://dev.tipsters-pronostics.com/connexion?redirect=%2Fintegrer-le-club">
                                            Déjà inscrit ? Se connecter
                                        </a>
                                    </div>
                                </div>
                                                    </div>
                    </div>

                    <!-- Bloc offres -->
                    <div class="row mt-3">
                        <div class="col-12">
                            <h5 class="static-content__subtitle text-center mb-4">
                                <span class="fw-thin">
                                    <span class="fw-semibold">Nos offres</span> abonnements et plans capital
                                </span>
                            </h5>
                        </div>

                        
                                <div class="col-12 col-md-6 col-lg-4 mb-4">
                                    <div class="card card-sub shadow-sm h-100 ">
                                        <div class="card-header tp-offre-header">
                                            Offre Mensuelle                                                                                    </div>
                                        <div class="card-body d-flex flex-column align-items-center">

                                            <span class="big-price">
                                                                                                27,00 €                                                 / mois                                            </span>

                                            
                                            <p class="text-center small mb-3">Abonnement Tipsters reconductible.</p>

                                                                                            <a href="https://dev.tipsters-pronostics.com/connexion?redirect=%2Fintegrer-le-club" class="btn btn-outline-primary w-100 mt-auto">
                                                    Se connecter pour s’abonner
                                                </a>
                                            
                                        </div>
                                    </div>
                                </div>

                                                            
                                <div class="col-12 col-md-6 col-lg-4 mb-4">
                                    <div class="card card-sub shadow-sm h-100 ">
                                        <div class="card-header tp-offre-header">
                                            Perf Player NBA                                                                                    </div>
                                        <div class="card-body d-flex flex-column align-items-center">

                                            <span class="big-price">
                                                                                                125,00 €                                                 / mois                                            </span>

                                            
                                            <p class="text-center small mb-3">Abonnement Tipsters Pronostics.</p>

                                                                                            <a href="https://dev.tipsters-pronostics.com/connexion?redirect=%2Fintegrer-le-club" class="btn btn-outline-primary w-100 mt-auto">
                                                    Se connecter pour s’abonner
                                                </a>
                                            
                                        </div>
                                    </div>
                                </div>

                                                            
                                <div class="col-12 col-md-6 col-lg-4 mb-4">
                                    <div class="card card-sub shadow-sm h-100 ">
                                        <div class="card-header tp-offre-header">
                                            Offre Annuelle                                                                                    </div>
                                        <div class="card-body d-flex flex-column align-items-center">

                                            <span class="big-price">
                                                                                                247,00 €                                                 / an                                            </span>

                                            
                                            <p class="text-center small mb-3">Abonnement Tipsters Pronostics.</p>

                                                                                            <a href="https://dev.tipsters-pronostics.com/connexion?redirect=%2Fintegrer-le-club" class="btn btn-outline-primary w-100 mt-auto">
                                                    Se connecter pour s’abonner
                                                </a>
                                            
                                        </div>
                                    </div>
                                </div>

                                                            
                                <div class="col-12 col-md-6 col-lg-6 mb-4">
                                    <div class="card card-sub shadow-sm h-100 ">
                                        <div class="card-header tp-offre-header">
                                            Petit Capital                                                                                    </div>
                                        <div class="card-body d-flex flex-column align-items-center">

                                            <span class="big-price">
                                                                                                250,00 €                                                  (paiement unique)                                            </span>

                                            
                                            <p class="text-center small mb-3">Abonnement Tipsters Pronostics.</p>

                                                                                            <a href="https://dev.tipsters-pronostics.com/connexion?redirect=%2Fintegrer-le-club" class="btn btn-outline-primary w-100 mt-auto">
                                                    Se connecter pour s’abonner
                                                </a>
                                            
                                        </div>
                                    </div>
                                </div>

                                                            
                                <div class="col-12 col-md-6 col-lg-6 mb-4">
                                    <div class="card card-sub shadow-sm h-100 ">
                                        <div class="card-header tp-offre-header">
                                            Gros Capital                                                                                    </div>
                                        <div class="card-body d-flex flex-column align-items-center">

                                            <span class="big-price">
                                                                                                450,00 €                                                  (paiement unique)                                            </span>

                                            
                                            <p class="text-center small mb-3">Abonnement Tipsters Pronostics.</p>

                                                                                            <a href="https://dev.tipsters-pronostics.com/connexion?redirect=%2Fintegrer-le-club" class="btn btn-outline-primary w-100 mt-auto">
                                                    Se connecter pour s’abonner
                                                </a>
                                            
                                        </div>
                                    </div>
                                </div>

                            
                                            </div><!-- /.row offres -->
                </div>
            </div>
        </div>
    </div>

    <!-- Bottom mask -->
    <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">
            <defs>
                <filter x="-50%" y="-50%" width="200%" height="200%" id="filter-mask3">
                    <feOffset dx="0" dy="3" in="SourceAlpha" result="shadowOffsetInner1"></feOffset>
                    <feGaussianBlur stdDeviation="2" in="shadowOffsetInner1" result="shadowBlurInner1"></feGaussianBlur>
                    <feComposite in="shadowBlurInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
                    <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.4 0" in="shadowInnerInner1" type="matrix" result="shadowMatrixInner1"></feColorMatrix>
                    <feMerge><feMergeNode in="SourceGraphic"></feMergeNode><feMergeNode in="shadowMatrixInner1"></feMergeNode></feMerge>
                </filter>
            </defs>
            <path d="M0,57 L0,34.007 L2418,34.007 L2434,34.007 C2434,34.007 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.001 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.007 2566,34.007 L2582,34.007 L5000,34.007 L5000,57 L2500,57 L1148,57 L0,57 Z" class="bmask-bgfill" filter="url(#filter-mask3)" fill="#ffffff"></path>
        </svg>
        <i class="fas fa-angle-down"></i>
    </div>
</div>

<!-- Modals contact Plan Petit / Gros Capital -->
<div class="modal fade" id="modalPetitCapital" tabindex="-1" aria-labelledby="modalPetitCapitalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <form method="post" action="">
        <input type="hidden" name="form_type" value="capital_contact">
        <input type="hidden" name="plan_type" value="petit_capital">
        <div class="modal-header">
          <h5 class="modal-title" id="modalPetitCapitalLabel">Contact - Plan Petit Capital</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
        </div>
        <div class="modal-body">
          <div class="mb-3">
            <label for="pc_contact_name" class="form-label">Nom / Prénom</label>
            <input
              type="text"
              class="form-control"
              id="pc_contact_name"
              name="contact_name"
              required
              value=""
            >
          </div>
          <div class="mb-3">
            <label for="pc_contact_email" class="form-label">Email</label>
            <input
              type="email"
              class="form-control"
              id="pc_contact_email"
              name="contact_email"
              required
              value=""
            >
          </div>
          <div class="mb-3">
            <label for="pc_telegram_pseudo" class="form-label">Pseudo Telegram (optionnel)</label>
            <input
              type="text"
              class="form-control"
              id="pc_telegram_pseudo"
              name="telegram_pseudo"
              placeholder="@votre_pseudo"
            >
          </div>
          <div class="mb-3">
            <label for="pc_contact_message" class="form-label">Votre message</label>
            <textarea
              class="form-control"
              id="pc_contact_message"
              name="contact_message"
              rows="4"
              required
            >Bonjour, je souhaite des informations sur le Plan Petit Capital.</textarea>
          </div>
          <small class="text-muted">
            Votre demande sera transmise à notre équipe. Nous vous répondrons par email (et/ou Telegram si rempli).
          </small>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
          <button type="submit" class="btn btn-primary">Envoyer la demande</button>
        </div>
      </form>
    </div>
  </div>
</div>

<div class="modal fade" id="modalGrosCapital" tabindex="-1" aria-labelledby="modalGrosCapitalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <form method="post" action="">
        <input type="hidden" name="form_type" value="capital_contact">
        <input type="hidden" name="plan_type" value="gros_capital">
        <div class="modal-header">
          <h5 class="modal-title" id="modalGrosCapitalLabel">Contact - Plan Gros Capital</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
        </div>
        <div class="modal-body">
          <div class="mb-3">
            <label for="gc_contact_name" class="form-label">Nom / Prénom</label>
            <input
              type="text"
              class="form-control"
              id="gc_contact_name"
              name="contact_name"
              required
              value=""
            >
          </div>
          <div class="mb-3">
            <label for="gc_contact_email" class="form-label">Email</label>
            <input
              type="email"
              class="form-control"
              id="gc_contact_email"
              name="contact_email"
              required
              value=""
            >
          </div>
          <div class="mb-3">
            <label for="gc_telegram_pseudo" class="form-label">Pseudo Telegram (optionnel)</label>
            <input
              type="text"
              class="form-control"
              id="gc_telegram_pseudo"
              name="telegram_pseudo"
              placeholder="@votre_pseudo"
            >
          </div>
          <div class="mb-3">
            <label for="gc_contact_message" class="form-label">Votre message</label>
            <textarea
              class="form-control"
              id="gc_contact_message"
              name="contact_message"
              rows="4"
              required
            >Bonjour, je souhaite des informations sur le Plan Gros Capital.</textarea>
          </div>
          <small class="text-muted">
            Votre demande sera transmise à notre équipe. Nous vous répondrons par email (et/ou Telegram si rempli).
          </small>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
          <button type="submit" class="btn btn-primary">Envoyer la demande</button>
        </div>
      </form>
    </div>
  </div>
</div>

<!-- Section contenu (marketing) -->
<section class="hg_section bg-white pt-80 pb-80">
    <div class="container">
        <div class="row">
            <!-- Tu peux conserver ici tes blocs marketing existants -->
            <div class="col-sm-12 col-md-12">
                <div class="kl-title-block tbk-symbol--line tbk-icon-pos--after-title pb-60">
                    <h2 class="tbk__title kl-font-alt fs-xxl black"><strong>Rejoignez la communauté des parieurs gagnants</strong></h2>
                    <div class="tbk__symbol"><span></span></div>
                    <h4 class="tbk__subtitle fs-xl fw-thin">
                        Découvrez des stratégies exclusives, des conseils d’experts et un contenu de qualité, totalement gratuit.
                    </h4>
                </div>
            </div>
            <!-- Exemple de colonnes features (tu peux remettre les tiennes) -->
            <div class="col-sm-12 col-md-12 col-lg-4">
                <div class="kl-title-block tbk-symbol--line">
                    <h3 class="tbk__title fs-xxl fw-extrabold gray">Bienvenue chez<br>Tipsters<br>Pronostics</h3>
                    <div class="tbk__symbol"><span></span></div>
                    <p><strong>Le club par excellence</strong> pour les passionnés de paris sportifs.</p>
                    <div class="mb-50">
                        <a href="#" class="btn-element btn btn-lined btn-skewed lined-dark" title="TIPSTERS PRONOSTICS">DÉCOUVREZ MAINTENANT</a>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 col-md-12 col-lg-8">
                <div class="row">
                    <div class="col-sm-12 col-md-6 col-lg-6">
                        <div class="kl-iconbox kl-iconbox--fleft text-left">
                            <div class="kl-iconbox__inner">
                                <div class="kl-iconbox__icon-wrapper">
                                    <img src="images/set-03-01.svg" class="kl-iconbox__icon" alt="Expérience" />
                                </div>
                                <div class="kl-iconbox__content-wrapper">
                                    <div class="kl-iconbox__title-wrapper">
                                        <h3 class="kl-iconbox__title fs-m fw-normal gray2">Expérience unique</h3>
                                    </div>
                                    <div class="kl-iconbox__desc-wrapper">
                                        <p class="kl-iconbox__desc fs-xn gray">
                                            Profitez d'une plateforme où qualité et passion se rencontrent pour offrir des résultats inégalés.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- col -->
                    <div class="col-sm-12 col-md-6 col-lg-6">
                        <div class="kl-iconbox kl-iconbox--fleft text-left">
                            <div class="kl-iconbox__inner">
                                <div class="kl-iconbox__icon-wrapper">
                                    <img src="images/set-03-02.svg" class="kl-iconbox__icon" alt="Rejoindre" />
                                </div>
                                <div class="kl-iconbox__content-wrapper">
                                    <div class="kl-iconbox__title-wrapper">
                                        <h3 class="kl-iconbox__title fs-m fw-normal gray2">Rejoindre maintenant</h3>
                                    </div>
                                    <div class="kl-iconbox__desc-wrapper">
                                        <p class="kl-iconbox__desc fs-xn gray">Accédez à des stratégies et conseils gratuits mais de qualité supérieure.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- col -->
                    <div class="col-sm-12 col-md-6 col-lg-6">
                        <div class="kl-iconbox kl-iconbox--fleft text-left">
                            <div class="kl-iconbox__inner">
                                <div class="kl-iconbox__icon-wrapper">
                                    <img src="images/set-03-03.svg" class="kl-iconbox__icon" alt="Communauté" />
                                </div>
                                <div class="kl-iconbox__content-wrapper">
                                    <div class="kl-iconbox__title-wrapper">
                                        <h3 class="kl-iconbox__title fs-m fw-normal gray2">Communauté passionnée</h3>
                                    </div>
                                    <div class="kl-iconbox__desc-wrapper">
                                        <p class="kl-iconbox__desc fs-xn gray">Rejoignez des milliers d'autres passionnés prêts à échanger et apprendre.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- col -->
                    <div class="col-sm-12 col-md-6 col-lg-6">
                        <div class="kl-iconbox kl-iconbox--fleft text-left">
                            <div class="kl-iconbox__inner">
                                <div class="kl-iconbox__icon-wrapper">
                                    <img src="images/set-03-04.svg" class="kl-iconbox__icon" alt="Expertise" />
                                </div>
                                <div class="kl-iconbox__content-wrapper">
                                    <div class="kl-iconbox__title-wrapper">
                                        <h3 class="kl-iconbox__title fs-m fw-normal gray2">Expertise et passion</h3>
                                    </div>
                                    <div class="kl-iconbox__desc-wrapper">
                                        <p class="kl-iconbox__desc fs-xn gray">Nous combinons expérience et passion pour un enseignement de qualité.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- col -->
                </div>
            </div>
        </div>
    </div>
</section>

<!-- JS: Stripe (chargé seulement si logué) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://js.stripe.com/v3/"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- Call to action element - section with custom paddings -->
<section class="hg_section bg-white">
	<div class="container">
		<div class="row">
			<div class="col-sm-12 col-md-9 col-lg-9">
				<!-- Title element -->
				<div class="kl-title-block">
					<!-- Title with alternative font, and custom size, weight and default template color -->
					<h3 class="tbk__title kl-font-alt fs-l fw-bold tcolor">
						REJOIGNEZ LE CLUB DES MEILLEURS PARIEURS
					</h3>

					<!-- Sub-title with custom size and weight style -->
					<h4 class="tbk__subtitle fs-s fw-thin">
						Chez <span class="fw-semibold">Tipsters Pronostics</span>, nous avons une mission claire : vous aider à transformer vos paris sportifs en investissement rentable. 
						Avec des stratégies éprouvées, des conseils d'experts, et une communauté active, rejoignez un club conçu pour les passionnés.
					</h4>
				</div>
				<!--/ Title element -->
			</div>
			<!--/ col-sm-12 col-md-9 col-lg-9 mb-sm-35 -->

			<div class="col-sm-12 col-md-3 co-lg-3 d-flex align-self-center justify-content-center">
				<!-- Button full color style -->
				<a href="https://dev.tipsters-pronostics.com//integrer-le-club" class="btn-element btn btn-fullcolor btn-md btn-fullwidth" title="Rejoindre Tipsters Pronostics">
					<span>INTEGRER LE CLUB</span>
				</a>
			</div>
			<!--/ col-sm-12 col-md-3 co-lg-3 d-flex align-self-center justify-content-center -->
		</div>
		<!--/ row -->
	</div>
	<!--/ container -->
</section>
<!--/ Call to action element - section with custom paddings -->
<style>
	.image-boxes-img {
		width: 100%; /* Augmente la largeur à 150% de la taille d'origine */
		height: auto; /* Maintient les proportions de l'image */
		max-width: 1000px; /* Optionnel : limite la taille maximale */
		display: block; /* Assure un comportement standard */
		margin: 0 auto; /* Centre l'image horizontalement */
	}

	
	</style>

<!-- Footer - Default Style 1 -->
<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">
		<div class="row">
			<div class="col-sm-12 col-md-5 mb-30">
				<!-- Title -->
				<h3 class="title m_title">
					TIPSTERS PRONOSTICS	
				</h3>

				<div class="sbs">
					<ul class="menu">
						<li><a href="/">Accueil</a></li>
						<li><a href="#">Formation</a></li>
						<li><a href="articles">Articles</a></li>
						<li><a href="categories">Catégories</a></li>
						<li><a href="#">Vidéos</a></li>
						<li><a href="blog.php">Blog</a></li>
						<li><a href="faq.php">F.A.Q</a></li>
						<li><a href="#">Nos Tipsters</a></li>
						<li><a href="#">Pronostics</a></li>
						<li><a href="contact">Contact</a></li>
					</ul>
				</div>
			</div>
			<!--/ col-sm-12 col-md-5 mb-30 -->

			<div class="col-sm-12 col-md-4 mb-30">
				<div class="newsletter-signup">
					<!-- Title -->
					<h3 class="title m_title">
						INSCRIPTION À LA NEWSLETTER
					</h3>

					<p>
						En vous abonnant à notre liste de diffusion, vous serez toujours informé de nos dernières nouvelles.
					</p>
										<!-- code Newsletter form -->
					<form action="https://YOUR_USERNAME.DATASERVER.list-manage.com/subscribe/post-json?u=YOUR_API_KEY&amp;id=LIST_ID&c=?" 
						method="post" 
						id="mc-embedded-subscribe-form" 
						name="mc-embedded-subscribe-form" 
						class="validate" 
						target="_blank" 
						novalidate>
						
						<!-- Champ Email -->
						<label for="mce-EMAIL" class="sr-only">Adresse e-mail :</label>
						<input type="email" value="" name="EMAIL" class="nl-email form-control" id="mce-EMAIL" placeholder="ton.adresse@email.com" required aria-label="Adresse e-mail">

						<!-- Bouton de soumission -->
						<input type="submit" name="subscribe" class="nl-submit" id="mc-embedded-subscribe" value="VALIDER">

						<!-- Champ caché anti-bot -->
						<div style="position: absolute; left: -5000px;" aria-hidden="true">
							<label for="hidden-field" class="sr-only">Ne pas remplir ce champ :</label>
							<input type="text" name="b_xxxxxxxxxxxxxxxxxxxCUSTOMxxxxxxxxx" id="hidden-field" value="" tabindex="-1">
						</div>

					</form>

					<!-- Notification container -->
					<div id="notification_container"></div>

					<p>
						We never spam!
					</p>
				</div><!-- end newsletter-signup -->
			</div>
			<!-- col-sm-12 col-md-4 mb-30 -->

			<div class="col-sm-12 col-md-3 mb-30">
				<!-- Title -->
				<h3 class="title m_title">
					CONTACT
				</h3>

				<!-- Contact details -->
				<div class="contact-details">
					<p>
						<!-- <strong>T (212) 555 55 00</strong><br> disabled by KoS_ -->
						Email: <a href="#">support@tipsters-pronostics.com</a>
					</p>

					<p>
						Tipsters-Pronostics<br>
						Porto-Vecchio, France
					</p>

					<p>
						<a href="https://maps.app.goo.gl/pW9EBFwyMxpjdUn8A" target="_blank">
							<i class="icon-map-marker white-icon"></i>
							Open in Google Maps
						</a>
					</p>
				</div>
				<!--/ .contact-details -->
			</div>
			<!--/ col-sm-12 col-md-3 mb-30 -->
		</div>
		<!--/ row -->
		<div class="row">
			<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
			<style>
			.tp-twitter-bubble {
				background: #292b2f;
				border-radius: 18px;
				box-shadow: 0 12px 54px #000c, 0 3px 24px #0008;
				max-width: 340px;
				min-width: 265px;
				margin: 22px 0 0 12px;
				padding: 0;
				font-family: 'Segoe UI', Arial, sans-serif;
				overflow: hidden;
				position: relative;
				color: #fff;
			}
			.tp-twitter-header {
				background: #202126;
				display: flex;
				align-items: center;
				gap: 9px;
				padding: 12px 15px 9px 14px;
				border-top-left-radius: 18px;
				border-top-right-radius: 18px;
				min-height: 44px;
			}
			.tp-twitter-avatar {
				width: 34px;
				height: 34px;
				border-radius: 50%;
				box-shadow: 0 1px 5px #0003;
				object-fit: cover;
			}
			.tp-twitter-user {
				flex: 1;
				display: flex;
				flex-direction: column;
				justify-content: center;
			}
			.tp-twitter-username {
				color: #fff;
				font-weight: bold;
				font-size: 1em;
				line-height: 1;
			}
			.tp-twitter-handle {
				color: #b0b9c5;
				font-size: 0.93em;
				line-height: 1;
			}
			.tp-twitter-follow {
				background: #1da1f2;
				color: #fff;
				border-radius: 20px;
				padding: 3px 13px 3px 10px;
				font-weight: bold;
				text-decoration: none;
				font-size: 0.97em;
				display: flex;
				align-items: center;
				gap: 4px;
				box-shadow: 0 1px 5px #1da1f256;
				transition: background 0.17s;
				margin-left: 7px;
			}
			.tp-twitter-follow i {
				font-size: 1.15em;
				margin-right: 2px;
			}
			.tp-twitter-follow:hover {
				background: #187abf;
				color: #fff;
			}
			.tp-twitter-content {
				background: none;   /* PAS de blanc ! */
				color: #fff;
				padding: 13px 15px 10px 15px;
				font-size: 0.97em;
				max-height: 172px;
				overflow-y: auto;
				border-bottom-left-radius: 16px;
				border-bottom-right-radius: 16px;
			}
			.tp-twitter-text {
				margin-bottom: 7px;
				line-height: 1.47;
				word-break: break-word;
			}
			.tp-twitter-img {
				width: 100%;
				max-height: 96px;
				object-fit: cover;
				border-radius: 10px;
				margin: 6px 0 6px 0;
				box-shadow: 0 1px 8px #0002;
				display: block;
			}
			.tp-twitter-date {
				text-align: right;
				margin-top: 3px;
				font-size: 0.92em;
				color: #b7e788;
				letter-spacing: 0.03em;
			}
			.tp-twitter-date a {
				color: #b7e788;
				text-decoration: none;
			}
			.tp-twitter-date a:hover {
				color: #1da1f2;
				text-decoration: underline;
			}
			.tp-twitter-bubble {
				margin-right: 50px; /* Ajout d'une marge droite pour l'espacement */
				margin-bottom: 20px !important; /* ou 24px si tu veux un peu plus */
			}
			.tp-twitter-text a:hover {
				color: #1da1f2 !important;
				text-decoration: underline;
			}


			/* Social mini buttons */
				.footer-social-mini {
					display: flex;
					gap: 8px;
					margin-top: 8px;
					margin-bottom: 8px;
					justify-content: flex-end; /* ou center selon l’emplacement */
					}

					.social-mini {
					display: flex;
					align-items: center;
					border-radius: 7px;
					font-size: 13px;
					font-weight: bold;
					min-width: 54px;
					padding: 3px 10px 3px 7px;
					color: #fff;
					background: #222;
					text-decoration: none;
					box-shadow: 0 1px 6px #0002;
					transition: transform 0.1s, box-shadow 0.15s, background 0.18s;
					}

					.social-mini i {
					font-size: 15px;
					margin-right: 5px;
					vertical-align: middle;
					}

					.social-mini.x {
					background: #1da1f2;
					}
					.social-mini.x:hover {
					background: #178bcc;
					}

					.social-mini.yt {
					background: #ff0000;
					}
					.social-mini.yt:hover {
					background: #c90000;
					}

					.social-mini.fb {
					background: #1877f3;
					}
					.social-mini.fb:hover {
					background: #1153a8;
					}

					.social-count {
					font-size: 13px;
					font-weight: bold;
					margin-left: 2px;
					}

					@media (max-width: 600px) {
					.footer-social-mini { gap: 5px; }
					.social-mini { font-size: 12px; min-width: 44px; padding: 2px 7px 2px 5px; }
					.social-mini i { font-size: 13px; }
					}

					/* dessente des boutons social mini */
					.social-share {
						/* margin: 25px 0 0; */
						padding: 60px;
						/* list-style: none; */
					}
					/* footer img account */
					.footer-cta-img {
						width: 100%;
						max-width: 500px;
						height: auto;
						box-shadow: 0 1px 18px #000c;
						border-radius: 12px;
						/* margin: 20px auto; */
						margin-left: 100px;
						display: block;
					}

					/* Ultra réduction des espacements verticaux dans le footer */
					footer.footer .row,
					footer.footer .row > div {
						margin-top: 0 !important;
						margin-bottom: 0 !important;
						padding-top: 0 !important;
						padding-bottom: 0 !important;
					}

					/* Supprime le padding vertical de la row centrale (tweet + image + réseaux) */
					footer.footer .row.align-items-center {
						padding-top: 0 !important;
						padding-bottom: 0 !important;
						margin-top: 0 !important;
						margin-bottom: 0 !important;
					}

					/* Colonne menu/newsletter/contact : réductions ciblées */
					footer.footer .mb-30 {
						margin-bottom: 8px !important;
					}

					/* Supprime l'espacement entre les blocs sociaux */
					.footer-social-mini {
						margin-top: 4px !important;
						margin-bottom: 4px !important;
					}

				@media (max-width: 768px) {
					footer.footer .row.align-items-center {
						flex-direction: column;
						text-align: center;
					}

					footer.footer .row.align-items-center > div {
						width: 100% !important;
						max-width: 100%;
						margin-bottom: 16px;
					}

					.footer-cta-img {
						margin-left: auto !important;
						margin-right: auto !important;
					}

					.tp-twitter-bubble {
						margin-left: auto !important;
						margin-right: auto !important;
					}

					.footer-social-mini {
						justify-content: center !important;
					}
				}
					

			</style>

			<div class="row align-items-center" style="gap:0;">
				
				<!-- Colonne gauche : tweet stylisé -->
				<div class="col-md-4 mb-4 mb-md-0 d-flex justify-content-center">
					<div class="tp-twitter-bubble">
						<div class="tp-twitter-header">
							<img src="https://pbs.twimg.com/profile_images/974211042942373888/hUv0PNG__400x400.jpg" class="tp-twitter-avatar" alt="avatar">
							<div class="tp-twitter-user">
								<span class="tp-twitter-username">Tipsters-Pronostics</span>
								<span class="tp-twitter-handle">@TipstersPronos</span>
							</div>
							<a class="tp-twitter-follow" href="https://twitter.com/TipstersPronos" target="_blank" rel="noopener">
								<i class="fab fa-twitter"></i> Suivre
							</a>
						</div>
						<div class="tp-twitter-content">
							<div class="tp-twitter-text">
								Après avoir beaucoup parlé d’Arsenal et de son calendrier de fou 🤯, arrêtons-nous sur le phénomène du moment : Eberechi Eze 🔥<br />
L’ancien de Crystal Palace explose déjà chez les Gunners : volume balle au pied, création entre les lignes, capacité à casser des blocs… ça saute aux yeux 👀<br />
Juste avant Aston Villa – Arsenal, une question : où Eze est-il le plus létal ?<br />
Entre half-spaces, conduite progressive et prise d’initiative… la réponse est claire : un créateur qui change la physionomie d’un match dès qu’il touche la balle.<br />
Un vrai game-changer. 🎩⚽️ <br />
<a href="https://twitter.com/hashtag/TeamParieur" target="_blank" rel="noopener noreferrer">#TeamParieur</a> <a href="https://twitter.com/hashtag/prono" target="_blank" rel="noopener noreferrer">#prono</a> <a href="https://twitter.com/hashtag/BettingTips" target="_blank" rel="noopener noreferrer">#BettingTips</a> <a href="https://twitter.com/hashtag/value" target="_blank" rel="noopener noreferrer">#value</a> <a href="https://twitter.com/hashtag/ValueBets" target="_blank" rel="noopener noreferrer">#ValueBets</a> <a href="https://twitter.com/hashtag/Arsrnal" target="_blank" rel="noopener noreferrer">#Arsrnal</a> <a href="https://twitter.com/hashtag/Eberechi" target="_blank" rel="noopener noreferrer">#Eberechi</a> <a href="https://twitter.com/hashtag/Eze" target="_blank" rel="noopener noreferrer">#Eze</a>							</div>
															<img src="https://dev.tipsters-pronostics.com/images/TP/twitter/9124517a05666e3124000b5a9aca6fac.jpg" class="tp-twitter-img" alt="media tweet">
														<div class="tp-twitter-date">
								<a href="https://twitter.com/TipstersPronos/status/1997259956660088902" target="_blank">
									samedi 6 décembre 2025 à 12:00								</a>
							</div>
						</div>
					</div>
				</div>

				<!-- Colonne centre : image Créer un compte -->
				<div class="col-md-4 d-flex justify-content-center align-items-center mb-4 mb-md-0">
					<a href="https://dev.tipsters-pronostics.com/integrer_le_club">
						<img src="https://dev.tipsters-pronostics.com/images/TP/compte-tipsters-pronostics.png"
							alt="Créer un compte Tipsters"
							class="footer-cta-img">
					</a>
				</div>
				<!-- Colonne droite : boutons sociaux likes / abonnés -->
				<div class="col-md-4 d-flex flex-column justify-content-center align-items-center align-items-md-end">
					<div class="footer-social-mini d-flex flex-row justify-content-center justify-content-md-end align-items-center" style="gap:15px;">
						<a href="https://x.com/tipsterspronos" class="social-mini x" target="_blank" rel="noopener">
							<i class="fab fa-twitter"></i>
							<span class="social-count">1,329</span>
						</a>
						<a href="https://www.youtube.com/channel/UClNeQU4Tnll-TmPhfF4rcWQ" class="social-mini yt" target="_blank" rel="noopener">
							<i class="fab fa-youtube"></i>
							<span class="social-count">1,74k</span>
						</a>
						<a href="https://facebook.com/tipsterspronostics" class="social-mini fb" target="_blank" rel="noopener">
							<i class="fab fa-facebook-f"></i>
							<span class="social-count">1,3k</span>
						</a>
					</div>
				</div>
			</div>

		<!-- Social footer minis links right dowwn -->
		<div class="row">
			<div class="col-sm-12">
				<div class="bottom clearfix">
					<!-- social-icons -->
					<ul class="social-icons sc--clean clearfix">
						<li class="title">GET SOCIAL</li>
						<li><a href="https://www.facebook.com/clubTP/" target="_blank" class="fab fa-facebook-f" title="Facebook"></a></li>
						<li><a href="https://twitter.com/tipsterspronos" target="_blank" class="fab fa-twitter" title="Twitter"></a></li>	
						<li><a href="https://www.youtube.com/channel/UClNeQU4Tnll-TmPhfF4rcWQ" target="_blank" class="fab fa-youtube" title="Youtube"></a></li>
						<li><a href="#" target="_blank" class="fab fa-google-plus-g" title="Google Plus"></a></li>
						 <!-- Trustpilot Button -->
						 <li><a href="https://fr.trustpilot.com/review/tipsters-pronostics.com" target="_blank" class="fas fa-star" title="Trustpilot"></a></li>
					</ul>
					<!--/ social-icons -->

					<!-- copyright -->
					<div class="copyright">
						<a href="/">
							<img src="https://dev.tipsters-pronostics.com/images/TP/new-logo-tipsters-pronostics.webp" alt="Tipsters Pronostics" style="width: 20%; height: auto; margin-top: -24px;">
							
						</a>
						
							<a href="#"> &copy; Tipsters Pronostics</a> HardCodé avec <span class="far fa-heart"></span> par KoS_
					
							2018-2025 TIPSTERS-INVEST SAS | Siret 83416489900017.
				
					</div>
					<!--/ copyright -->
				</div>
				<!--/ bottom -->
			</div>
			<!--/ col-sm-12 -->
		</div>
		<!--/ row -->
	</div>
	<!--/ container -->
</footer>
<!--/ Footer - Default Style 1 -->	<!--</div> je sais pas ce que cette div vient faire la ? --
	<!--/ Page Wrapper -->


	<!-- Bubble-box with notification-box style disabled by KoS_ -->
	<!-- <div class="bubble-box notification-box bg-purple" data-reveal-at="1200" data-hide-after="9000">
		<div class="bb--inner">
			<p>This is just a simple notice. Everything is in order and this is a <a href="#">simple link.</a></p>
		</div>
		<span class="bb--close"><i class="fas fa-times"></i></span>
	</div> -->
	<!-- / Bubble-box with notification-box style -->


		<!-- Login Panel content -->
	<div id="login_panel" class="mfp-hide loginbox-popup auth-popup">
		<div class="inner-container login-panel auth-popup-panel">
			<h3 class="m_title m_title_ext text-custom auth-popup-title tcolor">
						CONNECTEZ-VOUS À VOTRE COMPTE POUR AVOIR ACCÈS AUX DIFFÉRENTES FONCTIONNALITÉS
			</h3>

			<form class="login_panel" name="login_form" method="post" action="">
				<div class=" kl-fancy-form">
					<input type="text" id="kl-username" name="username" class="form-control inputbox kl-fancy-form-input kl-fw-input" placeholder="eg: james_smith">
					<label class="kl-font-alt kl-fancy-form-label">
						IDENTIFIANT
					</label>
				</div>

				<div class=" kl-fancy-form">
					<input type="password" id="kl-password" name="password" class="form-control inputbox kl-fancy-form-input kl-fw-input" placeholder="type password">
					<label class="kl-font-alt kl-fancy-form-label">
						MOT DE PASSE
					</label>
				</div>

				<label class="auth-popup-remember" for="kl-rememberme">
					<input type="checkbox" name="rememberme" id="kl-rememberme" value="forever" class="auth-popup-remember-chb"> Remember Me 
				</label>

				<input type="submit" id="login" name="submit_button" class="btn zn_sub_button btn-fullcolor btn-md" value="LOG IN">

				<input type="hidden" value="login" class="" name="form_action">
				<input type="hidden" value="login" class="" name="action">
				<input type="hidden" value="#" class="" name="submit">

				<div class="links auth-popup-links">
					<a href="#register_panel" class="create_account auth-popup-createacc kl-login-box auth-popup-link">
						CRÉER UN COMPTE
					</a>

					<span class="sep auth-popup-sep"></span>

					<a href="#forgot_panel" class="kl-login-box auth-popup-link">
						MOT DE PASSE OUBLIÉ?
					</a>
				</div>
			</form>
		</div>
		<button title="Close (Esc)" type="button" class="mfp-close">×</button>
	</div>
	<div id="register_panel" class="mfp-hide loginbox-popup auth-popup">
		<div class="inner-container register-panel auth-popup-panel">
			<h3 class="m_title m_title_ext text-custom auth-popup-title">
				CREATE ACCOUNT
			</h3>

			<form class="register_panel" name="login_form" method="post" action="#">
				<div class=" kl-fancy-form ">
					<input type="text" id="reg-username" name="user_login" class="form-control inputbox kl-fancy-form-input kl-fw-input" placeholder="type desired username">
					<label class="kl-font-alt kl-fancy-form-label">USERNAME</label>
				</div>

				<div class="kl-fancy-form">
					<input type="text" id="reg-email" name="user_email" class="form-control inputbox kl-fancy-form-input kl-fw-input" placeholder="your-email@website.com">
					<label class="kl-font-alt kl-fancy-form-label">
						EMAIL
					</label>
				</div
				>
				<div class=" kl-fancy-form">
					<input type="password" id="reg-pass" name="user_password" class="form-control inputbox kl-fancy-form-input kl-fw-input" placeholder="*****">
					<label class="kl-font-alt kl-fancy-form-label">
						PASSWORD
					</label>
				</div>

				<div class="kl-fancy-form">
					<input type="password" id="reg-pass2" name="user_password2" class="form-control inputbox kl-fancy-form-input kl-fw-input" placeholder="*****">
					<label class="kl-font-alt kl-fancy-form-label">
						CONFIRM PASSWORD
					</label>
				</div>

				<div class="">
					<input type="submit" id="signup" name="submit" class="btn zn_sub_button btn-block btn-fullcolor btn-md" value="CREATE MY ACCOUNT">
				</div>

				<div class="links auth-popup-links">
					<a href="#login_panel" class="kl-login-box auth-popup-link">
						ALREADY HAVE AN ACCOUNT?
					</a>
				</div>
			</form>
		</div>
	</div>
	<div id="forgot_panel" class="mfp-hide loginbox-popup auth-popup forgot-popup">
		<div class="inner-container forgot-panel auth-popup-panel">
			<h3 class="m_title m_title_ext text-custom auth-popup-title">
				FORGOT YOUR DETAILS?
			</h3>

			<form class="forgot_form" name="login_form" method="post" action="#">
				<div class=" kl-fancy-form">
					<input type="text" id="forgot-email" name="user_login" class="form-control inputbox kl-fancy-form-input kl-fw-input" placeholder="...">
					<label class="kl-font-alt kl-fancy-form-label">
						USERNAME OR EMAIL
					</label>
				</div>

				<div class="">
					<input type="submit" id="recover" name="submit" class="btn btn-block zn_sub_button btn-fullcolor btn-md" value="SEND MY DETAILS!">
				</div>
				
				<div class="links auth-popup-links">
					<a href="#login_panel" class="kl-login-box auth-popup-link">
						AAH, WAIT, I REMEMBER NOW!
					</a>
				</div>
			</form>
		</div>
		<button title="Close (Esc)" type="button" class="mfp-close">×</button>
	</div>
	<!--/ Login Panel content -->
		<!-- Contact form pop-up element content -->
	<div id="contact_panel" class="mfp-hide contact-popup">
		<div class="contact-popup-panel">
			<div class="container-fluid">
				<div class="row">
					<div class="col-md-12 col-sm-12">
						<!-- Contact form pop-up element -->
						<div class="contactForm pop-up-form">
							<!-- Google reCaptcha required javascript file -->
							<!-- <script src='https://www.google.com/recaptcha/api.js'></script> -->

							<!-- Title -->
							<h3 class="m_title m_title_ext text-custom contact-popup-title tcolor">
								GET A QUOTE
							</h3>
							<h4 class="tbk__subtitle fw-thin">
								We'll do everything we can to make our next best project!
							</h4>
							<!-- /!\ formulaire de contact a créer pas fonctionnel /!\  -->
							<form action="" method="post" class="contact_form row mt-40" enctype="multipart/form-data">
								<div class="cf_response"></div>

								<div class="col-sm-6 kl-fancy-form">
									<input type="text" name="name" id="cf_name-pop-up" class="form-control" placeholder="Please enter your first name" value="" tabindex="1" maxlength="35" required>
									<label class="control-label">
										FIRSTNAME
									</label>
								</div>

								<div class="col-sm-6 kl-fancy-form">
									<input type="text" name="lastname" id="cf_lastname-pop-up" class="form-control" placeholder="Please enter your first last name" value="" tabindex="1" maxlength="35" required>
									<label class="control-label">
										LASTNAME
									</label>
								</div>

								<div class="col-sm-12 kl-fancy-form">
									<input type="text" name="email" id="cf_email-pop-up" class="form-control h5-email" placeholder="Please enter your email address" value="" tabindex="1" maxlength="35" required>
									<label class="control-label">
										EMAIL
									</label>
								</div>

								<div class="col-sm-12 kl-fancy-form">
									<input type="text" name="subject" id="cf_subject-pop-up" class="form-control" placeholder="Enter the subject message" value="" tabindex="1" maxlength="35" required>
									<label class="control-label">
										SUBJECT
									</label>
								</div>

								<div class="col-sm-12 kl-fancy-form">
									<textarea name="message" id="cf_message-pop-up" class="form-control" cols="30" rows="10" placeholder="Your message" tabindex="4" required></textarea>
									<label class="control-label">
										MESSAGE
									</label>
								</div>

								<!-- Google recaptcha required site-key (change with yours => https://www.google.com/recaptcha/admin#list) -->
								<!-- <div class="g-recaptcha" data-sitekey="6Lc4aLEqAAAAAIU3b9Kz67CtIzaN4h_RIrGe4JHX" data-action="LOGIN"></div> -->
								<!-- <div class="g-recaptcha" data-sitekey="6Lc4aLEqAAAAAIU3b9Kz67CtIzaN4h_RIrGe4JHX"></div> -->
								<!--/ Google recaptcha required site-key -->

								<div class="col-sm-12">
									<!-- Contact form send button -->
									<button class="btn btn-fullcolor" type="submit">
										Send
									</button>
								</div>
							</form>
						</div>
						<!--/ Contact form pop-up element -->
					</div>
					<!--/ col-md-12 col-sm-12 -->
				</div>
				<!--/ .row -->
			</div>
			<!--/ .container -->
		</div>
		<!--/ .contact-popup-panel -->
		<button title="Close (Esc)" type="button" class="mfp-close">×</button>
	</div>
	<!--/ Contact form pop-up element content -->	

	<!-- ToTop trigger -->
	<a href="#" id="totop">TOP</a>
	<!--/ ToTop trigger -->
	
	<!-- Telegram applet -->
	<div class="telegram-container" onclick="openTelegram()">
			<div class="telegram-icon">
				<img src="https://upload.wikimedia.org/wikipedia/commons/8/82/Telegram_logo.svg" alt="Telegram Logo">
				<span class="ch-pending-msg">1</span>
			</div>
			<div class="telegram-text">Luigi: "JE SUIS LÀ POUR VOUS AIDER"</div>
		</div>
		<script>
			const telegramContainer = document.querySelector('.telegram-container');
			const telegramText = document.querySelector('.telegram-text');
			let hoverState = false; // État du survol

			// Changement du texte et de la largeur au survol
			telegramText.addEventListener('mouseover', () => {
				if (!hoverState) {
					hoverState = true; // Empêche les changements multiples
					telegramText.textContent = "Telegram"; // Change le texte
					telegramText.classList.add('short'); // Réduit la largeur
				}
			});

			telegramText.addEventListener('mouseout', () => {
				if (hoverState) {
					hoverState = false; // Réinitialise l'état du survol
					telegramText.textContent = 'Luigi: "JE SUIS LÀ POUR VOUS AIDER"'; // Restaure le texte original
					telegramText.classList.remove('short'); // Restaure la largeur
				}
			});

			// Fonction pour ouvrir le lien Telegram
			function openTelegram() {
				window.open('https://t.me/luiginvest', '_blank');
			}

			// Ajout d'un événement au clic sur toute la bulle
			telegramContainer.addEventListener('click', openTelegram);


		</script>

    <!-- End of Telegram applet -->

	
	<!-- Modernizr Library -->
	<script type="text/javascript" src="https://dev.tipsters-pronostics.com/js/modernizr.min.js"></script>

	<!-- JS FILES // These should be loaded in every page -->
	<script type="text/javascript" src="https://dev.tipsters-pronostics.com/js/bootstrap.min.js"></script>
	<!-- Plugins Library -->
	<script type="text/javascript" src="https://dev.tipsters-pronostics.com/js/kl-plugins.js"></script>
	<!-- JS FILES // Loaded on this page -->
	<!-- Requried js script for Slideshow Scroll effect (uncomment bellow script to activate) -->
	<script type="text/javascript" src="https://dev.tipsters-pronostics.com/js/plugins/scrollme/jquery.scrollme.js"></script>

	<!-- Required js script for iOS Slider -->
	<script type="text/javascript" src="https://dev.tipsters-pronostics.com/js/plugins/_sliders/ios/jquery.iosslider.min.js"></script>

	<!-- Required js trigger for iOS Slider -->
	<script type="text/javascript" src="https://dev.tipsters-pronostics.com/js/trigger/slider/ios/kl-ios-slider.js"></script>

	<!-- Required js script for iOS Slider -->
	<script>
		$(document).ready(function() {
			$(".iosSlider").iosSlider({
				responsiveSlides: true,
				responsive: true,
				autoSlide: true,
				infiniteSlider: true
			});
		});

	</script>

	<!-- Slick required js script for Partners Carousel& Screenshot Box Carousel elements -->
	<script type="text/javascript" src="https://dev.tipsters-pronostics.com/js/plugins/_sliders/slick/slick.js"></script>

	<!-- Required js trigger for Partners Carousel & Screenshot Box Carousel elements -->
	<script type="text/javascript" src="https://dev.tipsters-pronostics.com/js/trigger/kl-slick-slider.js"></script>

	<!-- Custom Kallyas JS codes -->
	<script type="text/javascript" src="https://dev.tipsters-pronostics.com/js/kl-scripts.js"></script>

	<!-- Global site tag (gtag.js) - Google Analytics -->

	<!-- Google tag (gtag.js) -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-YXRGD3XQ4F"></script>
	<script>
	window.dataLayer = window.dataLayer || [];
	function gtag(){dataLayer.push(arguments);}
	gtag('js', new Date());

	gtag('config', 'G-YXRGD3XQ4F');
	</script>


</body>
</html>