PageSourceSearch

https://www.paroles.net/

html paroles.net collected 2026-09-24 09:22:20 UTC 94,438 bytes, 1,334 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3
4<head>
5	<meta charset="utf-8">
6	<title>Paroles.net - Paroles de chansons françaises et internationales</title>
7	<meta name="viewport" content="width=device-width, initial-scale=1.0">
8	<meta name="description" content="Retrouvez les paroles de chansons de tous vos hits préférés !">
9	<meta name="google-site-verification" content="_xxKww1hfgERbbKqwOT3mYWgqrEk-S3rYC3BJw-WwK0">
10	<meta name="robots" content="index, follow">
11	<meta property="og:image" content="https://www.paroles.net/lib/images/pnet_logo_clear.png">
12
13		
14	<link rel="canonical" href="https://www.paroles.net/">
15	<!-- Icones servies depuis la racine : /lib/ est interdit au crawl -->
16	<link rel="icon" href="/favicon.ico" sizes="any">
17	<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96.png">
18	<link rel="apple-touch-icon" href="/apple-touch-icon.png">
19	<meta name="theme-color" content="#C41E1E">
20
21	<!-- Ancien CSS désactivé — ne pas supprimer les fichiers
22	<link rel="stylesheet" href="/lib/css/all.min.css">
23	<link rel="stylesheet" href="/lib/css/paroles.css">
24	-->
25
26	<!-- Preconnect tiers critiques (4 max recommandés par Lighthouse) -->
27	<!-- stay22 retiré : scroll-deferred via _optimizeScriptTags, a 5-8s pour ouvrir la connexion -->
28	<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
29	<link rel="preconnect" href="https://securepubads.g.doubleclick.net" crossorigin>
30	<link rel="preconnect" href="https://scripts.opti-digital.com" crossorigin>
31	<link rel="preconnect" href="https://cdn.id5-sync.com" crossorigin>
32
33	<!-- A11y: iframe[title] auto-fix for ad/CMP/player iframes injected at runtime by 3rd parties -->
34	
34<script>(function(){var T='Contenu intégré';function fix(n){if(!n||n.nodeType!==1)return;if(n.tagName==='IFRAME'&&!n.title)n.title=T;if(n.querySelectorAll){var its=n.querySelectorAll('iframe:not([title])');for(var i=0;i<its.length;i++)its[i].title=T;}}fix(document.documentElement);if('MutationObserver' in window){new MutationObserver(function(ms){for(var i=0;i<ms.length;i++){var an=ms[i].addedNodes;for(var j=0;j<an.length;j++)fix(an[j]);}}).observe(document.documentElement,{childList:true,subtree:true});}})();</script>
34
35
36	<!-- Tailwind CSS -->
37	<link rel="stylesheet" href="/lib/css/app.min.css?v=20260818">
38
39	<!-- Viewport-based lazy orchestrator for ad tags (tag_lazy=1) -->
40	
40<script defer src="/lib/js/lazy-tags.js?v=20260423"></script>
40
41	<style>
42		[x-cloak] {
43			display: none !important
44		}
45
46		a.reserve-btn {
47			display: inline-block;
48			width: 77px;
49			height: 23px;
50			background: url(/lib/images/reserve-btn.png) no-repeat;
51			top: 50%;
52			position: relative
53		}
54	</style>
55
56	
57	
58	<div class="site-container flex justify-center md:min-h-[293px]">
58<script defer type="text/javascript"  src="https://cache.consentframework.com/js/pa/27131/c/O3KH5/stub" charset="utf-8"></script>
58
59<script defer type="text/javascript"  src="https://choices.consentframework.com/js/pa/27131/c/O3KH5/cmp" charset="utf-8" async></script>
59
60<!-- Matomo -->
61<script>
62  var _paq = window._paq = window._paq || [];
63  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
64  _paq.push(['trackPageView']);
65  _paq.push(['enableLinkTracking']);
66  (function() {
67    var u="//stats.cypok-media.fr/";
68    _paq.push(['setTrackerUrl', u+'matomo.php']);
69    _paq.push(['setSiteId', '2']);
70    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
71    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
72  })();
73</script>
73
74<!-- End Matomo Code -->
75<!-- D-block GTM -->
76<script>!function(){var done=false;function load(){if(done)return;done=true;
vendor: 331 bytes, lines 76-80
76(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
77new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
78j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
79'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
80})(window,document,'script','dataLayer','
80GTM-MM8VRCF
vendor: 3 bytes, line 80
80');
80}if("requestIdleCallback" in window){window.addEventListener("scroll",load,{once:true,passive:true});setTimeout(load,8000)}else{setTimeout(load,5000)}}();</script>
80
81<!-- End D-block GTM -->
82<!-- Google Tag Manager -->
83<script>
vendor: 331 bytes, lines 83-87
83(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
84new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
85j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
86'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
87})(window,document,'script','dataLayer','
87GTM-MTSPZV
vendor: 3 bytes, line 87
87');
87</script>
87
88<!-- End Google Tag Manager -->
89<script defer async id="xieg6Sie"  src="https://cdn.viously.com/js/sdk/boot.js"></script>
89
90<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script" type="text/javascript" />
91    
91<script>
92        var optidigitalQueue = optidigitalQueue || {};
93        optidigitalQueue.cmd = optidigitalQueue.cmd || [];
94    </script>
94
95    
95<script defer type='module' id='optidigital-ad-init' async data-config='{"adUnit": "/33582627/paroles.net/home"}'
96         src='//scripts.opti-digital.com/modules/?site=paroles'>
97    </script>
97
98<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 98-99
98
99<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
99GTM-MTSPZV
vendor: 85 bytes, lines 99-100
99"
100height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
101<!-- End Google Tag Manager (noscript) -->
102<script type="text/javascript">
103var _nAdzq=_nAdzq||[];(function(){
104_nAdzq.push(["setIds","c952d531f475b10b"]);
105_nAdzq.push(["setPk","BOl_tj9l6msRvaATxjQs7H7WrDg9snRa5s0CI1wrjGdKYaVyI6_NvltWCcRhaCvaCfOdla_NVvZmnaw3B-rwh_Q"]);
106_nAdzq.push(["setDomain","notifpush.com"]);
107_nAdzq.push(["setNativDomain",true]);
108_nAdzq.push(["setSubscriptionNotif",false]);
109_nAdzq.push(["setTemplateId","optinboxperso"]);
110_nAdzq.push(["setEnv"]);
111var e="https://notifpush.com/scripts/";
112var t=document.createElement("script");
113t.type="text/javascript";
114t.defer=true;
115t.async=true;
116t.src=e+"nadz-sdk.js";
117var s=document.getElementsByTagName("script")[0];
118s.parentNode.insertBefore(t,s)})();
119 window.tpl_text1="Soyez notifiés des derniers titres et des offres de nos partenaires.";
120window.tpl_text2="Aucun email requis.";
121window.tpl_text3="Autoriser les notifications pour continuer.";
122window.tpl_colorText1="#9c0103";
123window.tpl_colorText2="black";
124window.tpl_colorText3="#9c0103";
125window.no_mobile="1";
126window.tpl_logo="https://statics.pushaddict.com/images/989/imageDesktop_9606631996493269_logo-paroles2.jpg";
127 window.tpl_textMobile="Soyez notifiés des derniers titres et des offres de nos partenaires.";
128 window.tpl_logoMobile="https://statics.pushaddict.com/images/989/logoMobile_3195772513335249_logo-paroles2.jpg";
129</script>
129
130 <!-- Billboard_1 --><div id='optidigital-adslot-Billboard_1' style='display:none;' class="Billboard_1"></div>
131<script>!function(){var done=false;function load(){if(done)return;done=true;
132(function (s, t, a, y, twenty, two) {
133s.Stay22 = s.Stay22 || {};
134// Just fill out your configs here
135s.Stay22.params = {
136  aid: "yonderfr",
137};
138  // Leave this part as-is;
139  twenty = t.createElement(a);
140  two = t.getElementsByTagName(a)[0];
141  twenty.async = 1;
142  twenty.src = y;
143  two.parentNode.insertBefore(twenty, two);
144})(window, document, "script", "https://scripts.stay22.com/letmeallez.js");
145}if("requestIdleCallback" in window){window.addEventListener("scroll",load,{once:true,passive:true});setTimeout(load,8000)}else{setTimeout(load,5000)}}();</script>
145</div>
146
147</head>
148
149<body class="bg-bg text-text antialiased">
150
151	
152	<a href="#main-content" class="absolute top-[-100%] left-4 bg-primary text-white px-3 py-2 rounded-[6px] z-[9999] font-semibold focus:top-4">Aller au contenu principal</a>
153
154	<!-- Header -->
155	<header class="sticky top-0 z-[100] bg-bg border-b border-border h-14 md:h-[60px] transition-shadow" role="banner"
156		x-data="headerScroll" :class="scrolled && 'shadow-md'">
157		<div x-data="{ megaMenu: false, searchOverlay: false, mobileMenu: false }"
158	x-effect="document.body.style.overflow = mobileMenu ? 'hidden' : ''">
159
160<div class="site-container">
161	<div class="flex items-center justify-between h-14 md:h-[60px] gap-4">
162		<!-- Logo -->
163		<a href="/" class="flex items-center gap-2 shrink-0" aria-label="Paroles.net — Accueil">
164			<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="h-7 w-auto">
165				<rect width="32" height="32" rx="8" fill="#C41E1E"/>
166				<path d="M10 22V10h5.5a4.5 4.5 0 0 1 0 9H14v3h-4z" fill="#fff"/>
167			</svg>
168			<span class="text-xl font-bold text-dark tracking-tight">Paroles<span class="text-primary">.net</span></span>
169		</a>
170
171		<!-- Search (desktop) with autocomplete -->
172		<div class="hidden md:flex flex-1 max-w-[460px] relative" x-data="searchAutocomplete">
173			<form action="/search" method="post" role="search" aria-label="Recherche globale" class="w-full">
174				<svg class="absolute left-[13px] top-1/2 -translate-y-1/2 w-[17px] h-[17px] text-text-muted pointer-events-none z-10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true">
175					<circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/>
176				</svg>
177				<label for="search-input" class="sr-only">Rechercher un artiste ou une chanson</label>
178				<input id="search-input" type="search" name="search"
179					x-model="query" @blur="close()" @keydown.escape="open = false"
180					autocomplete="off"
181					placeholder="Artiste, chanson, paroles…"
182					class="w-full h-10 pl-10 pr-6 rounded-full border-2 border-border bg-bg-alt text-sm text-text placeholder:text-text-muted outline-none transition-all focus:border-primary focus:bg-bg focus:shadow-[0_0_0_3px_rgba(196,30,30,0.1)]">
183			</form>
184			<!-- Autocomplete dropdown (2 columns: artists | songs) -->
185			<div x-show="open" x-cloak class="absolute top-full left-0 right-0 mt-1 rounded-md shadow-lg z-[200] max-h-96 overflow-y-auto" style="background:#fff; border:1px solid #E5E5E5;">
186				<div class="grid grid-cols-2">
187					<!-- Artists column -->
188					<div class="border-r border-border/50">
189						<div x-show="artistsTitle" class="px-3 py-1.5 text-xs font-bold text-white bg-primary" x-text="artistsTitle"></div>
190						<template x-for="(item, idx) in artists" :key="'a'+idx">
191							<a :href="item.url" @mousedown.prevent="select(item)"
192								class="block px-3 py-1.5 text-[0.82rem] text-text hover:bg-primary-light hover:text-primary transition-colors cursor-pointer truncate"
193								x-text="item.name"></a>
194						</template>
195					</div>
196					<!-- Songs column -->
197					<div>
198						<div x-show="songsTitle" class="px-3 py-1.5 text-xs font-bold text-white bg-primary" x-text="songsTitle"></div>
199						<template x-for="(item, idx) in songs" :key="'s'+idx">
200							<a :href="item.url" @mousedown.prevent="select(item)"
201								class="block px-3 py-1.5 text-[0.82rem] text-text hover:bg-primary-light hover:text-primary transition-colors cursor-pointer truncate"
202								x-text="item.name"></a>
203						</template>
204					</div>
205				</div>
206				<div x-show="loading" class="px-4 py-3 text-sm text-text-muted text-center">Recherche...</div>
207				<div x-show="!loading && artists.length === 0 && songs.length === 0 && query.length >= 2" class="px-4 py-3 text-sm text-text-muted text-center">Aucun résultat</div>
208			</div>
209		</div>
210
211		<!-- Right: Thématiques + mobile buttons -->
212		<div class="flex items-center gap-1 shrink-0">
213			<button @click="megaMenu = !megaMenu" @keydown.escape.window="megaMenu && (megaMenu = false)"
214				class="hidden md:flex items-center gap-1.5 text-[0.85rem] font-semibold text-text-2 px-2 py-2 rounded-sm cursor-pointer transition-colors hover:text-primary hover:bg-primary-light"
215				:aria-expanded="megaMenu.toString()" aria-controls="megaMenu">
216				Thématiques
217				<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" aria-hidden="true"
218					class="w-3.5 h-3.5 transition-transform" :class="megaMenu && 'rotate-180'"><path d="m6 9 6 6 6-6"/></svg>
219			</button>
220			<button @click="searchOverlay = true; $nextTick(() => document.getElementById('mobile-search-input').focus())" class="md:hidden flex items-center justify-center w-10 h-10 rounded-full text-text" aria-label="Rechercher">
221				<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true" class="w-5 h-5">
222					<circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
223			</button>
224			<button @click="mobileMenu = true" class="md:hidden flex items-center justify-center w-10 h-10 rounded-full text-text" aria-label="Ouvrir le menu">
225				<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true" class="w-5 h-5">
226					<line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
227			</button>
228		</div>
229	</div>
230
231	<!-- Mega menu (desktop) -->
232	<nav x-show="megaMenu" x-cloak x-transition.opacity @click.outside="megaMenu = false"
233		@keydown.escape.window="megaMenu && (megaMenu = false)"
234		id="megaMenu" aria-label="Thématiques"
235		class="absolute left-0 right-0 bg-bg border-t border-border border-b-2 border-b-primary shadow-lg z-[99] py-6">
236		<div class="site-container">
237			<div class="grid grid-cols-3 lg:grid-cols-4 gap-2">
238								<a href="https://www.paroles.net/paroles-nouvelles-chansons" class="menu-link">
239					Derniers ajouts				</a>
240								<a href="https://www.paroles.net/rap-francais" class="menu-link">
241					Rap français				</a>
242								<a href="https://www.paroles.net/paroles-nouvelles-traductions" class="menu-link">
243					Nouvelles traductions				</a>
244								<a href="https://www.paroles.net/top-chansons-d-amour" class="menu-link">
245					Chansons d'amour				</a>
246								<a href="https://www.paroles.net/les-40-plus-grandes-chansons-francaises-de-tous-les-temps" class="menu-link">
247					Chansons françaises célèbres				</a>
248								<a href="https://www.paroles.net/dessin-anime" class="menu-link">
249					Dessins-animés				</a>
250								<a href="https://www.paroles.net/les-hymnes-nationaux" class="menu-link">
251					Hymnes nationaux				</a>
252								<a href="https://www.paroles.net/chansons-paillardes" class="menu-link">
253					Chansons paillardes				</a>
254								<a href="https://www.youtube.com/channel/UCovjPXZ53EfLXKUPdHX62bg" class="menu-link">
255					Comptines				</a>
256								<a href="https://www.paroles.net/les-plus-grands-succes-francophones" class="menu-link">
257					Plus grands succès francophones				</a>
258								<a href="https://www.paroles.net/chants-de-noel" class="menu-link">
259					Chants de Noël				</a>
260								<a href="https://www.google.com/preferences/source?q=paroles.net" class="menu-link">
261					Préférences				</a>
262							</div>
263		</div>
264	</nav>
265</div>
266
267<!-- Search overlay (mobile) with autocomplete -->
268<div x-show="searchOverlay" x-cloak x-transition.opacity
269	@click.self="searchOverlay = false" @keydown.escape.window="searchOverlay && (searchOverlay = false)"
270	class="fixed inset-0 bg-black/50 z-[200]" role="dialog" aria-label="Recherche" aria-modal="true">
271	<div class="bg-bg p-4" x-data="searchAutocomplete">
272		<div class="flex items-center gap-2">
273			<form action="/search" method="post" role="search" class="flex-1">
274				<input id="mobile-search-input" type="search" name="search" placeholder="Artiste, chanson, paroles…" autocomplete="off" aria-label="Rechercher"
275					x-model="query" @blur="close()" @keydown.escape="open = false"
276					class="w-full h-12 px-4 border-2 border-primary rounded-md text-base text-text outline-none">
277			</form>
278			<button @click="searchOverlay = false" class="w-12 h-12 flex items-center justify-center text-2xl text-text-2 shrink-0" aria-label="Fermer">&times;</button>
279		</div>
280		<!-- Autocomplete dropdown : liste unique triee par pertinence.
281		     L'ecran mobile empile les resultats ; deux blocs separes (artistes puis
282		     chansons) reléguaient systematiquement les titres sous la ligne de flottaison. -->
283		<div x-show="open" x-cloak class="mt-2 rounded-md shadow-lg max-h-[60vh] overflow-y-auto" style="background:#fff; border:1px solid #E5E5E5;">
284			<template x-for="(item, idx) in merged" :key="'m'+idx">
285				<a :href="item.url" @mousedown.prevent="select(item)"
286					class="flex items-center gap-2 px-3 py-2 text-sm text-text hover:bg-primary-light hover:text-primary transition-colors cursor-pointer">
287						<span class="shrink-0 px-2 py-1 rounded-sm text-xs font-bold uppercase tracking-wide"
288						:style="item.category === 'artist' ? 'background:#fdf2f2; color:#c41e1e;' : 'background:#f7f7f8; color:#6b6b6b;'"
289						x-text="item.category === 'artist' ? 'Artiste' : 'Chanson'"></span>
290					<span class="truncate" x-text="item.name"></span>
291				</a>
292			</template>
293			<div x-show="loading" class="px-4 py-3 text-sm text-text-muted text-center">Recherche...</div>
294			<div x-show="!loading && merged.length === 0 && query.length >= 2" class="px-4 py-3 text-sm text-text-muted text-center">Aucun résultat</div>
295		</div>
296	</div>
297</div>
298
299<!-- Mobile menu drawer -->
300<div x-show="mobileMenu" x-cloak @click="mobileMenu = false" class="fixed inset-0 bg-black/40 z-[205]"></div>
301<nav x-show="mobileMenu" x-cloak
302	x-transition:enter="transition ease-out duration-250" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0"
303	x-transition:leave="transition ease-in duration-200" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full"
304	@keydown.escape.window="mobileMenu && (mobileMenu = false)"
305	class="fixed top-0 right-0 bottom-0 w-[280px] max-w-[85vw] bg-bg z-[210] shadow-[-4px_0_20px_rgba(0,0,0,0.15)] overflow-y-auto py-6"
306	aria-label="Menu principal">
307	<div class="flex items-center justify-between px-4 pb-4 border-b border-border mb-2">
308		<span class="font-bold text-base text-dark">Thématiques</span>
309		<button @click="mobileMenu = false" class="w-9 h-9 flex items-center justify-center text-[1.4rem] text-text-2" aria-label="Fermer le menu">&times;</button>
310	</div>
311		<a href="https://www.paroles.net/paroles-nouvelles-chansons" class="mobile-menu-link">
312		Derniers ajouts	</a>
313		<a href="https://www.paroles.net/rap-francais" class="mobile-menu-link">
314		Rap français	</a>
315		<a href="https://www.paroles.net/paroles-nouvelles-traductions" class="mobile-menu-link">
316		Nouvelles traductions	</a>
317		<a href="https://www.paroles.net/top-chansons-d-amour" class="mobile-menu-link">
318		Chansons d'amour	</a>
319		<a href="https://www.paroles.net/les-40-plus-grandes-chansons-francaises-de-tous-les-temps" class="mobile-menu-link">
320		Chansons françaises célèbres	</a>
321		<a href="https://www.paroles.net/dessin-anime" class="mobile-menu-link">
322		Dessins-animés	</a>
323		<a href="https://www.paroles.net/les-hymnes-nationaux" class="mobile-menu-link">
324		Hymnes nationaux	</a>
325		<a href="https://www.paroles.net/chansons-paillardes" class="mobile-menu-link">
326		Chansons paillardes	</a>
327		<a href="https://www.youtube.com/channel/UCovjPXZ53EfLXKUPdHX62bg" class="mobile-menu-link">
328		Comptines	</a>
329		<a href="https://www.paroles.net/les-plus-grands-succes-francophones" class="mobile-menu-link">
330		Plus grands succès francophones	</a>
331		<a href="https://www.paroles.net/chants-de-noel" class="mobile-menu-link">
332		Chants de Noël	</a>
333		<a href="https://www.google.com/preferences/source?q=paroles.net" class="mobile-menu-link">
334		Préférences	</a>
335			<a href="https://www.combats.fr/" class="mobile-menu-link" target="_blank" rel="noopener">
336		<span class="menu-link-icon">&#129354;</span> Combats.fr &#8599;
337	</a>
338	</nav>
339
340</div><!-- close x-data scope -->
341	</header>
342
343	<!-- Main content -->
344	<main id="main-content" class="bg-bg relative z-10">
345								<div id="content">
346						
347												
348						<div class="site-container py-6">
349							<div class="md:grid md:grid-cols-[1fr_340px] md:gap-12 md:items-start">
350								<!-- Content principal -->
351								<div id="holder-content" class="min-w-0">
352																		<h1 class="page-h1">Paroles de <span>chansons</span> françaises et internationales</h1>
353
354<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
355				<section>
356				<div class="mb-4">
357					<h2 class="section-title">Nouveautés</h2>
358				</div>
359				<div class="flex flex-col">
360												<div class="flex items-center gap-2 border-b border-border">
361								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-primary">1</span>
362								<div class="min-w-0 flex-1">
363									<a href="https://www.paroles.net/sinik/paroles-carton-rouge-clash-booba" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Carton rouge (clash Booba)</a>
364									<a href="https://www.paroles.net/sinik" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Sinik</a>
365								</div>
366							</div>
367														<div class="flex items-center gap-2 border-b border-border">
368								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-primary">2</span>
369								<div class="min-w-0 flex-1">
370									<a href="https://www.paroles.net/saamou-skuu/paroles-a-l-heure" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">À L'heure</a>
371									<a href="https://www.paroles.net/saamou-skuu" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Saamou</a>
372								</div>
373							</div>
374														<div class="flex items-center gap-2 border-b border-border">
375								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-primary">3</span>
376								<div class="min-w-0 flex-1">
377									<a href="https://www.paroles.net/slimka/paroles-go" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">GO</a>
378									<a href="https://www.paroles.net/slimka" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Slimka</a>
379								</div>
380							</div>
381														<div class="flex items-center gap-2 border-b border-border">
382								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">4</span>
383								<div class="min-w-0 flex-1">
384									<a href="https://www.paroles.net/la-mano-1-9/paroles-freestyle-blessed-3" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">FREESTYLE BLESSED #3</a>
385									<a href="https://www.paroles.net/la-mano-1-9" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">La Mano 1.9</a>
386								</div>
387							</div>
388														<div class="flex items-center gap-2 border-b border-border">
389								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">5</span>
390								<div class="min-w-0 flex-1">
391									<a href="https://www.paroles.net/ziak/paroles-les-fourmis" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">LES FOURMIS</a>
392									<a href="https://www.paroles.net/ziak" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Ziak</a>
393								</div>
394							</div>
395														<div class="flex items-center gap-2 border-b border-border">
396								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">6</span>
397								<div class="min-w-0 flex-1">
398									<a href="https://www.paroles.net/mous/paroles-rm-035" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">RM-035</a>
399									<a href="https://www.paroles.net/mous" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Mous-K</a>
400								</div>
401							</div>
402														<div class="flex items-center gap-2 border-b border-border">
403								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">7</span>
404								<div class="min-w-0 flex-1">
405									<a href="https://www.paroles.net/piche/paroles-l-arlesienne" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">L'Arlésienne</a>
406									<a href="https://www.paroles.net/piche" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Piche</a>
407								</div>
408							</div>
409														<div class="flex items-center gap-2 border-b border-border">
410								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">8</span>
411								<div class="min-w-0 flex-1">
412									<a href="https://www.paroles.net/piche/paroles-tout-va-mal-interlude" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Tout va mal (Interlude)</a>
413									<a href="https://www.paroles.net/piche" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Piche</a>
414								</div>
415							</div>
416														<div class="flex items-center gap-2 border-b border-border">
417								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">
4179</span>
418								<div class="min-w-0 flex-1">
419									<a href="https://www.paroles.net/piche/paroles-sexy-triste" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Sexy&Triste</a>
420									<a href="https://www.paroles.net/piche" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Piche</a>
421								</div>
422							</div>
423														<div class="flex items-center gap-2 border-b border-border">
424								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">10</span>
425								<div class="min-w-0 flex-1">
426									<a href="https://www.paroles.net/piche/paroles-cho-interlude" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Cho (Interlude)</a>
427									<a href="https://www.paroles.net/piche" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Piche</a>
428								</div>
429							</div>
430														<div class="flex items-center gap-2 border-b border-border">
431								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">11</span>
432								<div class="min-w-0 flex-1">
433									<a href="https://www.paroles.net/piche/paroles-adrenaline" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Adrénaline</a>
434									<a href="https://www.paroles.net/piche" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Piche</a>
435								</div>
436							</div>
437														<div class="flex items-center gap-2 border-b border-border">
438								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">12</span>
439								<div class="min-w-0 flex-1">
440									<a href="https://www.paroles.net/piche/paroles-parano" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Parano</a>
441									<a href="https://www.paroles.net/piche" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Piche</a>
442								</div>
443							</div>
444														<div class="flex items-center gap-2 border-b border-border">
445								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">13</span>
446								<div class="min-w-0 flex-1">
447									<a href="https://www.paroles.net/piche/paroles-imminence-interlude" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Imminence (Interlude)</a>
448									<a href="https://www.paroles.net/piche" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Piche</a>
449								</div>
450							</div>
451														<div class="flex items-center gap-2 border-b border-border">
452								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">14</span>
453								<div class="min-w-0 flex-1">
454									<a href="https://www.paroles.net/piche/paroles-phenomenal" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Phénoménal</a>
455									<a href="https://www.paroles.net/piche" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Piche</a>
456								</div>
457							</div>
458														<div class="flex items-center gap-2 border-b border-border">
459								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">15</span>
460								<div class="min-w-0 flex-1">
461									<a href="https://www.paroles.net/mauvais-djo/paroles-comme-une-abeille" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Comme une abeille</a>
462									<a href="https://www.paroles.net/mauvais-djo" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Mauvais Djo</a>
463								</div>
464							</div>
465														<div class="flex items-center gap-2 border-b border-border">
466								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">16</span>
467								<div class="min-w-0 flex-1">
468									<a href="https://www.paroles.net/mauvais-djo/paroles-usman" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Usman</a>
469									<a href="https://www.paroles.net/mauvais-djo" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Mauvais Djo</a>
470								</div>
471							</div>
472														<div class="flex items-center gap-2 border-b border-border">
473								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">17</span>
474								<div class="min-w-0 flex-1">
475									<a href="https://www.paroles.net/mauvais-djo/paroles-elena" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Elena</a>
476									<a href="https://www.paroles.net/mauvais-djo" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Mauvais Djo</a>
477								</div>
478							</div>
479														<div class="flex items-center gap-2 border-b border-border">
480								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">18</span>
481								<div class="min-w-0 flex-1">
482									<a href="https://www.paroles.net/mauvais-djo/paroles-every-day" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Every Day</a>
483									<a href="https://www.paroles.net/mauvais-djo" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Mauvais Djo</a>
484								</div>
485							</div>
486														<div class="flex items-center gap-2 border-b border-border">
487								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">19</span>
488								<div class="min-w-0 flex-1">
489									<a href="https://www.paroles.net/jok-air/paroles-noumea" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Nouméa</a>
490									<a href="https://www.paroles.net/jok-air" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Jok'Air</a>
491								</div>
492							</div>
493														<div class="flex items-center gap-2 border-b border-border">
494								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">20</span>
495								<div class="min-w-0 flex-1">
496									<a href="https://www.paroles.net/26keuss/paroles-moli-ki-red" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Moli ki red</a>
497									<a href="https://www.paroles.net/26keuss" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">26keuss</a>
498								</div>
499							</div>
500														<div class="flex items-center gap-2 border-b border-border">
501								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">21</span>
502								<div class="min-w-0 flex-1">
503									<a href="https://www.paroles.net/paqueta/paroles-minuit" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Minuit</a>
504									<a href="https://www.paroles.net/paqueta" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Paquetá</a>
505								</div>
506							</div>
507														<div class="flex items-center gap-2 border-b border-border">
508								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">
50822</span>
509								<div class="min-w-0 flex-1">
510									<a href="https://www.paroles.net/la-mano-1-9/paroles-kraken" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">KRAKEN</a>
511									<a href="https://www.paroles.net/la-mano-1-9" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">La Mano 1.9</a>
512								</div>
513							</div>
514														<div class="flex items-center gap-2 border-b border-border">
515								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">23</span>
516								<div class="min-w-0 flex-1">
517									<a href="https://www.paroles.net/cherry-pie/paroles-bir-hakeim" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">BIR HAKEIM</a>
518									<a href="https://www.paroles.net/cherry-pie" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Cherry Pie</a>
519								</div>
520							</div>
521														<div class="flex items-center gap-2 border-b border-border">
522								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">24</span>
523								<div class="min-w-0 flex-1">
524									<a href="https://www.paroles.net/la-mano-1-9/paroles-freestyle-blessed-2" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Freestyle BLESSED #2</a>
525									<a href="https://www.paroles.net/la-mano-1-9" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">La Mano 1.9</a>
526								</div>
527							</div>
528														<div class="flex items-center gap-2 border-b border-border">
529								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">25</span>
530								<div class="min-w-0 flex-1">
531									<a href="https://www.paroles.net/kemmler/paroles-arreter-la-chanson" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Arrêter la chanson</a>
532									<a href="https://www.paroles.net/kemmler" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Kemmler</a>
533								</div>
534							</div>
535														<div class="flex items-center gap-2 border-b border-border">
536								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">26</span>
537								<div class="min-w-0 flex-1">
538									<a href="https://www.paroles.net/kemmler/paroles-je-te-connais" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Je te connais</a>
539									<a href="https://www.paroles.net/kemmler" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Kemmler</a>
540								</div>
541							</div>
542														<div class="flex items-center gap-2 border-b border-border">
543								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">27</span>
544								<div class="min-w-0 flex-1">
545									<a href="https://www.paroles.net/kemmler/paroles-quelqu-un-d-heureux" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Quelqu'un d'heureux</a>
546									<a href="https://www.paroles.net/kemmler" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Kemmler</a>
547								</div>
548							</div>
549														<div class="flex items-center gap-2 border-b border-border">
550								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">28</span>
551								<div class="min-w-0 flex-1">
552									<a href="https://www.paroles.net/kemmler/paroles-loin-de-moi" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Loin de moi</a>
553									<a href="https://www.paroles.net/kemmler" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Kemmler</a>
554								</div>
555							</div>
556														<div class="flex items-center gap-2 border-b border-border">
557								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">29</span>
558								<div class="min-w-0 flex-1">
559									<a href="https://www.paroles.net/la-rvfleuze/paroles-serrure-8" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Serrure #8</a>
560									<a href="https://www.paroles.net/la-rvfleuze" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">La Rvfleuze</a>
561								</div>
562							</div>
563														<div class="flex items-center gap-2 border-b border-border">
564								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">30</span>
565								<div class="min-w-0 flex-1">
566									<a href="https://www.paroles.net/cherry-pie/paroles-sade" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Sade</a>
567									<a href="https://www.paroles.net/cherry-pie" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Cherry Pie</a>
568								</div>
569							</div>
570														<div class="flex items-center gap-2 border-b border-border">
571								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">31</span>
572								<div class="min-w-0 flex-1">
573									<a href="https://www.paroles.net/lasco/paroles-second-poteau-pavard" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">SECOND POTEAU PAVARD !!!</a>
574									<a href="https://www.paroles.net/lasco" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Lasco</a>
575								</div>
576							</div>
577														<div class="flex items-center gap-2 border-b border-border">
578								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">32</span>
579								<div class="min-w-0 flex-1">
580									<a href="https://www.paroles.net/lasco/paroles-cdq-le-sang" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Cdq le sang</a>
581									<a href="https://www.paroles.net/lasco" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Lasco</a>
582								</div>
583							</div>
584														<div class="flex items-center gap-2 border-b border-border">
585								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">33</span>
586								<div class="min-w-0 flex-1">
587									<a href="https://www.paroles.net/lasco/paroles-de-1-a-5" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">De 1 à 5</a>
588									<a href="https://www.paroles.net/lasco" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Lasco</a>
589								</div>
590							</div>
591														<div class="flex items-center gap-2 border-b border-border">
592								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">34</span>
593								<div class="min-w-0 flex-1">
594									<a href="https://www.paroles.net/lasco/paroles-100k-eu-par-mois" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">100k eu par mois</a>
595									<a href="https://www.paroles.net/lasco" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Lasco</a>
596								</div>
597							</div>
598														<div class="flex items-center gap-2 border-b border-border">
599								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">35</span>
600								<div class="min-w-0 flex-1">
601									<a href="https://www.paroles.net/teddybear/paroles-male-aux-filles" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Mâle aux Filles</a>
602									<a href="https://www.paroles.net/teddybear" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">TeddyBear</a>
603								</div>
604							</div>
605														<div class="flex items-center gap-2 border-b border-border">
606								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">36</span>
607								<div class="min-w-0 flex-1">
608									<a href="https://www.paroles.net/teddybear/paroles-les-monstres" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Les Monstres</a>
609									<a href="https://www.paroles.net/teddybear" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">TeddyBear</a>
610								</div>
611							</div>
612														<div class="flex items-center gap-2 border-b border-border">
613								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">37</span>
614								<div class="min-w-0 flex-1">
615									<a href="https://www.paroles.net/teddybear/paroles-l-humain" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">L'Humain</a>
616									<a href="https://www.paroles.net/teddybear" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">TeddyBear</a>
617								</div>
618							</div>
619														<div class="flex items-center gap-2 border-b border-border">
620								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">38</span>
621								<div class="min-w-0 flex-1">
622									<a href="https://www.paroles.net/teddybear/paroles-mons-et-merveilles" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Mons et merveilles</a>
623									<a href="https://www.paroles.net/teddybear" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">TeddyBear</a>
624								</div>
625							</div>
626														<div class="flex items-center gap-2 border-b border-border">
627								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">39</span>
628								<div class="min-w-0 flex-1">
629									<a href="https://www.paroles.net/teddybear/paroles-derniere-chance" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Dernière chance</a>
630									<a href="https://www.paroles.net/teddybear" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">TeddyBear</a>
631								</div>
632							</div>
633														<div class="flex items-center gap-2 border-b border-border">
634								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">40</span>
635								<div class="min-w-0 flex-1">
636									<a href="https://www.paroles.net/teddybear/paroles-sacre-personnage" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Sacré personnage</a>
637									<a href="https://www.paroles.net/teddybear" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">TeddyBear</a>
638								</div>
639							</div>
640														<div class="flex items-center gap-2 border-b border-border">
641								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">41</span>
642								<div class="min-w-0 flex-1">
643									<a href="https://www.paroles.net/teddybear/paroles-bonsoir" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Bonsoir</a>
644									<a href="https://www.paroles.net/teddybear" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">TeddyBear</a>
645								</div>
646							</div>
647														<div class="flex items-center gap-2 border-b border-border">
648								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">42</span>
649								<div class="min-w-0 flex-1">
650									<a href="https://www.paroles.net/teddybear/paroles-bravo-mon-fils" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Bravo mon fils</a>
651									<a href="https://www.paroles.net/teddybear" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">TeddyBear</a>
652								</div>
653							</div>
654														<div class="flex items-center gap-2 border-b border-border">
655								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">43</span>
656								<div class="min-w-0 flex-1">
657									<a href="https://www.paroles.net/big-d/paroles-intro" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Intro</a>
658									<a href="https://www.paroles.net/big-d" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Big D</a>
659								</div>
660							</div>
661														<div class="flex items-center gap-2 border-b border-border">
662								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">44</span>
663								<div class="min-w-0 flex-1">
664									<a href="https://www.paroles.net/big-d/paroles-sinatra" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Sinatra</a>
665									<a href="https://www.paroles.net/big-d" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Big D</a>
666								</div>
667							</div>
668														<div class="flex items-center gap-2 border-b border-border">
669								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">45</span>
670								<div class="min-w-0 flex-1">
671									<a href="https://www.paroles.net/big-d/paroles-humain" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Humain</a>
672									<a href="https://www.paroles.net/big-d" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Big D</a>
673								</div>
674							</div>
675														<div class="flex items-center gap-2 border-b border-border">
676								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">46</span>
677								<div class="min-w-0 flex-1">
678									<a href="https://www.paroles.net/big-d/paroles-bouquet-de-fleurs" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Bouquet de fleurs</a>
679									<a href="https://www.paroles.net/big-d" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Big D</a>
680								</div>
681							</div>
682														<div class="flex items-center gap-2 border-b border-border">
683								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">47</span>
684								<div class="min-w-0 flex-1">
685									<a href="https://www.paroles.net/big-d/paroles-ames-seules-part-1" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Âmes seules (Part.1)</a>
686									<a href="https://www.paroles.net/big-d" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Big D</a>
687								</div>
688							</div>
689														<div class="flex items-center gap-2 border-b border-border">
690								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">48</span>
691								<div class="min-w-0 flex-1">
692									<a href="https://www.paroles.net/big-d/paroles-processus" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Processus</a>
693									<a href="https://www.paroles.net/big-d" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Big D</a>
694								</div>
695							</div>
696														<div class="flex items-center gap-2 border-b border-border">
697								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">49</span>
698								<div class="min-w-0 flex-1">
699									<a href="https://www.paroles.net/big-d/paroles-plus-de-semblant" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Plus de semblant</a>
700									<a href="https://www.paroles.net/big-d" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Big D</a>
701								</div>
702							</div>
703														<div class="flex items-center gap-2 border-b border-border">
704								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">50</span>
705								<div class="min-w-0 flex-1">
706									<a href="https://www.paroles.net/renan-luce/paroles-la-suite" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">La suite</a>
707									<a href="https://www.paroles.net/renan-luce" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Renan Luce</a>
708								</div>
709							</div>
710														<div class="flex items-center gap-2 border-b border-border">
711								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">51</span>
712								<div class="min-w-0 flex-1">
713									<a href="https://www.paroles.net/estl/paroles-les-lucioles" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Les lucioles</a>
714									<a href="https://www.paroles.net/estl" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">ESTL</a>
715								</div>
716							</div>
717														<div class="flex items-center gap-2 border-b border-border">
718								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">52</span>
719								<div class="min-w-0 flex-1">
720									<a href="https://www.paroles.net/yanamko/paroles-bobo" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Bobo</a>
721									<a href="https://www.paroles.net/yanamko" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">YANAMKO</a>
722								</div>
723							</div>
724														<div class="flex items-center gap-2 border-b border-border">
725								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">53</span>
726								<div class="min-w-0 flex-1">
727									<a href="https://www.paroles.net/yanamko/paroles-mes-petits-villages" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Mes petits villages</a>
728									<a href="https://www.paroles.net/yanamko" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">YANAMKO</a>
729								</div>
730							</div>
731														<div class="flex items-center gap-2 border-b border-border">
732								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">54</span>
733								<div class="min-w-0 flex-1">
734									<a href="https://www.paroles.net/yanamko/paroles-pas-de-b" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Pas de B</a>
735									<a href="https://www.paroles.net/yanamko" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">YANAMKO</a>
736								</div>
737							</div>
738														<div class="flex items-center gap-2 border-b border-border">
739								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">55</span>
740								<div class="min-w-0 flex-1">
741									<a href="https://www.paroles.net/yanamko/paroles-tu-mens" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Tu mens</a>
742									<a href="https://www.paroles.net/yanamko" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">YANAMKO</a>
743								</div>
744							</div>
745														<div class="flex items-center gap-2 border-b border-border">
746								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">56</span>
747								<div class="min-w-0 flex-1">
748									<a href="https://www.paroles.net/djaksparo/paroles-10-10" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">10/10</a>
749									<a href="https://www.paroles.net/djaksparo" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Djaksparo</a>
750								</div>
751							</div>
752														<div class="flex items-center gap-2 border-b border-border">
753								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">57</span>
754								<div class="min-w-0 flex-1">
755									<a href="https://www.paroles.net/oria/paroles-bella-vita" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Bella Vita</a>
756									<a href="https://www.paroles.net/oria" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Oria</a>
757								</div>
758							</div>
759														<div class="flex items-center gap-2 border-b border-border">
760								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">58</span>
761								<div class="min-w-0 flex-1">
762									<a href="https://www.paroles.net/tiakola/paroles-cameleon" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Caméléon</a>
763									<a href="https://www.paroles.net/tiakola" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Tiakola</a>
764								</div>
765							</div>
766														<div class="flex items-center gap-2 border-b border-border">
767								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">59</span>
768								<div class="min-w-0 flex-1">
769									<a href="https://www.paroles.net/hoshi/paroles-a-ta-sante-consentement" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">À ta santé consentement</a>
770									<a href="https://www.paroles.net/hoshi" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Hoshi</a>
771								</div>
772							</div>
773														<div class="flex items-center gap-2 border-b border-border">
774								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">60</span>
775								<div class="min-w-0 flex-1">
776									<a href="https://www.paroles.net/raphael-faget-zaoui/paroles-gen-triste" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Gen' Triste</a>
777									<a href="https://www.paroles.net/raphael-faget-zaoui" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Zaoui</a>
778								</div>
779							</div>
780														<div class="flex items-center gap-2 border-b border-border">
781								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">61</span>
782								<div class="min-w-0 flex-1">
783									<a href="https://www.paroles.net/raphael-faget-zaoui/paroles-homme-facile" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Homme Facile</a>
784									<a href="https://www.paroles.net/raphael-faget-zaoui" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Zaoui</a>
785								</div>
786							</div>
787														<div class="flex items-center gap-2 border-b border-border">
788								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">62</span>
789								<div class="min-w-0 flex-1">
790									<a href="https://www.paroles.net/raphael-faget-zaoui/paroles-desert-eagle" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Desert Eagle</a>
791									<a href="https://www.paroles.net/raphael-faget-zaoui" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Zaoui</a>
792								</div>
793							</div>
794														<div class="flex items-center gap-2 border-b border-border">
795								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">63</span>
796								<div class="min-w-0 flex-1">
797									<a href="https://www.paroles.net/raphael-faget-zaoui/paroles-sortileges" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Sortilèges</a>
798									<a href="https://www.paroles.net/raphael-faget-zaoui" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Zaoui</a>
799								</div>
800							</div>
801														<div class="flex items-center gap-2 border-b border-border">
802								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">64</span>
803								<div class="min-w-0 flex-1">
804									<a href="https://www.paroles.net/raphael-faget-zaoui/paroles-enfant-sauvage" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Enfant Sauvage</a>
805									<a href="https://www.paroles.net/raphael-faget-zaoui" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Zaoui</a>
806								</div>
807							</div>
808														<div class="flex items-center gap-2 border-b border-border">
809								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">65</span>
810								<div class="min-w-0 flex-1">
811									<a href="https://www.paroles.net/scylla-furax-barbarossa/paroles-usumacinta" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">
811USUMACINTA</a>
812									<a href="https://www.paroles.net/scylla-furax-barbarossa" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Scylla & Furax Barbarossa</a>
813								</div>
814							</div>
815														<div class="flex items-center gap-2 border-b border-border">
816								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">66</span>
817								<div class="min-w-0 flex-1">
818									<a href="https://www.paroles.net/grand-corps-malade/paroles-pas-de-fatalite" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Pas de fatalité</a>
819									<a href="https://www.paroles.net/grand-corps-malade" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Grand Corps Malade</a>
820								</div>
821							</div>
822														<div class="flex items-center gap-2 border-b border-border">
823								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">67</span>
824								<div class="min-w-0 flex-1">
825									<a href="https://www.paroles.net/vegedream/paroles-doudou" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">DOUDOU</a>
826									<a href="https://www.paroles.net/vegedream" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Vegedream</a>
827								</div>
828							</div>
829														<div class="flex items-center gap-2 border-b border-border">
830								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">68</span>
831								<div class="min-w-0 flex-1">
832									<a href="https://www.paroles.net/ninho/paroles-des-piges" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">DES PIGES</a>
833									<a href="https://www.paroles.net/ninho" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Ninho</a>
834								</div>
835							</div>
836														<div class="flex items-center gap-2 border-b border-border">
837								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">69</span>
838								<div class="min-w-0 flex-1">
839									<a href="https://www.paroles.net/julien-clerc/paroles-le-phare-des-vagabondes" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Le Phare Des Vagabondes</a>
840									<a href="https://www.paroles.net/julien-clerc" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Julien Clerc</a>
841								</div>
842							</div>
843											</div>
844			</section>
845						<section>
846				<div class="mb-4">
847					<h2 class="section-title">Hits du moment</h2>
848				</div>
849				<div class="flex flex-col">
850												<div class="flex items-center gap-2 border-b border-border">
851								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-primary">1</span>
852								<div class="min-w-0 flex-1">
853									<a href="https://www.paroles.net/falling-in-reverse/paroles-joseph-traduction" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Traduction Joseph</a>
854									<a href="https://www.paroles.net/falling-in-reverse" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Falling In Reverse</a>
855								</div>
856							</div>
857														<div class="flex items-center gap-2 border-b border-border">
858								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-primary">2</span>
859								<div class="min-w-0 flex-1">
860									<a href="https://www.paroles.net/aya-nakamura/paroles-sexy-nana" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Sexy Nana</a>
861									<a href="https://www.paroles.net/aya-nakamura" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Aya Nakamura</a>
862								</div>
863							</div>
864														<div class="flex items-center gap-2 border-b border-border">
865								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-primary">3</span>
866								<div class="min-w-0 flex-1">
867									<a href="https://www.paroles.net/ben-plg/paroles-histoire-sans-fin" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Histoire sans fin</a>
868									<a href="https://www.paroles.net/ben-plg" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">BEN plg</a>
869								</div>
870							</div>
871														<div class="flex items-center gap-2 border-b border-border">
872								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">
8724</span>
873								<div class="min-w-0 flex-1">
874									<a href="https://www.paroles.net/vacra/paroles-fille-a-papa" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Fille à papa</a>
875									<a href="https://www.paroles.net/vacra" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Vacra</a>
876								</div>
877							</div>
878														<div class="flex items-center gap-2 border-b border-border">
879								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">5</span>
880								<div class="min-w-0 flex-1">
881									<a href="https://www.paroles.net/brulux/paroles-le-directeur" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Le Directeur</a>
882									<a href="https://www.paroles.net/brulux" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Brulux</a>
883								</div>
884							</div>
885														<div class="flex items-center gap-2 border-b border-border">
886								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">6</span>
887								<div class="min-w-0 flex-1">
888									<a href="https://www.paroles.net/azrane/paroles-jeune-du-ghetto" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Jeune du ghetto</a>
889									<a href="https://www.paroles.net/azrane" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Azrane</a>
890								</div>
891							</div>
892														<div class="flex items-center gap-2 border-b border-border">
893								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">7</span>
894								<div class="min-w-0 flex-1">
895									<a href="https://www.paroles.net/vianney/paroles-d-or-et-d-etain" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">D'or et d'étain</a>
896									<a href="https://www.paroles.net/vianney" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Vianney</a>
897								</div>
898							</div>
899														<div class="flex items-center gap-2 border-b border-border">
900								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">8</span>
901								<div class="min-w-0 flex-1">
902									<a href="https://www.paroles.net/angele/paroles-une-seule-vie" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Une seule vie</a>
903									<a href="https://www.paroles.net/angele" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Angèle</a>
904								</div>
905							</div>
906														<div class="flex items-center gap-2 border-b border-border">
907								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">9</span>
908								<div class="min-w-0 flex-1">
909									<a href="https://www.paroles.net/lecya/paroles-amour-oublie" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">AMOUR OUBLIÉ</a>
910									<a href="https://www.paroles.net/lecya" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Lécya</a>
911								</div>
912							</div>
913														<div class="flex items-center gap-2 border-b border-border">
914								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">10</span>
915								<div class="min-w-0 flex-1">
916									<a href="https://www.paroles.net/typhee/paroles-mode-de-vie-beton-style-nouvelle-ecole" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Mode De Vie Beton Style (Nouvelle École)</a>
917									<a href="https://www.paroles.net/typhee" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Typhee</a>
918								</div>
919							</div>
920														<div class="flex items-center gap-2 border-b border-border">
921								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">11</span>
922								<div class="min-w-0 flex-1">
923									<a href="https://www.paroles.net/faouzia/paroles-unethical-traduction" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Traduction UNETHICAL</a>
924									<a href="https://www.paroles.net/faouzia" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Faouzia</a>
925								</div>
926							</div>
927														<div class="flex items-center gap-2 border-b border-border">
928								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">12</span>
929								<div class="min-w-0 flex-1">
930									<a href="https://www.paroles.net/celine-dion/paroles-bonjour-pardon-merci" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Bonjour, Pardon, Merci</a>
931									<a href="https://www.paroles.net/celine-dion" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Céline Dion</a>
932								</div>
933							</div>
934														<div class="flex items-center gap-2 border-b border-border">
935								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">13</span>
936								<div class="min-w-0 flex-1">
937									<a href="https://www.paroles.net/base-221/paroles-sans-risque-nouvelle-ecole" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Sans risque (Nouvelle École)</a>
938									<a href="https://www.paroles.net/base-221" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Base 221</a>
939								</div>
940							</div>
941														<div class="flex items-center gap-2 border-b border-border">
942								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">14</span>
943								<div class="min-w-0 flex-1">
944									<a href="https://www.paroles.net/nayte/paroles-sorry-nouvelle-ecole" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Sorry (Nouvelle École)</a>
945									<a href="https://www.paroles.net/nayte" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Nayte</a>
946								</div>
947							</div>
948														<div class="flex items-center gap-2 border-b border-border">
949								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">15</span>
950								<div class="min-w-0 flex-1">
951									<a href="https://www.paroles.net/maluma/paroles-agua-traduction" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Traduction AGUA</a>
952									<a href="https://www.paroles.net/maluma" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Maluma</a>
953								</div>
954							</div>
955														<div class="flex items-center gap-2 border-b border-border">
956								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">16</span>
957								<div class="min-w-0 flex-1">
958									<a href="https://www.paroles.net/ans-rap/paroles-machakil-nouvelle-ecole" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Machakil (Nouvelle École)</a>
959									<a href="https://www.paroles.net/ans-rap" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">ANS (RAP)</a>
960								</div>
961							</div>
962														<div class="flex items-center gap-2 border-b border-border">
963								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">17</span>
964								<div class="min-w-0 flex-1">
965									<a href="https://www.paroles.net/og-plugging/paroles-terrible-man" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">
965TERRIBLE MAN</a>
966									<a href="https://www.paroles.net/og-plugging" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">OG Plugging</a>
967								</div>
968							</div>
969														<div class="flex items-center gap-2 border-b border-border">
970								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">18</span>
971								<div class="min-w-0 flex-1">
972									<a href="https://www.paroles.net/nayte/paroles-level-up-nouvelle-ecole" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">LEVEL UP (Nouvelle École)</a>
973									<a href="https://www.paroles.net/nayte" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Nayte</a>
974								</div>
975							</div>
976														<div class="flex items-center gap-2 border-b border-border">
977								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">19</span>
978								<div class="min-w-0 flex-1">
979									<a href="https://www.paroles.net/bayadis/paroles-demmi-marroki-traduction" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Traduction DEMMI MARROKI</a>
980									<a href="https://www.paroles.net/bayadis" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Bayadis</a>
981								</div>
982							</div>
983														<div class="flex items-center gap-2 border-b border-border">
984								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">20</span>
985								<div class="min-w-0 flex-1">
986									<a href="https://www.paroles.net/dayarga/paroles-rachel" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Rachel</a>
987									<a href="https://www.paroles.net/dayarga" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Dayarga</a>
988								</div>
989							</div>
990														<div class="flex items-center gap-2 border-b border-border">
991								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">21</span>
992								<div class="min-w-0 flex-1">
993									<a href="https://www.paroles.net/teddybear/paroles-chaussures-roses" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Chaussures Roses</a>
994									<a href="https://www.paroles.net/teddybear" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">TeddyBear</a>
995								</div>
996							</div>
997														<div class="flex items-center gap-2 border-b border-border">
998								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">22</span>
999								<div class="min-w-0 flex-1">
1000									<a href="https://www.paroles.net/mauvais-djo/paroles-pile" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Pilé</a>
1001									<a href="https://www.paroles.net/mauvais-djo" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Mauvais Djo</a>
1002								</div>
1003							</div>
1004														<div class="flex items-center gap-2 border-b border-border">
1005								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">23</span>
1006								<div class="min-w-0 flex-1">
1007									<a href="https://www.paroles.net/typhee/paroles-poussette-nouvelle-ecole" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">POUSSETTE (Nouvelle École)</a>
1008									<a href="https://www.paroles.net/typhee" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Typhee</a>
1009								</div>
1010							</div>
1011														<div class="flex items-center gap-2 border-b border-border">
1012								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">24</span>
1013								<div class="min-w-0 flex-1">
1014									<a href="https://www.paroles.net/grand-corps-malade/paroles-voir-la-mer" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Voir la mer</a>
1015									<a href="https://www.paroles.net/grand-corps-malade" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Grand Corps Malade</a>
1016								</div>
1017							</div>
1018														<div class="flex items-center gap-2 border-b border-border">
1019								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">25</span>
1020								<div class="min-w-0 flex-1">
1021									<a href="https://www.paroles.net/djadja-et-dinaz/paroles-baraque-au-bled" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Baraque au Bled</a>
1022									<a href="https://www.paroles.net/djadja-et-dinaz" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Djadja & Dinaz</a>
1023								</div>
1024							</div>
1025														<div class="flex items-center gap-2 border-b border-border">
1026								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">26</span>
1027								<div class="min-w-0 flex-1">
1028									<a href="https://www.paroles.net/genezio/paroles-bloque" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">BLOQUÉ</a>
1029									<a href="https://www.paroles.net/genezio" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Genezio</a>
1030								</div>
1031							</div>
1032														<div class="flex items-center gap-2 border-b border-border">
1033								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">27</span>
1034								<div class="min-w-0 flex-1">
1035									<a href="https://www.paroles.net/eddy-de-pretto/paroles-sous-influence" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Sous influence</a>
1036									<a href="https://www.paroles.net/eddy-de-pretto" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Eddy De Pretto</a>
1037								</div>
1038							</div>
1039														<div class="flex items-center gap-2 border-b border-border">
1040								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">28</span>
1041								<div class="min-w-0 flex-1">
1042									<a href="https://www.paroles.net/shakira/paroles-dai-dai-traduction" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Traduction Dai Dai</a>
1043									<a href="https://www.paroles.net/shakira" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Shakira</a>
1044								</div>
1045							</div>
1046														<div class="flex items-center gap-2 border-b border-border">
1047								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">29</span>
1048								<div class="min-w-0 flex-1">
1049									<a href="https://www.paroles.net/mylene-farmer/paroles-desenchantee" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Désenchantée</a>
1050									<a href="https://www.paroles.net/mylene-farmer" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Mylene Farmer</a>
1051								</div>
1052							</div>
1053														<div class="flex items-center gap-2 border-b border-border">
1054								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">30</span>
1055								<div class="min-w-0 flex-1">
1056									<a href="https://www.paroles.net/ans-rap/paroles-mal-aime-nouvelle-ecole" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Mal aimé (Nouvelle École)</a>
1057									<a href="https://www.paroles.net/ans-rap" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">ANS (RAP)</a>
1058								</div>
1059							</div>
1060														<div class="flex items-center gap-2 border-b border-border">
1061								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">31</span>
1062								<div class="min-w-0 flex-1">
1063									<a href="https://www.paroles.net/brulux/paroles-8-mars" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">8 Mars</a>
1064									<a href="https://www.paroles.net/brulux" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Brulux</a>
1065								</div>
1066							</div>
1067														<div class="flex items-center gap-2 border-b border-border">
1068								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">32</span>
1069								<div class="min-w-0 flex-1">
1070									<a href="https://www.paroles.net/big-d/paroles-indelebile-nouvelle-ecole" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Indélébile (Nouvelle École)</a>
1071									<a href="https://www.paroles.net/big-d" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Big D</a>
1072								</div>
1073							</div>
1074														<div class="flex items-center gap-2 border-b border-border">
1075								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">33</span>
1076								<div class="min-w-0 flex-1">
1077									<a href="https://www.paroles.net/pascal-obispo/paroles-ceux-qui-restent" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Ceux qui restent</a>
1078									<a href="https://www.paroles.net/pascal-obispo" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Pascal Obispo</a>
1079								</div>
1080							</div>
1081														<div class="flex items-center gap-2 border-b border-border">
1082								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">34</span>
1083								<div class="min-w-0 flex-1">
1084									<a href="https://www.paroles.net/yame/paroles-on-my-mind" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">On my mind</a>
1085									<a href="https://www.paroles.net/yame" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Yamê</a>
1086								</div>
1087							</div>
1088														<div class="flex items-center gap-2 border-b border-border">
1089								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">35</span>
1090								<div class="min-w-0 flex-1">
1091									<a href="https://www.paroles.net/nayte/paroles-dis-moi-nouvelle-ecole" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Dis-moi (Nouvelle École)</a>
1092									<a href="https://www.paroles.net/nayte" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Nayte</a>
1093								</div>
1094							</div>
1095														<div class="flex items-center gap-2 border-b border-border">
1096								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">36</span>
1097								<div class="min-w-0 flex-1">
1098									<a href="https://www.paroles.net/yanamko/paroles-sage-nouvelle-ecole" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Sage (Nouvelle École)</a>
1099									<a href="https://www.paroles.net/yanamko" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">YANAMKO</a>
1100								</div>
1101							</div>
1102														<div class="flex items-center gap-2 border-b border-border">
1103								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">37</span>
1104								<div class="min-w-0 flex-1">
1105									<a href="https://www.paroles.net/ayra-starr/paroles-heaven-baby-traduction" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Traduction Heaven Baby</a>
1106									<a href="https://www.paroles.net/ayra-starr" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Ayra Starr</a>
1107								</div>
1108							</div>
1109														<div class="flex items-center gap-2 border-b border-border">
1110								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">38</span>
1111								<div class="min-w-0 flex-1">
1112									<a href="https://www.paroles.net/jeanne-viard/paroles-joyeux-anniversaire" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Joyeux anniversaire</a>
1113									<a href="https://www.paroles.net/jeanne-viard" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Jeanne (Viard)</a>
1114								</div>
1115							</div>
1116														<div class="flex items-center gap-2 border-b border-border">
1117								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">39</span>
1118								<div class="min-w-0 flex-1">
1119									<a href="https://www.paroles.net/big-d/paroles-tt-nouvelle-ecole" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">TT (Nouvelle École)</a>
1120									<a href="https://www.paroles.net/big-d" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Big D</a>
1121								</div>
1122							</div>
1123														<div class="flex items-center gap-2 border-b border-border">
1124								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">40</span>
1125								<div class="min-w-0 flex-1">
1126									<a href="https://www.paroles.net/tinh-ha-say-hi/paroles-laviem-traduction" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Traduction LAVIEM</a>
1127									<a href="https://www.paroles.net/tinh-ha-say-hi" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Tinh Hà "Say Hi"</a>
1128								</div>
1129							</div>
1130														<div class="flex items-center gap-2 border-b border-border">
1131								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">41</span>
1132								<div class="min-w-0 flex-1">
1133									<a href="https://www.paroles.net/julien-lieb/paroles-super-heros" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Super-héros</a>
1134									<a href="https://www.paroles.net/julien-lieb" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Julien Lieb</a>
1135								</div>
1136							</div>
1137														<div class="flex items-center gap-2 border-b border-border">
1138								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">42</span>
1139								<div class="min-w-0 flex-1">
1140									<a href="https://www.paroles.net/jarod/paroles-blacklist" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Blacklist</a>
1141									<a href="https://www.paroles.net/jarod" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Jarod</a>
1142								</div>
1143							</div>
1144														<div class="flex items-center gap-2 border-b border-border">
1145								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">43</span>
1146								<div class="min-w-0 flex-1">
1147									<a href="https://www.paroles.net/tk-rap-fr/paroles-coachella" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Coachella</a>
1148									<a href="https://www.paroles.net/tk-rap-fr" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">TK</a>
1149								</div>
1150							</div>
1151														<div class="flex items-center gap-2 border-b border-border">
1152								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">44</span>
1153								<div class="min-w-0 flex-1">
1154									<a href="https://www.paroles.net/lasco/paroles-j-en-remet" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">J'en remet</a>
1155									<a href="https://www.paroles.net/lasco" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Lasco</a>
1156								</div>
1157							</div>
1158														<div class="flex items-center gap-2 border-b border-border">
1159								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">45</span>
1160								<div class="min-w-0 flex-1">
1161									<a href="https://www.paroles.net/tove-lo/paroles-des-fleurs-traduction" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Traduction des fleurs</a>
1162									<a href="https://www.paroles.net/tove-lo" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Tove Lo</a>
1163								</div>
1164							</div>
1165														<div class="flex items-center gap-2 border-b border-border">
1166								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">46</span>
1167								<div class="min-w-0 flex-1">
1168									<a href="https://www.paroles.net/grand-corps-malade/paroles-mes-doutes-avec-toi" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Mes doutes avec toi</a>
1169									<a href="https://www.paroles.net/grand-corps-malade" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Grand Corps Malade</a>
1170								</div>
1171							</div>
1172														<div class="flex items-center gap-2 border-b border-border">
1173								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">47</span>
1174								<div class="min-w-0 flex-1">
1175									<a href="https://www.paroles.net/boy-george/paroles-we-will-dance-again-rrr-rrrrr-traduction" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Traduction We Will Dance Again (עוד נרקוד)</a>
1176									<a href="https://www.paroles.net/boy-george" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Boy George</a>
1177								</div>
1178							</div>
1179														<div class="flex items-center gap-2 border-b border-border">
1180								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">48</span>
1181								<div class="min-w-0 flex-1">
1182									<a href="https://www.paroles.net/yanamko/paroles-ce-soir" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Ce soir</a>
1183									<a href="https://www.paroles.net/yanamko" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">YANAMKO</a>
1184								</div>
1185							</div>
1186														<div class="flex items-center gap-2 border-b border-border">
1187								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">49</span>
1188								<div class="min-w-0 flex-1">
1189									<a href="https://www.paroles.net/ans-rap/paroles-comme-promis-nouvelle-ecole" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Comme Promis (Nouvelle École)</a>
1190									<a href="https://www.paroles.net/ans-rap" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">ANS (RAP)</a>
1191								</div>
1192							</div>
1193														<div class="flex items-center gap-2 border-b border-border">
1194								<span class="w-[26px] text-[0.75rem] font-bold text-center shrink-0 text-text-muted">50</span>
1195								<div class="min-w-0 flex-1">
1196									<a href="https://www.paroles.net/aya-nakamura/paroles-tchiki" class="text-[0.85rem] font-semibold text-text block truncate hover:text-primary py-1">Tchiki</a>
1197									<a href="https://www.paroles.net/aya-nakamura" class="text-[0.78rem] text-text-2 block truncate hover:text-primary py-1">Aya Nakamura</a>
1198								</div>
1199							</div>
1200											</div>
1201			</section>
1202			</div>
1203																	</div>
1204
1205								<!-- Sidebar -->
1206								<aside id="sidebar" class="mt-8 md:mt-0" aria-label="Contenu complémentaire">
1207									<div style="width:300px; height:92px; background:red;">
1208<a href="https://www.google.com/preferences/source?q=paroles.net">
1209  <img src="https://www.cypok.fr/stockage_images/preferencegoogle.png"
1210       style="display:block; width:300px; height:auto;"></a>
1211</div>
1212<br>						<div class="flex justify-center" id="sidebar-ad-placeholder-163"></div>
1213						<div class="mb-4 flex justify-center" id="sidebar-item-163"
1214							data-sticky-ad="163">
1215																				<div style="width:420px;height:300px;"><!-- Pepsia Player paroles.net -->
1216<div class="pepsia_player" data-token="00FP" data-mute="1" data-logo="1" data-controls="1" data-corner="bottom-right" data-popup="bottom-right" data-volume="1" data-autoplay="1" data-template="light" data-vid="0" data-cid="0" data-corner-offset-bottom="130" data-popup-offset-bottom="130" data-autosound="0"></div>
1217<script type="text/javascript">(function(){var e=document.createElement("script"),f=document.getElementsByTagName("script")[0];e.src="//player.pepsia.com/sdk.js?d="+(new Date).getTime().toString(16);e.type="text/javascript";e.async=!0;f.parentNode.insertBefore(e,f);})();</script>
1217</div>						</div>
1218												<div class="mb-4 flex justify-center" id="sidebar-item-104">
1219																				<div style="width:300px;height:600px;"><!-- HalfpageAd_1 -->
1220<div id='optidigital-adslot-HalfpageAd_1' style='display:none;' class="HalfpageAd_1"></div>
1221<!-- Rectangle_1 --><div style='display:none;' class="Rectangle_1"></div>
1222<p></p>
1223<!-- Rectangle_2 --><div style='display:none;' class="Rectangle_2"></div></div>						</div>
1224												<div class="mb-4 flex justify-center" id="sidebar-item-105">
1225																				<div style="width:300px;height:600px;"><!-- HalfpageAd_2 -->
1226<div id='optidigital-adslot-HalfpageAd_2' style='display:none;' class="HalfpageAd_2"></div>
1227<!-- Rectangle_3 --><div style='display:none;' class="Rectangle_3"></div>
1228<p></p>
1229<!-- Rectangle_4 --><div style='display:none;' class="Rectangle_4"></div></div>						</div>
1230														</aside>
1231							</div>
1232
1233							
1234													</div>
1235
1236						</div><!-- // #content -->
1237	</main>
1238
1239	<!-- ABC Index -->
1240	<section class="py-6 border-t border-border bg-bg relative z-10">
1241		<div class="site-container">
1242			<nav class="flex flex-wrap gap-0.5 justify-center" aria-label="Index alphabétique des artistes">
1243									<a href="/paroles-artistes-en-a" class="alpha-link">A</a>
1244									<a href="/paroles-artistes-en-b" class="alpha-link">B</a>
1245									<a href="/paroles-artistes-en-c" class="alpha-link">C</a>
1246									<a href="/paroles-artistes-en-d" class="alpha-link">D</a>
1247									<a href="/paroles-artistes-en-e" class="alpha-link">E</a>
1248									<a href="/paroles-artistes-en-f" class="alpha-link">F</a>
1249									<a href="/paroles-artistes-en-g" class="alpha-link">G</a>
1250									<a href="/paroles-artistes-en-h" class="alpha-link">H</a>
1251									<a href="/paroles-artistes-en-i" class="alpha-link">I</a>
1252									<a href="/paroles-artistes-en-j" class="alpha-link">J</a>
1253									<a href="/paroles-artistes-en-k" class="alpha-link">K</a>
1254									<a href="/paroles-artistes-en-l" class="alpha-link">L</a>
1255									<a href="/paroles-artistes-en-m" class="alpha-link">M</a>
1256									<a href="/paroles-artistes-en-n" class="alpha-link">N</a>
1257									<a href="/paroles-artistes-en-o" class="alpha-link">O</a>
1258									<a href="/paroles-artistes-en-p" class="alpha-link">P</a>
1259									<a href="/paroles-artistes-en-q" class="alpha-link">Q</a>
1260									<a href="/paroles-artistes-en-r" class="alpha-link">R</a>
1261									<a href="/paroles-artistes-en-s" class="alpha-link">S</a>
1262									<a href="/paroles-artistes-en-t" class="alpha-link">T</a>
1263									<a href="/paroles-artistes-en-u" class="alpha-link">U</a>
1264									<a href="/paroles-artistes-en-v" class="alpha-link">V</a>
1265									<a href="/paroles-artistes-en-w" class="alpha-link">W</a>
1266									<a href="/paroles-artistes-en-x" class="alpha-link">X</a>
1267									<a href="/paroles-artistes-en-y" class="alpha-link">Y</a>
1268									<a href="/paroles-artistes-en-z" class="alpha-link">Z</a>
1269								<a href="/paroles-artistes-en-0_9" class="alpha-link">0-9</a>
1270			</nav>
1271		</div>
1272	</section>
1273
1274	<!-- Footer -->
1275	<footer class="bg-bg-dark text-white/70" role="contentinfo">
1276		<div class="site-container py-12">
1277	<div class="footer-grid grid grid-cols-1 sm:grid-cols-3 lg:grid-cols-[1.5fr_repeat(3,1fr)] gap-8 mb-8">
1278				<div>
1279					</div>
1280				<div>
1281			<h3>Th&eacute;matiques</h3>
1282<ul>
1283  <li><a href="/chansons-pour-faire-le-sexe">Chansons pour faire le sexe</a></li>
1284  <li><a href="/rap-francais">Rap Fran&ccedil;ais</a></li>
1285  <li><a href="/top-chansons-d-amour">Chansons d'amour</a></li>
1286  <li><a href="/chansons-guinguettes">Chansons des Guinguettes</a></li>
1287  <li><a href="/chansons-rugby-3eme-mi-temps">Chansons de Rugby et 3&egrave;me mi-temps</a></li>
1288  <li><a href="/musique-qui-fait-du-bien">Chanson bonne humeur</a></li>
1289</ul>		</div>
1290				<div>
1291			<h3>Plan de site</h3>
1292<ul>
1293  <li><a href="/mentions-legales">Mentions l&eacute;gales</a></li>
1294  <li><a href="/parametres-cookies">Param&egrave;tres cookies</a></li>
1295  <li><a href="javascript:window.Sddan.cmp.displayUI();">Cookie Settings</a></li>
1296</ul>		</div>
1297			</div>
1298	<div class="pt-6 border-t border-white/10">
1299		<p class="text-[0.78rem] text-white/60">&copy; 2026 Paroles.net — Tous droits réservés</p>
1300	</div>
1301	<p class="text-[0.78rem] text-white/60 text-center mt-4">
1302		Paroles.net dispose d'un accord de licence de paroles de chansons avec la
1303		<a href="http://www.seamfrance.fr/" target="_blank" rel="noopener" class="!text-white/70 underline">
1303Société des Editeurs et Auteurs de Musique</a> (SEAM)
1304	</p>
1305</div>
1306	</footer>
1307
1308	<div style="" class=""><div id="trg_6ab4ebcc114ed" style="width:100%;" >
1308<script defer type="text/javascript" data-cmp- src="https://ads.ayads.co/ajs.php?zid=9678"></script>
1308</div></div>
1309	<!-- Alpine.js component: header scroll shadow -->
1310	
1310<script>
1311		document.addEventListener('alpine:init', () => {
1312			Alpine.data('headerScroll', () => ({
1313				scrolled: false,
1314				init() {
1315					window.addEventListener('scroll', () => {
1316						this.scrolled = window.scrollY > 10;
1317					}, {
1318						passive: true
1319					});
1320				}
1321			}));
1322		});
1323	</script>
1323
1324	<!-- App JS must load BEFORE Alpine so alpine:init listeners are registered -->
1325	
1325<script defer src="/lib/js/app.js?v=20260401"></script>
1325
1326	
1326<script defer src="/lib/js/alpine.min.js?v=20260324"></script>
1326
1327
1328	<div id="popupContent" style="display:none;">
1329			</div>
1330
1331	
1332	</body>
1333
1334</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.