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 & 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.