1<!DOCTYPE html> 2 3<html lang="fr"><head> 4 5 <!-- Google Tag Manager : ID exposé pour Tarteaucitron, chargement après consentement --> 6
6<script>window.SITE_GTM_ID = "GTM-NQFLB2P5";</script>
6 7 8 <meta charset="utf-8"> 9 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 10 <meta name="viewport" content="width=device-width, initial-scale=1"> 11 <link rel="stylesheet" href="/assets/main.css"> 12 <link rel="stylesheet" href="/assets/background-color.css"> 13 <link rel="stylesheet" href="/assets/text-color.css"> 14 15 <!-- Intégration de la feuille de style personnalisée --> 16 <link rel="stylesheet" href="/assets/custom.css"> 17 <!-- Titre du site --> 18 <title>Ãcurie de propriétaire - La Cravache</title> 19 <meta property="og:title" content="Ãcurie de propriétaire - La Cravache"> 20 <meta property="twitter:title" content="Ãcurie de propriétaire - La Cravache"> 21 <!-- Balise de base pour le référencement --> 22 <link rel="canonical" href="https://lacravache-saintmalo.fr/ecurie-de-proprietaire/"> 23 <!-- Description du site --> 24 <meta name="description" content="Consultez les tarifs des pensions pour chevaux à La Cravache : pré, box, paddock, retraite, cours, travail du cheval et transport en concours."> 25 <meta property="og:description" content="Consultez les tarifs des pensions pour chevaux à La Cravache : pré, box, paddock, retraite, cours, travail du cheval et transport en concours."> 26 <meta property="og:type" content="website"> 27 <meta property="og:url" content="https://lacravache-saintmalo.fr/ecurie-de-proprietaire/"> 28 29 <meta property="og:image" content="https://lacravache-saintmalo.fr/assets/images/balade-a-cheval-sur-la-plage-la-richardais-3776398.webp"> 30 <meta property="og:image:alt" content="balade a cheval sur la plage la richardais"> 31 32 <meta property="og:locale" content="fr_FR"> 33 <meta property="og:site_name" content="La Cravache "> 34 <meta name="twitter:card" content="summary"> 35 <!-- Données structurées SEO (schema.org / JSON-LD) --> 36
36<script type="application/ld+json"> 37{ 38"@context": "https://schema.org", 39"@graph": [{ 40"@type": "WebSite", 41"@id": "https://lacravache-saintmalo.fr#website", 42"url": "https://lacravache-saintmalo.fr/", 43"name": "La Cravache de Saint-Malo | Centre équestre, stages et promenades", 44"description": "Découvrez La Cravache, centre équestre à Saint-Coulomb près de Saint-Malo : cours, stages, promenades et écurie de propriétaires.", 45"publisher": { "@id": "https://lacravache-saintmalo.fr#organization" }, 46"inLanguage": "fr-FR" 47},{ 48"@type": ["LocalBusiness","SportsActivityLocation"], 49"@id": "https://lacravache-saintmalo.fr#organization", 50"name": "La Cravache", 51"url": "https://lacravache-saintmalo.fr/", 52"description": "Découvrez La Cravache, centre équestre à Saint-Coulomb près de Saint-Malo : cours, stages, promenades et écurie de propriétaires." 53,"legalName": "SAS SAGACITE (LA CRAVACHE DE SAINT-MALO)" 54,"logo": { "@type": "ImageObject", "@id": "https://lacravache-saintmalo.fr#logo", "url": "https://lacravache-saintmalo.fr/assets/images/balade-a-cheval-sur-la-plage-la-richardais-3776398.webp" } 55,"image": { "@id": "https://lacravache-saintmalo.fr#logo" } 56,"telephone": "02 99 81 65 03" 57,"email": "[email protected]" 58,"identifier": { "@type": "PropertyValue", "name": "SIREN", "value": "992081349" } 59,"address": { 60"@type": "PostalAddress", 61"streetAddress": "La Petite Vallée", 62"addressLocality": "Saint-Coulomb", 63"postalCode": "35350", 64"addressCountry": "FR" 65} 66,"geo": { "@type": "GeoCoordinates", "latitude": 48.66592020249946, "longitude": -1.9466544034967934 } 67,"openingHoursSpecification": [ 68{ "@type": "OpeningHoursSpecification", "dayOfWeek": "Monday", "opens": "09:00", "closes": "12:00" }, 69{ "@type": "OpeningHoursSpecification", "dayOfWeek": "Tuesday", "opens": "09:00", "closes": "12:00" }, 70{ "@type": "OpeningHoursSpecification", "dayOfWeek": "Wednesday", "opens": "09:00", "closes": "12:00" }, 71{ "@type": "OpeningHoursSpecification", "dayOfWeek": "Thursday", "opens": "09:00", "closes": "12:00" }, 72{ "@type": "OpeningHoursSpecification", "dayOfWeek": "Friday", "opens": "09:00", "closes": "12:00" }, 73{ "@type": "OpeningHoursSpecification", "dayOfWeek": "Saturday", "opens": "09:00", "closes": "12:00" }, 74{ "@type": "OpeningHoursSpecification", "dayOfWeek": "Monday", "opens": "14:00", "closes": "18:00" }, 75{ "@type": "OpeningHoursSpecification", "dayOfWeek": "Tuesday", "opens": "14:00", "closes": "18:00" }, 76{ "@type": "OpeningHoursSpecification", "dayOfWeek": "Wednesday", "opens": "14:00", "closes": "18:00" }, 77{ "@type": "OpeningHoursSpecification", "dayOfWeek": "Thursday", "opens": "14:00", "closes": "18:00" }, 78{ "@type": "OpeningHoursSpecification", "dayOfWeek": "Friday", "opens": "14:00", "closes": "18:00" }, 79{ "@type": "OpeningHoursSpecification", "dayOfWeek": "Saturday", "opens": "14:00", "closes": "18:00" } 80] 81,"hasMap": "https://www.google.com/maps/place/?q=place_id:ChIJv070r_6CDkgRfaR_mus0BpU" 82,"knowsAbout": ["centre équestre","balade à cheval","pension pour chevaux","balade à poney","stage d'équitation","cours d'équitation","balade à cheval sur la plage"] 83,"areaServed": [{ "@type": "Place", "name": "Saint-Coulomb" },{ "@type": "Place", "name": "Saint-Malo" },{ "@type": "Place", "name": "Cancale" },{ "@type": "Place", "name": "Dinard" },{ "@type": "Place", "name": "Saint-Lunaire" },{ "@type": "Place", "name": "Saint-Briac" },{ "@type": "Place", "name": "Lancieux" },{ "@type": "Place", "name": "La Richardais" },{ "@type": "Place", "name": "Saint-Méloir-des-Ondes" },{ "@type": "Place", "name": "Pleurtuit" }] 84,"contactPoint": { 85"@type": "ContactPoint", 86"contactType": "customer service", 87"telephone": "02 99 81 65 03", 88"email": "[email protected]", 89"areaServed": "FR", 90"availableLanguage": "French" 91} 92,"sameAs": ["https://www.instagram.com/lacravache35/"] 93},{ 94"@type": ["WebPage"], 95"@id": "https://lacravache-saintmalo.fr/ecurie-de-proprietaire/#webpage", 96"url": "https://lacravache-saintmalo.fr/ecurie-de-proprietaire/", 97"name": "Ãcurie de propriétaire", 98"description": "Consultez les tarifs des pensions pour chevaux à La Cravache : pré, box, paddock, retraite, cours, travail du cheval et transport en concours.", 99"isPartOf": { "@id": "https://lacravache-saintmalo.fr#website" }, 100"about": { "@id": "https://lacravache-saintmalo.fr#organization" }, 101"primaryImageOfPage": { "@type": "ImageObject", "url": "https://lacravache-saintmalo.fr/assets/images/balade-a-cheval-sur-la-plage-la-richardais-3776398.webp" },
102"breadcrumb": { "@id": "https://lacravache-saintmalo.fr/ecurie-de-proprietaire/#breadcrumb" }, 103"dateModified": "2026-09-30T08:32:17-05:00", 104"inLanguage": "fr-FR" 105}, 106{ 107"@type": "BreadcrumbList", 108"@id": "https://lacravache-saintmalo.fr/ecurie-de-proprietaire/#breadcrumb", 109"itemListElement": [ 110{ 111"@type": "ListItem", 112"position": 1, 113"name": "Accueil", 114"item": "https://lacravache-saintmalo.fr/" 115}, 116{ 117"@type": "ListItem", 118"position": 2, 119"name": "Ãcurie de propriétaire", 120"item": "https://lacravache-saintmalo.fr/ecurie-de-proprietaire/" 121}] 122}] 123} 124</script>
124 125 126 <!-- Balise robots --> 127 128 <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"> 129 130 <!-- Favicon --> 131 <link rel="shortcut icon" type="image/png" href="/assets/images/balade-a-poney-la-richardais-1170417.png"> 132 <!-- jQuery 3.6.1 (auto-hébergé pour conformité RGPD) --> 133
133<script src="/assets/vendor/jquery/jquery-3.6.1.min.js"></script>
133 134 <!-- OwlCarousel 2.3.4 (auto-hébergé) --> 135 <link rel="stylesheet" href="/assets/vendor/owlcarousel/owl.carousel.min.css"/> 136 <link rel="stylesheet" href="/assets/vendor/owlcarousel/owl.theme.default.min.css"/> 137 <!-- Bootstrap 5.2 CSS (auto-hébergé) --> 138 <link rel="stylesheet" href="/assets/vendor/bootstrap/bootstrap.min.css"> 139 <!-- Bootstrap-icons 1.9.1 (auto-hébergé) --> 140 <link rel="stylesheet" href="/assets/vendor/bootstrap-icons/bootstrap-icons.css"> 141 <!-- Polices (self-hosted) --> 142 <link rel="stylesheet" href="/assets/fonts/fonts.css"> 143 144 <style> 145 146 147 @import url('https://fonts.googleapis.com/css2?family=Petit+Formal+Script&display=swap'); 148 149 150 151 @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond&display=swap'); 152 153 154 </style> 155 156 <!-- Lottie (auto-hébergé, versions pinnées) --> 157
157<script src="/assets/vendor/lottie/lottie-player.js"></script>
157 158
158<script src="/assets/vendor/lottie/lottie-interactivity.min.js"></script>
158 159 <!-- --> 160 161 <!-- Tailwind CSS (compilé via binaire standalone, voir build-tailwind.sh) --> 162 <link rel="stylesheet" href="/assets/tailwind.css"> 163</head><body><a class="skip-link" href="#contenu-principal">Aller au contenu principal</a> 164<header id="headerPage"> 165 <nav class="navbar nav-fixed navbar-expand-lg fixed-top navbar-fixed-top text-color-secondary" 166 167 id="navigation-bar-show" 168 169 > 170 <div class="container-fluid"> 171 172 173 174 <a class="navbar-brand" href="/" aria-label="La Cravache , retour à l'accueil"> 175 <img src="/assets/images/balade-a-cheval-sur-la-plage-la-richardais-3776398.webp" itemprop="image" class="logo_nav" alt="La Cravache " 176 " 177 > 178 </a> 179 180 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" 181 data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" 182 aria-expanded="false" aria-label="Ouvrir le menu de navigation" style="background-color: white"> 183 <span class="navbar-toggler-icon fs-6"></span> 184 </button> 185 186 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 187 <ul class="navbar-nav d-flex flex-wrap justify-content-center align-items-center my-4 my-lg-0 mx-auto text-center"> 188 <!--- Menu de navigation ---> 189 190 191 192 193 194 195 196 <li class="px-4 py-2"> 197 <a class="fs-6 animated-border-button plain-link text-color-secondary" 198 href="/"> 199 <span style="color: rgb(15, 76, 129); font-weight: 500">ACCUEIL</span> 200 </a> 201 </li> 202 203 204 205 206 207 208 <li class="px-4 py-2"> 209 <a class="fs-6 animated-border-button plain-link text-color-secondary" 210 href="/centre-equestre/"> 211 <span style="color: #0F4C81; font-weight: 500">CENTRE ÃQUESTRE</span> 212 </a> 213 </li> 214 215 216 217 218 219 220 <li class="px-4 py-2"> 221 <a class="fs-6 animated-border-button plain-link text-color-secondary" 222 href="/stages-vacances/"> 223 <strong><span style="color: rgb(15, 76, 129); font-weight: 500">STAGES VACANCES</span></strong> 224 </a> 225 </li> 226 227 228 229 230 231 232 <li class="px-4 py-2"> 233 <a class="fs-6 animated-border-button plain-link text-color-secondary" 234 href="/promenades-a-cheval/"> 235 <span style="color: #0F4C81; font-weight: 500">PROMENADES</span> 236 </a> 237 </li> 238 239 240 241 242 243 244 <li class="px-4 py-2"> 245 <a class="fs-6 animated-border-button plain-link text-color-secondary" 246 href="/ecurie-de-proprietaire/"> 247 <span style="color: #0F4C81; font-weight: 500">ÃCURIE DE PROPRIÃTAIRE</span> 248 </a> 249 </li> 250 251 252 253 254 255 256 <li class="px-4 py-2"> 257 <a class="fs-6 animated-border-button plain-link text-color-secondary" 258 href="/concours-club-et-amateur/"> 259 <span style="color: #0F4C81; font-weight: 500">CONCOURS</span> 260 </a> 261 </li> 262 263 264 265 <li class="dropdown px-4"> 266 <div class="d-flex flex-column flex-lg-row align-items-center"> 267 <a class="nav-link fs-6 dropdown-toggle px-0 text-color-secondary text-center" 268 data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false"> 269 Recherches<br>fréquentes 270 </a><a class="nav-link fs-6 dropdown-toggle px-0 py-0 text-color-secondary text-center" 271 data-bs-toggle="dropdown" href="#" tabindex="-1" aria-hidden="true"> 272 <i class="bi bi-chevron-down fs-6 mx-2" aria-hidden="true"></i> 273 </a> 274 <ul class="dropdown-menu text-color-fourth" style="background-color: rgba(242, 214, 174, 1)"> 275 276 277 278 <li> 279 <a class="dropdown-item text-color-fourth" 280 style="background-color: rgba(242, 214, 174, 1)" 281 href="/nos-activites/centre-equestre-saint-coulomb/">Centre équestre</a> 282 </li> 283 284 285 <li> 286 <a class="dropdown-item text-color-fourth" 287 style="background-color: rgba(242, 214, 174, 1)" 288 href="/nos-activites/balade-a-cheval-saint-coulomb/">Balade à cheval</a> 289 </li> 290 291 292 <li> 293 <a class="dropdown-item text-color-fourth" 294 style="background-color: rgba(242, 214, 174, 1)" 295 href="/nos-activites/pension-pour-chevaux-saint-coulomb/">Pension pour chevaux</a> 296 </li> 297 298 <li><hr class="dropdown-divider"></li> 299 <li> 300 <a class="dropdown-item fw-bold text-color-fourth" style="background-color: rgba(242, 214, 174, 1)" 301 href="/nos-activites/"> 302 Voir plus<span class="visually-hidden"> d'activités</span> 303 <i class="bi bi-chevron-right" aria-hidden="true"></i> 304 </a> 305 </li> 306 </ul> 307 </div> 308 309 </li> 310 311 </ul> 312 <!-------> 313 <!--- Bouton de contact avec num de téléphone ---> 314 <div class="d-flex flex-column flex-lg-row justify-content-center justify-content-lg-end text-center m-1 my-2 my-lg-0"> 315 316 <a 317 target="_blank" 318 href="/planning-tarifs-inscription/" 319 class="grow button_header text-color-fourth mx-3 mx-lg-2 my-2 my-lg-1 p-2 rounded-pill text-decoration-none button-header-telephone" 320 > 321 Planning & tarifs 322 </a> 323 324 325 <a 326 target="_blank" 327 href="https://la-cravache-de-saint-malo.cavasoft.fr/connexion" 328 class="grow button_header text-color-fourth mx-3 mx-lg-2 my-1 p-2 rounded-pill text-decoration-none button-header-telephone" 329 > 330 Mon compte 331 </a> 332 333 </div> 334 <!----------> 335 </div> 336 </div> 337 </nav> 338</header> 339 340<main id="contenu-principal" class="page-content" tabindex="-1"> 341 <div class="wrapper"> 342 <div class="contenu"> 343 344 345 346 347 348 349 350 351 352 353<div class="spacer"></div> 354 355 356 357<section class="lc-page-header"> 358 <div class="lc-page-header__circle lc-page-header__circle--one lc-visual-reveal"></div> 359 <div class="lc-page-header__circle lc-page-header__circle--two lc-visual-reveal"></div> 360 361 <div class="lc-page-header__container"> 362 363 <img 364 class="lc-page-header__logo lc-visual-reveal" 365 src="https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FvyjvmNjUHEdT9TgfCZZ5GqsgCag1%2Fimages%2FLogo_1_ziln.webp" 366 alt="Logo La Cravache de Saint-Malo" 367 > 368 369 <div class="lc-page-header__content">
370 <span class="lc-page-header__label"> 371 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house-heart-icon lucide-house-heart"><path d="M8.62 13.8A2.25 2.25 0 1 1 12 10.836a2.25 2.25 0 1 1 3.38 2.966l-2.626 2.856a.998.998 0 0 1-1.507 0z"/><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/></svg> 372 373 La Cravache de Saint-Malo 374 </span> 375 376 <h1><strong><span style="font-weight: 500">ÃCURIE </span></strong><br><strong><span style="font-weight: 500">DE PROPRIÃTAIRE</span></strong></h1> 377 378 <p>Découvrez les différentes formules de pension et les services complémentaires proposés par La Cravache pour héberger, accompagner et travailler votre cheval selon vos besoins.</p> 379 380 </div> 381 382 </div> 383 384 <div class="lc-page-header__bottom-shape"></div> 385</section> 386 387 388 389 390 391 392 393 394<section class="lc-galops-documents" id="documents-galops"> 395 <div class="lc-galops-documents__shape lc-galops-documents__shape--one" aria-hidden="true"></div> 396 <div class="lc-galops-documents__shape lc-galops-documents__shape--two" aria-hidden="true"></div> 397 <div class="lc-container"> 398 399 <div class="lc-pricing__header"> 400 401 <h2><strong><span style="color: #0F4C81; font-family: Cormorant\ Garamond; font-size: 1.3em; font-weight: 600">TARIFS PENSIONS</span></strong></h2> 402 403 </div> 404 405 <div class="lc-pricing__grid" style="gap: 60px 42px;"> 406 407 408 409 410 411 412 <article class="lc-pricing-card lc-pricing-card--blue"> 413 <div class="lc-pricing-card__heading"> 414 <div class="lc-pricing-card__diamonds" aria-hidden="true"> 415 <span></span> 416 <span></span> 417 <span></span> 418 </div> 419 420 <h3>Pension box / paddock</h3> 421 </div> 422 423 <div class="lc-pricing-card__body"> 424 <div class="lc-pricing-card__line"> 425 <span>Prix mensuel :</span> 426 <strong>430 â¬</strong> 427 </div> 428 429 </div> 430 </article> 431 432 <article class="lc-pricing-card lc-pricing-card--blue"> 433 <div class="lc-pricing-card__heading"> 434 <div class="lc-pricing-card__diamonds" aria-hidden="true"> 435 <span></span> 436 <span></span> 437 <span></span> 438 </div> 439 440 <h3>Pension pré</h3> 441 442 <p> 443 (accès aux installations) 444 </p> 445 </div> 446 447 <div class="lc-pricing-card__body"> 448 <div class="lc-pricing-card__line"> 449 <span>Prix mensuel :</span> 450 <strong>230 â¬</strong> 451 </div> 452 453 </div> 454 </article> 455 456 457 <article class="lc-pricing-card lc-pricing-card--sand"> 458 <div class="lc-pricing-card__heading"> 459 <div class="lc-pricing-card__diamonds" aria-hidden="true"> 460 <span></span> 461 <span></span> 462 <span></span> 463 </div> 464 465 <h3>Carte 10h de cours collectifs</h3> 466 467 <p> 468 Valable 1 an 469 </p> 470 </div> 471 472 <div class="lc-pricing-card__body"> 473 <div class="lc-pricing-card__line"> 474 <span>Prix par carte :</span> 475 <strong>110 â¬</strong> 476 </div> 477 478 </div> 479 </article> 480 481<!-- PRESTATIONS COMPLÃMENTAIRES --> 482 483<div class="lc-pricing__subsection"> 484 <span>Accompagnement personnalisé</span> 485 486 <h3>Cours particuliers et travail du cheval</h3> 487 488 <p> 489 Des prestations adaptées aux besoins du cavalier et à la progression de son cheval. 490 </p> 491</div> 492 493 494<!-- COURS PARTICULIER --> 495 496<article class="lc-pricing-card lc-pricing-card--sand"> 497 <div class="lc-pricing-card__heading"> 498 <div class="lc-pricing-card__diamonds" aria-hidden="true"> 499 <span></span> 500 <span></span> 501 <span></span> 502 </div> 503 504 <h3>Cours particulier</h3> 505 506 <p> 507 Accompagnement individuel du cavalier 508 </p> 509 </div> 510 511 <div class="lc-pricing-card__body"> 512 <div class="lc-pricing-card__line"> 513 <span>à la séance :</span> 514 <strong>30 â¬</strong> 515 </div> 516 </div> 517</article> 518 519 520<!-- TRAVAIL DU CHEVAL --> 521 522<article class="lc-pricing-card lc-pricing-card--blue lc-pricing-card--wide"> 523 <div class="lc-pricing-card__heading"> 524 <div class="lc-pricing-card__diamonds" aria-hidden="true">
525 <span></span> 526 <span></span> 527 <span></span> 528 </div> 529 530 <h3>Travail du cheval</h3> 531 532 <p> 533 Une fréquence adaptée aux besoins et aux objectifs de votre cheval 534 </p> 535 </div> 536 537 <div class="lc-pricing-card__body lc-pricing-card__body--schedule"> 538 539 <div class="lc-pricing-card__line"> 540 <span>1 fois par semaine</span> 541 <strong>80â¬</strong> 542 </div> 543 544 545 <div class="lc-pricing-card__line"> 546 <span>2 fois par semaine</span> 547 <strong>150â¬</strong> 548 </div> 549 550 <div class="lc-pricing-card__line"> 551 <span>3 fois par semaine</span> 552 <strong>200â¬</strong> 553 </div> 554 555 <div class="lc-pricing-card__line"> 556 <span>à la séance</span> 557 <strong>30â¬</strong> 558 </div> 559 560 </div> 561</article> 562 563 564 565 </div> 566 567 </div> 568 569 <div class="lc-galops-documents__bottom-shape" aria-hidden="true"></div> 570</section> 571 572 573 574 575 576 577 578 579 580<section class="lc-image-gallery" id="galerie-documents"> 581 <div class="cravache-map-top-shape" style="background: #fbf7f1;"></div> 582 <div class="lc-image-gallery__background" aria-hidden="true"></div> 583 584 <div class="lc-container"> 585 586 <div class="lc-image-gallery__grid"> 587 588 <button 589 type="button" 590 class="lc-image-gallery__item lc-visual-reveal" 591 data-lc-gallery-image="https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FvyjvmNjUHEdT9TgfCZZ5GqsgCag1%2Fimages%2F751cf745d9751fd80aedbe1d1edb6efd_e76b.webp" 592 aria-label="Agrandir la première image" 593 > 594 <img 595 src="https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FvyjvmNjUHEdT9TgfCZZ5GqsgCag1%2Fimages%2F751cf745d9751fd80aedbe1d1edb6efd_e76b.webp" 596 alt="Document de La Cravache de Saint-Malo" 597 > 598 599 <span class="lc-image-gallery__overlay"> 600 <span class="lc-image-gallery__icon"> 601 <i class="bi bi-arrows-fullscreen" aria-hidden="true"></i> 602 </span> 603 </span> 604 </button> 605 606 607 <button 608 type="button" 609 class="lc-image-gallery__item lc-visual-reveal" 610 data-lc-gallery-image="https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FvyjvmNjUHEdT9TgfCZZ5GqsgCag1%2Fimages%2F8fb5aedc28b9dfb0fba03cf345dc8315_jhx0.webp" 611 aria-label="Agrandir la deuxième image" 612 > 613 <img 614 src="https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FvyjvmNjUHEdT9TgfCZZ5GqsgCag1%2Fimages%2F8fb5aedc28b9dfb0fba03cf345dc8315_jhx0.webp" 615 alt="Document de La Cravache de Saint-Malo" 616 > 617 618 <span class="lc-image-gallery__overlay"> 619 <span class="lc-image-gallery__icon"> 620 <i class="bi bi-arrows-fullscreen" aria-hidden="true"></i> 621 </span> 622 </span> 623 </button> 624 625 626 <button 627 type="button" 628 class="lc-image-gallery__item lc-visual-reveal" 629 data-lc-gallery-image="https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FvyjvmNjUHEdT9TgfCZZ5GqsgCag1%2Fimages%2F693ba4c16161c3516eb1497c448db348_hgnh.webp" 630 aria-label="Agrandir la troisième image" 631 > 632 <img 633 src="https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FvyjvmNjUHEdT9TgfCZZ5GqsgCag1%2Fimages%2F693ba4c16161c3516eb1497c448db348_hgnh.webp" 634 alt="Document de La Cravache de Saint-Malo" 635 > 636 637 <span class="lc-image-gallery__overlay"> 638 <span class="lc-image-gallery__icon"> 639 <i class="bi bi-arrows-fullscreen" aria-hidden="true"></i> 640 </span> 641 </span> 642 </button> 643 644 </div> 645 </div> 646</section> 647 648 649<div 650 class="lc-image-lightbox" 651 role="dialog" 652 aria-modal="true" 653 aria-label="Aperçu de lâimage" 654 aria-hidden="true" 655> 656 <button 657 type="button" 658 class="lc-image-lightbox__backdrop" 659 aria-label="Fermer lâaperçu" 660 data-lc-gallery-close 661 ></button> 662 663 <div class="lc-image-lightbox__content"> 664 <button 665 type="button" 666 class="lc-image-lightbox__close" 667 aria-label="Fermer lâaperçu" 668 data-lc-gallery-close 669 > 670 <i class="bi bi-x-lg" aria-hidden="true"></i> 671 </button> 672 673 <img 674 class="lc-image-lightbox__image" 675 src="" 676 alt="Image agrandie" 677 > 678 </div> 679</div> 680 681<style> 682 .lc-image-gallery, 683 .lc-image-gallery *, 684 .lc-image-lightbox, 685 .lc-image-lightbox * { 686 box-sizing: border-box; 687 } 688 689 .lc-image-gallery { 690 width: 100%; 691 position: relative; 692 overflow: hidden; 693 padding: 150px 0 180px; 694 color: #ffffff; 695 background: #0F4C81; 696 background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FvyjvmNjUHEdT9TgfCZZ5GqsgCag1%2Fimages%2FCharte_graphique_1_s77u.webp"); 697 background-repeat: no-repeat; 698 background-position: bottom left; 699 background-size: auto 180px; 700 } 701 702 .lc-image-gallery::before { 703 content: ""; 704 position: absolute; 705 top: -86px; 706 left: -8%; 707 width: 116%; 708 height: 145px; 709 border-radius: 50% 50% 0 0; 710 background: #0F4C81; 711 transform: rotate(-2deg); 712 } 713 714 .lc-image-gallery__background { 715 position: absolute; 716 top: 70px; 717 right: -180px; 718 width: 540px; 719 height: 540px; 720 border: 1px solid rgba(242, 214, 174, 0.13); 721 border-radius: 50%; 722 } 723 724 .lc-image-gallery__background::before, 725 .lc-image-gallery__background::after { 726 content: ""; 727 position: absolute; 728 border: 1px solid rgba(242, 214, 174, 0.1); 729 border-radius: 50%; 730 } 731 732 .lc-image-gallery__background::before { 733 inset: 50px; 734 } 735 736 .lc-image-gallery__background::after { 737 inset: 105px; 738 } 739 740 .lc-image-gallery__header { 741 max-width: 780px; 742 margin: 0 auto 60px; 743 position: relative; 744 z-index: 2; 745 text-align: center; 746 } 747 748 .lc-image-gallery__header h2 { 749 margin: 0 0 22px; 750 color: #ffffff; 751 line-height: 1.1; 752 } 753 754 .lc-image-gallery__header p { 755 margin: 0; 756 color: rgba(255, 255, 255, 0.8); 757 line-height: 1.75; 758 } 759 760 .lc-image-gallery__grid { 761 position: relative; 762 z-index: 2; 763 display: grid; 764 grid-template-columns: repeat(3, 1fr); 765 gap: 24px; 766 align-items: stretch; 767 } 768 769 .lc-image-gallery__item { 770 width: 100%; 771 min-height: 500px; 772 position: relative; 773 overflow: hidden; 774 padding: 0; 775 border: 8px solid rgba(255, 255, 255, 0.08); 776 border-radius: 150px 150px 28px 28px; 777 background: #F2D6AE; 778 box-shadow: 0 28px 70px rgba(5, 31, 53, 0.3); 779 cursor: pointer; 780 } 781 782 .lc-image-gallery__item:nth-child(2) { 783 margin-top: 40px; 784 transition-delay: 0.15s; 785 } 786 787 .lc-image-gallery__item:nth-child(3) { 788 transition-delay: 0.3s; 789 } 790 791 .lc-image-gallery__item img { 792 width: 100%; 793 height: 100%; 794 position: absolute; 795 inset: 0; 796 display: block; 797 object-fit: cover; 798 transition: transform 0.55s ease; 799 } 800 801 .lc-image-gallery__overlay { 802 position: absolute; 803 inset: 0; 804 display: flex; 805 align-items: flex-end; 806 justify-content: flex-end; 807 padding: 24px; 808 background: linear-gradient( 809 180deg, 810 rgba(8, 44, 76, 0) 45%, 811 rgba(8, 44, 76, 0.58) 100% 812 ); 813 } 814 815 .lc-image-gallery__icon { 816 width: 54px; 817 height: 54px; 818 border: 1px solid rgba(255, 255, 255, 0.35); 819 border-radius: 50%; 820 display: grid; 821 place-items: center; 822 color: #0F4C81; 823 background: #F2D6AE; 824 box-shadow: 0 15px 35px rgba(5, 31, 53, 0.22); 825 transition: 826 transform 0.3s ease, 827 color 0.3s ease, 828 background-color 0.3s ease; 829 } 830 831 .lc-image-gallery__item:hover img { 832 transform: scale(1.045); 833 } 834 835 .lc-image-gallery__item:hover .lc-image-gallery__icon { 836 color: #F2D6AE; 837 background: #0F4C81; 838 transform: scale(1.08); 839 } 840 841 .lc-image-lightbox { 842 position: fixed; 843 z-index: 999999; 844 inset: 0; 845 padding: 30px; 846 display: flex; 847 align-items: center; 848 justify-content: center; 849 visibility: hidden; 850 opacity: 0; 851 pointer-events: none; 852 transition: 853 opacity 0.35s ease, 854 visibility 0.35s ease; 855 } 856 857 .lc-image-lightbox.is-open { 858 visibility: visible; 859 opacity: 1; 860 pointer-events: auto; 861 } 862 863 .lc-image-lightbox__backdrop { 864 position: absolute; 865 inset: 0; 866 padding: 0; 867 border: 0; 868 background: rgba(8, 44, 76, 0.88); 869 backdrop-filter: blur(10px); 870 cursor: pointer; 871 } 872 873 .lc-image-lightbox__content { 874 width: auto; 875 max-width: 1200px; 876 max-height: calc(100vh - 60px); 877 position: relative; 878 z-index: 2; 879 padding: 14px; 880 border: 1px solid rgba(242, 214, 174, 0.35); 881 border-radius: 34px; 882 background: rgba(255, 255, 255, 0.1); 883 box-shadow: 0 35px 100px rgba(5, 31, 53, 0.45); 884 transform: translateY(30px) scale(0.97); 885 transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); 886 } 887 888 .lc-image-lightbox.is-open .lc-image-lightbox__content { 889 transform: translateY(0) scale(1); 890 } 891 892 .lc-image-lightbox__image { 893 display: block; 894 width: auto; 895 max-width: 100%; 896 max-height: calc(100vh - 88px); 897 border-radius: 23px; 898 object-fit: contain; 899 background: #ffffff; 900 } 901 902 .lc-image-lightbox__close { 903 width: 52px; 904 height: 52px; 905 position: absolute; 906 z-index: 3; 907 top: -18px; 908 right: -18px; 909 padding: 0; 910 border: 1px solid #F2D6AE; 911 border-radius: 50%; 912 display: grid; 913 place-items: center; 914 color: #0F4C81; 915 background: #F2D6AE; 916 cursor: pointer; 917 box-shadow: 0 15px 35px rgba(5, 31, 53, 0.3); 918 transition: 919 transform 0.3s ease, 920 color 0.3s ease, 921 background-color 0.3s ease; 922 } 923 924 .lc-image-lightbox__close:hover { 925 color: #F2D6AE; 926 background: #0F4C81; 927 transform: rotate(90deg); 928 } 929 930 body.lc-image-lightbox-open { 931 overflow: hidden; 932 } 933 934 @media (max-width: 1000px) { 935 .lc-image-gallery__grid { 936 grid-template-columns: repeat(2, 1fr); 937 } 938 939 .lc-image-gallery__item:nth-child(2) { 940 margin-top: 35px; 941 } 942 943 .lc-image-gallery__item:nth-child(3) { 944 grid-column: 1 / -1; 945 width: 50%; 946 min-height: 560px; 947 margin: 0 auto; 948 } 949 } 950 951 @media (max-width: 680px) { 952 .lc-image-gallery { 953 padding: 120px 0 135px; 954 background-size: auto 110px; 955 } 956 957 .lc-image-gallery__header { 958 margin-bottom: 45px; 959 } 960 961 .lc-image-gallery__grid { 962 grid-template-columns: 1fr; 963 } 964 965 .lc-image-gallery__item, 966 .lc-image-gallery__item:nth-child(2), 967 .lc-image-gallery__item:nth-child(3) { 968 grid-column: auto; 969 width: 100%; 970 min-height: 480px; 971 margin: 0; 972 border-radius: 110px 110px 24px 24px; 973 } 974 975 .lc-image-lightbox { 976 padding: 18px; 977 } 978 979 .lc-image-lightbox__content { 980 max-height: calc(100vh - 36px); 981 padding: 9px; 982 border-radius: 25px; 983 } 984 985 .lc-image-lightbox__image { 986 max-height: calc(100vh - 54px);
987 border-radius: 17px; 988 } 989 990 .lc-image-lightbox__close { 991 width: 46px; 992 height: 46px; 993 top: -13px; 994 right: -8px; 995 } 996 } 997 998 @media (max-width: 430px) { 999 .lc-image-gallery__item, 1000 .lc-image-gallery__item:nth-child(2), 1001 .lc-image-gallery__item:nth-child(3) { 1002 min-height: 400px; 1003 border-radius: 85px 85px 20px 20px; 1004 } 1005 } 1006</style> 1007
1008<script> 1009 document.addEventListener("DOMContentLoaded", function () { 1010 const galleryButtons = document.querySelectorAll("[data-lc-gallery-image]"); 1011 const lightbox = document.querySelector(".lc-image-lightbox"); 1012 1013 if (!lightbox || !galleryButtons.length) return; 1014 1015 const lightboxImage = lightbox.querySelector(".lc-image-lightbox__image"); 1016 const closeButtons = lightbox.querySelectorAll("[data-lc-gallery-close]"); 1017 let lastFocusedElement = null; 1018 1019 function openLightbox(button) { 1020 const imageUrl = button.getAttribute("data-lc-gallery-image"); 1021 1022 if (!imageUrl) return; 1023 1024 lastFocusedElement = button; 1025 lightboxImage.src = imageUrl; 1026 lightbox.classList.add("is-open"); 1027 lightbox.setAttribute("aria-hidden", "false"); 1028 document.body.classList.add("lc-image-lightbox-open"); 1029 1030 const closeButton = lightbox.querySelector(".lc-image-lightbox__close"); 1031 1032 if (closeButton) { 1033 closeButton.focus(); 1034 } 1035 } 1036 1037 function closeLightbox() { 1038 lightbox.classList.remove("is-open"); 1039 lightbox.setAttribute("aria-hidden", "true"); 1040 document.body.classList.remove("lc-image-lightbox-open"); 1041 1042 window.setTimeout(function () { 1043 lightboxImage.src = ""; 1044 }, 350); 1045 1046 if (lastFocusedElement) { 1047 lastFocusedElement.focus(); 1048 } 1049 } 1050 1051 galleryButtons.forEach(function (button) { 1052 button.addEventListener("click", function () { 1053 openLightbox(button); 1054 }); 1055 }); 1056 1057 closeButtons.forEach(function (button) { 1058 button.addEventListener("click", closeLightbox); 1059 }); 1060 1061 document.addEventListener("keydown", function (event) { 1062 if (event.key === "Escape" && lightbox.classList.contains("is-open")) { 1063 closeLightbox(); 1064 } 1065 }); 1066 }); 1067</script>
1067 1068 1069 1070 1071 1072 1073 1074 1075
1076<script> 1077document.addEventListener("DOMContentLoaded", function () { 1078 const element = document.querySelector( 1079 "#navbarSupportedContent > ul > li:nth-child(5) span" 1080 ); 1081 1082 if (!element) return; 1083 1084 Object.assign(element.style, { 1085 fontWeight: "700" 1086 }); 1087}); 1088</script>
1088 1089 1090 1091 </div> 1092 </div> 1093</main> 1094 1095<div class="py-0 my-0 bg-thirdColor"> 1096 <nav aria-label="Fil d'Ariane" class="breadcrumb mb-0 fil-ariane d-flex justify-content-center justify-content-lg-end p-3"> 1097 <ol itemscope itemtype="https://schema.org/BreadcrumbList" class="breadcrumb"> 1098 <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="breadcrumb-item"><a itemprop="item" href="/"> 1099 <span itemprop="name"> 1100 <span class="visually-hidden">Accueil</span> 1101 <i class="bi bi-house text-color-third" aria-hidden="true"></i> 1102 </span> 1103 </a> 1104 <meta itemprop="position" content="1"> 1105 </li> 1106 1107 1108 1109 1110 1111 <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" 1112 class="breadcrumb-item active text-color-third"> 1113 <span itemprop="name" class="text-color-third" >Ecurie-de-proprietaire</span> 1114 <meta itemprop="position" content="2"> 1115 </li> 1116 1117 1118 </ol> 1119</nav> 1120 1121</div> 1122<div class="bg-thirdColor"> 1123 <div class="container"> 1124 <footer class="py-2"> 1125 <div class="row justify-content-center justify-content-lg-around text-center text-lg-start"> 1126 <div class="col-md-4 offset-md-1 mb-3 mx-0"> 1127 <div class="mx-4 mb-3 logo-footer mx-auto"> 1128 1129 <img src="/assets/images/balade-a-cheval-sur-la-plage-la-richardais-3776398.webp" 1130 class="logo_nav" 1131 alt="La Cravache " 1132 1133 > 1134 1135 </div> 1136 1137 <p class="text-color-third">Découvrez La Cravache, centre équestre à Saint-Coulomb près de Saint-Malo : cours, stages, promenades et écurie de propriétaires.</p> 1138 1139 </div> 1140 1141 <div class="col-8 col-md-2 mb-3 text-color-third"> 1142 1143 <h2 class="mb-3 h5">Réseaux Sociaux</h2> 1144 <ul class="list-unstyled d-flex justify-content-center justify-content-lg-start gap-2 m-0"> 1145 <!-- Boucle sur les liens déclarés de réseaux et associe l'icône en fonction --> 1146 1147 1148 <li> 1149 <span class="link-body-emphasis obftrucs" 1150 role="link" tabindex="0" aria-label="Instagram" 1151 data-obftrucs="aHR0cHM6Ly93d3cuaW5zdGFncmFtLmNvbS9sYWNyYXZhY2hlMzUv 1152"> 1153 <i class="bi bi-instagram fs-4" aria-hidden="true"></i> 1154 </span> 1155 </li> 1156 1157 1158 </ul> 1159 1160 </div> 1161 1162 <div class="col-8 col-md-2 mb-3 text-color-third"> 1163 <h2 class="mb-4 h5">Coordonnées</h2> 1164 <div class="d-flex flex-column flex-lg-row"> 1165 <i class="bi bi-geo-alt" aria-hidden="true"></i> 1166 <p class="ms-2">La Petite Vallée, 35350 Saint-Coulomb</p> 1167 </div> 1168 <div class="d-flex flex-column flex-lg-row"> 1169 <i class="bi bi-telephone" aria-hidden="true"></i> 1170 <p class="ms-2"><a class="plain-link-hover-underline text-color-third" href="tel:02 99 81 65 03">02 99 81 65 03</a></p> 1171 </div> 1172 </div> 1173 1174 <div class="col-8 col-md-2 mb-3 text-color-third"> 1175 <h2 class="mb-4 h5">Informations</h2> 1176 <ul class="nav flex-column m-0"><li class="nav-item mb-2"> 1177 <button type="button" id="open_preferences_center" 1178 class="p-0 border-0 bg-transparent text-color-third footer-infos"> 1179 Gestion des cookies 1180 </button> 1181 </li> 1182 <li class="nav-item mb-2"> 1183 <a href="/politique-de-confidentialite/" 1184 class="p-0 footer-infos plain-link-hover-underline text-color-third"> 1185 Politique de confidentialité 1186 </a> 1187 </li> 1188 <li class="nav-item mb-2"> 1189 <a href="/mentions-legales/" 1190 class="p-0 footer-infos plain-link-hover-underline text-color-third"> 1191 Mentions légales 1192 </a> 1193 </li> 1194 </ul> 1195 </div> 1196 </div> 1197 <div class="d-flex flex-column flex-sm-row justify-content-between pt-4 my-2 border-top text-center text-color-third"> 1198 <p class="small-font">© 2026 La Cravache | Tous droits réservés</p> 1199 <p class="small-font">Site réalisé par 1200 <a class="plain-link text-color-third" href="https://refpro.fr/"> 1201 <img class="mb-1 mx-1" 1202 width="12" height="17" loading="lazy" decoding="async"
1203 src="/assets/networks-images/logo_Refpro-short.png" 1204 alt="Refpro, le référencement professionnel" 1205 > 1206 </a> 1207 </p> 1208 </div> 1209 </footer> 1210 </div> 1211</div> 1212 1213<!-- Activation clavier des éléments non natifs porteurs d'un rôle interactif -->
1214<script src="/assets/js/a11y-activation.js" defer></script>
1214 1215 1216<!-- Bootstrap 5.2 JS (auto-hébergé pour conformité RGPD) -->
1217<script src="/assets/vendor/bootstrap/bootstrap.bundle.min.js"></script>
1217 1218 1219<!-- Masonry 4.2.2 (auto-hébergé) -->
1220<script src="/assets/vendor/masonry/masonry.pkgd.min.js" async></script>
1220 1221 1222<!--- Intégration Modal Bootstrap ---->
1223<script type="text/javascript" src="/assets/js/modal-bootstrap.js"></script>
1223 1224<!-- ------------------------------------------ --> 1225 1226 1227<!-- jQuery (chargé via head.html déjà , mais redondance maintenue pour le bloc navbar custom) -->
1228<script src="/assets/vendor/jquery/jquery-3.6.1.min.js"></script>
vendor: 1 bytes, line 1228
1228
1229<script type="text/javascript" src="/assets/js/navbar.js"></script>
1229 1230 1231 1232<!-- OwlCarousel 2.3.4 JS (auto-hébergé) -->
1233<script src="/assets/vendor/owlcarousel/owl.carousel.min.js"></script>
vendor: 1 bytes, line 1233
1233
1234<script type="text/javascript" src="/assets/js/owlcarousel.js"></script>
1234 1235 1236<!--- Intégration Obftrucs ---->
1237<script type="text/javascript" src="/assets/js/obftrucs.js"></script>
1237 1238<!-- ------------------------------------------ --> 1239 1240<!--- Gestion du consentement (Tarteaucitron.js â auto-hébergé, conforme CNIL/RGPD) ---->
1241<script type="text/javascript" src="/assets/vendor/tarteaucitron/tarteaucitron.min.js"></script>
vendor: 1 bytes, line 1241
1241
1242<script type="text/javascript" src="/assets/js/cookies.js"></script>
1242 1243<!-- ------------------------------------------ --> 1244 1245<!--- Intégration Custom JS ---->
1246<script> document.addEventListener("DOMContentLoaded", function () { const visualElements = document.querySelectorAll(".lc-visual-reveal"); const anchorLinks = document.querySelectorAll( '.lc-hero a[href^="#"]:not([href="#"]), .lc-stats a[href^="#"]:not([href="#"]), .lc-presentation a[href^="#"]:not([href="#"]), .lc-services a[href^="#"]:not([href="#"]), .lc-team a[href^="#"]:not([href="#"])'); if ("IntersectionObserver" in window) { const visualObserver = new IntersectionObserver( function (entries, observer) { entries.forEach(function (entry) { if (entry.isIntersecting) { entry.target.classList.add("is-visible"); observer.unobserve(entry.target); } }); }, { threshold: 0.12, rootMargin: "0px 0px -40px 0px" } ); visualElements.forEach(function (element) { visualObserver.observe(element); }); } else { visualElements.forEach(function (element) { element.classList.add("is-visible"); }); } anchorLinks.forEach(function (link) { link.addEventListener("click", function (event) { const targetId = link.getAttribute("href"); const target = document.querySelector(targetId); if (target) { event.preventDefault(); target.scrollIntoView({ behavior: "smooth", block: "start" }); } }); }); });</script>
1246<script> document.addEventListener("DOMContentLoaded", function () { const popupOpeners = document.querySelectorAll("[data-lc-popup-open]"); const popupClosers = document.querySelectorAll("[data-lc-popup-close]"); let activePopup = null; let lastFocusedElement = null; function openPopup(popupId, opener) { const popup = document.getElementById(popupId); if (!popup) { return; } lastFocusedElement = opener; activePopup = popup; popup.classList.add("is-open"); popup.setAttribute("aria-hidden", "false"); document.body.classList.add("lc-popup-open"); const closeButton = popup.querySelector(".lc-popup__close"); if (closeButton) { closeButton.focus(); } } function closePopup(popup) { if (!popup) { return; } popup.classList.remove("is-open"); popup.setAttribute("aria-hidden", "true"); document.body.classList.remove("lc-popup-open"); if (lastFocusedElement) { lastFocusedElement.focus(); } activePopup = null; } popupOpeners.forEach(function (opener) { opener.addEventListener("click", function (event) { event.preventDefault(); openPopup( opener.getAttribute("data-lc-popup-open"), opener ); }); }); popupClosers.forEach(function (closer) { closer.addEventListener("click", function () { closePopup(closer.closest(".lc-popup")); }); }); document.addEventListener("keydown", function (event) { if (event.key === "Escape" && activePopup) { closePopup(activePopup); } }); });</script>
1246<script>document.addEventListener("DOMContentLoaded", function() { const button = document.querySelector("#navbarSupportedContent > div > a:nth-child(1)"); if (button) { const svg = ` <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-check-icon lucide-calendar-check"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/><path d="m9 16 2 2 4-4"/></svg> `; button.innerHTML = svg + button.innerHTML; }});</script>
1246<script>document.addEventListener("DOMContentLoaded", function() { const button = document.querySelector("#navbarSupportedContent > div > a:nth-child(2)"); if (button) { const svg = ` <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-round-check-icon lucide-user-round-check"><path d="M2 21a8 8 0 0 1 13.292-6"/><circle cx="10" cy="8" r="5"/><path d="m16 19 2 2 4-4"/></svg> `; button.innerHTML = svg + button.innerHTML; }});</script>
1246<script> (() => { const config = { phone: "0299816503",formHref: "/contact/" }; const css = `.fgr-fab-wrap{ position:fixed; right:28px; bottom:28px; z-index:99999; display:flex; flex-direction:column; gap:16px;}.fgr-fab{ display:flex; align-items:center; gap:14px; text-decoration:none;}.fgr-fab-label{ max-width:0; opacity:0; overflow:hidden; white-space:nowrap; padding:0; border-radius:999px; background:#ffffff; color:#0F4C81; font-weight:700; box-shadow:0 12px 35px rgba(8,44,76,.12); transition:.35s;}.fgr-fab-bubble{ width:64px; height:64px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#0F4C81; border:3px solid #F2D6AE; color:#F2D6AE; box-shadow:0 20px 45px rgba(8,44,76,.22); transition:.35s;}.fgr-fab-bubble i{ font-size:1.45rem; color:#F2D6AE;}.fgr-fab:hover .fgr-fab-bubble{ background:#F2D6AE; transform:translateY(-4px) scale(1.05);}.fgr-fab:hover .fgr-fab-bubble i{ color:#0F4C81;}.fgr-fab:hover .fgr-fab-label{ max-width:220px; opacity:1; padding:13px 18px;}@media(max-width:768px){ .fgr-fab-wrap{ right:16px; bottom:16px; gap:12px; } .fgr-fab-label{ display:none; } .fgr-fab-bubble{ width:58px; height:58px; }}`; const style = document.createElement("style"); style.setAttribute("data-fgr-fab", "1"); style.textContent = css; document.head.appendChild(style); const wrap = document.createElement("div"); wrap.className = "fgr-fab-wrap"; wrap.setAttribute("aria-label", "Raccourcis contact"); const mk = ({ href, icon, label, aria } ) => { const a = document.createElement("a"); a.className = "fgr-fab"; a.href = href; a.setAttribute("aria-label", aria || label); a.rel = href.startsWith("http") ? "noopener noreferrer" : ""; a.target = href.startsWith("http") ? "_blank" : ""; const bubble = document.createElement("span"); bubble.className = "fgr-fab-bubble"; const i = document.createElement("i"); i.className = icon; bubble.appendChild(i); const txt = document.createElement("span"); txt.className = "fgr-fab-label"; txt.textContent = label; a.appendChild(txt); a.appendChild(bubble); return a; }; const phoneClean = config.phone.replace(/\s+/g, ""); wrap.appendChild(mk({ href: `tel:${ phoneClean } `, icon: "bi bi-telephone-fill", label: "Appeler", aria: "Appeler" } )); wrap.appendChild(mk({ href: config.formHref, icon: "bi bi-chat-dots-fill", label: "Formulaire", aria: "Aller au formulaire" } )); document.body.appendChild(wrap); } )();</script>
1246<script>document.addEventListener("DOMContentLoaded", function () { const section = document.getElementById("tally-duplication-form-section"); if (!section) return; const style = document.createElement("style"); style.textContent = ` #tally-duplication-form-section{ position:relative; overflow:hidden; padding:150px 0 170px !important; background:#0F4C81; background-image:url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FvyjvmNjUHEdT9TgfCZZ5GqsgCag1%2Fimages%2FCharte_graphique_1_s77u.webp"); background-repeat:no-repeat; background-position:bottom left; background-size:auto 180px; } #tally-duplication-form-section::before{ content:""; position:absolute; top:-85px; left:-8%; width:116%; height:145px; border-radius:50% 50% 0 0; background:#0F4C81; transform:rotate(-2deg); } #tally-duplication-form-section::after{ content:""; position:absolute; right:-180px; top:70px; width:520px; height:520px; border-radius:50%; border:1px solid rgba(242,214,174,.12); } #tally-duplication-form-section .container{ position:relative; z-index:5; } #tally-duplication-form-section .col-lg-12{ padding:0 !important; } #tally-duplication-form-section .tac_socialsembeds{ background:#ffffff; border-radius:40px; overflow:hidden; padding:40px; box-shadow:0 30px 80px rgba(8,44,76,.22); } #tally-duplication-form-section iframe{ display:block; width:100% !important; border:none !important; border-radius:24px; } @media(max-width:991px){ #tally-duplication-form-section{ padding:120px 0 !important; } #tally-duplication-form-section .tac_socialsembeds{ padding:20px; border-radius:28px; } } `; document.head.appendChild(style);});</script>
1246<script>document.addEventListener("DOMContentLoaded", function () { const section = document.getElementById("tally-duplication-form-section"); if (!section) return; const container = section.querySelector(".container"); if (!container) return; const intro = document.createElement("div"); intro.className = "cravache-contact-intro"; intro.innerHTML = ` <span class="cravache-contact-intro__label"> <i class="bi bi-chat-dots-fill" aria-hidden="true"></i> La Cravache de Saint-Malo </span> <h2>Contactez-nous</h2> <p> Vous avez besoin d'informations complémentaires ? Vous souhaitez obtenir un devis pour un événement de groupe, un anniversaire ou toute autre demande particulière ? </p> <span class="cravache-contact-intro__line" aria-hidden="true"></span> `; container.prepend(intro); const style = document.createElement("style"); style.textContent = ` #tally-duplication-form-section .cravache-contact-intro{ max-width:780px; margin:0 auto 55px; position:relative; z-index:5; text-align:center; color:#ffffff; } #tally-duplication-form-section .cravache-contact-intro__label{ display:inline-flex; align-items:center; justify-content:center; gap:10px; margin-bottom:20px; padding:9px 16px; border:1px solid rgba(242,214,174,.32); border-radius:999px; color:#F2D6AE; background:rgba(255,255,255,.06); font-weight:700; letter-spacing:.12em; text-transform:uppercase; backdrop-filter:blur(8px); } #tally-duplication-form-section .cravache-contact-intro h2{ margin:0 0 22px; color:#ffffff; line-height:1.1; font-family: 'Cormorant Garamond'; font-weight: 600 !important; text-transform: uppercase; } #tally-duplication-form-section .cravache-contact-intro p{ margin:0; color:rgba(255,255,255,.82); line-height:1.75; } #tally-duplication-form-section .cravache-contact-intro__line{ width:85px; height:3px; display:block; margin:28px auto 0; border-radius:999px; background:#F2D6AE; } @media(max-width:768px){ #tally-duplication-form-section .cravache-contact-intro{ margin-bottom:40px; padding:0 10px; } #tally-duplication-form-section .cravache-contact-intro__label{ letter-spacing:.06em; } } `; document.head.appendChild(style);});</script>
1246<script>document.addEventListener("DOMContentLoaded", function () { const footerDescription = document.querySelector(".logo-footer + p.text-color-third"); if (!footerDescription || document.querySelector(".footer-qualifications")) return; const qualifications = document.createElement("div"); qualifications.className = "footer-qualifications"; const logos = [ { src: "https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FvyjvmNjUHEdT9TgfCZZ5GqsgCag1%2Fimages%2Flogo-ecole-francaise-equitation_gmk5.webp", alt: "Ãcole Française d'Ãquitation" }, { src: "https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FvyjvmNjUHEdT9TgfCZZ5GqsgCag1%2Fimages%2Flogo-poney-club-de-france_je4v.webp", alt: "Poney Club de France" }, { src: "https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FvyjvmNjUHEdT9TgfCZZ5GqsgCag1%2Fimages%2Flogo-cheval-club-de-france_98wl.webp", alt: "Cheval Club de France" }, { src: "https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FvyjvmNjUHEdT9TgfCZZ5GqsgCag1%2Fimages%2FLogo_bien-etre-animal_39sv.webp", alt: "Logo bien être animal FFE" } ]; logos.forEach(function (logo) { const image = document.createElement("img"); image.src = logo.src; image.alt = logo.alt; image.loading = "lazy"; qualifications.appendChild(image); }); footerDescription.insertAdjacentElement("afterend", qualifications); const style = document.createElement("style"); style.textContent = ` .footer-qualifications { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 14px; padding-top: 18px; } .footer-qualifications img { width: auto; height: 70px; max-width: 105px; object-fit: contain; } @media (min-width: 992px) { .footer-qualifications { justify-content: flex-start; } } @media (max-width: 576px) { .footer-qualifications { gap: 10px; } .footer-qualifications img { height: 58px; max-width: 85px; } } `; document.head.appendChild(style);});</script>
1246 1247<!-- ------------------------------------------ --> 1248 1249 1250</body> 1251 1252</html> 1253
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.