
        <!--/
        [16]

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⡤⠤⠤⠤⠤⠤⠤⣤⣀⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡤⠚⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠑⢦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⠴⠚⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠒⢦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⢀⡤⠖⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢦⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⢀⡴⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⡤⠤⠤⠶⠶⠤⠤⠤⠤⢤⣀⡀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⡾⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⠴⠚⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠙⠦⣄⡇⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⢀⡜⠁⠀⠀⠀⠀⠀⠀⠀⠀⣠⠔⠋⠀⠀⠀⠀⠀⠀⠀⠀⢠⠀⠀⠀⠀⠀⠀⠀⠀⠰⢄⣀⡹⢦⡀⠀⠀⠀⠀⠀⠀
⠀⢀⡞⠀⠀⠀⠀⠀⠀⠀⠀⣠⠞⠁⠀⠀⠀⠀⠀⠀⠀⣀⣠⠔⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡠⠖⠊⠉⠉⠐⠦⡀⠀⠀
⢀⡞⠀⠀⠀⠀⠀⠀⠀⢀⡼⠁⠀⠀⠀⠀⠀⠀⠀⠐⢋⣀⠤⠤⠤⠤⣀⠀⠀⠀⠀⠀⠀⢠⠎⠀⠀⠀⠀⠀⠀⠀⠈⢢⠀
⢸⠀⠀⠀⠀⠀⠀⠀⢀⡞⠀⠀⠀⠀⠀⠀⠀⠀⢠⠖⠉⠀⠀⠀⠀⠀⠀⠉⠢⡀⠀⠀⠀⡎⠀⠀⠀⠀⠀⠀⠀⢀⡀⠀⢣
⣼⠀⠀⠀⠀⠀⠀⠀⡼⠀⠀⠀⠀⠀⠀⠀⠀⡰⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⡄⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠈⠀⠀⢸
⢿⠀⠀⠀⠀⠀⠀⢠⠇⠀⠀⠀⠀⠀⠀⠀⠀⡇⠀⠀⠀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠃⠀⠀⢣⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸
⢸⠀⠀⠀⠀⠀⠀⣼⠀⠀⠀⠀⠀⠀⠀⠀⠀⡇⠀⠀⠘⠃⠀⠀⠀⠀⠀⠀⠀⠀⡆⠀⠀⠈⢣⡀⠀⠀⠀⠀⠀⠀⠀⡴⣧
⢸⠀⠀⠀⠀⠀⠀⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⢣⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠁⠀⠀⠀⠀⣈⠓⠦⠤⠤⠤⠒⠉⠀⢸
⢸⠀⠀⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠣⣀⠀⠀⠀⠀⠀⠀⠀⣠⠔⠁⠀⠀⠀⠀⠀⠀⠑⡄⠀⠀⠀⠀⠀⠀⢸
⢸⡀⠀⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠒⠒⠔⠒⠒⠉⠀⠀⠀⠀⠀⠀⠒⠠⠤⠚⠀⠀⠀⠀⠀⠀⠀⢸
⠀⠳⣄⠀⠀⠀⠀⢷⠀⠀⠀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡼
⠀⠀⠈⠳⡀⠀⠀⠸⣆⡴⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⡆⠀⠀⠀⠀⠀⠀⠀⢰⠇
⠀⠀⠀⠀⠳⡀⠀⠀⢻⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡀⢸⠀⠀⠀⠀⠀⠀⢀⠏⠀
⠀⠀⠀⠀⠀⠙⠲⢤⣼⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣆⠀⡗⠞⠀⠀⠀⠀⠀⣠⠏⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠲⢤⡤⠤⠄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠒⠃⠀⠀⠀⠀⢀⡴⠃⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡴⠋⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠢⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⡤⠒⠉⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠙⠒⠦⠤⢤⣤⣤⠤⠤⠤⠤⠴⠖⠒⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

            [FR]
        Bonjour à toi petit curieux qui regarde ce code, sois le/la bienvenu(e) dans ma matrice.
        N'hésites pas à aller voir mes projets sur la page projets - https://www.wanalike.net/projets.html
        Si tu trouve une faille dans ce code, je te remercie d'avance pour le signalement via ma page contact - https://www.wanalike.net/contact.html
        Si tu aime ce site de par son design, sa navigation ou son contenu, partage-le via son URL :)
    
        Bon chat & bets avec la communauté Tipsters Pronostics hébergé par WanaLike Network.
    
        Cordialement KoS_.
    
            [EN]
        Hello to you little curious who looks at this code, be welcome in my matrix.
        Do not hesitate to go see my projects on the projects page - https://www.wanalike.net/projets.html
        If you find a flaw in this code, I thank you in advance for the report via my contact page - https://www.wanalike.net/contact.html
        If you like this site because of its design, navigation or content, share it via its URL :)
    
        Good chat & bets with the Tipsters Pronostics community hosted by WanaLike Network.
    
        Sincerely KoS_.
        
        /-->
        <!doctype html>
