216.73.217.179 / francemarathon/espace-conseil.html - Erreur : 50(Ces opérateurs ne peuvent pas être utilisés conjointement.) dans Rappel externe à la ligne 0 -  - Appels : Rappel externe ▸ Sur connexion Web ▸ Requete ▸ Web ▸ Web ▸ Traiter 4D ▸ Rappel externe ▸ Rappel externe ▸ zHTML2sHTML ▸ Traiter 4D ▸  -  - <br><br><br><br><pre><!DOCTYPE html>
<html lang="fr" class="" >
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-title" content="France Marathon">
		<link rel="apple-touch-icon" href="logo-francemarathon.png">
	
		
			<title>France Marathon | Consultez notre Espace Conseil</title>
			<meta name="description" content="France Marathon vous propose des Conseils pour bien préparer votre Marathon : choix de l'équipement, Alimentation, Entraînement, Soin des pieds ...">
		
		<link rel="shortcut icon" href="favicon.ico">
		<meta name="msapplication-TileColor" content="#da532c">
		<meta name="theme-color" content="#ffffff">
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap" media="print" onload="this.media='all'">
		<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=REM:ital,wght@0,100..900;1,100..900&display=swap" media="print" onload="this.media='all'">
		<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" media="print" onload="this.media='all'">
		<link rel="stylesheet" href="assets/bootstrap-icons/font/bootstrap-icons.css">
		<link rel="stylesheet" href="css/theme.css?v=3">
		<link rel="stylesheet" href="admin/css/quill-content.css">
		<link rel="stylesheet" href="extra/vendor/animate.css" media="print" onload="this.media='all'">
		<link rel="stylesheet" href="extra/vendor/fancybox/jquery.fancybox.min.css" media="print" onload="this.media='all'">
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" media="print" onload="this.media='all'">

		
	</head>
	<body>
		<script src="/js/theme.min.js?t=20260702101922"></script>
		<!-- <script src="js/francemarathon.js"></script> -->
		<header>
			<nav class="navbar navbar-expand-md fixed-top py-0 shadow-sm nav-transparent">
				<div class="container-xl position-relative align-items-stretch">
					<a class="navbar-brand py-0" href="/">
						<img class="navbar-brand-logo" src="media/logo-francemarathon.svg" alt="Logo de France Marathon" width="80px">
					</a>
					<button class="navbar-toggler rounded-circle border-0 shadow-sm p-0 mt-2 d-flex align-items-center justify-content-center" type="button" data-bs-toggle="offcanvas" data-bs-target="#mainMenu" aria-controls="mainMenu" aria-label="Menu de navigation" style="width:36px;height:36px;">
						<i class="bi bi-list fs-5 lh-1"></i>
					</button>
					<div class="offcanvas offcanvas-md offcanvas-end text-lg-end" data-bs-scroll="true"  tabindex="-1" id="mainMenu" >
						<div class="offcanvas-header d-md-none">
							<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
						</div>
						<div class="offcanvas-body p-0 h-100 justify-content-md-end align-items-md-center">
							
							<div>
								<ul class="navbar-nav justify-content-end ms-auto">
									
										
									
										
											
												<li class="nav-item mx-3 pt-md-3">
													<a class="nav-link text-uppercase u-underline" href="nos-voyages">
														Nos voyages
													</a>
												</li>
											
										
									
										
											
												<li class="nav-item mx-3 pt-md-3">
													<a class="nav-link text-uppercase u-underline" href="conseils">
														Conseils
													</a>
												</li>
											
										
									
										
											
												<li class="nav-item mx-3 pt-md-3">
													<a class="nav-link text-uppercase u-underline" href="contact">
														Contact
													</a>
												</li>
											
										
									
									
									
									
									<li class="nav-item mx-3 pt-md-3">
										<a class="nav-link text-uppercase u-underline" href="#" onclick="ouvrirModal('wd/bloc/identification|connexion'); return false;">
											<i class="bi bi-unlock"></i>&nbsp;Connexion
										</a>
									</li>
									
								</ul>
								
								<ul class="nav2 w-100 list-unstyled my-2 pe-md-2">
									
										<li>
											<a class="nav-link px-3 mb-2 mb-md-0" href="espace-conseil">Groupes & Incentives</a>
										</li>
									
										<li>
											<a class="nav-link px-3 mb-2 mb-md-0" href="temoignages">Témoignages</a>
										</li>
									
										<li>
											<a class="nav-link px-3 mb-2 mb-md-0" href="assurances">Assurances</a>
										</li>
									
								</ul>
							</div>
							
							<div class="nav-tel px-3 px-md-0 mt-3 mt-md-0">
								<a href="tel:0467504642" class="btn btn-outline-secondary">04 67 50 46 42</a>
							</div>
						</div>
					</div>
				</div>
			</nav>
			<script>
				document.addEventListener('DOMContentLoaded', () => {
					// 1. Définit la media query pour lg et plus
					const mqLg = window.matchMedia('(min-width: 992px)');
					
					// 2. Fonction d'initialisation : attache les listeners de hover
					function initDropdownHover() {
					document.querySelectorAll('.nav-item.dropdown').forEach(dropdownEl => {
						const toggle = dropdownEl.querySelector('[data-bs-toggle="dropdown"]');
						const menu   = dropdownEl.querySelector('.dropdown-menu');
						if (!toggle || !menu) return;
					
						// Crée une instance Bootstrap pour ce toggle
						const bsDropdown = new bootstrap.Dropdown(toggle);
					
						// Handlers encapsulés pour pouvoir les retirer facilement si besoin
						const onEnter = () => bsDropdown.show();
						const onLeave = e => {
						const to = e.relatedTarget;
						if (!dropdownEl.contains(to)) bsDropdown.hide();
						};
					
						// Stocke-les pour pouvoir clean-up si on redimensionne en dessous de lg
						dropdownEl._hoverHandlers = { onEnter, onLeave };
					
						dropdownEl.addEventListener('mouseenter', onEnter);
						dropdownEl.addEventListener('mouseleave', onLeave);
					});
					}
					
					// 3. Fonction de nettoyage : détache les listeners
					function destroyDropdownHover() {
					document.querySelectorAll('.nav-item.dropdown').forEach(dropdownEl => {
						const handlers = dropdownEl._hoverHandlers;
						if (!handlers) return;
					
						dropdownEl.removeEventListener('mouseenter', handlers.onEnter);
						dropdownEl.removeEventListener('mouseleave', handlers.onLeave);
						delete dropdownEl._hoverHandlers;
					});
					}
					
					// 4. Réagit au changement de breakpoint
					function handleMqChange(e) {
					if (e.matches) {
						initDropdownHover();
					} else {
						destroyDropdownHover();
					}
					}
					
					// 5. Initialisation au chargement
					mqLg.addEventListener('change', handleMqChange);
					if (mqLg.matches) {
					initDropdownHover();
					}
				})
			</script>
		</header>
		<main class="main-general espace-conseil.html">
			
			
		</main>
		<footer>
			<!--<div class="container content-space-1">
				<div class="row justify-content-center">
					<div class="col-lg-3 col-6 text-end">
						<h2 class="text-uppercase text-black">Newsletter</h2>
 					</div>
					<div class="col-lg-2 col-6 text-end text-md-start">
						<a class="btn btn-dark btn-pointer" href="#">Newsletter</a>
					</div>
					<div class="col-lg-3 col-12 text-center text-md-start mt-3 mt-md-0">
						<img src="media/icon-insta.svg" style="height:49px;width:auto;" alt="" aria-hidden="true">
						<img src="media/icon-facebook.svg" class="mx-4" style="height:49px;width:auto;" alt="" aria-hidden="true">
						<img src="media/icon-linkedin.svg" style="height:49px;width:auto;" alt="" aria-hidden="true">
					</div>
				</div>
				<div class="row justify-content-center mt-4">
					<div class="col-lg-6 col-12 text-center text-md-end">
						<a href="mailto:mailings@france-marathon.fr" class="text-black fs-2 fw-semibold text-decoration-none"><img src="media/icon-tel.svg" class="img-fluid" height="49" alt="" aria-hidden="true"> 04 67 50 46 42</a>
					</div>
					<div class="col-lg-6 col-12 text-center text-md-start mt-4 mt-md-0">
						<a href="mailto:mailings@france-marathon.fr" class="text-black fs-4 fw-semibold text-decoration-none"><img src="media/icone-mail.svg" class="img-fluid" height="49" alt="" aria-hidden="true"> mailings@france-marathon.fr</a>
					</div>
				</div>
			</div>-->
			<div class="container-fluid bg-bluem">
				<div class="container pt-4">
					<div class="row">
						<div class="col-lg-3 col-md-12 col-12 text-center">
							<img class="navbar-brand-logo" src="media/logo-francemarathon.png" alt="Logo de France Marathon" width="90px">
						</div>
						<div class="col-lg-6 col-md-6 col-12 text-white">
							<h5>France Marathon et vous</h5>
							
							
							<ul class="list-unstyled columns-2">
								
								<li><a href="" class="text-white  fw-light ps-1"> Groupes & Incentives</a></li>
								
								
							</ul>	
						</div>
						<!-- <div class="col-lg-3 col-md-6 col-12 text-white">
							
						</div> -->
						<!--<div class="col-lg-3 col-md-6 col-12 text-white">
							<h5>Nos destinations</h5>
							<a href="nos-voyages.html" class="text-white text-decoration-none">Découvrir</a>
							<h5 class="mt-4">Besoin d'aide ?</h5>
							<ul class="list-unstyled">
								<li><a href="contact.html" class="text-white text-decoration-none">Contactez-nous</a></li>
								<li><a href="foire-aux-questions.html" class="text-white text-decoration-none">F.A.Q</a></li>
							</ul>
						</div>-->
						<div class="col-lg-3 col-md-6 col-12">
							<p class="text-white text-md-end mt-lg-2 small">
								Licence Atout France : IM048100003<br>
								Membre du Syndicat National des<br>Entreprises du Voyage - Garantie APST
							</p>
						</div>
						<div class="col-12 text-center" style="border-top:1px solid white;">
							<p class="text-white mt-3"><a href="conditions-generales-et-particulieres-de-vente.html"  target="_blank" class="text-white text-decoration-none">C.G.V</a> • <a href="mentions-legales.html"  target="_blank" class="text-white text-decoration-none" >Mentions légales</a> • <a href="engagement-de-confidentialite.html"  target="_blank" class="text-white text-decoration-none">Confidentialité</a> • <a href="https://www.noma.fr" target="_blank"><img src="/media/logo-noma-2026.png" height="25"></a></p>
						</div>
					</div>
				</div>
			</div>
		</footer>
		
		
		
			<script>
				const navbar = document.querySelector('nav.navbar');
				navbar.classList.remove('nav-transparent');
			</script>
		
		<script>
			function applyPerspectiveEffectToClass(className) {
				const elements = document.querySelectorAll(`.${className}`);
		
				elements.forEach(box => {
					let mouseX = 0, mouseY = 0;
					let currentX = 0, currentY = 0;
					let isInside = false;
		
					const ease = 0.2;
					const maxRotate = 20;
					const maxShadowOffset = 20;
		
					box.addEventListener('mouseenter', () => {
						isInside = true;
					});
		
					box.addEventListener('mousemove', (e) => {
						const rect = box.getBoundingClientRect();
						mouseX = Math.min(rect.width, Math.max(0, e.clientX - rect.left));
						mouseY = Math.min(rect.height, Math.max(0, e.clientY - rect.top));
					});
		
					box.addEventListener('mouseleave', () => {
						isInside = false;
					});
		
					function animate() {
						const width = box.clientWidth;
						const height = box.clientHeight;
						const centerX = width / 2;
						const centerY = height / 2;
		
						if (isInside) {
							currentX += (mouseX - currentX) * ease;
							currentY += (mouseY - currentY) * ease;
						} else {
							currentX += (centerX - currentX) * ease;
							currentY += (centerY - currentY) * ease;
						}
		
						const deltaX = currentX - centerX;
						const deltaY = currentY - centerY;
		
						const rotateX = (-deltaY / centerY) * maxRotate;
						const rotateY = (deltaX / centerX) * maxRotate;
		
						box.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
		
						const shadowX = (-deltaX / centerX) * maxShadowOffset;
						const shadowY = (-deltaY / centerY) * maxShadowOffset + 25;
						box.style.boxShadow = `${shadowX}px ${shadowY}px 25px rgba(0, 0, 0, 0.4)`;
		
						requestAnimationFrame(animate);
					}
		
					animate();
				});
			}
		
			// Appliquer l'effet aux éléments avec la classe 'card-pers'
			applyPerspectiveEffectToClass('card-pers');
		</script>

		<script>
			function chargerModal(url) {
				fetch(url).then(function(r) { return r.text(); }).then(function(html) {
					var el = document.getElementById('modal-contenu');
					el.innerHTML = html;
					el.querySelectorAll('script').forEach(function(old) {
						var s = document.createElement('script');
						s.textContent = old.textContent;
						old.parentNode.replaceChild(s, old);
					});
				});
			}
		</script>

		<!-- Modal Connexion / Compte -->
		<div class="modal fade" id="modalConnexion" tabindex="-1" aria-labelledby="modalConnexionLabel" aria-hidden="true">
			<div class="modal-dialog modal-dialog-centered modal-lg">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
					</div>
					<div class="modal-body">
						<div id="modal-contenu"></div>
					</div>
				</div>
			</div>
		</div>

		<script>
		function ouvrirModal(url) {
			fetch(url)
				.then(function(r) { return r.text(); })
				.then(function(html) {
					var el = document.querySelector('#modalConnexion .modal-content');
					el.innerHTML = html;
					el.querySelectorAll('script').forEach(function(old) {
						var s = document.createElement('script');
						s.textContent = old.textContent;
						old.parentNode.replaceChild(s, old);
					});
					new bootstrap.Modal(document.getElementById('modalConnexion')).show();
				});
		}
		</script>

		

		
	</body>
</html></pre>