<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title>TDLM</title>
        <link rel="stylesheet" href="{{ url_for('static', filename='css/accueil.css') }}">
		<link rel="shortcut icon" href="{{ url_for('static', filename='images/fr/Logo carré.png') }}" type="image/x-icon">
		<script src="{{ url_for('static', filename='javascript/accueil.js') }}"></script>
		{% block head %}{% endblock %}
    </head>
    <body>
		<div id="cookieConsentBanner" style="display:none; position:fixed; bottom:0; width:100%; background-color:#f1f1f1; padding:10px; text-align:center; box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);">
			<p style="margin: 0 auto; padding: 0 20px; max-width: 1100px;">
				Nous utilisons des Cookies uniquement pour stocker vos préférences linguistiques et vos recherches récentes de Joueurs et de Clubs, tout cela est stocké sur votre machine et nous n'en avons pas accès.
				<button id="acceptCookies" style="margin-left: 10px;">Accepter</button>
				<a href="/fr/politique_de_confidentialité" style="margin-left: 10px;">En savoir plus</a>
			</p>
		</div>
	    <div id="header" class="flex-container">
            <div id="logo">
                <a href="/"><img src="{{ url_for('static', filename='images/fr/Logo.png') }}" alt="Logo" style="width: 200px; height: auto;"></a>
            </div>
            <div id="titre">
                <h1 class="titre"><strong>{% block title %}Accueil{% endblock %}</strong></h1>
            </div>
            <div id="header-right">
                <div id="theme-toggle">
                    <button id="theme-button" class="large-button">Mode sombre</button>
                </div>
                <div id="language-menu" class="dropdown">
                    <button id="button-langue" class="large-button">Language : A-語</button>
                    <div class="dropdown-content">
                        <a href="javascript:void(0);" onclick="changeLanguage('fr')">
                            <center><img src="{{ url_for('static', filename='images/fr/flags/Flag_of_France.png') }}" style="width: 20px; height: auto;"></center>
                            Français
                        </a>
                        <a href="javascript:void(0);" onclick="changeLanguage('en')">
                            <center><img src="{{ url_for('static', filename='images/fr/flags/Flag_of_the_United_Kingdom.png') }}" style="width: 20px; height: auto;"></center>
                            English
                        </a>
                        <a href="javascript:void(0);" onclick="changeLanguage('de')">
                            <center><img src="{{ url_for('static', filename='images/fr/flags/Flag_of_Germany.png') }}" style="width: 20px; height: auto;"></center>
                            Deutsch
                        </a>
                    </div>
                </div>
            </div>
        </div>
		<nav class="menu-jeux" id="menu-jeux">
			<ul class="menu-jeux">
				<li class="deroulant0"><font size="5pt"><a class="brawl-stars" >Brawl Stars<img src="{{ url_for('static', filename='images/fr/bs.jpg') }}" style="width: 30px; height: auto;"></a></font>
					<ul class="sous0">
						<li class="deroulant"><font size="5pt"><a>• Rechercher</a></font>
							<ul class="sous">
							    <li><font size="5pt"><a href="/fr/brawlstars/player">• Rechercher des Joueurs</a></font></li>
								<li><font size="5pt"><a href="/fr/brawlstars/club">• Rechercher des Clubs</a></font></li>
							</ul>
						</li>
						<li class="deroulant"><font size="5pt"><a>• Classement</a></font>
							<ul class="sous">
								<li class="deroulant"><font size="5pt"><a>• Classement des Joueurs</a></font>
									<ul class="sous">
										<li><font size="5pt"><a href="/fr/brawlstars/leaderboard/player/global">• Classement actuelle</a></font></li>
										<li class="deroulant"><font size="5pt"><a>• Classementen fonction du temps</a></font>
											<ul class="sous">
												<li><font size="5pt"><a href="/fr/brawlstars/leaderboard/dependingontime/player/global">• Graphique</a></font></li>
												<li><font size="5pt"><a href="/fr/brawlstars/leaderboard/dependingontime/animatedgraphic/player/global">• Graphique animer</a></font></li>
											</ul>
										</li>
									</ul>
								</li>
								<li><font size="5pt"><a href="/fr/brawlstars/leaderboard/club/global">• Classement des Clubs</a></font></li>
								<li><font size="5pt"><a href="/fr/brawlstars/leaderboard/brawler/global/16000000">• Classement par Brawler</a></font></li>
								<li><font size="5pt"><a href="/fr/brawlstars/leaderboard/player/power1">• Classement en Pouvoir 1</a></font></li>
							</ul>
						</li>
						<li class="deroulant"><font size="5pt"><a>• Information</a></font>
							<ul class="sous">
								<li><font size="5pt"><a href="/fr/brawlstars/brawler">• Info sur les Brawler</a></font></li>
							</ul>
						</li>
						<li class="deroulant"><font size="5pt"><a>• Meta Quotidienne</a></font>
							<ul class="sous">
								<li><font size="5pt"><a href="/fr/brawlstars/metaranked">• Meta Quotidienne en Ranked</a></font></li>
								<li><font size="5pt"><a href="/fr/brawlstars/metaladder">• Meta Quotidienne en ladder</a></font></li>
								<li><font size="5pt"><a href="/fr/brawlstars/metaesport">• Meta Quotidienne en E-Sport</a></font></li>
							</ul>
						</li>
					</ul>
				</li>
				<li class="deroulant0"><font size="5pt"><a class="brawl-stars" >Clash Of Clans<img src="{{ url_for('static', filename='images/fr/coc.png') }}" style="width: 30px; height: auto;"></a></font>
					<ul class="sous0">
						<li class="deroulant"><font size="5pt"><a>• Rechercher</a></font>
							<ul class="sous">
								<li><font size="5pt"><a href="/fr/clashofclans/player">• Rechercher des Joueurs</a></font></li>
								<li><font size="5pt"><a href="/fr/clashofclans/club">• Rechercher des Clubs</a></font></li>
							</ul>
						</li>
					</ul>
				</li>
				<li class="deroulant0"><font size="5pt"><a class="brawl-stars" >Clash Royal<img src="{{ url_for('static', filename='images/fr/cr.jpg') }}" style="width: 30px; height: auto;"></a></font>
					<ul class="sous0">
						<li class="deroulant"><font size="5pt"><a>• Rechercher</a></font>
							<ul class="sous">
								<font size="5pt"><a href="/fr/clashrayal/player">• Rechercher des Joueurs</a></font>
								<font size="5pt"><a href="/fr/clashrayal/club">• Rechercher des Clubs</a></font>
							</ul>
						</li>
					</ul>
				</li>
				<li class="deroulant0"><font size="5pt"><a class="brawl-stars">Nous rejoindre</a></font>
					<ul class="sous0">
						<li class="deroulant">
							<font size="5pt"><a href="/fr/rejoindre_un_club">• Rejoindre un Club en Jeu</a></font>
						</li>
						<li class="deroulant">
							<font size="5pt"><a href="/fr/nosréseaux">• Nos réseaux</a></font>
						</li>
					</ul>
				</li>
			</ul>
		</nav>
		<a><img src="{{ url_for('static', filename='images/fr/banniere_tdlm.jpg') }}" alt="banniere" ></a>
		<h2><strong>Dernière mise à jour de la page :</strong> {{ last_modified }}</h2>
		{% block content %}{% endblock %}
        <div class="footer-clean">
            <footer>
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="liste1">
                            <h3>Créareur :</h3>
                            <ul>
                                <li>Hébergeur : <a href="https://www.youtube.com/@loreillegaming" target="_blank">LOreille</a></li>
                                <li>Developeur : <a href="https://www.youtube.com/@loreillegaming" target="_blank">LOreille</a></li>
                                <li>Gérant : <a href="https://www.youtube.com/@loreillegaming" target="_blank">LOreille</a></li>
								<li>Maquettiste : <a href="https://www.youtube.com/@loreillegaming" target="_blank">LOreille</a></li>
								<li>Grafiste : <a href="https://www.youtube.com/@loreillegaming" target="_blank">LOreille</a></li>
								<li>Framework : <a href="https://flask.palletsprojects.com" target="_blank">Python Flask</a></li>
								<li>Content Delivery Network (CDN pour les graphique) : <a href="https://www.jsdelivr.com" target="_blank">Jsdelivr</a> et <a href="https://www.chartjs.org/" target="_blank">chart.js</a></li>
								<li>Content Delivery Network (CDN pour les graphique animé) : <a href="https://d3js.org/" target="_blank">d3</a></li>
                            </ul>
                        </div>
                        <div class="liste2">
                            <h3>À Propos :</h3>
                            <ul>
                                <li><a href="/fr/politique_de_confidentialité">Politique de confidentialité</a></li>
                            </ul>
                        </div>
                        <div class="liste3">
                            <h3>Nous rejoindre :</h3>
                            <ul>
                                <li><a href="https://discord.gg/ZGFyHmp93G" target="_blank">Notre discord</a></li>
                                <li><a href="https://www.youtube.com/@tdlmgaming" target="_blank">Notre youtube</a></li>
                                <li><a href="/fr/rejoindre_un_club">Nos clubs</a></li>
                            </ul>
                        </div>
                    </div>
			    </div>
            </footer>
        </div>
		<div class="fin"><font color="white" size="2pt"><strong><center>© 2024 TDLM Gaming, Tous droits réservés</center></strong></font></div>
	</body>
</html>