<html dir="ltr" lang="en-US" class="no-js">
<head>
	<!-- meta -->
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	
	<!-- 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.8.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 old version -->
	<!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> -->
	 <!-- 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.34 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface."/>		
	<!-- Url of your website (without extra pages) 
	<link rel="canonical" href="https://tp.wanalike.net" />
	-->

	<!-- Restrict google from scanning info from Dmoz or YahooDir
	More here: https://www.seoboy.com/what-are-the-meta-tags-noodp-and-noydir-used-for-in-seo/
	Also more on robots here https://yoast.com/articles/robots-meta-tags/ 
	<meta name="robots" content="noodp,noydir"/>
	-->

	<!--
	Social media tags and more >>>>> https://moz.com/blog/meta-data-templates-123 <<<<<
	Debugging tools:
	- https://dev.twitter.com/docs/cards/validation/validator
	- https://developers.facebook.com/tools/debug
	- https://www.google.com/webmasters/tools/richsnippets
	- https://developers.pinterest.com/rich_pins/validator/
	-->

	<!-- Google Authorship and Publisher Markup. You can also simply add your name.
	Author = Owner, Publisher = who built the website. Add profile url in href="".
	Profile url example: https://plus.google.com/1130658794498306186 or replace [Google+_Profile] below with your profile # 
	<link rel="author" href="https://plus.google.com/[Google+_Profile]/posts"/>
	<link rel="publisher" href="https://plus.google.com/[Google+_Page_Profile]"/>
	-->

	<!-- Schema.org markup for Google+ 
	<meta itemprop="name" content="Tipsters Pronostics">
	<meta itemprop="description" content="This is the page description">
	<meta itemprop="image" content="">
	-->

	<!-- Open Graph Protocol meta tags.
	Used mostly for Facebook, more here https://ogp.me/ 
	<meta property="og:locale" content="en"/>
	<meta property="og:type" content="website"/>
	<meta property="og:title" content="Kallyas Premium Template"/>
	<meta property="og:description" content="Kallyas is an ultra-premium, responsive theme built for todays websites."/>
	<meta property="og:site_name" content="Kallyas Premium Template"/>
	-->

	<!-- Url of your website 
	<meta property="og:url" content=""/>
	-->

	<!-- Representative image 
	<meta property="og:image" content=""/>
	-->

	<!-- Twitter Cards
	Will generate a card based on the info below.
	More here: https://davidwalsh.name/twitter-cards or https://dev.twitter.com/docs/cards 
	<meta name="twitter:card" content="summary">
	-->

	<!-- Representative image 
	<meta name="twitter:image" content="">
	<meta name="twitter:domain" content="hogash.com">
	<meta name="twitter:site" content="@hogash">
	<meta name="twitter:creator" content="@hogash">
	-->

	<!-- Url of your website 
	<meta name="twitter:url" content="">
	<meta name="twitter:title" content="How to Create a Twitter Card">
	<meta name="twitter:description" content="Twitter's new Twitter Cards API allows developers to add META tags to their website, and Twitter will build card content from links to a given site.">
	-->

	<!-- GeoLocation Meta Tags / Geotagging. Used for custom results in Google.
	Generator here https://mygeoposition.com/ 
	<meta name="geo.placename" content="Chicago, IL, USA" />
	<meta name="geo.position" content="41.8781140;-87.6297980" />
	<meta name="geo.region" content="US-Illinois" />
	<meta name="ICBM" content="41.8781140, -87.6297980" />
	-->

	<!-- Dublin Core Metadata Element Set
	Using DC metadata is advantageous from an SEO perspective because search engines might interpret the extra code as an effort to make page content as descriptive and relevant as possible.

	<link rel="schema.DC" href="https://purl.org/DC/elements/1.0/" />
	<meta name="DC.Title" content="Tipsters Pronostics, Tipsters Pronostics" />
	<meta name="DC.Creator" content="hogash" />
	<meta name="DC.Type" content="software" />
	<meta name="DC.Date" content="2018-10-01" />
	<meta name="DC.Format" content="text/html" />
	<meta name="DC.Language" content="en" />
	-->

	<!-- end descriptive meta tags -->

	<!-- Retina Images -->
	<!-- Simply uncomment to use this script !! More here https://retina-images.complexcompulsions.com/
	<script>(function(w){var dpr=((w.devicePixelRatio===undefined)?1:w.devicePixelRatio);if(!!w.navigator.standalone){var r=new XMLHttpRequest();r.open('GET','/retinaimages.php?devicePixelRatio='+dpr,false);r.send()}else{document.cookie='devicePixelRatio='+dpr+'; path=/'}})(window)</script>
	<noscript><style id="devicePixelRatio" media="only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2)">html{background-image:url("php-helpers/_retinaimages.php?devicePixelRatio=2")}</style></noscript>-->
	<!-- End Retina Images -->

	<!-- 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 // More here https://www.google.com/fonts#UsePlace:use/Collection:Open+Sans -->
	<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">
	<!-- <link rel="preload" href="https://dev.tipsters-pronostics.com/css/bootstrap.min.css"  as="style" onload="this.onload=null;this.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">


	
	<!-- 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>
	<!--[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)',     // Vert très foncé (remplace le noir)
				'.25' : 'rgba(0, 64, 0, 0.9)',     // Vert très foncé
				'.50' : 'rgba(0, 128, 0, 0.9)',    // Vert foncé
				'.75' : 'rgba(0, 192, 0, 0.9)',    // Vert plus clair
				'1.0' : 'rgba(0, 255, 0, 0.9)'     // Vert clair
			}
		})
		}

		// Page load
		resetToDefaults()
		topbar.show()
		setTimeout(function() {
			$('#main_content').fadeIn('slow')
			topbar.hide()
		}, 1500)
	})
	</script>
	
