PageSourceSearch

https://www.sport-rencontres.club/running/

html sport-rencontres.club collected 2026-10-07 16:52:13 UTC 27,981 bytes, 666 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr" dir="ltr">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <meta name="robots" content="index, follow">
7    <title>Rencontre Running Célibataire | Site & Appli de Rencontre pour Coureurs - Sport-Rencontres.club</title>
8    <meta name="description" content="Notre application de rencontre running vous connecte avec des coureurs et coureuses célibataires près de chez vous. La meilleure appli pour rencontrer un partenaire de running sérieux.">
9    <meta name="keywords" content="rencontre running, application rencontre running, appli rencontre running, site de rencontre running, running rencontre, rencontres running">
10
11    <meta property="og:title" content="Rencontre Running Célibataire | L'Appli des Coureurs">
12    <meta property="og:description" content="Rencontrez des coureurs et coureuses célibataires avec notre application dédiée. Trouvez un partenaire pour courir et partager plus.">
13    <meta property="og:url" content="https://www.sport-rencontres.club/running/">
14    <meta property="og:type" content="website">
15    <meta property="og:locale" content="fr_FR">
16
17    <link rel="icon" href="https://www.sport-rencontres.club/favicon.png" type="image/png">
18    <link rel="preconnect" href="https://fonts.googleapis.com">
19    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
20    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
21    
21<script async src="https://c.opfourpro.net/8/js/script.js?id=vMOyO"></script>
21
22
23    
23<script type="application/ld+json">
24    {
25      "@context": "https://schema.org",
26      "@type": "WebPage",
27      "name": "Rencontre Running Célibataire",
28      "description": "Page dédiée aux rencontres pour coureurs et coureuses sur Sport-Rencontres.club",
29      "url": "https://www.sport-rencontres.club/running/",
30      "mainEntity": {
31        "@type": "DatingService",
32        "name": "Sport-Rencontres.club - Rencontres pour coureurs",
33        "description": "Service de mise en relation pour célibataires passionnés de running et de course à pied"
34      }
35    }
36    </script>
36
37
38    <style>
39        :root {
40            --primary-color: #1a5f9e;
41            --secondary-color: #2d8ae5;
42            --accent-color: #4ca1ff;
43            --dark-color: #0d3a66;
44            --light-color: #f0f7ff;
45            --running-accent: #E74C3C;
46            --running-orange: #E67E22;
47            --text-color: #333;
48            --text-light: #666;
49            --white: #ffffff;
50            --shadow: 0 6px 15px rgba(26, 95, 158, 0.12);
51            --radius: 12px;
52            --transition: all 0.3s ease;
53        }
54        * {
55            margin: 0;
56            padding: 0;
57            box-sizing: border-box;
58        }
59        body {
60            font-family: 'Inter', sans-serif;
61            line-height: 1.65;
62            color: var(--text-color);
63            background: linear-gradient(135deg, #f9fcff 0%, #f0f7ff 100%);
64            min-height: 100vh;
65        }
66        .container {
67            max-width: 1200px;
68            margin: 0 auto;
69            padding: 0 20px;
70        }
71        .adult-warning {
72            background: linear-gradient(90deg, var(--dark-color), var(--primary-color));
73            color: var(--white);
74            padding: 12px 0;
75            text-align: center;
76            font-size: 14px;
77            font-weight: 600;
78            border-bottom: 3px solid var(--running-accent);
79        }
80        .top-bar {
81            background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
82            color: var(--white);
83            padding: 10px 0;
84            text-align: center;
85            font-size: 14px;
86            font-weight: 500;
87        }
88        .main-header {
89            background: var(--white);
90            box-shadow: var(--shadow);
91            padding: 15px 0;
92            position: sticky;
93            top: 0;
94            z-index: 1000;
95        }
96        .header-container {
97            max-width: 1200px;
98            margin: 0 auto;
99            padding: 0 20px;
100            display: flex;
101            justify-content: space-between;
102            align-items: center;
103            flex-wrap: wrap;
104        }
105        .logo {
106            font-size: 28px;
107            font-weight: 700;
108            color: var(--primary-color);
109            text-decoration: none;
110            display: flex;
111            align-items: center;
112            gap: 10px;
113        }
114        .logo img {
115            height: 50px;
116            width: auto;
117        }
118        .main-nav ul {
119            display: flex;
120            list-style: none;
121            gap: 25px;
122        }
123        .main-nav a {
124            color: var(--dark-color);
125            text-decoration: none;
126            font-weight: 600;
127            font-size: 15px;
128            padding: 8px 0;
129            position: relative;
130            transition: var(--transition);
131        }
132        .main-nav a:hover {
133            color: var(--secondary-color);
134        }
135        .main-nav a::after {
136            content: '';
137            position: absolute;
138            bottom: 0;
139            left: 0;
140            width: 0;
141            height: 2px;
142            background: var(--secondary-color);
143            transition: var(--transition);
144        }
145        .main-nav a:hover::after {
146            width: 100%;
147        }
148        .nav-current {
149            color: var(--running-accent) !important;
150            font-weight: 700;
151        }
152        .hero {
153            background: linear-gradient(rgba(13, 58, 102, 0.85), rgba(45, 138, 229, 0.85)), url('https://images.unsplash.com/photo-1552674605-db6ffd8facb5?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80');
154            background-size: cover;
155            background-position: center;
156            color: var(--white);
157            padding: 100px 20px;
158            text-align: center;
159            border-radius: 0 0 var(--radius) var(--radius);
160            margin-bottom: 50px;
161        }
162        .hero h1 {
163            font-size: 3rem;
164            margin-bottom: 25px;
165            text-shadow: 2px 2px 5px rgba(0,0,0,0.4);
166            max-width: 900px;
167            margin-left: auto;
168            margin-right: auto;
169        }
170        .hero .highlight {
171            color: #F1C40F;
172            font-weight: 800;
173        }
174        .hero p {
175            font-size: 1.3rem;
176            max-width: 800px;
177            margin: 0 auto 35px;
178            opacity: 0.95;
179            line-height: 1.7;
180        }
181        .cta-button {
182            display: inline-block;
183            background: linear-gradient(90deg, var(--running-accent), var(--running-orange));
184            color: var(--white);
185            padding: 18px 45px;
186            border-radius: 50px;
187            text-decoration: none;
188            font-weight: 700;
189            font-size: 18px;
190            transition: var(--transition);
191            box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4);
192            border: none;
193            cursor: pointer;
194        }
195        .cta-button:hover {
196            transform: translateY(-4px);
197            box-shadow: 0 10px 25px rgba(231, 76, 60, 0.5);
198            background: linear-gradient(90deg, #c0392b, var(--running-accent));
199        }
200        .content-grid {
201            display: grid;
202            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
203            gap: 30px;
204            margin-bottom: 60px;
205        }
206        .content-card {
207            background: var(--white);
208            border-radius: var(--radius);
209            padding: 35px 30px;
210            box-shadow: var(--shadow);
211            transition: var(--transition);
212        }
213        .content-card:hover {
214            transform: translateY(-7px);
215            box-shadow: 0 12px 25px rgba(26, 95, 158, 0.18);
216        }
217        .card-icon {
218            font-size: 42px;
219            margin-bottom: 20px;
220            color: var(--running-accent);
221        }
222        .content-card h3 {
223            color: var(--primary-color);
224            margin-bottom: 15px;
225            font-size: 1.5rem;
226        }
227        .section-title {
228            text-align: center;
229            margin-bottom: 40px;
230            color: var(--primary-color);
231            font-size: 2.2rem;
232        }
233        .section-title .running {
234            color: var(--running-accent);
235        }
236        .section-subtitle {
237            text-align: center;
238            color: var(--text-light);
239            font-size: 1.1rem;
240            max-width: 700px;
241            margin: 0 auto 50px;
242        }
243        .profiles-section {
244            margin: 70px 0;
245        }
246        .profiles-section p {
247            text-align: center;
248            margin-bottom: 40px;
249            color: var(--text-light);
250            font-size: 1.1rem;
251        }
252        .long-tail-section {
253            background: var(--light-color);
254            padding: 60px 30px;
255            border-radius: var(--radius);
256            margin: 80px 0;
257        }
258        .long-tail-content {
259            max-width: 900px;
260            margin: 0 auto;
261            font-size: 1.1rem;
262            line-height: 1.8;
263            color: var(--text-color);
264        }
265        .long-tail-content strong {
266            color: var(--primary-color);
267        }
268        #communaute {
269            background: var(--white);
270            padding: 60px 30px;
271            border-radius: var(--radius);
272            margin: 70px 0;
273            border: 2px solid var(--light-color);
274        }
275        .stats-grid {
276            display: grid;
277            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
278            gap: 25px;
279            text-align: center;
280        }
281        .stat-item h3 {
282            font-size: 2.5rem;
283            color: var(--running-accent);
284            margin-bottom: 5px;
285        }
286        .stat-item p {
287            font-weight: 500;
288        }
289        #faq {
290            max-width: 1100px;
291            margin: 80px auto;
292        }
293        .faq-container {
294            display: flex;
295            flex-direction: column;
296            gap: 15px;
297        }
298        .faq-item {
299            border: 1px solid #fadbd8;
300            border-radius: 10px;
301            overflow: hidden;
302            transition: all 0.3s ease;
303        }
304        .faq-question {
305            background: #fbeeeb;
306            padding: 20px 25px;
307            cursor: pointer;
308            font-weight: 600;
309            color: var(--primary-color);
310            position: relative;
311            font-size: 1.1rem;
312        }
313        .faq-question::after {
314            content: '+';
315            position: absolute;
316            right: 25px;
317            font-size: 20px;
318            transition: transform 0.3s ease;
319            color: var(--running-accent);
320        }
321        .faq-item.active .faq-question::after {
322            content: '−';
323            transform: rotate(180deg);
324        }
325        .faq-answer {
326            max-height: 0;
327            padding: 0 25px;
328            background: #fff;
329            overflow: hidden;
330            transition: max-height 0.4s ease, padding 0.4s ease;
331        }
332        .faq-item.active .faq-answer {
333            max-height: 1000px;
334            padding: 20px 25px;
335        }
336        .partners-section {
337            padding: 40px 20px;
338            text-align: center;
339            margin: 60px 0;
340            border-top: 1px solid #e1e8f0;
341            border-bottom: 1px solid #e1e8f0;
342        }
343        .partners-grid {
344            display: flex;
345            flex-wrap: wrap;
346            justify-content: center;
347            gap: 15px;
348            margin-top: 25px;
349        }
350        .partner-link {
351            color: var(--text-light);
352            text-decoration: none;
353            font-size: 14px;
354            transition: var(--transition);
355            padding: 5px 10px;
356        }
357        .partner-link:hover {
358            color: var(--secondary-color);
359        }
360        .main-footer {
361            background: var(--dark-color);
362            color: var(--white);
363            padding: 60px 20px 25px;
364            margin-top: 80px;
365        }
366        .footer-content {
367            max-width: 1200px;
368            margin: 0 auto;
369            display: grid;
370            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
371            gap: 40px;
372            margin-bottom: 40px;
373        }
374        .footer-section h4 {
375            color: var(--accent-color);
376            margin-bottom: 20px;
377            font-size: 18px;
378        }
379        .footer-links {
380            list-style: none;
381        }
382        .footer-links li {
383            margin-bottom: 10px;
384        }
385        .footer-links a {
386            color: #ccc;
387            text-decoration: none;
388            transition: var(--transition);
389        }
390        .footer-links a:hover {
391            color: var(--accent-color);
392            padding-left: 5px;
393        }
394        .copyright {
395            text-align: center;
396            padding-top: 25px;
397            border-top: 1px solid rgba(255,255,255,0.1);
398            color: #aaa;
399            font-size: 14px;
400        }
401        @media (max-width: 768px) {
402            .header-container { flex-direction: column; gap: 20px; }
403            .main-nav ul { flex-wrap: wrap; justify-content: center; gap: 15px; }
404            .hero h1 { font-size: 2.3rem; }
405            .hero p { font-size: 1.1rem; }
406            .content-grid { grid-template-columns: 1fr; }
407            .stats-grid { grid-template-columns: repeat(2, 1fr); }
408        }
409        @media (max-width: 480px) {
410            .hero { padding: 70px 15px; }
411            .hero h1 { font-size: 1.9rem; }
412            .cta-button { padding: 16px 35px; font-size: 16px; }
413            .stats-grid { grid-template-columns: 1fr; }
414        }
415        @keyframes fadeIn {
416            from { opacity: 0; transform: translateY(25px); }
417            to { opacity: 1; transform: translateY(0); }
418        }
419        .fade-in {
420            animation: fadeIn 0.9s ease forwards;
421        }
422        .delay-1 { animation-delay: 0.2s; opacity: 0; }
423        .delay-2 { animation-delay: 0.4s; opacity: 0; }
424        .delay-3 { animation-delay: 0.6s; opacity: 0; }
425    </style>
426</head>
427<body>
428
429<div class="adult-warning">
430    🔞 SITE DE RENCONTRE ADULTE – Plateforme réservée aux célibataires majeurs. Respect, sincérité et confidentialité garantis.
431</div>
432
433<div class="top-bar">
434    <div class="container">
435        🏆 <strong>Sport-Rencontres.club</strong> : des rencontres entre sportifs et sportives célibataires autour d’activités partagées
436    </div>
437</div>
438
439<header class="main-header">
440    <div class="header-container">
441        <a href="https://www.sport-rencontres.club" title="Sport-Rencontres.club - Site de rencontre pour sportifs" class="logo">
442            <img src="https://www.sport-rencontres.club/logo-sport-rencontre.png" alt="Logo Sport-Rencontres.club - Le site de rencontre des célibataires sportifs">
443        </a>
444        <nav class="main-nav">
445            <ul>
446                <li><a href="https://www.sport-rencontres.club/#pourquoi">Pourquoi nous ?</a></li>
447                <li><a href="https://www.sport-rencontres.club/#activites">Activités</a></li>
448                <li><a href="https://www.sport-rencontres.club/#themes">Thèmes</a></li>
449                <li>
449<a href="#communaute" class="nav-current">🏃‍♀️ Rencontre Running</a></li>
450                <li><a href="#securite">Sécurité & Confiance</a></li>
451                <li><a href="#faq">F.A.Q</a></li>
452                <li><a href="#" id="loguser">🔒 Connexion</a></li>
453            </ul>
454        </nav>
455    </div>
456</header>
457
458<section class="hero fade-in" id="accueil">
459    <div class="container">
460        <h1><span class="highlight">Rencontre Running</span> Célibataire | La Meilleure Appli pour Coureurs & Coureuses</h1>
461        <p>
462            Vous cherchez une <strong>application rencontre running</strong> sérieuse ? <strong>Sport-Rencontres.club</strong> est l'<strong>appli de rencontre</strong> préférée des coureurs et coureuses célibataires. Connectez-vous avec des passionnés de course à pied près de chez vous. Que vous couriez pour le bien-être, la performance ou le plaisir, trouvez ici un partenaire de <strong>running</strong> pour partager vos foulées et peut-être plus.
463        </p>
464        <a href="#formuser" class="cta-button">🏃‍♂️ Télécharger l'appli running rencontre</a>
465        <div id="formuser" style="text-align:center; margin-top:40px;"></div>
466    </div>
467</section>
468
469<main class="container">
470
471    <section class="profiles-section" id="profils">
472        <h2 class="section-title">💎 Profils de <span class="running">Coureurs & Coureuses</span> Célibataires</h2>
473        <p>Découvrez des membres de notre communauté running. Des hommes et femmes actifs, à la recherche de <strong>rencontres running</strong> authentiques avec d'autres passionnés de la course.</p>
474        <div id="caruserf" align="center"></div>
475        <div id="caruserh" align="center"></div>
476    </section>
477
478    <section class="content-grid" id="pourquoi-running">
479        <div class="content-card fade-in delay-1">
480            <div class="card-icon">📱</div>
481            <h3>L'appli de rencontre conçue pour les coureurs</h3>
482            <p>
483                Contrairement aux <strong>sites de rencontre</strong> génériques, notre <strong>application running rencontre</strong> comprend votre mode de vie. Filtrez les profils par rythme de course (min/km), distance hebdomadaire, type de running (trail, route, piste) et disponibilités. C'est l'outil parfait pour des <strong>rencontres running</strong> ciblées.
484            </p>
485        </div>
486        <div class="content-card fade-in delay-2">
487            <div class="card-icon">🤝</div>
488            <h3>La motivation mutuelle pour atteindre vos objectifs</h3>
489            <p>
490                Courir à deux, c'est plus motivant. Trouvez un partenaire de <strong>running</strong> pour vos sorties longues, vos fractionnés ou vos premiers 10 km. Partager l'effort crée une complicité unique, bien au-delà d'une simple <strong>rencontre running</strong>. C'est le meilleur moyen de progresser ensemble.
491            </p>
492        </div>
493        <div class="content-card fade-in delay-3">
494            <div class="card-icon">🗺️</div>
495            <h3>Découvrez de nouveaux parcours & partenaires locaux</h3>
496            <p>
497                Notre <strong>appli</strong> vous montre les coureurs célibataires près de vos lieux d'entraînement habituels. Échangez vos meilleurs spots (parcs, circuits, trails) et organisez des <strong>rencontres running</strong> en toute simplicité. Une façon concrète et saine de faire des <strong>rencontres</strong> près de chez vous.
498            </p>
499        </div>
500    </section>
501
502    <div style="text-align: center; margin: 60px 0;">
503        <a href="#formuser" class="cta-button">📍 Trouver un partenaire running près de moi</a>
504    </div>
505
506    <section class="long-tail-section">
507        <div class="long-tail-content">
508            <p>
509                Notre plateforme est bien plus qu'un simple <strong>site de rencontre running</strong>. C'est une véritable communauté où les <strong>rencontres running</strong> peuvent débuter par un footing léger en bord de mer, un trail en forêt le week-end, ou un jogging matinal avant le travail. Les conversations démarrent naturellement autour des dernières chaussures, des applications de tracking, des plans d'entraînement pour un semi-marathon, ou simplement du plaisir de courir. Que vou
509s utilisiez notre <strong>application</strong> sur mobile ou le <strong>site</strong> sur ordinateur, vous accédez à la plus grande communauté de célibataires pour qui le <strong>running</strong> est bien plus qu'un sport : un mode de vie et une formidable occasion de <strong>rencontres</strong> authentiques.
510            </p>
511        </div>
512    </section>
513
514    <section class="content-card" id="communaute">
515        <h2 class="section-title">📈 La Communauté <span class="running">Running</span> en Chiffres</h2>
516        <p class="section-subtitle">
517            Des milliers de coureurs et coureuses utilisent notre plateforme pour rencontrer d'autres passionnés. Une communauté dynamique, ambitieuse et ouverte.
518        </p>
519        <div class="stats-grid">
520            <div class="stat-item">
521                <h3>45%</h3>
522                <p>des membres courent > 3 fois/semaine</p>
523            </div>
524            <div class="stat-item">
525                <h3>55%</h3>
526                <p>pratiquent le trail en plus de la route</p>
527            </div>
528            <div class="stat-item">
529                <h3>32 ans</h3>
530                <p>âge moyen dans notre communauté running</p>
531            </div>
532            <div class="stat-item">
533                <h3>100%</h3>
534                <p>des profils sont vérifiés pour des <strong>rencontres running</strong> sûres</p>
535            </div>
536        </div>
537    </section>
538
539    <section class="content-card" id="faq">
540        <h2 style="text-align:center;margin-bottom:30px;">❓ Questions sur les rencontres running</h2>
541        <div class="faq-container">
542            <div class="faq-item">
543                <div class="faq-question">Votre application est-elle vraiment gratuite pour les coureurs ?</div>
544                <div class="faq-answer">
545                    <strong>Oui, l'inscription et l'accès de base sont 100% gratuits.</strong> Vous pouvez créer votre profil de coureur, rechercher d'autres membres par niveau et localisation, et envoyer un nombre limité de messages. Des options premium existent pour ceux qui veulent étendre leurs possibilités de <strong>rencontres running</strong>.
546                </div>
547            </div>
548            <div class="faq-item">
549                <div class="faq-question">Je cours lentement / je débute, puis-je quand même trouver un partenaire ?</div>
550                <div class="faq-answer">
551                    <strong>Absolument !</strong> Notre communauté accueille tous les niveaux, du débutant au marathonien aguerri. Beaucoup de coureurs expérimentés aiment accompagner les débutants. L'important est d'être honnête sur votre rythme dans votre profil. Les <strong>rencontres running</strong> se font alors entre personnes compatibles.
552                </div>
553            </div>
554            <div class="faq-item">
555                <div class="faq-question">Comment organiser un premier "running date" en sécurité ?</div>
556                <div class="faq-answer">
557                    Privilégiez toujours un parcours public, fréquenté et en journée pour un premier contact. Informez un proche de votre itinéraire et de l'identité de votre partenaire. Commencez par une sortie courte (30-40 min) à un rythme conversationnel. L'objectif est de faire connaissance en courant, pas de battre des records.
558                </div>
559            </div>
560            <div class="faq-item">
561                <div class="faq-question">Puis-je utiliser le site sans télécharger d'application ?</div>
562                <div class="faq-answer">
563                    <strong>Oui, notre <strong>site de rencontre running</strong> est entièrement responsive et fonctionne parfaitement sur mobile comme sur ordinateur.</strong> Vous pouvez accéder à toutes les fonctionnalités via votre navigateur. L'expérience est optimisée pour que vous puissiez gérer vos <strong>rencontres running</strong> où que vous soyez.
564                </div>
565            </div>
566        </div>
567    </section>
568
569
570</main>
571
572<footer class="main-footer">
573    <div class="footer-content">
574        <div class="footer-section">
575            <h4>Rencontre Running Célibataire</h4>
576            <p><strong>La page dédiée aux rencontres entre coureurs et coureuses célibataires.</strong> Utilisez notre <strong>application running rencontre</strong> pour trouver le partenaire qui rythmera vos foulées.</p>
577        </div>
578        <div class="footer-section">
579            <h4>Navigation</h4>
580            <ul class="footer-links">
581                <li><a href="https://www.sport-rencontres.club/">Accueil</a></li>
582                <li><a href="https://www.sport-rencontres.club/#activites">Toutes les Activités</a></li>
583                <li><a href="https://www.sport-rencontres.club/#themes">Rencontres par Thème</a></li>
584                <li><a href="#communaute">Communauté Running</a></li>
585                <li><a href="#securite">Sécurité</a></li>
586                <li><a href="#faq">FAQ Running</a></li>
587            </ul>
588        </div>
589        <div class="footer-section">
590            <h4>Légal & Confidentialité</h4>
591            <ul class="footer-links">
592                <li><a href="/mentions/">Mentions légales</a></li>
593                <li><a href="#">Politique de confidentialité</a></li>
594                <li><a href="#">Conditions d'utilisation</a></li>
595                <li><a href="#">Contact & Support</a></li>
596            </ul>
597        </div>
598        <div class="footer-section">
599            <h4>Mots-clés de la page</h4>
600            <p style="font-size:14px;line-height:1.8;color:#ccc;">
601                <strong>application rencontre running</strong><br>
602                <strong>rencontre running</strong><br>
603                <strong>appli rencontre running</strong><br>
604                <strong>site de rencontre running</strong><br>
605                <strong>rencontres running</strong>
606            </p>
607        </div>
608    </div>
609    <div class="copyright">
610        <p>© 2026 Sport-Rencontres.club – Page Rencontre Running.</p>
611        <p style="margin-top:8px;font-size:13px;color:#aaa;">Rencontrez la personne qui partage votre passion pour la course à pied.</p>
612    </div>
613<div class="global-blog-footer-link" style="clear:both;text-align:center;padding:16px 12px 4px;font:600 14px/1.4 Arial,sans-serif"><a href="/blog/" title="Blog et conseils sportifs" style="display:inline-block;color:#30d39b;text-decoration:none;border:1px solid rgba(48,211,155,.45);border-radius:999px;padding:9px 17px">Blog &amp; conseils sportifs</a></div></footer>
614
615<script>
616    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
617        anchor.addEventListener('click', function(e) {
618            e.preventDefault();
619            const targetId = this.getAttribute('href');
620            if(targetId === '#') return;
621            const targetElement = document.querySelector(targetId);
622            if(targetElement) {
623                window.scrollTo({
624                    top: targetElement.offsetTop - 80,
625                    behavior: 'smooth'
626                });
627            }
628        });
629    });
630
631    const faqItems = document.querySelectorAll('.faq-item');
632    faqItems.forEach(item => {
633        const question = item.querySelector('.faq-question');
634        question.addEventListener('click', () => {
635            faqItems.forEach(otherItem => {
636                if (otherItem !== item && otherItem.classList.contains('active')) {
637                    otherItem.classList.remove('active');
638                }
639            });
640            item.classList.toggle('active');
641        });
642    });
643
644    document.addEventListener('DOMContentLoaded', function() {
645        const fadeElements = document.querySelectorAll('.fade-in');
646        const fadeInOnScroll = function() {
647            fadeElements.forEach(element => {
648                const elementTop = element.getBoundingClientRect().top;
649                const elementVisible = 150;
650                if (elementTop < window.innerHeight - elementVisible) {
651                    element.classList.add('active');
652                }
653            });
654        };
655        fadeInOnScroll();
656        window.addEventListener('scroll', fadeInOnScroll);
657    });
658
659    document.getElementById('loguser')?.addEventListener('click', function(e) {
660        e.preventDefault();
661        alert('Fonctionnalité de connexion - à intégrer selon votre backend.');
662    });
663</script>
663
664
665</body>
666</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.