<style>
	/* Style by KoS_ */
	.support_panel {
		position: fixed; /* Fixe le panneau pour qu'il soit indépendant du flux */
		top: 0;
		left: 0;
		right: 0;
		z-index: 1000; /* Assurez-vous qu'il est au-dessus d'autres éléments */
		background: white; /* Fond blanc pour éviter les chevauchements */
		margin-top: -1000px; /* Initialement fermé */
		max-height: 0; /* Limite la hauteur pour l'animation */
		overflow: hidden;
		-webkit-transition: margin-top 0.4s ease-out, max-height 0.4s ease-out;
		transition: margin-top 0.4s ease-out, max-height 0.4s ease-out;
	}
	.panel-checkbox:checked + .support_panel {
		margin-top: 0; /* Ouvre le panneau */
		max-height: 1000px;
	}

	
	/* End of Style  */
</style>


</head>

<body class="preloader">
	<!-- 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>
							<!--/ col-sm-4 -->

							<div class="col-sm-4">
								<span class="number">2</span> Review your order.
							</div>
							<!--/ col-sm-4 -->

							<div class="col-sm-4">
								<span class="number">3</span> Payment <strong>FREE</strong> shipment
							</div>
							<!--/ col-sm-4 -->
						</div>
						<!--/ row -->

						<p>
							If you still have problems, please let us know, by sending an email to support@website.com . Thank you!
						</p>
					</div>
					<!--/ Content - how to shop steps -->
				</div>
				<!--/ col-sm-12 col-md-12 col-lg-9 -->

				<div class="col-sm-12 col-md-12 col-lg-3">
					<!-- Title -->
					<h4 class="m_title mb-20">
						SHOWROOM HOURS
					</h4>

					<!-- Content -->
					<div class="m_content">
						Mon-Fri 9:00AM - 6:00AM<br>
						Sat - 9:00AM-5:00PM<br>
						Sundays by appointment only!
					</div>
					<!--/ Content -->
				</div>
				<!--/ col-sm-12 col-md-12 col-lg-3 -->
			</div>
			<!--/ row -->
		</div>
		<!--/ container -->
	</div>
	<!--/ Support Panel -->
	<script>
	document.addEventListener('DOMContentLoaded', function () {
	const supportPanelCheckbox = document.getElementById('support_p');
	let lastScrollY = window.scrollY;

		window.addEventListener('scroll', function () {
			// Vérifiez si la case est cochée (panneau ouvert)
			if (supportPanelCheckbox && supportPanelCheckbox.checked) {
			const currentScrollY = window.scrollY;
			// Si l'utilisateur défile vers le bas, fermez le panneau
			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');

			// Fonction pour activer le sticky header
			function activateStickyHeader() {
				const headerHeight = header.offsetHeight;
				// Ajoute la classe `sticky-header` au body
				body.classList.add('sticky-header');

				// Ajoute la gestion du scroll
				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');
					}
				});
			}

			// Forcer l'activation dès le chargement
			activateStickyHeader();
		});
		/* End of Script pour activer le stickpanel en split mode */
	</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>
						<!--/ Header Top Social links -->

						<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 -->
							<!-- <label for="support_p" class="topnav-item spanel-label">
								<i class="fas fa-info-circle support-info closed"></i>
								<i class="far fa-times-circle support-info opened"></i>
								<span class="topnav-item--text">SUPPORT</span>
							</label> -->
							<!--/ Support panel trigger -->
						</div>
							
				
						<!-- Login trigger -->
						<div class="topnav login--panel align-self-center">
							<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>
						<!--/ Login trigger -->
						<!-- Contact trigger -->
						<div class="topnav login--panel align-self-center">
							<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>
						<!--/ Contact trigger -->
												<!-- header search -->
						<div id="search" class="header-search align-self-center">
							<a href="#" class="searchBtn" aria-label="Rechercher"><span class="fas fa-search white-icon" aria-hidden="true"></span></a>
							<div class="search-container">
								<form id="searchform" class="header-searchform" action="https://www.google.com/search" method="get" target="_blank">
									<input id="q" name="q" maxlength="20" class="inputbox" type="text" size="20" value="SEARCH ..." onblur="if (this.value=='') this.value='SEARCH ...';" onfocus="if (this.value=='SEARCH ...') this.value='';">
									<button type="submit" id="searchsubmit" class="searchsubmit fas fa-search white-icon"></button>
								</form>
							</div>
						</div>
						<!--/ header search -->
					</div>
					<!--/ .site-header-top-right -->
				</div>
				<!--/ .site-header-row .site-header-top -->

				<!-- Header separator disabled by KoS_ -->
				<!-- <div class="separator site-header-separator"></div> -->
				<!--/ Header separator -->
			</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="/" title="">
									<img src="https://dev.tipsters-pronostics.com/images/TP/logo-tipsters-optimized.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/TP_optimized.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>
												<!--/ infocard-wrapper -->
											</div>
											<!--/ .align-self-center -->
										</div>
										<!--/ col-sm-6 left-side d-flex -->

										<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>
											<!-- Social links clean style -->
											<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>
											<!--/ Social links clean style -->
										</div>
										<!--/ col-sm-6 right-side -->
									</div>
									<!--/ row -->
								</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">
								<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">

						<!-- Call to action ribbon Free Quote (Contact form pop-up element) disabled by KoS_-->
						<!-- <div class="quote-ribbon">
							<a href="#contact_panel" id="ctabutton" class="ctabutton kl-cta-ribbon" title="GET A FREE QUOTE" target="_self">
							<strong>FREE</strong>QUOTE
							<svg version="1.1" class="trisvg"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" preserveaspectratio="none" width="14px" height="5px" viewbox="0 0 14 5" enable-background="new 0 0 14 5" xml:space="preserve">
								<polygon fill-rule="nonzero" points="14 0 7 5 0 0"></polygon>
							</svg>
						</a>
						</div> -->
						<!--/ Call to action ribbon Free Quote (Contact form pop-up element) -->
					</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 -->

<style>
.alerts-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999; /* Doit être supérieur au header */
    padding: 10px;
    pointer-events: none; /* Désactive l'interaction sur le conteneur */
}

.alert {
    pointer-events: auto; /* Active l'interaction uniquement sur les alertes */
    position: relative; /* Nécessaire pour positionner la croix */
    margin: 10px auto;
    max-width: 600px;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    background-color: #4caf50; /* Vert pour succès */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    opacity: 0.95;
    transition: opacity 0.5s ease-in-out;
}

.alert.alert-danger {
    background-color: #f44336; /* Rouge pour erreur */
}

.alert .close-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    transition: color 0.3s ease;
}

.alert .close-btn:hover {
    color: #000;
}

.alert.fade-out {
    opacity: 0;
    pointer-events: none;
}

</style>
<script>

document.addEventListener("DOMContentLoaded", function() {
    const alerts = document.querySelectorAll('.alert');
    const closeButtons = document.querySelectorAll('.close-btn');

    // Auto-dissolution des alertes après 3 secondes
    alerts.forEach(alert => {
        setTimeout(() => {
            alert.classList.add('fade-out');
        }, 3000); // Disparaît après 3 secondes
    });

    // Fermeture manuelle via la croix
    closeButtons.forEach(button => {
        button.addEventListener('click', function() {
            const alert = this.parentElement;
            alert.classList.add('fade-out');
        });
    });
});


</script>
<div class="custom-alerts">
    <div class="alerts-container">
            </div>
</div>
<style>
	a {
		/* Supprimer le soulignement des liens */
		text-decoration: none;
	}
</style>
<!-- Page Sub-Header + mask style 3 -->
<div id="page_header" class="page-subheader site-subheader-cst ">
    <div class="bgback"></div>

    <!-- Background source -->
    <div class="kl-bg-source">
        <!-- Gradient overlay -->
        <div class="kl-bg-source__overlay" style="background: rgba(166,218,7,1);
            background: -moz-linear-gradient(left, rgba(166,218,7,1) 0%, #a6da07 40%, rgba(0,255,70,1) 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(166,218,7,1)), color-stop(40%, #a6da07), color-stop(100%, rgba(0,255,70,1)));
            background: -webkit-linear-gradient(left, rgba(166,218,7,1) 0%, #a6da07 40%, rgba(0,255,70,1) 100%);
            background: -o-linear-gradient(left, rgba(166,218,7,1) 0%, #a6da07 40%, rgba(0,255,70,1) 100%);
            background: -ms-linear-gradient(left, rgba(166,218,7,1) 0%, #a6da07 40%, rgba(0,255,70,1) 100%);
            background: linear-gradient(to right, rgba(166,218,7,1) 0%, #a6da07 40%, rgba(0,255,70,1) 100%);">
        </div>
        <!--/ Gradient overlay -->
    </div>
    <!--/ Background source -->

    <!-- Animated Sparkles -->
    <div class="th-sparkles"></div>
    <!--/ Animated Sparkles -->

    <!-- Sub-Header content wrapper -->
    <div class="ph-content-wrap d-flex">
        <div class="container align-self-center">
            <div class="row">
                <div class="col-sm-12 col-md-6 col-lg-6">
                    <!-- Breadcrumbs -->
                    <ul class="breadcrumbs fixclear">
                        <li><a href="/">Accueil</a></li>
                        <li><a href="https://dev.tipsters-pronostics.com/articles">Formation</a></li>
                        <li class="active">Nos Articles</li>
                    </ul>
                    <!--/ Breadcrumbs -->

                    <div class="clearfix"></div>
                </div>
                <!--/ col-sm-12 col-md-6 col-lg-6 -->

                <div class="col-sm-12 col-md-6 col-lg-6">
                    <!-- Sub-header titles -->
                    <div class="subheader-titles">
                        <h2 class="subheader-maintitle">FORMATION</h2>
                        <h4 class="subheader-subtitle">Découvrez nos différents articles de la catégorie Formation.</h4>
                    </div>
                    <!--/ Sub-header titles -->
                </div>
                <!--/ col-sm-12 col-md-6 col-lg-6 -->
            </div>
            <!--/ row -->
        </div>
        <!--/ .container .align-self-center -->
    </div>
    <!--/ Sub-Header content wrapper .d-flex -->

    <!-- Sub-Header bottom mask style 3 -->
    <div class="kl-bottommask kl-bottommask--mask3">
        <svg width="5000px" height="57px" class="svgmask " viewBox="0 0 5000 57" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink">
            <defs>
                <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" 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="M9.09383679e-13,57.0005249 L9.09383679e-13,34.0075249 L2418,34.0075249 L2434,34.0075249 C2434,34.0075249 2441.89,33.2585249 2448,31.0245249 C2454.11,28.7905249 2479,11.0005249 2479,11.0005249 L2492,2.00052487 C2492,2.00052487 2495.121,-0.0374751261 2500,0.000524873861 C2505.267,-0.0294751261 2508,2.00052487 2508,2.00052487 L2521,11.0005249 C2521,11.0005249 2545.89,28.7905249 2552,31.0245249 C2558.11,33.2585249 2566,34.0075249 2566,34.0075249 L2582,34.0075249 L5000,34.0075249 L5000,57.0005249 L2500,57.0005249 L1148,57.0005249 L9.09383679e-13,57.0005249 Z" class="bmask-bgfill" filter="url(#filter-mask3)" fill="#fbfbfb"></path>
        </svg>
        <i class="fas fa-angle-down"></i>
    </div>
    <!--/ Sub-Header bottom mask style 3 -->
</div>
<!--/ Page Sub-Header + mask style 3 -->

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

                <!-- Liste des articles -->
                <div class="latest_posts default-style">
                    <h3 class="m_title kl-font-alt">DERNIERS ARTICLES</h3>
                    <div class="row">
                                                                                                                    <div class="col-sm-12 col-md-6 col-lg-4 post">
                                    <!-- Image et lien -->
                                    <a href="/tipsters-pronostics/nouvel_article_aujourd-hui" class="hoverBorder plus">
                                        <span class="hoverBorderWrapper">
                                            <img src="https://dev.tipsters-pronostics.com/images/TP/article-debutant-tipsters-pronostics.jpg" class="img-fluid" width="370" height="200" alt="Nouvel article aujourd&#039;hui" title="Nouvel article aujourd&#039;hui">
                                            <span class="theHoverBorder"></span>
                                        </span>
                                        <h6>Lire +</h6>
                                    </a>

                                    <!-- Détails & tags -->
                                    <em>
                                        Date inconnue 
                                        By Auteur inconnu 
                                        in <a href="categories">Tipsters-Pronostics</a>
                                    </em>

                                    <!-- Titre avec lien -->
                                    <h3 class="m_title">
                                        <a href="/tipsters-pronostics/nouvel_article_aujourd-hui">
                                            Nouvel article aujourd&#039;hui                                        </a>
                                    </h3>
                                </div>
                                                                                            <div class="col-sm-12 col-md-6 col-lg-4 post">
                                    <!-- Image et lien -->
                                    <a href="/faq/faq" class="hoverBorder plus">
                                        <span class="hoverBorderWrapper">
                                            <img src="https://dev.tipsters-pronostics.com/images/TP/article-debutant-tipsters-pronostics.jpg" class="img-fluid" width="370" height="200" alt="F..A.Q" title="F..A.Q">
                                            <span class="theHoverBorder"></span>
                                        </span>
                                        <h6>Lire +</h6>
                                    </a>

                                    <!-- Détails & tags -->
                                    <em>
                                        Date inconnue 
                                        By Auteur inconnu 
                                        in <a href="categories">faq</a>
                                    </em>

                                    <!-- Titre avec lien -->
                                    <h3 class="m_title">
                                        <a href="/faq/faq">
                                            F..A.Q                                        </a>
                                    </h3>
                                </div>
                                                                                            <div class="col-sm-12 col-md-6 col-lg-4 post">
                                    <!-- Image et lien -->
                                    <a href="/formation/encore_un_nouveau_test" class="hoverBorder plus">
                                        <span class="hoverBorderWrapper">
                                            <img src="https://dev.tipsters-pronostics.com/images/TP/article-debutant-tipsters-pronostics.jpg" class="img-fluid" width="370" height="200" alt="Encore un nouveau test" title="Encore un nouveau test">
                                            <span class="theHoverBorder"></span>
                                        </span>
                                        <h6>Lire +</h6>
                                    </a>

                                    <!-- Détails & tags -->
                                    <em>
                                        Date inconnue 
                                        By Auteur inconnu 
                                        in <a href="categories">Formation</a>
                                    </em>

                                    <!-- Titre avec lien -->
                                    <h3 class="m_title">
                                        <a href="/formation/encore_un_nouveau_test">
                                            Encore un nouveau test                                        </a>
                                    </h3>
                                </div>
                                                                                            <div class="col-sm-12 col-md-6 col-lg-4 post">
                                    <!-- Image et lien -->
                                    <a href="/formation/nouveau_test" class="hoverBorder plus">
                                        <span class="hoverBorderWrapper">
                                            <img src="https://dev.tipsters-pronostics.com/images/TP/article-debutant-tipsters-pronostics.jpg" class="img-fluid" width="370" height="200" alt="Nouveau test ;)" title="Nouveau test ;)">
                                            <span class="theHoverBorder"></span>
                                        </span>
                                        <h6>Lire +</h6>
                                    </a>

                                    <!-- Détails & tags -->
                                    <em>
                                        Date inconnue 
                                        By Auteur inconnu 
                                        in <a href="categories">Formation</a>
                                    </em>

                                    <!-- Titre avec lien -->
                                    <h3 class="m_title">
                                        <a href="/formation/nouveau_test">
                                            Nouveau test ;)                                        </a>
                                    </h3>
                                </div>
                                                                                            <div class="col-sm-12 col-md-6 col-lg-4 post">
                                    <!-- Image et lien -->
                                    <a href="/formation/encore_un_nouveau_test_d-article" class="hoverBorder plus">
                                        <span class="hoverBorderWrapper">
                                            <img src="https://dev.tipsters-pronostics.com/images/TP/article-debutant-tipsters-pronostics.jpg" class="img-fluid" width="370" height="200" alt="Encore un nouveau test d&#039;article" title="Encore un nouveau test d&#039;article">
                                            <span class="theHoverBorder"></span>
                                        </span>
                                        <h6>Lire +</h6>
                                    </a>

                                    <!-- Détails & tags -->
                                    <em>
                                        Date inconnue 
                                        By Auteur inconnu 
                                        in <a href="categories">Formation</a>
                                    </em>

                                    <!-- Titre avec lien -->
                                    <h3 class="m_title">
                                        <a href="/formation/encore_un_nouveau_test_d-article">
                                            Encore un nouveau test d&#039;article                                        </a>
                                    </h3>
                                </div>
                                                                                            <div class="col-sm-12 col-md-6 col-lg-4 post">
                                    <!-- Image et lien -->
                                    <a href="/ce_genre/yollow_mamene" class="hoverBorder plus">
                                        <span class="hoverBorderWrapper">
                                            <img src="https://dev.tipsters-pronostics.com/images/TP/article-debutant-tipsters-pronostics.jpg" class="img-fluid" width="370" height="200" alt="Yollow mamène" title="Yollow mamène">
                                            <span class="theHoverBorder"></span>
                                        </span>
                                        <h6>Lire +</h6>
                                    </a>

                                    <!-- Détails & tags -->
                                    <em>
                                        Date inconnue 
                                        By Auteur inconnu 
                                        in <a href="categories">Ce Genre</a>
                                    </em>

                                    <!-- Titre avec lien -->
                                    <h3 class="m_title">
                                        <a href="/ce_genre/yollow_mamene">
                                            Yollow mamène                                        </a>
                                    </h3>
                                </div>
                                                                                            <div class="col-sm-12 col-md-6 col-lg-4 post">
                                    <!-- Image et lien -->
                                    <a href="/test/test_pour_voir" class="hoverBorder plus">
                                        <span class="hoverBorderWrapper">
                                            <img src="https://dev.tipsters-pronostics.com/images/TP/article-debutant-tipsters-pronostics.jpg" class="img-fluid" width="370" height="200" alt="Test pour voir" title="Test pour voir">
                                            <span class="theHoverBorder"></span>
                                        </span>
                                        <h6>Lire +</h6>
                                    </a>

                                    <!-- Détails & tags -->
                                    <em>
                                        Date inconnue 
                                        By Auteur inconnu 
                                        in <a href="categories">test</a>
                                    </em>

                                    <!-- Titre avec lien -->
                                    <h3 class="m_title">
                                        <a href="/test/test_pour_voir">
                                            Test pour voir                                        </a>
                                    </h3>
                                </div>
                                                                                            <div class="col-sm-12 col-md-6 col-lg-4 post">
                                    <!-- Image et lien -->
                                    <a href="/tipsters-pronostics/10_eme_article_youhou" class="hoverBorder plus">
                                        <span class="hoverBorderWrapper">
                                            <img src="https://dev.tipsters-pronostics.com/images/TP/article-debutant-tipsters-pronostics.jpg" class="img-fluid" width="370" height="200" alt="10 ème Article youhou!" title="10 ème Article youhou!">
                                            <span class="theHoverBorder"></span>
                                        </span>
                                        <h6>Lire +</h6>
                                    </a>

                                    <!-- Détails & tags -->
                                    <em>
                                        Date inconnue 
                                        By Auteur inconnu 
                                        in <a href="categories">Tipsters-Pronostics</a>
                                    </em>

                                    <!-- Titre avec lien -->
                                    <h3 class="m_title">
                                        <a href="/tipsters-pronostics/10_eme_article_youhou">
                                            10 ème Article youhou!                                        </a>
                                    </h3>
                                </div>
                                                                                            <div class="col-sm-12 col-md-6 col-lg-4 post">
                                    <!-- Image et lien -->
                                    <a href="/formation/bonjour_je_m-appelle" class="hoverBorder plus">
                                        <span class="hoverBorderWrapper">
                                            <img src="https://dev.tipsters-pronostics.com/images/TP/article-debutant-tipsters-pronostics.jpg" class="img-fluid" width="370" height="200" alt="Bonjour je m&#039;appelle" title="Bonjour je m&#039;appelle">
                                            <span class="theHoverBorder"></span>
                                        </span>
                                        <h6>Lire +</h6>
                                    </a>

                                    <!-- Détails & tags -->
                                    <em>
                                        Date inconnue 
                                        By Auteur inconnu 
                                        in <a href="categories">Formation</a>
                                    </em>

                                    <!-- Titre avec lien -->
                                    <h3 class="m_title">
                                        <a href="/formation/bonjour_je_m-appelle">
                                            Bonjour je m&#039;appelle                                        </a>
                                    </h3>
                                </div>
                                                                        </div>

                    <!-- Pagination -->
                    <nav class="pagination">
                        <ul>
                            
                                                            <li class="active">
                                    <a href="/articles/page/1/">1</a>
                                </li>
                                                            <li >
                                    <a href="/articles/page/2/">2</a>
                                </li>
                            
                                                            <li><a href="/articles/page/2/">Suivant &raquo;</a></li>
                                                    </ul>
                    </nav>

                </div>
            </div>
        </div>
    </div>
</section>

		<!--/ Latest posts default style element section with custom paddings -->

					
	

		<!-- Separator element - section with custom paddings -->
		<section class="hg_section p-0">
			<div class="container">
				<div class="row">					
					<div class="col-md-12 col-sm-12">
						<!-- Separator -->
						<div class="hg_separator clearfix"></div>
					</div>
					<!--/ col-md-12 col-sm-12 -->
				</div>
				<!--/ row -->
			</div>
			<!--/ container -->
		</section>
		<!--/ Separator element - section with custom paddings -->
		
		<!-- 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>REJOINDRE 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 */
			}


			/* 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">
								🎯 Wimbledon approche... Il est temps de passer à l’offensive !<br />
<br />
Rejoins Luigi et Tira, nos experts tennis, et anticipe chaque smash avec les meilleurs pronostics du moment.<br />
🔥 C’est maintenant ou jamais pour intégrer l’élite des tipsters TP !<br />
Mais ce n’est pas tout…<br />
⚽ Le génie Vieri t’ouvre aussi les portes de ses analyses foot ultra-précises.<br />
Une seule mission : rentabiliser chaque pari.<br />
<br />
🔓 Accès complet – 27€/mois<br />
👉 tipsters-pronostics.com/club…<br />
💎 Offre annuelle – 247€<br />
👉 tipsters-pronostics.com/club…<br />
<br />
🧠 Coaching personnalisé + stratégie adaptée à ton capital<br />
👉 t.me/luiginvest<br />
📲 Suis-nous sur Twitter<br />
👉 nitter.poast.org/TipstersPronos<br />
<br />
Telegram public : t.me/+UdaE33VWxqzu8CdE<br />
<br />
#Wimbledon2025 #federer #Passion #betting #teamparieur							</div>
															<img src="https://nitter.poast.org/pic/media%2FGuhakMQWQAAgPy6.jpg%3Fname%3Dsmall%26format%3Dwebp" class="tp-twitter-img" alt="media tweet">
														<div class="tp-twitter-date">
								<a href="https://nitter.poast.org/TipstersPronos/status/1938906530419454365#m" target="_blank">
									Jun 28, 2025 · 10:25 AM UTC								</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,155</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,75k</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/logo-tipsters-pronostics.svg" 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>