<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ClubKids</title>
	<atom:link href="https://clubkids.fr/feed/" rel="self" type="application/rss+xml" />
	<link>https://clubkids.fr</link>
	<description></description>
	<lastBuildDate>Thu, 16 Apr 2026 05:30:44 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://clubkids.fr/wp-content/uploads/2025/05/cropped-Capture-decran-2025-05-17-a-13.42.22-32x32.png</url>
	<title>ClubKids</title>
	<link>https://clubkids.fr</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">244718255</site>	<item>
		<title>Ados en mouvement : organiser les trajets en train pour stages, colos et projets sportifs</title>
		<link>https://clubkids.fr/uncategorized/ados-en-mouvement-organiser-les-trajets-en-train-pour-stages-colos-et-projets-sportifs/</link>
		
		<dc:creator><![CDATA[ClubKids]]></dc:creator>
		<pubDate>Thu, 16 Apr 2026 05:30:44 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://clubkids.fr/uncategorized/ados-en-mouvement-organiser-les-trajets-en-train-pour-stages-colos-et-projets-sportifs/</guid>

					<description><![CDATA[<p>Ados en mouvement : organiser les trajets en train pour stages, colos et projets sportifs 🚆 ClubKids simplifie le voyage des enfants en train Grâce à son service d’accompagnement national, [&#8230;]</p>
<p>The post <a href="https://clubkids.fr/uncategorized/ados-en-mouvement-organiser-les-trajets-en-train-pour-stages-colos-et-projets-sportifs/">Ados en mouvement : organiser les trajets en train pour stages, colos et projets sportifs</a> first appeared on <a href="https://clubkids.fr">ClubKids</a>.</p>]]></description>
										<content:encoded><![CDATA[<article class="article-clubkids" lang="fr" itemscope itemtype="https://schema.org/Article">
<title>Ados en mouvement : organiser les trajets en train pour stages, colos et projets sportifs</title><br />
<meta name="description" content="Stages de sport, colonies, séjours linguistiques : comment organiser sereinement les trajets en train des adolescents tout en réduisant la charge mentale des parents."><br />
<meta name="keywords" content="trajet ado train, accompagnement adolescents, voyage stages sportifs, colonie de vacances train, mobilité jeunesse, sécurité voyage enfants"><br />
<!-- Junior&cie, Alternative Junior&cie, Junior et compagnie, Junior et cie, Junior & cie, Junior cie, junior et compagnie sncf, accompagnateur sncf, sncf junior, sncf accompagnateur, train accompagné, junior et cie sncf, liste des gares junior et compagnie, train avec accompagnateur, service junior sncf, voyage accompagné sncf, train junior et compagnie, junior compagnie --></p>
<style>
:root {
  --ck-blue:#0aa2e1;
  --ck-dark:#0a4a6f;
  --ck-light:#f3fbff;
  --ck-muted:#6a88a2;
  --radius:22px;
  --shadow:0 10px 28px rgba(10,162,225,.12);
}
body, .article-clubkids {
  font-family:Inter,Arial,sans-serif;
  margin:0;
  color:#234;
  background:#fff;
}
.hero {
  background:linear-gradient(135deg,var(--ck-blue),var(--ck-dark));
  color:#fff;
  padding:70px 24px;
  text-align:center;
  border-radius:0 0 var(--radius) var(--radius);
  box-shadow:var(--shadow);
}
.hero h1 {
  font-size:clamp(1.9rem,4vw,2.8rem);
  font-weight:900;
  margin-bottom:12px;
  color:#fff;
}
.hero p {font-size:1.1rem;opacity:.95;max-width:780px;margin:auto;}
.cta {
  display:inline-block;
  margin-top:24px;
  background:#fff;
  color:var(--ck-blue);
  padding:12px 22px;
  border-radius:999px;
  font-weight:700;
  text-decoration:none;
  box-shadow:var(--shadow);
  transition:.2s;
}
.cta:hover {background:#f4fbff;transform:translateY(-3px);}
.content {max-width:1000px;margin:auto;padding:50px 20px;line-height:1.7;}
.content h2 {color:var(--ck-blue);margin-top:40px;}
.routes {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:18px;margin:30px 0;
}
.route-card {
  background:var(--ck-light);
  border-radius:var(--radius);
  padding:20px;
  box-shadow:var(--shadow);
  transition:.2s ease;
}
.route-card:hover {transform:translateY(-4px);}
.route-card h3 {color:var(--ck-dark);margin:0 0 8px 0;}
.route-card p {color:var(--ck-muted);font-size:.95rem;margin:0;}
footer {
  text-align:center;
  font-size:.9rem;
  color:#6a88a2;
  padding:20px;
  background:#f7fbff;
  margin-top:50px;
  border-top:1px solid #e7f3ff;
}
footer a {color:var(--ck-blue);text-decoration:none;}
footer a:hover {text-decoration:underline;}
</style>
<section class="hero">
<h1><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f686.png" alt="🚆" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ClubKids simplifie le voyage des enfants en train</h1>
<p>Grâce à son service d’accompagnement national, ClubKids assure des trajets sereins et sécurisés pour les enfants de 4 à 17 ans, sur toutes les grandes lignes françaises.</p>
<p>  <a href="#reservation" class="cta"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f39f.png" alt="🎟" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Réserver un trajet</a><br />
</section>
<section class="content">
  <!-- Ici, COMMENCE par le bloc de réservation avec [wbtm-bus-search-form], 
       puis seulement ensuite les autres sections éditoriales --></p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c5.png" alt="📅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Réservez votre prochain départ</h2>
<p>Choisissez votre ville, votre destination et votre date pour réserver une place à votre enfant dès maintenant.</p>
<div id="reservation">
    
<div id="ck-search-root">

	<style>
.ck-search-root, .ck-search-root * {
  all: unset;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;
}

.ck-search-root {
  display:block;
  width:100%;
  padding:30px 0 10px;
}

.ck-bar-wrap {
  background:#ffffff;
  padding:22px 28px;
  border-radius:32px;
  max-width:1400px;
  margin:0 auto;
  box-shadow:0 14px 40px rgba(0,0,0,.06);
}

.ck-bar {
  display:grid;
  grid-template-columns: 1.6fr 1.6fr 1.2fr 1.2fr 2fr 180px;
  gap:16px;
  align-items:center;
}

/* <div class="ck-header"> ... </div> removed */

.ck-bar input[type="text"],
.ck-bar input,
.ck-pax-btn {
  width:100%;
  padding:16px 20px;
  border-radius:999px;
  border:1px solid #dbeaf7;
  background:#ffffff;
  font-size:15px;
  color:#1a2b4c;
}

.ck-suggest {
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  min-width: 280px;
  max-width: 360px;
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e2ebf5;
  max-height: 280px;
  overflow-y: auto;
  z-index: 30;
  box-shadow: 0 12px 32px rgba(0,0,0,0.12);
  padding: 6px 0;
}

.ck-suggest div {
  padding: 7px 14px;
  font-size: 15px;
  font-weight: 500;
  color: #1e3a5f;
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
  border-bottom:1px solid rgba(226,235,245,0.6);
}
.ck-suggest div {
  white-space: nowrap;
}

.ck-suggest div:hover {
  background: #e8f3fb;
  color: #1d6fa5;
}

.ck-suggest::-webkit-scrollbar {
  width: 6px;
}
.ck-suggest::-webkit-scrollbar-thumb {
  background: #cfe6fb;
  border-radius: 6px;
}
.ck-suggest::-webkit-scrollbar-track {
  background: transparent;
}

.ck-suggest div:first-child{
  background:#f5fbff;
}

.ck-pax {
  position:relative;
}

.ck-pax-btn {
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  white-space: nowrap;
  min-width: 260px;
}

.ck-panel {
  display:none;
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  background:#ffffff;
  width:260px;
  padding:18px;
  border-radius:20px;
  box-shadow:0 20px 40px rgba(0,0,0,.25);
  z-index:20;
}

.ck-panel.active {
  display:block;
}

.ck-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:14px;
}

.ck-row small {
  font-size:12px;
  color:#6b7280;
}

.ck-counter {
  display:flex;
  gap:10px;
  align-items:center;
}

.ck-counter button {
  width:30px;
  height:30px;
  border-radius:50%;
  background:#0aa2e1;
  color:#ffffff;
  font-size:18px;
  cursor:pointer;
}

.ck-counter span {
  min-width:22px;
  text-align:center;
  font-weight:700;
}

							 .ck-row > span {
  font-weight: bold;
}

.ck-row > span small {
  font-weight: bold;
}

.ck-submit-inline {
  height:58px;
  padding:0 28px;
  border-radius:999px;
  background:linear-gradient(135deg,#0aa2e1,#3bb4ff);
  color:#fff;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  white-space:nowrap;
  box-shadow:0 10px 26px rgba(10,162,225,.35);
  transition:transform .15s ease, box-shadow .15s ease;
  min-width: 170px;
}

.ck-submit-inline:hover {
  transform:translateY(-1px);
  box-shadow:0 16px 36px rgba(10,162,225,.45);
}
							 
/* === DATE INPUT : FAUX DEFAULT COMME DESKTOP (MOBILE) === */


.ck-bar input[type="date"].ck-date-default {
  color: #94a3b8;
}

.ck-bar input[type="date"].ck-date-active {
  color: #1a2b4c;
}

.ck-bar input[type="date"]{
  position:relative;
}

.ck-bar input[type="date"]::before{
  content: attr(data-label);
  position:absolute;
  top:-8px;
  left:18px;
  font-size:10px;
  font-weight:700;
  color:#94a3b8;
  background:#ffffff;
  padding:0 6px;
  border-radius:6px;
  pointer-events:none;
}


/* === SUGGESTIONS POSITIONNEMENT CONTENEUR RELATIF === */
.ck-input-wrap {
  position: relative;
}

/* =====================================
   CLUBKIDS SEARCH — MOBILE LAYOUT FIX
   ===================================== */
@media (max-width: 768px){

  .ck-search-root{
    padding:16px 0 8px;
  }

  .ck-bar-wrap{
    width:100%;
    max-width:100%;
    margin:0;
    padding:16px;
    border-radius:20px;
  }

  .ck-bar{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:12px;
    align-items:stretch;
  }

  /* Tous les champs même taille */
  .ck-bar input[type="text"],
  .ck-bar input,
  .ck-pax-btn,
  .ck-submit-inline{
    width:100%;
    height:44px;
    padding:0 14px;
    font-size:14px;
    border-radius:999px;
  }

  /* Départ + Arrivée sur lignes dédiées */
  .ck-bar .ck-input-wrap:nth-of-type(1),
  .ck-bar .ck-input-wrap:nth-of-type(2){
    grid-column: 1 / -1;
  }

  /* Dates ultra-compactes sur mobile */
  .ck-bar input[type="date"]{
    grid-column: span 1;
    height:40px;
    padding:0 6px;
    font-size:12px;
    width:auto;
  }

  /* Passagers pleine largeur */
  .ck-pax{
    grid-column: 1 / -1;
  }

  .ck-pax-btn{
    min-width:100%;
  }

  /* Bouton rechercher pleine largeur */
  .ck-submit-inline{
    grid-column: 1 / -1;
    height:48px;
    font-size:15px;
    font-weight:800;
  }

  /* Sécurité anti débordement */
  body{
    overflow-x:hidden;
  }
}
</style>
</style>

  <form>
    <div class="ck-bar-wrap">
      <div class="ck-bar">

        <div class="ck-input-wrap">
          <input type="text" placeholder="Départ" aria-label="Départ" autocomplete="off" id="startCityInput" />
          <div class="ck-suggest" style="display:none;"></div>
        </div>

        <div class="ck-input-wrap">
          <input type="text" placeholder="Arrivée" aria-label="Arrivée" autocomplete="off" id="endCityInput" />
          <div class="ck-suggest" style="display:none;"></div>
        </div>

        <input type="date" data-label="Aller">
        <input type="date" data-label="Retour">

        <div class="ck-pax">
          <button type="button" class="ck-pax-btn">
            <span id="ck-summary">Ajouter un voyageur</span><span>▾</span>
          </button>

          <div class="ck-panel">
            <div class="ck-row">
              <span>Enfant<br><small>4–11 ans</small></span>
              <div class="ck-counter">
                <button type="button" data-t="c" data-op="minus">−</button>
                <span id="c">0</span>
                <button type="button" data-t="c" data-op="plus">+</button>
              </div>
            </div>

            <div class="ck-row">
              <span>Jeune<br><small>12–17 ans</small></span>
              <div class="ck-counter">
                <button type="button" data-t="t" data-op="minus">−</button>
                <span id="t">0</span>
                <button type="button" data-t="t" data-op="plus">+</button>
              </div>
            </div>
          </div>
        </div>

        <button type="submit" class="ck-submit-inline">
          <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Rechercher
        </button>

      </div>
    </div>
  </form>

<script>
(()=>{
  const root = document.getElementById('ck-search-root');
  const form = root.querySelector('form');

  const panel = root.querySelector('.ck-panel');
  const btn   = root.querySelector('.ck-pax-btn');
  const sum   = root.querySelector('#ck-summary');

  const c = root.querySelector('#c');
  const t = root.querySelector('#t');

  const startCity = root.querySelector('#startCityInput');
  const endCity   = root.querySelector('#endCityInput');
  const dateStart = root.querySelectorAll('input[type="date"]')[0];
  const dateEnd   = root.querySelectorAll('input[type="date"]')[1];

  // Coordonnées simplifiées (exemples, à enrichir ensuite)
  window.ckCityCoords = {
    "Paris":[48.8566,2.3522],
    "Marseille":[43.2965,5.3698],
    "Lyon":[45.7640,4.8357],
    "Toulouse":[43.6047,1.4442],
    "Nice":[43.7102,7.2620],
    "Nantes":[47.2184,-1.5536],
    "Montpellier":[43.6119,3.8772],
    "Bordeaux":[44.8378,-0.5792],
    "Lille":[50.6292,3.0573]
  };

  // === SUGGESTIONS DATA FROM PHP ===
  const cities = ["Paris","Marseille","Lyon","Toulouse","Nice","Nantes","Montpellier","Strasbourg","Bordeaux","Lille","Rennes","Reims","Le Havre","Saint-\u00c9tienne","Toulon","Abbeville","Agde","Agen","Aix-en-Provence","Albertville","Albi","Alen\u00e7on","Al\u00e8s","Amiens","Angers","Angoul\u00eame","Annecy","Antibes","Antony","Apt","Arcachon","Argentan","Arles","Arras","Aubusson","Auch","Auray","Aurillac","Auxerre","Avignon","Avranches","Bar-le-Duc","Bar-sur-Aube","Bayeux","Bayonne","Beaune","Beauvais","Belfort","Bergerac","Besan\u00e7on","Biarritz","Blois","Bonneville","Boulogne-Billancourt","Boulogne-sur-Mer","Bourg-en-Bresse","Bourges","Brest","Brian\u00e7on","Brignoles","Brioude","Brive-la-Gaillarde","B\u00e9thune","B\u00e9ziers","Caen","Cahors","Calais","Cambrai","Cannes","Carcassonne","Carpentras","Castelsarrasin","Castres","Cavaillon","Chalon-sur-Sa\u00f4ne","Chamb\u00e9ry","Charleville-M\u00e9zi\u00e8res","Chartres","Chaumont","Cherbourg-Octeville","Chinon","Cholet","Ch\u00e2lons-en-Champagne","Ch\u00e2teau-Thierry","Ch\u00e2teaubriant","Ch\u00e2teaudun","Ch\u00e2teauroux","Ch\u00e2tellerault","Clermont-Ferrand","Cognac","Colmar","Commercy","Compi\u00e8gne","Dax","Die","Dieppe","Digne-les-Bains","Dijon","Dinan","Dole","Douai","Draguignan","Dreux","Dunkerque","Figeac","Foix","Fontainebleau","Forbach","Gap","Grasse","Grenoble","Guingamp","Gu\u00e9ret","Haguenau","Hendaye","Hy\u00e8res","Issoire","Issoudun","Istres","Jonzac","La Roche-sur-Yon","La Rochelle","Langon","Langres","Lannion","Laon","Largenti\u00e8re","Laval","Le Mans","Le Puy-en-Velay","Lens","Les Sables-d\u2019Olonne","Libourne","Limoges","Limoux","Lisieux","Lons-le-Saunier","Lorient","Lun\u00e9ville","Mantes-la-Jolie","Martigues","Mayenne","Meaux","Melun","Mende","Metz","Millau","Molsheim","Monaco","Mont-de-Marsan","Montargis","Montauban","Montbard","Montb\u00e9liard","Montlu\u00e7on","Mont\u00e9limar","Morlaix","Moulins","Mulhouse","M\u00e2con","Nancy","Narbonne","Neufch\u00e2teau","Nevers","Niort","Nogent-le-Rotrou","Nogent-sur-Marne","Nogent-sur-Seine","N\u00eemes","Orange","Orl\u00e9ans","Pau","Perpignan","Pierrelatte","Poitiers","Pontarlier","Pontivy","Privas","P\u00e9rigueux","Quimper","Redon","Rethel","Riom","Roanne","Rochefort","Rodez","Romans-sur-Is\u00e8re","Rouen","Saint-Brieuc","Saint-Dizier","Saint-Di\u00e9-des-Vosges","Saint-Jean-de-Luz","Saint-Jean-de-Maurienne","Saint-L\u00f4","Saint-Malo","Saint-Nazaire","Saint-Omer","Saint-Quentin","Saint-Rapha\u00ebl-Valescure","Saint-Tropez","Saintes","Salon-de-Provence","Sarrebourg","Sarreguemines","Saumur","Saverne","Sedan","Sens","Soissons","S\u00e8te","S\u00e9lestat","Tarbes","Thionville","Thonon-les-Bains","Toul","Tourcoing","Tours","Troyes","Tulle","Ussel","Valence","Valenciennes","Vannes","Vend\u00f4me","Verdun","Versailles","Vesoul","Vichy","Vienne","Vierzon","Villefranche-sur-Sa\u00f4ne","Vire","Vitry-le-Fran\u00e7ois","Yssingeaux","\u00c9pernay","\u00c9pinal","\u00c9vreux"];
  const stations = ["A\u00e9roport Charles de Gaulle 2 TGV","Agde","Agen","Aix en Provence TGV","Angers St-Laud","Antibes","Auray","Avignon TGV","Bayonne","B\u00e9ziers","Biarritz","Bordeaux St-Jean","Cannes","Dax","Hendaye","Laval","Le Mans","Le Mans","Lille Flandres","Lorient","Lyon Part-Dieu","Lyon Saint-Exup\u00e9ry TGV","Marne-La-Vallee-Chessy","Marseille St-Charles","Metz-Ville","Montauban-Ville-Boubon","Montpellier Saint-Roch","Montpellier Sud de France","Nantes","Narbonne","Nice-Ville","N\u00eemes Centre","N\u00eemes Pont du Gard","Paris (Toutes)","Paris Gare de l\u2019Est","Paris Gare de Lyon","Paris Massy TGV","Paris Montparnasse","Perpignan","Quimper","Rennes","S\u00e8te","St Raphael Valescure","St-Jean-de-Luz-Ciboure","Strasbourg","TGV Haute Picardie","Toulon","Toulouse Matabiau","Valence TGV","Vannes"];

  // Liste combinée (villes + gares)
  const searchItems = [...cities, ...stations];

  // Normalize string: lowercase + remove accents + alias st/ste -> saint/sainte (comparaison uniquement) + remove dashes and spaces
  function normalizeStr(str) {
    return str
      .toLowerCase()
      .normalize("NFD")
      .replace(/[\u0300-\u036f]/g, "")
      // alias st / ste -> saint / sainte (comparaison uniquement)
      .replace(/\bste\b/g, "sainte")
      .replace(/\bst\b/g, "saint")
      .replace(/[-\s]+/g, "");
  }

  function createSuggestHandler(inputEl) {
    const suggestEl = inputEl.nextElementSibling;

    function showSuggestions() {
      const rawVal = inputEl.value.trim();
      const val = normalizeStr(rawVal);

      let matches = [];
      let hasGeoOption = false;

      // &#x1f449; Toutes les villes + gares sont injectées, le CSS limite visuellement à 6 (scroll)
      if (!rawVal) {
        matches = [...searchItems];
        hasGeoOption = true;
      } else {
        for (let city of searchItems) {
          if (normalizeStr(city).includes(val)) {
            matches.push(city);
          }
        }
      }

      // Empêcher la duplication visuelle
      matches = [...new Set(matches)];

      if (matches.length === 0) {
        suggestEl.style.display = 'none';
        suggestEl.innerHTML = '';
        return;
      }

      suggestEl.innerHTML = '';

      if (hasGeoOption) {
        const geoDiv = document.createElement('div');
        geoDiv.textContent = '&#x1f4cd; Utiliser ma localisation';
        geoDiv.style.fontWeight = '600';
        geoDiv.style.color = '#0aa2e1';
        geoDiv.style.fontSize = '14px';
        geoDiv.style.padding = '8px 14px';
        geoDiv.style.background = '#f5fbff';

        geoDiv.addEventListener('mousedown', e => {
          e.preventDefault();

          if (!navigator.geolocation) {
            alert("La géolocalisation n’est pas supportée par votre navigateur.");
            return;
          }

          navigator.geolocation.getCurrentPosition(pos => {
            const { latitude, longitude } = pos.coords;

            // &#x1f525; Recherche ville la plus proche (distance simple)
            let closestCity = null;
            let closestDist = Infinity;

            cities.forEach(city => {
              if (!window.ckCityCoords || !window.ckCityCoords[city]) return;

              const [lat, lng] = window.ckCityCoords[city];
              const d = Math.hypot(lat - latitude, lng - longitude);
              if (d < closestDist) {
                closestDist = d;
                closestCity = city;
              }
            });

            if (closestCity) {
              inputEl.value = closestCity;
            } else {
              alert("Impossible de déterminer une gare proche.");
            }

            suggestEl.style.display = 'none';
          }, () => {
            alert("Autorisation de géolocalisation refusée.");
          });
        });

        suggestEl.appendChild(geoDiv);
      }

      for (let m of matches) {
        const div = document.createElement('div');
        div.textContent = m;
        div.addEventListener('mousedown', e => {
          e.preventDefault();
          inputEl.value = m;
          suggestEl.style.display = 'none';
        });
        suggestEl.appendChild(div);
      }

      suggestEl.style.display = 'block';
    }

    inputEl.addEventListener('input', showSuggestions);
    inputEl.addEventListener('focus', showSuggestions);

    // Close suggestions when clicking outside
    document.addEventListener('click', e => {
      if (!inputEl.contains(e.target) && !suggestEl.contains(e.target)) {
        suggestEl.style.display = 'none';
      }
    });
  }

  createSuggestHandler(startCity);
  createSuggestHandler(endCity);

  // === DATE PAR DÉFAUT — LOGIQUE ALLER / RETOUR PROPRE ===
  const todayISO = new Date().toISOString().split('T')[0];

  // &#x1f449; ALLER : pré-rempli visuellement
  if (!dateStart.value) {
    dateStart.value = todayISO;
    dateStart.classList.add('ck-date-default');
  }

  dateStart.addEventListener('change', () => {
    dateStart.classList.remove('ck-date-default');
    dateStart.classList.add('ck-date-active');
  });

  // &#x1f449; RETOUR : vide par défaut (optionnel)
  dateEnd.classList.add('ck-date-default');

  dateEnd.addEventListener('change', () => {
    dateEnd.classList.remove('ck-date-default');
    dateEnd.classList.add('ck-date-active');
  });

  const slugify = str =>
    str.toLowerCase()
       .normalize("NFD").replace(/[\u0300-\u036f]/g, "")
       .replace(/[^a-z0-9]+/g, "-")
       .replace(/(^-|-$)/g, "");

  btn.onclick = e => {
    e.stopPropagation();
    panel.classList.toggle('active');
  };

  panel.addEventListener('click', e => {
    e.stopPropagation();
  });

  document.addEventListener('click', e => {
    if (!root.querySelector('.ck-pax').contains(e.target)) {
      panel.classList.remove('active');
    }
  });

  panel.querySelectorAll('button[data-op]').forEach(b=>{
    b.onclick = e=>{
      e.stopPropagation();

      const el = b.dataset.t === 'c' ? c : t;
      let v = parseInt(el.textContent, 10) || 0;

      if (b.dataset.op === 'plus') {
        v++;
      } else {
        v--;
      }

      v = Math.max(0, v);
      el.textContent = v;

      const cc = parseInt(c.textContent);
      const tt = parseInt(t.textContent);

      if (cc === 0 && tt === 0) {
        sum.textContent = 'Ajouter un voyageur';
      } else {
        let parts = [];
        if (cc > 0) parts.push(cc + ' enfant' + (cc > 1 ? 's' : ''));
        if (tt > 0) parts.push(tt + ' jeune' + (tt > 1 ? 's' : ''));
        sum.textContent = parts.join(' • ');
      }
    };
  });

  form.addEventListener('submit', e => {
    e.preventDefault();

    const cc = parseInt(c.textContent) || 0;
    const tt = parseInt(t.textContent) || 0;

    if (cc === 0 && tt === 0) {
      alert("Veuillez ajouter au moins un voyageur (enfant ou jeune).");
      return;
    }

    if (!startCity.value || !endCity.value || !dateStart.value) {
      alert("Merci de renseigner la ville de départ, la ville d’arrivée et la date.");
      return;
    }

    let url = `/recherche/${slugify(startCity.value)}/${slugify(endCity.value)}?date=${dateStart.value}&c=${cc}&t=${tt}`;

    if (dateEnd.value) {
      url += `&return=${dateEnd.value}`;
    }

    window.location.href = url;
  });
})();
</script>

</div>

  
  </div>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f499.png" alt="💙" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Une solution pensée pour les familles</h2>
<p>Entre stages sportifs, colonies, séjours linguistiques ou concours scolaires, les adolescents se déplacent de plus en plus tôt sans leurs parents. Ces projets font grandir, mais ils ajoutent aussi une forte charge logistique aux familles : horaires à jongler, changements de train, correspondances serrées, nuits parfois très courtes.</p>
<p>Le service ClubKids s’inscrit dans cette nouvelle réalité : permettre aux jeunes de 4 à 17 ans de vivre leurs projets en autonomie, tout en gardant un filet de sécurité solide. Un accompagnateur dédié suit l’enfant pendant tout le voyage, informe les parents à chaque grande étape et gère les imprévus du trajet à leur place.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f392.png" alt="🎒" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Ados en mouvement : un nouveau défi pour les parents</h2>
<p>Les projets des 10-17 ans se multiplient : week-ends de tournois loin de la maison, colo d’été à l’autre bout du pays, stage d’anglais pendant les petites vacances. Chaque départ devient un mini-projet à organiser en plus des emplois du temps déjà bien remplis.</p>
<p>Pour beaucoup de parents, cela signifie poser un jour de congé, faire plusieurs heures de route jusqu’à la gare de départ, puis revenir chercher leur ado quelques jours plus tard. Quand on est parent solo, en travail posté ou avec plusieurs enfants, cette organisation peut vite devenir un casse-tête émotionnel et logistique.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e0.png" alt="🧠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Alléger la charge mentale autour des trajets</h2>
<p>Préparer un voyage pour un adolescent, ce n’est pas seulement acheter un billet. C’est vérifier le sac, anticiper les retards possibles, se demander s’il saura se repérer dans la gare, s’il osera demander de l’aide, s’il aura de la batterie sur son téléphone. Autant de micro-inquiétudes qui, mises bout à bout, pèsent lourd.</p>
<p>En confiant le trajet à un accompagnateur professionnel, les parents peuvent se concentrer sur l’essentiel : le projet du séjour, les formalités avec l’organisme, les besoins affectifs de leur enfant avant le départ. ClubKids prend en charge la logistique du voyage lui-même, du point de rendez-vous au passage de relais à l’arrivée.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f510.png" alt="🔐" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Sécurité et autonomie : trouver le bon équilibre</h2>
<p>À l’adolescence, la question n’est pas seulement « est-ce qu’il peut voyager seul ? » mais « dans quelles conditions ce voyage sera-t-il sécurisant et valorisant ? ». Un accompagnement bien pensé permet de soutenir cette autonomie progressive, sans infantiliser le jeune.</p>
<p>Concrètement, l’accompagnateur reste le repère adulte fiable : il gère les documents, surveille les bagages, vérifie les correspondances et reste en lien avec les parents. L’adolescent, lui, peut profiter du trajet pour lire, écouter de la musique, discuter, tout en sachant qu’il peut poser une question ou exprimer un inconfort à tout moment.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9ed.png" alt="🧭" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Comment bien préparer votre ado à un voyage accompagné</h2>
<p>Un trajet réussi se construit avant même d’arriver à la gare. Voici quelques repères simples pour associer votre enfant à l’organisation et le rassurer :</p>
<ul>
<li>Expliquez clairement le déroulé : point de rendez-vous, durée du trajet, arrivée, personne qui l’attendra à destination.</li>
<li>Imprimez ou notez sur une carte le nom de l’accompagnateur, le numéro d’urgence fourni et les principales informations du voyage.</li>
<li>Préparez ensemble le sac de voyage : tenue confortable, petite trousse de toilette, encas, bouteille d’eau, livre ou jeux calmes.</li>
<li>Fixez quelques règles d’usage du téléphone : mode avion la nuit, numéro des parents en favori, message à envoyer à l’arrivée.</li>
<li>Rappelez que demander de l’aide n’est jamais un signe de faiblesse, que ce soit à l’accompagnateur ou au personnel en gare.</li>
</ul>
<p>Vous pouvez aussi montrer à votre ado le site de ClubKids et la page <a href="https://clubkids.fr/votre-depart/" target="_blank" rel="noopener">« Votre départ »</a> pour qu’il visualise les étapes pratiques du trajet et se sente acteur de son voyage.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f2.png" alt="📲" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Informer les parents sans les submerger</h2>
<p>Dans un contexte où tout se suit en temps réel, beaucoup de parents oscillent entre le besoin de nouvelles fréquentes et la peur de « trop contrôler ». L’enjeu est de disposer d’informations rassurantes, sans rester rivé à son téléphone pendant tout le trajet.</p>
<p>Avec ClubKids, un fil de communication clair est prévu : message de confirmation au départ, point à mi-parcours en cas de long trajet, notification à l’arrivée. Les parents savent qu’ils peuvent joindre l’équipe si besoin, sans avoir à appeler leur enfant toutes les vingt minutes. Pour découvrir concrètement comment cela se passe, vous pouvez consulter les ressources disponibles sur <a href="https://clubkids.fr/actualites/" target="_blank" rel="noopener">nos actualités</a>.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3d6.png" alt="🏖" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Stages, colos, séjours linguistiques : multiplier les possibilités</h2>
<p>Quand la question du transport n’est plus un frein, les familles se sentent plus libres de dire oui aux opportunités qui se présentent : colo spécialisée pour un enfant passionné de musique, stage intensif de basket loin de la maison, immersion linguistique pendant les vacances de printemps.</p>
<p>Le voyage accompagné en train devient alors un outil d’égalité des chances : même sans voiture, même en vivant loin des grandes villes, un jeune peut rejoindre un stage, un camp ou un club partenaire situé à plusieurs centaines de kilomètres. Pour construire ce type de projet, vous pouvez démarrer par un échange direct avec l’équipe via la page <a href="https://clubkids.fr/contact" target="_blank" rel="noopener">Contact</a> et vérifier ensemble la faisabilité du trajet.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5d3.png" alt="🗓" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Anticiper pour un budget et un stress maîtrisés</h2>
<p>Plus un trajet est anticipé, plus il est simple à organiser : choix de l’horaire le plus confortable, temps de correspondance suffisant, budget mieux maîtrisé. C’est particulièrement vrai pour les périodes de vacances scolaires, de grands ponts ou de fêtes familiales.</p>
<p>L’idéal est de réserver l’accompagnement dès que les dates du séjour sont confirmées par l’organisme ou le club. Cela vous laisse aussi le temps d’ajuster les détails : point de rencontre avec la famille d’accueil, organisation du dernier kilomètre, éventuelle nuit chez un proche à l’arrivée. Vous pouvez lancer votre recherche de trajet directement depuis la page d’<a href="https://clubkids.fr" target="_blank" rel="noopener">accueil</a> ou en utilisant le module de réservation ci-dessus.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f30d.png" alt="🌍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Nos destinations phares</h2>
<div class="routes">
    <!-- Insérer ici 4 blocs .route-card, chacun contenant un lien parmi la liste fournie --></p>
<div class="route-card">
<h3>Paris ⇄ Marseille pour les grands départs en colo</h3>
<p><a href="https://clubkids.fr/Train/accompagnement-enfant-tgv-paris-marseille/" target="_blank" rel="noopener">Découvrir l’accompagnement sur la ligne Paris – Marseille</a> et organiser sereinement les voyages vers le Sud pour les séjours d’été.</p>
</p></div>
<div class="route-card">
<h3>Marseille ⇄ Toulouse pour les stages sportifs</h3>
<p><a href="https://clubkids.fr/Train/train-enfants-marseille-toulouse-accompagnement-securise/" target="_blank" rel="noopener">Voir les détails de la liaison Marseille – Toulouse</a> et permettre à votre ado de rejoindre son club ou son camp sportif en toute sécurité.</p>
</p></div>
<div class="route-card">
<h3>Paris ⇄ Bordeaux pour les séjours linguistiques</h3>
<p><a href="https://clubkids.fr/Train/accompagnement-enfant-tgv-paris-bordeaux-angouleme/" target="_blank" rel="noopener">Préparer un voyage accompagné Paris – Bordeaux</a> pour un séjour en famille d’accueil ou un stage de langue.</p>
</p></div>
<div class="route-card">
<h3>Nantes ⇄ Paris pour les projets culturels</h3>
<p><a href="https://clubkids.fr/Train/train-accompagne-nantes-paris/" target="_blank" rel="noopener">Organiser la ligne Nantes – Paris avec ClubKids</a> et faciliter la participation à des auditions, concours ou week-ends associatifs.</p>
</p></div>
</p></div>
</section>
<footer>
  <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f686.png" alt="🚆" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ClubKids France – Accompagnement enfants en train ·<br />
  <a href="https://clubkids.fr">Accueil</a> ·<br />
  <a href="https://clubkids.fr/votre-depart/">Votre départ</a> ·<br />
  <a href="https://clubkids.fr/actualites/">Actualités</a> ·<br />
  <a href="https://clubkids.fr/contact">Contact</a><br />
</footer>
</article><p>The post <a href="https://clubkids.fr/uncategorized/ados-en-mouvement-organiser-les-trajets-en-train-pour-stages-colos-et-projets-sportifs/">Ados en mouvement : organiser les trajets en train pour stages, colos et projets sportifs</a> first appeared on <a href="https://clubkids.fr">ClubKids</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5551</post-id>	</item>
		<item>
		<title>Enfants en train et nouveaux modes de garde : réinventer les mercredis et les vacances scolaires</title>
		<link>https://clubkids.fr/uncategorized/enfants-en-train-et-nouveaux-modes-de-garde-reinventer-les-mercredis-et-les-vacances-scolaires/</link>
		
		<dc:creator><![CDATA[ClubKids]]></dc:creator>
		<pubDate>Thu, 09 Apr 2026 05:31:02 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://clubkids.fr/uncategorized/enfants-en-train-et-nouveaux-modes-de-garde-reinventer-les-mercredis-et-les-vacances-scolaires/</guid>

					<description><![CDATA[<p>Voyager sereinement avec ClubKids – Accompagnement enfants en train 🚆 ClubKids simplifie le voyage des enfants en train Grâce à son service d’accompagnement national, ClubKids assure des trajets sereins et [&#8230;]</p>
<p>The post <a href="https://clubkids.fr/uncategorized/enfants-en-train-et-nouveaux-modes-de-garde-reinventer-les-mercredis-et-les-vacances-scolaires/">Enfants en train et nouveaux modes de garde : réinventer les mercredis et les vacances scolaires</a> first appeared on <a href="https://clubkids.fr">ClubKids</a>.</p>]]></description>
										<content:encoded><![CDATA[<article class="article-clubkids" lang="fr" itemscope itemtype="https://schema.org/Article">
<title>Voyager sereinement avec ClubKids – Accompagnement enfants en train</title><br />
<meta name="description" content="Avec ClubKids, votre enfant voyage sereinement sur toutes les grandes lignes françaises. Découvrez notre service d’accompagnement d’enfants dès 4 ans."><br />
<meta name="keywords" content="train accompagné, accompagnement enfants, sécurité enfants, voyage familial, ClubKids France"><br />
<!-- Junior&cie, Alternative Junior&cie, Junior et compagnie, Junior et cie, Junior & cie, Junior cie, junior et compagnie sncf, accompagnateur sncf, sncf junior, sncf accompagnateur, train accompagné, junior et cie sncf, liste des gares junior et compagnie, train avec accompagnateur, service junior sncf, voyage accompagné sncf, train junior et compagnie, junior compagnie --></p>
<style>
:root {
  --ck-blue:#0aa2e1;
  --ck-dark:#0a4a6f;
  --ck-light:#f3fbff;
  --ck-muted:#6a88a2;
  --radius:22px;
  --shadow:0 10px 28px rgba(10,162,225,.12);
}
body, .article-clubkids {
  font-family:Inter,Arial,sans-serif;
  margin:0;
  color:#234;
  background:#fff;
}
.hero {
  background:linear-gradient(135deg,var(--ck-blue),var(--ck-dark));
  color:#fff;
  padding:70px 24px;
  text-align:center;
  border-radius:0 0 var(--radius) var(--radius);
  box-shadow:var(--shadow);
}
.hero h1 {
  font-size:clamp(1.9rem,4vw,2.8rem);
  font-weight:900;
  margin-bottom:12px;
  color:#fff;
}
.hero p {font-size:1.1rem;opacity:.95;max-width:780px;margin:auto;}
.cta {
  display:inline-block;
  margin-top:24px;
  background:#fff;
  color:var(--ck-blue);
  padding:12px 22px;
  border-radius:999px;
  font-weight:700;
  text-decoration:none;
  box-shadow:var(--shadow);
  transition:.2s;
}
.cta:hover {background:#f4fbff;transform:translateY(-3px);}
.content {max-width:1000px;margin:auto;padding:50px 20px;line-height:1.7;}
.content h2 {color:var(--ck-blue);margin-top:40px;}
.routes {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:18px;margin:30px 0;
}
.route-card {
  background:var(--ck-light);
  border-radius:var(--radius);
  padding:20px;
  box-shadow:var(--shadow);
  transition:.2s ease;
}
.route-card:hover {transform:translateY(-4px);}
.route-card h3 {color:var(--ck-dark);margin:0 0 8px 0;}
.route-card p {color:var(--ck-muted);font-size:.95rem;margin:0;}
footer {
  text-align:center;
  font-size:.9rem;
  color:#6a88a2;
  padding:20px;
  background:#f7fbff;
  margin-top:50px;
  border-top:1px solid #e7f3ff;
}
footer a {color:var(--ck-blue);text-decoration:none;}
footer a:hover {text-decoration:underline;}
</style>
<section class="hero">
<h1><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f686.png" alt="🚆" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ClubKids simplifie le voyage des enfants en train</h1>
<p>Grâce à son service d’accompagnement national, ClubKids assure des trajets sereins et sécurisés pour les enfants de 4 à 17 ans, sur toutes les grandes lignes françaises.</p>
<p>  <a href="#reservation" class="cta"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f39f.png" alt="🎟" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Réserver un trajet</a><br />
</section>
<section class="content">
  <!-- Ici, COMMENCE par le bloc de réservation avec [wbtm-bus-search-form], 
       puis seulement ensuite les autres sections éditoriales --></p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c5.png" alt="📅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Réservez votre prochain départ</h2>
<p>Choisissez votre ville, votre destination et votre date pour réserver une place à votre enfant dès maintenant.</p>
<div id="reservation">
    
<div id="ck-search-root">

	<style>
.ck-search-root, .ck-search-root * {
  all: unset;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;
}

.ck-search-root {
  display:block;
  width:100%;
  padding:30px 0 10px;
}

.ck-bar-wrap {
  background:#ffffff;
  padding:22px 28px;
  border-radius:32px;
  max-width:1400px;
  margin:0 auto;
  box-shadow:0 14px 40px rgba(0,0,0,.06);
}

.ck-bar {
  display:grid;
  grid-template-columns: 1.6fr 1.6fr 1.2fr 1.2fr 2fr 180px;
  gap:16px;
  align-items:center;
}

/* <div class="ck-header"> ... </div> removed */

.ck-bar input[type="text"],
.ck-bar input,
.ck-pax-btn {
  width:100%;
  padding:16px 20px;
  border-radius:999px;
  border:1px solid #dbeaf7;
  background:#ffffff;
  font-size:15px;
  color:#1a2b4c;
}

.ck-suggest {
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  min-width: 280px;
  max-width: 360px;
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e2ebf5;
  max-height: 280px;
  overflow-y: auto;
  z-index: 30;
  box-shadow: 0 12px 32px rgba(0,0,0,0.12);
  padding: 6px 0;
}

.ck-suggest div {
  padding: 7px 14px;
  font-size: 15px;
  font-weight: 500;
  color: #1e3a5f;
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
  border-bottom:1px solid rgba(226,235,245,0.6);
}
.ck-suggest div {
  white-space: nowrap;
}

.ck-suggest div:hover {
  background: #e8f3fb;
  color: #1d6fa5;
}

.ck-suggest::-webkit-scrollbar {
  width: 6px;
}
.ck-suggest::-webkit-scrollbar-thumb {
  background: #cfe6fb;
  border-radius: 6px;
}
.ck-suggest::-webkit-scrollbar-track {
  background: transparent;
}

.ck-suggest div:first-child{
  background:#f5fbff;
}

.ck-pax {
  position:relative;
}

.ck-pax-btn {
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  white-space: nowrap;
  min-width: 260px;
}

.ck-panel {
  display:none;
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  background:#ffffff;
  width:260px;
  padding:18px;
  border-radius:20px;
  box-shadow:0 20px 40px rgba(0,0,0,.25);
  z-index:20;
}

.ck-panel.active {
  display:block;
}

.ck-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:14px;
}

.ck-row small {
  font-size:12px;
  color:#6b7280;
}

.ck-counter {
  display:flex;
  gap:10px;
  align-items:center;
}

.ck-counter button {
  width:30px;
  height:30px;
  border-radius:50%;
  background:#0aa2e1;
  color:#ffffff;
  font-size:18px;
  cursor:pointer;
}

.ck-counter span {
  min-width:22px;
  text-align:center;
  font-weight:700;
}

							 .ck-row > span {
  font-weight: bold;
}

.ck-row > span small {
  font-weight: bold;
}

.ck-submit-inline {
  height:58px;
  padding:0 28px;
  border-radius:999px;
  background:linear-gradient(135deg,#0aa2e1,#3bb4ff);
  color:#fff;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  white-space:nowrap;
  box-shadow:0 10px 26px rgba(10,162,225,.35);
  transition:transform .15s ease, box-shadow .15s ease;
  min-width: 170px;
}

.ck-submit-inline:hover {
  transform:translateY(-1px);
  box-shadow:0 16px 36px rgba(10,162,225,.45);
}
							 
/* === DATE INPUT : FAUX DEFAULT COMME DESKTOP (MOBILE) === */


.ck-bar input[type="date"].ck-date-default {
  color: #94a3b8;
}

.ck-bar input[type="date"].ck-date-active {
  color: #1a2b4c;
}

.ck-bar input[type="date"]{
  position:relative;
}

.ck-bar input[type="date"]::before{
  content: attr(data-label);
  position:absolute;
  top:-8px;
  left:18px;
  font-size:10px;
  font-weight:700;
  color:#94a3b8;
  background:#ffffff;
  padding:0 6px;
  border-radius:6px;
  pointer-events:none;
}


/* === SUGGESTIONS POSITIONNEMENT CONTENEUR RELATIF === */
.ck-input-wrap {
  position: relative;
}

/* =====================================
   CLUBKIDS SEARCH — MOBILE LAYOUT FIX
   ===================================== */
@media (max-width: 768px){

  .ck-search-root{
    padding:16px 0 8px;
  }

  .ck-bar-wrap{
    width:100%;
    max-width:100%;
    margin:0;
    padding:16px;
    border-radius:20px;
  }

  .ck-bar{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:12px;
    align-items:stretch;
  }

  /* Tous les champs même taille */
  .ck-bar input[type="text"],
  .ck-bar input,
  .ck-pax-btn,
  .ck-submit-inline{
    width:100%;
    height:44px;
    padding:0 14px;
    font-size:14px;
    border-radius:999px;
  }

  /* Départ + Arrivée sur lignes dédiées */
  .ck-bar .ck-input-wrap:nth-of-type(1),
  .ck-bar .ck-input-wrap:nth-of-type(2){
    grid-column: 1 / -1;
  }

  /* Dates ultra-compactes sur mobile */
  .ck-bar input[type="date"]{
    grid-column: span 1;
    height:40px;
    padding:0 6px;
    font-size:12px;
    width:auto;
  }

  /* Passagers pleine largeur */
  .ck-pax{
    grid-column: 1 / -1;
  }

  .ck-pax-btn{
    min-width:100%;
  }

  /* Bouton rechercher pleine largeur */
  .ck-submit-inline{
    grid-column: 1 / -1;
    height:48px;
    font-size:15px;
    font-weight:800;
  }

  /* Sécurité anti débordement */
  body{
    overflow-x:hidden;
  }
}
</style>
</style>

  <form>
    <div class="ck-bar-wrap">
      <div class="ck-bar">

        <div class="ck-input-wrap">
          <input type="text" placeholder="Départ" aria-label="Départ" autocomplete="off" id="startCityInput" />
          <div class="ck-suggest" style="display:none;"></div>
        </div>

        <div class="ck-input-wrap">
          <input type="text" placeholder="Arrivée" aria-label="Arrivée" autocomplete="off" id="endCityInput" />
          <div class="ck-suggest" style="display:none;"></div>
        </div>

        <input type="date" data-label="Aller">
        <input type="date" data-label="Retour">

        <div class="ck-pax">
          <button type="button" class="ck-pax-btn">
            <span id="ck-summary">Ajouter un voyageur</span><span>▾</span>
          </button>

          <div class="ck-panel">
            <div class="ck-row">
              <span>Enfant<br><small>4–11 ans</small></span>
              <div class="ck-counter">
                <button type="button" data-t="c" data-op="minus">−</button>
                <span id="c">0</span>
                <button type="button" data-t="c" data-op="plus">+</button>
              </div>
            </div>

            <div class="ck-row">
              <span>Jeune<br><small>12–17 ans</small></span>
              <div class="ck-counter">
                <button type="button" data-t="t" data-op="minus">−</button>
                <span id="t">0</span>
                <button type="button" data-t="t" data-op="plus">+</button>
              </div>
            </div>
          </div>
        </div>

        <button type="submit" class="ck-submit-inline">
          <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Rechercher
        </button>

      </div>
    </div>
  </form>

<script>
(()=>{
  const root = document.getElementById('ck-search-root');
  const form = root.querySelector('form');

  const panel = root.querySelector('.ck-panel');
  const btn   = root.querySelector('.ck-pax-btn');
  const sum   = root.querySelector('#ck-summary');

  const c = root.querySelector('#c');
  const t = root.querySelector('#t');

  const startCity = root.querySelector('#startCityInput');
  const endCity   = root.querySelector('#endCityInput');
  const dateStart = root.querySelectorAll('input[type="date"]')[0];
  const dateEnd   = root.querySelectorAll('input[type="date"]')[1];

  // Coordonnées simplifiées (exemples, à enrichir ensuite)
  window.ckCityCoords = {
    "Paris":[48.8566,2.3522],
    "Marseille":[43.2965,5.3698],
    "Lyon":[45.7640,4.8357],
    "Toulouse":[43.6047,1.4442],
    "Nice":[43.7102,7.2620],
    "Nantes":[47.2184,-1.5536],
    "Montpellier":[43.6119,3.8772],
    "Bordeaux":[44.8378,-0.5792],
    "Lille":[50.6292,3.0573]
  };

  // === SUGGESTIONS DATA FROM PHP ===
  const cities = ["Paris","Marseille","Lyon","Toulouse","Nice","Nantes","Montpellier","Strasbourg","Bordeaux","Lille","Rennes","Reims","Le Havre","Saint-\u00c9tienne","Toulon","Abbeville","Agde","Agen","Aix-en-Provence","Albertville","Albi","Alen\u00e7on","Al\u00e8s","Amiens","Angers","Angoul\u00eame","Annecy","Antibes","Antony","Apt","Arcachon","Argentan","Arles","Arras","Aubusson","Auch","Auray","Aurillac","Auxerre","Avignon","Avranches","Bar-le-Duc","Bar-sur-Aube","Bayeux","Bayonne","Beaune","Beauvais","Belfort","Bergerac","Besan\u00e7on","Biarritz","Blois","Bonneville","Boulogne-Billancourt","Boulogne-sur-Mer","Bourg-en-Bresse","Bourges","Brest","Brian\u00e7on","Brignoles","Brioude","Brive-la-Gaillarde","B\u00e9thune","B\u00e9ziers","Caen","Cahors","Calais","Cambrai","Cannes","Carcassonne","Carpentras","Castelsarrasin","Castres","Cavaillon","Chalon-sur-Sa\u00f4ne","Chamb\u00e9ry","Charleville-M\u00e9zi\u00e8res","Chartres","Chaumont","Cherbourg-Octeville","Chinon","Cholet","Ch\u00e2lons-en-Champagne","Ch\u00e2teau-Thierry","Ch\u00e2teaubriant","Ch\u00e2teaudun","Ch\u00e2teauroux","Ch\u00e2tellerault","Clermont-Ferrand","Cognac","Colmar","Commercy","Compi\u00e8gne","Dax","Die","Dieppe","Digne-les-Bains","Dijon","Dinan","Dole","Douai","Draguignan","Dreux","Dunkerque","Figeac","Foix","Fontainebleau","Forbach","Gap","Grasse","Grenoble","Guingamp","Gu\u00e9ret","Haguenau","Hendaye","Hy\u00e8res","Issoire","Issoudun","Istres","Jonzac","La Roche-sur-Yon","La Rochelle","Langon","Langres","Lannion","Laon","Largenti\u00e8re","Laval","Le Mans","Le Puy-en-Velay","Lens","Les Sables-d\u2019Olonne","Libourne","Limoges","Limoux","Lisieux","Lons-le-Saunier","Lorient","Lun\u00e9ville","Mantes-la-Jolie","Martigues","Mayenne","Meaux","Melun","Mende","Metz","Millau","Molsheim","Monaco","Mont-de-Marsan","Montargis","Montauban","Montbard","Montb\u00e9liard","Montlu\u00e7on","Mont\u00e9limar","Morlaix","Moulins","Mulhouse","M\u00e2con","Nancy","Narbonne","Neufch\u00e2teau","Nevers","Niort","Nogent-le-Rotrou","Nogent-sur-Marne","Nogent-sur-Seine","N\u00eemes","Orange","Orl\u00e9ans","Pau","Perpignan","Pierrelatte","Poitiers","Pontarlier","Pontivy","Privas","P\u00e9rigueux","Quimper","Redon","Rethel","Riom","Roanne","Rochefort","Rodez","Romans-sur-Is\u00e8re","Rouen","Saint-Brieuc","Saint-Dizier","Saint-Di\u00e9-des-Vosges","Saint-Jean-de-Luz","Saint-Jean-de-Maurienne","Saint-L\u00f4","Saint-Malo","Saint-Nazaire","Saint-Omer","Saint-Quentin","Saint-Rapha\u00ebl-Valescure","Saint-Tropez","Saintes","Salon-de-Provence","Sarrebourg","Sarreguemines","Saumur","Saverne","Sedan","Sens","Soissons","S\u00e8te","S\u00e9lestat","Tarbes","Thionville","Thonon-les-Bains","Toul","Tourcoing","Tours","Troyes","Tulle","Ussel","Valence","Valenciennes","Vannes","Vend\u00f4me","Verdun","Versailles","Vesoul","Vichy","Vienne","Vierzon","Villefranche-sur-Sa\u00f4ne","Vire","Vitry-le-Fran\u00e7ois","Yssingeaux","\u00c9pernay","\u00c9pinal","\u00c9vreux"];
  const stations = ["A\u00e9roport Charles de Gaulle 2 TGV","Agde","Agen","Aix en Provence TGV","Angers St-Laud","Antibes","Auray","Avignon TGV","Bayonne","B\u00e9ziers","Biarritz","Bordeaux St-Jean","Cannes","Dax","Hendaye","Laval","Le Mans","Le Mans","Lille Flandres","Lorient","Lyon Part-Dieu","Lyon Saint-Exup\u00e9ry TGV","Marne-La-Vallee-Chessy","Marseille St-Charles","Metz-Ville","Montauban-Ville-Boubon","Montpellier Saint-Roch","Montpellier Sud de France","Nantes","Narbonne","Nice-Ville","N\u00eemes Centre","N\u00eemes Pont du Gard","Paris (Toutes)","Paris Gare de l\u2019Est","Paris Gare de Lyon","Paris Massy TGV","Paris Montparnasse","Perpignan","Quimper","Rennes","S\u00e8te","St Raphael Valescure","St-Jean-de-Luz-Ciboure","Strasbourg","TGV Haute Picardie","Toulon","Toulouse Matabiau","Valence TGV","Vannes"];

  // Liste combinée (villes + gares)
  const searchItems = [...cities, ...stations];

  // Normalize string: lowercase + remove accents + alias st/ste -> saint/sainte (comparaison uniquement) + remove dashes and spaces
  function normalizeStr(str) {
    return str
      .toLowerCase()
      .normalize("NFD")
      .replace(/[\u0300-\u036f]/g, "")
      // alias st / ste -> saint / sainte (comparaison uniquement)
      .replace(/\bste\b/g, "sainte")
      .replace(/\bst\b/g, "saint")
      .replace(/[-\s]+/g, "");
  }

  function createSuggestHandler(inputEl) {
    const suggestEl = inputEl.nextElementSibling;

    function showSuggestions() {
      const rawVal = inputEl.value.trim();
      const val = normalizeStr(rawVal);

      let matches = [];
      let hasGeoOption = false;

      // &#x1f449; Toutes les villes + gares sont injectées, le CSS limite visuellement à 6 (scroll)
      if (!rawVal) {
        matches = [...searchItems];
        hasGeoOption = true;
      } else {
        for (let city of searchItems) {
          if (normalizeStr(city).includes(val)) {
            matches.push(city);
          }
        }
      }

      // Empêcher la duplication visuelle
      matches = [...new Set(matches)];

      if (matches.length === 0) {
        suggestEl.style.display = 'none';
        suggestEl.innerHTML = '';
        return;
      }

      suggestEl.innerHTML = '';

      if (hasGeoOption) {
        const geoDiv = document.createElement('div');
        geoDiv.textContent = '&#x1f4cd; Utiliser ma localisation';
        geoDiv.style.fontWeight = '600';
        geoDiv.style.color = '#0aa2e1';
        geoDiv.style.fontSize = '14px';
        geoDiv.style.padding = '8px 14px';
        geoDiv.style.background = '#f5fbff';

        geoDiv.addEventListener('mousedown', e => {
          e.preventDefault();

          if (!navigator.geolocation) {
            alert("La géolocalisation n’est pas supportée par votre navigateur.");
            return;
          }

          navigator.geolocation.getCurrentPosition(pos => {
            const { latitude, longitude } = pos.coords;

            // &#x1f525; Recherche ville la plus proche (distance simple)
            let closestCity = null;
            let closestDist = Infinity;

            cities.forEach(city => {
              if (!window.ckCityCoords || !window.ckCityCoords[city]) return;

              const [lat, lng] = window.ckCityCoords[city];
              const d = Math.hypot(lat - latitude, lng - longitude);
              if (d < closestDist) {
                closestDist = d;
                closestCity = city;
              }
            });

            if (closestCity) {
              inputEl.value = closestCity;
            } else {
              alert("Impossible de déterminer une gare proche.");
            }

            suggestEl.style.display = 'none';
          }, () => {
            alert("Autorisation de géolocalisation refusée.");
          });
        });

        suggestEl.appendChild(geoDiv);
      }

      for (let m of matches) {
        const div = document.createElement('div');
        div.textContent = m;
        div.addEventListener('mousedown', e => {
          e.preventDefault();
          inputEl.value = m;
          suggestEl.style.display = 'none';
        });
        suggestEl.appendChild(div);
      }

      suggestEl.style.display = 'block';
    }

    inputEl.addEventListener('input', showSuggestions);
    inputEl.addEventListener('focus', showSuggestions);

    // Close suggestions when clicking outside
    document.addEventListener('click', e => {
      if (!inputEl.contains(e.target) && !suggestEl.contains(e.target)) {
        suggestEl.style.display = 'none';
      }
    });
  }

  createSuggestHandler(startCity);
  createSuggestHandler(endCity);

  // === DATE PAR DÉFAUT — LOGIQUE ALLER / RETOUR PROPRE ===
  const todayISO = new Date().toISOString().split('T')[0];

  // &#x1f449; ALLER : pré-rempli visuellement
  if (!dateStart.value) {
    dateStart.value = todayISO;
    dateStart.classList.add('ck-date-default');
  }

  dateStart.addEventListener('change', () => {
    dateStart.classList.remove('ck-date-default');
    dateStart.classList.add('ck-date-active');
  });

  // &#x1f449; RETOUR : vide par défaut (optionnel)
  dateEnd.classList.add('ck-date-default');

  dateEnd.addEventListener('change', () => {
    dateEnd.classList.remove('ck-date-default');
    dateEnd.classList.add('ck-date-active');
  });

  const slugify = str =>
    str.toLowerCase()
       .normalize("NFD").replace(/[\u0300-\u036f]/g, "")
       .replace(/[^a-z0-9]+/g, "-")
       .replace(/(^-|-$)/g, "");

  btn.onclick = e => {
    e.stopPropagation();
    panel.classList.toggle('active');
  };

  panel.addEventListener('click', e => {
    e.stopPropagation();
  });

  document.addEventListener('click', e => {
    if (!root.querySelector('.ck-pax').contains(e.target)) {
      panel.classList.remove('active');
    }
  });

  panel.querySelectorAll('button[data-op]').forEach(b=>{
    b.onclick = e=>{
      e.stopPropagation();

      const el = b.dataset.t === 'c' ? c : t;
      let v = parseInt(el.textContent, 10) || 0;

      if (b.dataset.op === 'plus') {
        v++;
      } else {
        v--;
      }

      v = Math.max(0, v);
      el.textContent = v;

      const cc = parseInt(c.textContent);
      const tt = parseInt(t.textContent);

      if (cc === 0 && tt === 0) {
        sum.textContent = 'Ajouter un voyageur';
      } else {
        let parts = [];
        if (cc > 0) parts.push(cc + ' enfant' + (cc > 1 ? 's' : ''));
        if (tt > 0) parts.push(tt + ' jeune' + (tt > 1 ? 's' : ''));
        sum.textContent = parts.join(' • ');
      }
    };
  });

  form.addEventListener('submit', e => {
    e.preventDefault();

    const cc = parseInt(c.textContent) || 0;
    const tt = parseInt(t.textContent) || 0;

    if (cc === 0 && tt === 0) {
      alert("Veuillez ajouter au moins un voyageur (enfant ou jeune).");
      return;
    }

    if (!startCity.value || !endCity.value || !dateStart.value) {
      alert("Merci de renseigner la ville de départ, la ville d’arrivée et la date.");
      return;
    }

    let url = `/recherche/${slugify(startCity.value)}/${slugify(endCity.value)}?date=${dateStart.value}&c=${cc}&t=${tt}`;

    if (dateEnd.value) {
      url += `&return=${dateEnd.value}`;
    }

    window.location.href = url;
  });
})();
</script>

</div>

  
  </div>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f499.png" alt="💙" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Une solution pensée pour les familles</h2>
<p>Les modes de garde évoluent : crèches, assistantes maternelles, grands-parents, co‑parentalité, familles élargies… et les enfants circulent de plus en plus entre plusieurs lieux de vie. ClubKids s’inscrit dans cette nouvelle organisation familiale en proposant un accompagnement sur mesure pour chaque trajet en train, que ce soit pour un mercredi chez un parent, un séjour chez une tante ou une semaine de révisions chez un proche.</p>
<p>Concrètement, un accompagnateur accueille votre enfant à la gare de départ, l’aide à s’installer, veille sur lui pendant toute la durée du voyage et le remet en main propre à l’adulte prévu à l’arrivée. Vous recevez des nouvelles rassurantes par SMS à chaque étape clé. Cette présence dédiée allège la charge mentale des parents et permet aux enfants de vivre le déplacement comme une parenthèse agréable plutôt qu’un moment de stress.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f468-200d-1f469-200d-1f467-200d-1f466.png" alt="👨‍👩‍👧‍👦" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Nouveaux rythmes de garde, nouvelles mobilités</h2>
<p>Entre les semaines de cours, les mercredis fractionnés, les stages de vacances et les besoins de garde ponctuels, les agendas familiaux se transforment. De nombreux parents doivent concilier horaires de travail complexes, déplacements professionnels, parfois travail de nuit, tout en maintenant le lien entre l’enfant et ses différentes figures d’attachement.</p>
<p>Dans ce contexte, le train accompagné devient une solution concrète pour organiser des séjours chez un proche éloigné sans bouleverser l’emploi du temps des adultes. Un enfant peut ainsi passer quelques jours chez ses grands-parents, retrouver un cousin pour un stage sportif ou rejoindre un parent qui vit dans une autre ville, sans que chacun prenne une journée entière de congé pour faire l’aller-retour. Pour découvrir comment fonctionne un départ type, vous pouvez consulter la page <a href="https://clubkids.fr/votre-depart/" target="_blank" rel="noopener">Votre voyage</a>.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e0.png" alt="🧠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Alléger la charge mentale des mercredis et petites vacances</h2>
<p>Les mercredis et les petites vacances sont souvent synonymes de casse-tête logistique : qui récupère l’enfant, qui peut l’héberger, comment gérer les activités extrascolaires quand les adultes ne sont pas sur le même territoire ? Les plateformes de covoiturage ou les trajets improvisés peuvent parfois renforcer le stress plutôt que le réduire.</p>
<p>En déléguant la partie transport à un service spécialisé, les parents peuvent mieux se concentrer sur le contenu du séjour : préparer une valise adaptée, prévoir les devoirs, réfléchir aux moments de qualité que l’enfant va vivre. L’organisation se clarifie : un horaire, un point de rencontre, un adulte référent, un suivi précis. Cela fait une différence majeure quand on jongle déjà avec plusieurs calendriers familiaux.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f512.png" alt="🔒" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Sécurité des trajets : des repères stables pour les enfants</h2>
<p>Pour un enfant, changer régulièrement de lieu de vie peut être déstabilisant. Avoir un cadre rassurant au moment du voyage aide énormément à vivre ces transitions plus sereinement. Les accompagnateurs ClubKids prennent le temps de se présenter, d’expliquer le déroulé, de montrer où sont les toilettes, où ranger le sac, et de rappeler à l’enfant qui l’attend à l’arrivée.</p>
<p>Les enfants disposent ainsi de repères stables : mêmes consignes de sécurité, même manière de gérer les déplacements sur le quai, même posture bienveillante pendant le trajet. Cette continuité sécurise particulièrement les plus jeunes ou ceux qui vivent une organisation familiale complexe. De leur côté, les parents savent qu’ils peuvent joindre l’équipe en cas de question, via le formulaire dédié sur la page <a href="https://clubkids.fr/contact" target="_blank" rel="noopener">Contact</a>.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Comment préparer votre enfant à voyager seul accompagné</h2>
<p>Un voyage d’enfant bien préparé se déroule généralement sans accrocs. Quelques jours avant le départ, prenez un moment pour expliquer à votre enfant comment va se passer la journée : qui l’accompagne à la gare, qui le récupère, ce qu’il fera pendant le trajet. Vous pouvez même lui montrer le site <a href="https://clubkids.fr" target="_blank" rel="noopener">clubkids.fr</a> pour qu’il visualise le service.</p>
<ul>
<li>Glissez dans son sac une petite fiche avec ses coordonnées et celles de l’adulte qui l’attend.</li>
<li>Prévoyez un goûter simple, une bouteille d’eau et éventuellement un livre ou un jeu calme.</li>
<li>Expliquez-lui qu’il doit toujours rester près de l’accompagnateur, notamment lors des montées et descentes du train.</li>
<li>Rappelez-lui qu’il a le droit de poser toutes ses questions et de dire s’il est fatigué ou inquiet.</li>
</ul>
<p>Le jour J, arrivez un peu en avance pour éviter la précipitation. La première rencontre avec l’accompagnateur est un moment important : présentez-vous, vérifiez ensemble les consignes et n’hésitez pas à rappeler les habitudes de votre enfant (timidité, besoin de bouger, mal des transports…).</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f2.png" alt="📲" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Informer tous les adultes concernés, même à distance</h2>
<p>Dans les familles où plusieurs adultes partagent la responsabilité de l’enfant, la circulation des informations est parfois compliquée. Qui a les billets, qui reçoit les SMS de suivi, qui vient chercher l’enfant à l’arrivée ? Pour sécuriser le trajet, il est utile de désigner un « référent voyage » qui centralise les échanges avec ClubKids, tout en partageant les informations essentielles avec les autres adultes concernés.</p>
<p>Avant le départ, vous pouvez créer un petit document commun (message groupé, note partagée…) avec : le numéro du train, l’horaire, le prénom de l’accompagnateur quand il est communiqué, le point de rendez-vous et le contact de la personne qui attend l’enfant. Ce simple réflexe évite bien des quiproquos. Pour rester informé des évolutions du service et des ouvertures de nouvelles lignes, n’hésitez pas à consulter régulièrement la rubrique <a href="https://clubkids.fr/actualites/" target="_blank" rel="noopener">Nos actualités</a>.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f39f.png" alt="🎟" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Organiser un calendrier de séjours sur l’année</h2>
<p>De plus en plus de familles planifient désormais les séjours d’enfants chez un proche sur l’ensemble de l’année scolaire : un mercredi sur deux chez un parent éloigné, quelques jours chez les grands-parents à chaque période de vacances, un stage intensif dans une autre ville… En regroupant ces dates à l’avance, il devient plus simple de réserver les trajets en train accompagné au bon moment.</p>
<p>Vous pouvez, par exemple, définir dès la rentrée les week-ends ou mercredis qui seront consacrés à ces déplacements. Ensuite, il suffit de vous rendre dans la section <a href="https://clubkids.fr/votre-depart/" target="_blank" rel="noopener">Votre voyage</a> pour vérifier les départs disponibles, puis de compléter directement votre réservation via le module ci-dessus. Anticiper permet souvent de bénéficier de plus de choix d’horaires et de mieux organiser les agendas de chacun.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f30d.png" alt="🌍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Nos destinations phares</h2>
<p>ClubKids accompagne les enfants sur de nombreuses grandes lignes françaises. Voici quelques exemples de trajets très demandés pour les mercredis, les vacances scolaires ou les séjours chez les proches. Cliquez sur la destination qui vous intéresse pour découvrir les détails pratiques et réserver un départ.</p>
<div class="routes">
    <!-- Insérer ici 4 blocs .route-card, chacun contenant un lien parmi la liste fournie --></p>
<div class="route-card">
<h3><a href="https://clubkids.fr/Train/accompagnement-enfant-tgv-paris-marseille/" target="_blank" rel="noopener">Paris ⇆ Marseille (sens Paris &rarr; Marseille)</a></h3>
<p>Idéal pour rejoindre un parent, des cousins ou des grands-parents dans le Sud, le temps d’un long mercredi ou d’un séjour de vacances.</p>
</p></div>
<div class="route-card">
<h3><a href="https://clubkids.fr/Train/accompagnement-enfant-tgv-lyon-paris/" target="_blank" rel="noopener">Lyon ⇆ Paris (sens Lyon &rarr; Paris)</a></h3>
<p>Un classique des familles réparties entre région lyonnaise et région parisienne, avec un suivi attentif à chaque étape du voyage.</p>
</p></div>
<div class="route-card">
<h3><a href="https://clubkids.fr/Train/train-accompagne-paris-nantes-angers/" target="_blank" rel="noopener">Paris ⇆ Nantes / Angers (sens Paris &rarr; Ouest)</a></h3>
<p>Parfait pour organiser un séjour chez des proches à l’Ouest, sans multiplier les allers-retours pour les parents.</p>
</p></div>
<div class="route-card">
<h3><a href="https://clubkids.fr/Train/train-enfants-paris-quimper-accompagnement-fiable/" target="_blank" rel="noopener">Paris ⇆ Quimper (sens Paris &rarr; Quimper)</a></h3>
<p>Une solution sécurisée pour permettre aux enfants de profiter de la mer ou de la campagne bretonne, en toute tranquillité.</p>
</p></div>
</p></div>
<p>Que votre enfant voyage pour un mercredi différent, une semaine de vacances scolaires ou un séjour prolongé chez un proche, ClubKids s’adapte à votre organisation familiale. Vous pouvez démarrer votre projet dès aujourd’hui en utilisant le module de réservation en haut de cette page ou en nous écrivant via le formulaire de <a href="https://clubkids.fr/contact" target="_blank" rel="noopener">contact</a>.</p>
</section>
<footer>
  <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f686.png" alt="🚆" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ClubKids France – Accompagnement enfants en train ·<br />
  <a href="https://clubkids.fr">Accueil</a> ·<br />
  <a href="https://clubkids.fr/votre-depart/">Votre départ</a> ·<br />
  <a href="https://clubkids.fr/actualites/">Actualités</a> ·<br />
  <a href="https://clubkids.fr/contact">Contact</a><br />
</footer>
</article><p>The post <a href="https://clubkids.fr/uncategorized/enfants-en-train-et-nouveaux-modes-de-garde-reinventer-les-mercredis-et-les-vacances-scolaires/">Enfants en train et nouveaux modes de garde : réinventer les mercredis et les vacances scolaires</a> first appeared on <a href="https://clubkids.fr">ClubKids</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5503</post-id>	</item>
		<item>
		<title>Trajets d’enfants et télétravail : réinventer l’organisation familiale grâce au train accompagné</title>
		<link>https://clubkids.fr/uncategorized/trajets-denfants-et-teletravail-reinventer-lorganisation-familiale-grace-au-train-accompagne/</link>
		
		<dc:creator><![CDATA[ClubKids]]></dc:creator>
		<pubDate>Thu, 02 Apr 2026 05:30:58 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://clubkids.fr/uncategorized/trajets-denfants-et-teletravail-reinventer-lorganisation-familiale-grace-au-train-accompagne/</guid>

					<description><![CDATA[<p>Trajets d’enfants et télétravail : réinventer l’organisation familiale grâce au train accompagné 🚆 ClubKids simplifie le voyage des enfants en train Grâce à son service d’accompagnement national, ClubKids assure des [&#8230;]</p>
<p>The post <a href="https://clubkids.fr/uncategorized/trajets-denfants-et-teletravail-reinventer-lorganisation-familiale-grace-au-train-accompagne/">Trajets d’enfants et télétravail : réinventer l’organisation familiale grâce au train accompagné</a> first appeared on <a href="https://clubkids.fr">ClubKids</a>.</p>]]></description>
										<content:encoded><![CDATA[<article class="article-clubkids" lang="fr" itemscope itemtype="https://schema.org/Article">
<title>Trajets d’enfants et télétravail : réinventer l’organisation familiale grâce au train accompagné</title><br />
<meta name="description" content="Télétravail, semaines chez l’autre parent, vacances : comment organiser sereinement les trajets en train des enfants grâce à un service d’accompagnement sécurisé comme ClubKids."><br />
<meta name="keywords" content="voyage enfants télétravail, organisation trajets enfants, mobilité familiale, train accompagné, garde alternée distance"><br />
<!-- Junior&cie, Alternative Junior&cie, Junior et compagnie, Junior et cie, Junior & cie, Junior cie, junior et compagnie sncf, accompagnateur sncf, sncf junior, sncf accompagnateur, train accompagné, junior et cie sncf, liste des gares junior et compagnie, train avec accompagnateur, service junior sncf, voyage accompagné sncf, train junior et compagnie, junior compagnie --></p>
<style>
:root {
  --ck-blue:#0aa2e1;
  --ck-dark:#0a4a6f;
  --ck-light:#f3fbff;
  --ck-muted:#6a88a2;
  --radius:22px;
  --shadow:0 10px 28px rgba(10,162,225,.12);
}
body, .article-clubkids {
  font-family:Inter,Arial,sans-serif;
  margin:0;
  color:#234;
  background:#fff;
}
.hero {
  background:linear-gradient(135deg,var(--ck-blue),var(--ck-dark));
  color:#fff;
  padding:70px 24px;
  text-align:center;
  border-radius:0 0 var(--radius) var(--radius);
  box-shadow:var(--shadow);
}
.hero h1 {
  font-size:clamp(1.9rem,4vw,2.8rem);
  font-weight:900;
  margin-bottom:12px;
  color:#fff;
}
.hero p {font-size:1.1rem;opacity:.95;max-width:780px;margin:auto;}
.cta {
  display:inline-block;
  margin-top:24px;
  background:#fff;
  color:var(--ck-blue);
  padding:12px 22px;
  border-radius:999px;
  font-weight:700;
  text-decoration:none;
  box-shadow:var(--shadow);
  transition:.2s;
}
.cta:hover {background:#f4fbff;transform:translateY(-3px);}
.content {max-width:1000px;margin:auto;padding:50px 20px;line-height:1.7;}
.content h2 {color:var(--ck-blue);margin-top:40px;}
.routes {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:18px;margin:30px 0;
}
.route-card {
  background:var(--ck-light);
  border-radius:var(--radius);
  padding:20px;
  box-shadow:var(--shadow);
  transition:.2s ease;
}
.route-card:hover {transform:translateY(-4px);}
.route-card h3 {color:var(--ck-dark);margin:0 0 8px 0;}
.route-card p {color:var(--ck-muted);font-size:.95rem;margin:0;}
footer {
  text-align:center;
  font-size:.9rem;
  color:#6a88a2;
  padding:20px;
  background:#f7fbff;
  margin-top:50px;
  border-top:1px solid #e7f3ff;
}
footer a {color:var(--ck-blue);text-decoration:none;}
footer a:hover {text-decoration:underline;}
</style>
<section class="hero">
<h1><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f686.png" alt="🚆" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ClubKids simplifie le voyage des enfants en train</h1>
<p>Grâce à son service d’accompagnement national, ClubKids assure des trajets sereins et sécurisés pour les enfants de 4 à 17 ans, sur toutes les grandes lignes françaises.</p>
<p>  <a href="#reservation" class="cta"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f39f.png" alt="🎟" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Réserver un trajet</a><br />
</section>
<section class="content">
  <!-- Ici, COMMENCE par le bloc de réservation avec [wbtm-bus-search-form], 
       puis seulement ensuite les autres sections éditoriales --></p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c5.png" alt="📅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Réservez votre prochain départ</h2>
<p>Choisissez votre ville, votre destination et votre date pour réserver une place à votre enfant dès maintenant.</p>
<div id="reservation">
    
<div id="ck-search-root">

	<style>
.ck-search-root, .ck-search-root * {
  all: unset;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;
}

.ck-search-root {
  display:block;
  width:100%;
  padding:30px 0 10px;
}

.ck-bar-wrap {
  background:#ffffff;
  padding:22px 28px;
  border-radius:32px;
  max-width:1400px;
  margin:0 auto;
  box-shadow:0 14px 40px rgba(0,0,0,.06);
}

.ck-bar {
  display:grid;
  grid-template-columns: 1.6fr 1.6fr 1.2fr 1.2fr 2fr 180px;
  gap:16px;
  align-items:center;
}

/* <div class="ck-header"> ... </div> removed */

.ck-bar input[type="text"],
.ck-bar input,
.ck-pax-btn {
  width:100%;
  padding:16px 20px;
  border-radius:999px;
  border:1px solid #dbeaf7;
  background:#ffffff;
  font-size:15px;
  color:#1a2b4c;
}

.ck-suggest {
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  min-width: 280px;
  max-width: 360px;
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e2ebf5;
  max-height: 280px;
  overflow-y: auto;
  z-index: 30;
  box-shadow: 0 12px 32px rgba(0,0,0,0.12);
  padding: 6px 0;
}

.ck-suggest div {
  padding: 7px 14px;
  font-size: 15px;
  font-weight: 500;
  color: #1e3a5f;
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
  border-bottom:1px solid rgba(226,235,245,0.6);
}
.ck-suggest div {
  white-space: nowrap;
}

.ck-suggest div:hover {
  background: #e8f3fb;
  color: #1d6fa5;
}

.ck-suggest::-webkit-scrollbar {
  width: 6px;
}
.ck-suggest::-webkit-scrollbar-thumb {
  background: #cfe6fb;
  border-radius: 6px;
}
.ck-suggest::-webkit-scrollbar-track {
  background: transparent;
}

.ck-suggest div:first-child{
  background:#f5fbff;
}

.ck-pax {
  position:relative;
}

.ck-pax-btn {
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  white-space: nowrap;
  min-width: 260px;
}

.ck-panel {
  display:none;
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  background:#ffffff;
  width:260px;
  padding:18px;
  border-radius:20px;
  box-shadow:0 20px 40px rgba(0,0,0,.25);
  z-index:20;
}

.ck-panel.active {
  display:block;
}

.ck-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:14px;
}

.ck-row small {
  font-size:12px;
  color:#6b7280;
}

.ck-counter {
  display:flex;
  gap:10px;
  align-items:center;
}

.ck-counter button {
  width:30px;
  height:30px;
  border-radius:50%;
  background:#0aa2e1;
  color:#ffffff;
  font-size:18px;
  cursor:pointer;
}

.ck-counter span {
  min-width:22px;
  text-align:center;
  font-weight:700;
}

							 .ck-row > span {
  font-weight: bold;
}

.ck-row > span small {
  font-weight: bold;
}

.ck-submit-inline {
  height:58px;
  padding:0 28px;
  border-radius:999px;
  background:linear-gradient(135deg,#0aa2e1,#3bb4ff);
  color:#fff;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  white-space:nowrap;
  box-shadow:0 10px 26px rgba(10,162,225,.35);
  transition:transform .15s ease, box-shadow .15s ease;
  min-width: 170px;
}

.ck-submit-inline:hover {
  transform:translateY(-1px);
  box-shadow:0 16px 36px rgba(10,162,225,.45);
}
							 
/* === DATE INPUT : FAUX DEFAULT COMME DESKTOP (MOBILE) === */


.ck-bar input[type="date"].ck-date-default {
  color: #94a3b8;
}

.ck-bar input[type="date"].ck-date-active {
  color: #1a2b4c;
}

.ck-bar input[type="date"]{
  position:relative;
}

.ck-bar input[type="date"]::before{
  content: attr(data-label);
  position:absolute;
  top:-8px;
  left:18px;
  font-size:10px;
  font-weight:700;
  color:#94a3b8;
  background:#ffffff;
  padding:0 6px;
  border-radius:6px;
  pointer-events:none;
}


/* === SUGGESTIONS POSITIONNEMENT CONTENEUR RELATIF === */
.ck-input-wrap {
  position: relative;
}

/* =====================================
   CLUBKIDS SEARCH — MOBILE LAYOUT FIX
   ===================================== */
@media (max-width: 768px){

  .ck-search-root{
    padding:16px 0 8px;
  }

  .ck-bar-wrap{
    width:100%;
    max-width:100%;
    margin:0;
    padding:16px;
    border-radius:20px;
  }

  .ck-bar{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:12px;
    align-items:stretch;
  }

  /* Tous les champs même taille */
  .ck-bar input[type="text"],
  .ck-bar input,
  .ck-pax-btn,
  .ck-submit-inline{
    width:100%;
    height:44px;
    padding:0 14px;
    font-size:14px;
    border-radius:999px;
  }

  /* Départ + Arrivée sur lignes dédiées */
  .ck-bar .ck-input-wrap:nth-of-type(1),
  .ck-bar .ck-input-wrap:nth-of-type(2){
    grid-column: 1 / -1;
  }

  /* Dates ultra-compactes sur mobile */
  .ck-bar input[type="date"]{
    grid-column: span 1;
    height:40px;
    padding:0 6px;
    font-size:12px;
    width:auto;
  }

  /* Passagers pleine largeur */
  .ck-pax{
    grid-column: 1 / -1;
  }

  .ck-pax-btn{
    min-width:100%;
  }

  /* Bouton rechercher pleine largeur */
  .ck-submit-inline{
    grid-column: 1 / -1;
    height:48px;
    font-size:15px;
    font-weight:800;
  }

  /* Sécurité anti débordement */
  body{
    overflow-x:hidden;
  }
}
</style>
</style>

  <form>
    <div class="ck-bar-wrap">
      <div class="ck-bar">

        <div class="ck-input-wrap">
          <input type="text" placeholder="Départ" aria-label="Départ" autocomplete="off" id="startCityInput" />
          <div class="ck-suggest" style="display:none;"></div>
        </div>

        <div class="ck-input-wrap">
          <input type="text" placeholder="Arrivée" aria-label="Arrivée" autocomplete="off" id="endCityInput" />
          <div class="ck-suggest" style="display:none;"></div>
        </div>

        <input type="date" data-label="Aller">
        <input type="date" data-label="Retour">

        <div class="ck-pax">
          <button type="button" class="ck-pax-btn">
            <span id="ck-summary">Ajouter un voyageur</span><span>▾</span>
          </button>

          <div class="ck-panel">
            <div class="ck-row">
              <span>Enfant<br><small>4–11 ans</small></span>
              <div class="ck-counter">
                <button type="button" data-t="c" data-op="minus">−</button>
                <span id="c">0</span>
                <button type="button" data-t="c" data-op="plus">+</button>
              </div>
            </div>

            <div class="ck-row">
              <span>Jeune<br><small>12–17 ans</small></span>
              <div class="ck-counter">
                <button type="button" data-t="t" data-op="minus">−</button>
                <span id="t">0</span>
                <button type="button" data-t="t" data-op="plus">+</button>
              </div>
            </div>
          </div>
        </div>

        <button type="submit" class="ck-submit-inline">
          <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Rechercher
        </button>

      </div>
    </div>
  </form>

<script>
(()=>{
  const root = document.getElementById('ck-search-root');
  const form = root.querySelector('form');

  const panel = root.querySelector('.ck-panel');
  const btn   = root.querySelector('.ck-pax-btn');
  const sum   = root.querySelector('#ck-summary');

  const c = root.querySelector('#c');
  const t = root.querySelector('#t');

  const startCity = root.querySelector('#startCityInput');
  const endCity   = root.querySelector('#endCityInput');
  const dateStart = root.querySelectorAll('input[type="date"]')[0];
  const dateEnd   = root.querySelectorAll('input[type="date"]')[1];

  // Coordonnées simplifiées (exemples, à enrichir ensuite)
  window.ckCityCoords = {
    "Paris":[48.8566,2.3522],
    "Marseille":[43.2965,5.3698],
    "Lyon":[45.7640,4.8357],
    "Toulouse":[43.6047,1.4442],
    "Nice":[43.7102,7.2620],
    "Nantes":[47.2184,-1.5536],
    "Montpellier":[43.6119,3.8772],
    "Bordeaux":[44.8378,-0.5792],
    "Lille":[50.6292,3.0573]
  };

  // === SUGGESTIONS DATA FROM PHP ===
  const cities = ["Paris","Marseille","Lyon","Toulouse","Nice","Nantes","Montpellier","Strasbourg","Bordeaux","Lille","Rennes","Reims","Le Havre","Saint-\u00c9tienne","Toulon","Abbeville","Agde","Agen","Aix-en-Provence","Albertville","Albi","Alen\u00e7on","Al\u00e8s","Amiens","Angers","Angoul\u00eame","Annecy","Antibes","Antony","Apt","Arcachon","Argentan","Arles","Arras","Aubusson","Auch","Auray","Aurillac","Auxerre","Avignon","Avranches","Bar-le-Duc","Bar-sur-Aube","Bayeux","Bayonne","Beaune","Beauvais","Belfort","Bergerac","Besan\u00e7on","Biarritz","Blois","Bonneville","Boulogne-Billancourt","Boulogne-sur-Mer","Bourg-en-Bresse","Bourges","Brest","Brian\u00e7on","Brignoles","Brioude","Brive-la-Gaillarde","B\u00e9thune","B\u00e9ziers","Caen","Cahors","Calais","Cambrai","Cannes","Carcassonne","Carpentras","Castelsarrasin","Castres","Cavaillon","Chalon-sur-Sa\u00f4ne","Chamb\u00e9ry","Charleville-M\u00e9zi\u00e8res","Chartres","Chaumont","Cherbourg-Octeville","Chinon","Cholet","Ch\u00e2lons-en-Champagne","Ch\u00e2teau-Thierry","Ch\u00e2teaubriant","Ch\u00e2teaudun","Ch\u00e2teauroux","Ch\u00e2tellerault","Clermont-Ferrand","Cognac","Colmar","Commercy","Compi\u00e8gne","Dax","Die","Dieppe","Digne-les-Bains","Dijon","Dinan","Dole","Douai","Draguignan","Dreux","Dunkerque","Figeac","Foix","Fontainebleau","Forbach","Gap","Grasse","Grenoble","Guingamp","Gu\u00e9ret","Haguenau","Hendaye","Hy\u00e8res","Issoire","Issoudun","Istres","Jonzac","La Roche-sur-Yon","La Rochelle","Langon","Langres","Lannion","Laon","Largenti\u00e8re","Laval","Le Mans","Le Puy-en-Velay","Lens","Les Sables-d\u2019Olonne","Libourne","Limoges","Limoux","Lisieux","Lons-le-Saunier","Lorient","Lun\u00e9ville","Mantes-la-Jolie","Martigues","Mayenne","Meaux","Melun","Mende","Metz","Millau","Molsheim","Monaco","Mont-de-Marsan","Montargis","Montauban","Montbard","Montb\u00e9liard","Montlu\u00e7on","Mont\u00e9limar","Morlaix","Moulins","Mulhouse","M\u00e2con","Nancy","Narbonne","Neufch\u00e2teau","Nevers","Niort","Nogent-le-Rotrou","Nogent-sur-Marne","Nogent-sur-Seine","N\u00eemes","Orange","Orl\u00e9ans","Pau","Perpignan","Pierrelatte","Poitiers","Pontarlier","Pontivy","Privas","P\u00e9rigueux","Quimper","Redon","Rethel","Riom","Roanne","Rochefort","Rodez","Romans-sur-Is\u00e8re","Rouen","Saint-Brieuc","Saint-Dizier","Saint-Di\u00e9-des-Vosges","Saint-Jean-de-Luz","Saint-Jean-de-Maurienne","Saint-L\u00f4","Saint-Malo","Saint-Nazaire","Saint-Omer","Saint-Quentin","Saint-Rapha\u00ebl-Valescure","Saint-Tropez","Saintes","Salon-de-Provence","Sarrebourg","Sarreguemines","Saumur","Saverne","Sedan","Sens","Soissons","S\u00e8te","S\u00e9lestat","Tarbes","Thionville","Thonon-les-Bains","Toul","Tourcoing","Tours","Troyes","Tulle","Ussel","Valence","Valenciennes","Vannes","Vend\u00f4me","Verdun","Versailles","Vesoul","Vichy","Vienne","Vierzon","Villefranche-sur-Sa\u00f4ne","Vire","Vitry-le-Fran\u00e7ois","Yssingeaux","\u00c9pernay","\u00c9pinal","\u00c9vreux"];
  const stations = ["A\u00e9roport Charles de Gaulle 2 TGV","Agde","Agen","Aix en Provence TGV","Angers St-Laud","Antibes","Auray","Avignon TGV","Bayonne","B\u00e9ziers","Biarritz","Bordeaux St-Jean","Cannes","Dax","Hendaye","Laval","Le Mans","Le Mans","Lille Flandres","Lorient","Lyon Part-Dieu","Lyon Saint-Exup\u00e9ry TGV","Marne-La-Vallee-Chessy","Marseille St-Charles","Metz-Ville","Montauban-Ville-Boubon","Montpellier Saint-Roch","Montpellier Sud de France","Nantes","Narbonne","Nice-Ville","N\u00eemes Centre","N\u00eemes Pont du Gard","Paris (Toutes)","Paris Gare de l\u2019Est","Paris Gare de Lyon","Paris Massy TGV","Paris Montparnasse","Perpignan","Quimper","Rennes","S\u00e8te","St Raphael Valescure","St-Jean-de-Luz-Ciboure","Strasbourg","TGV Haute Picardie","Toulon","Toulouse Matabiau","Valence TGV","Vannes"];

  // Liste combinée (villes + gares)
  const searchItems = [...cities, ...stations];

  // Normalize string: lowercase + remove accents + alias st/ste -> saint/sainte (comparaison uniquement) + remove dashes and spaces
  function normalizeStr(str) {
    return str
      .toLowerCase()
      .normalize("NFD")
      .replace(/[\u0300-\u036f]/g, "")
      // alias st / ste -> saint / sainte (comparaison uniquement)
      .replace(/\bste\b/g, "sainte")
      .replace(/\bst\b/g, "saint")
      .replace(/[-\s]+/g, "");
  }

  function createSuggestHandler(inputEl) {
    const suggestEl = inputEl.nextElementSibling;

    function showSuggestions() {
      const rawVal = inputEl.value.trim();
      const val = normalizeStr(rawVal);

      let matches = [];
      let hasGeoOption = false;

      // &#x1f449; Toutes les villes + gares sont injectées, le CSS limite visuellement à 6 (scroll)
      if (!rawVal) {
        matches = [...searchItems];
        hasGeoOption = true;
      } else {
        for (let city of searchItems) {
          if (normalizeStr(city).includes(val)) {
            matches.push(city);
          }
        }
      }

      // Empêcher la duplication visuelle
      matches = [...new Set(matches)];

      if (matches.length === 0) {
        suggestEl.style.display = 'none';
        suggestEl.innerHTML = '';
        return;
      }

      suggestEl.innerHTML = '';

      if (hasGeoOption) {
        const geoDiv = document.createElement('div');
        geoDiv.textContent = '&#x1f4cd; Utiliser ma localisation';
        geoDiv.style.fontWeight = '600';
        geoDiv.style.color = '#0aa2e1';
        geoDiv.style.fontSize = '14px';
        geoDiv.style.padding = '8px 14px';
        geoDiv.style.background = '#f5fbff';

        geoDiv.addEventListener('mousedown', e => {
          e.preventDefault();

          if (!navigator.geolocation) {
            alert("La géolocalisation n’est pas supportée par votre navigateur.");
            return;
          }

          navigator.geolocation.getCurrentPosition(pos => {
            const { latitude, longitude } = pos.coords;

            // &#x1f525; Recherche ville la plus proche (distance simple)
            let closestCity = null;
            let closestDist = Infinity;

            cities.forEach(city => {
              if (!window.ckCityCoords || !window.ckCityCoords[city]) return;

              const [lat, lng] = window.ckCityCoords[city];
              const d = Math.hypot(lat - latitude, lng - longitude);
              if (d < closestDist) {
                closestDist = d;
                closestCity = city;
              }
            });

            if (closestCity) {
              inputEl.value = closestCity;
            } else {
              alert("Impossible de déterminer une gare proche.");
            }

            suggestEl.style.display = 'none';
          }, () => {
            alert("Autorisation de géolocalisation refusée.");
          });
        });

        suggestEl.appendChild(geoDiv);
      }

      for (let m of matches) {
        const div = document.createElement('div');
        div.textContent = m;
        div.addEventListener('mousedown', e => {
          e.preventDefault();
          inputEl.value = m;
          suggestEl.style.display = 'none';
        });
        suggestEl.appendChild(div);
      }

      suggestEl.style.display = 'block';
    }

    inputEl.addEventListener('input', showSuggestions);
    inputEl.addEventListener('focus', showSuggestions);

    // Close suggestions when clicking outside
    document.addEventListener('click', e => {
      if (!inputEl.contains(e.target) && !suggestEl.contains(e.target)) {
        suggestEl.style.display = 'none';
      }
    });
  }

  createSuggestHandler(startCity);
  createSuggestHandler(endCity);

  // === DATE PAR DÉFAUT — LOGIQUE ALLER / RETOUR PROPRE ===
  const todayISO = new Date().toISOString().split('T')[0];

  // &#x1f449; ALLER : pré-rempli visuellement
  if (!dateStart.value) {
    dateStart.value = todayISO;
    dateStart.classList.add('ck-date-default');
  }

  dateStart.addEventListener('change', () => {
    dateStart.classList.remove('ck-date-default');
    dateStart.classList.add('ck-date-active');
  });

  // &#x1f449; RETOUR : vide par défaut (optionnel)
  dateEnd.classList.add('ck-date-default');

  dateEnd.addEventListener('change', () => {
    dateEnd.classList.remove('ck-date-default');
    dateEnd.classList.add('ck-date-active');
  });

  const slugify = str =>
    str.toLowerCase()
       .normalize("NFD").replace(/[\u0300-\u036f]/g, "")
       .replace(/[^a-z0-9]+/g, "-")
       .replace(/(^-|-$)/g, "");

  btn.onclick = e => {
    e.stopPropagation();
    panel.classList.toggle('active');
  };

  panel.addEventListener('click', e => {
    e.stopPropagation();
  });

  document.addEventListener('click', e => {
    if (!root.querySelector('.ck-pax').contains(e.target)) {
      panel.classList.remove('active');
    }
  });

  panel.querySelectorAll('button[data-op]').forEach(b=>{
    b.onclick = e=>{
      e.stopPropagation();

      const el = b.dataset.t === 'c' ? c : t;
      let v = parseInt(el.textContent, 10) || 0;

      if (b.dataset.op === 'plus') {
        v++;
      } else {
        v--;
      }

      v = Math.max(0, v);
      el.textContent = v;

      const cc = parseInt(c.textContent);
      const tt = parseInt(t.textContent);

      if (cc === 0 && tt === 0) {
        sum.textContent = 'Ajouter un voyageur';
      } else {
        let parts = [];
        if (cc > 0) parts.push(cc + ' enfant' + (cc > 1 ? 's' : ''));
        if (tt > 0) parts.push(tt + ' jeune' + (tt > 1 ? 's' : ''));
        sum.textContent = parts.join(' • ');
      }
    };
  });

  form.addEventListener('submit', e => {
    e.preventDefault();

    const cc = parseInt(c.textContent) || 0;
    const tt = parseInt(t.textContent) || 0;

    if (cc === 0 && tt === 0) {
      alert("Veuillez ajouter au moins un voyageur (enfant ou jeune).");
      return;
    }

    if (!startCity.value || !endCity.value || !dateStart.value) {
      alert("Merci de renseigner la ville de départ, la ville d’arrivée et la date.");
      return;
    }

    let url = `/recherche/${slugify(startCity.value)}/${slugify(endCity.value)}?date=${dateStart.value}&c=${cc}&t=${tt}`;

    if (dateEnd.value) {
      url += `&return=${dateEnd.value}`;
    }

    window.location.href = url;
  });
})();
</script>

</div>

  
  </div>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f499.png" alt="💙" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Une solution pensée pour les familles</h2>
<p>Entre télétravail, agendas qui débordent et familles qui vivent sur plusieurs villes, les trajets d’enfants sont devenus un vrai casse-tête logistique. ClubKids propose un accompagnement sécurisé qui s’intègre naturellement dans cette nouvelle organisation familiale, sans ajouter de stress ni de déplacements supplémentaires aux parents.</p>
<p>Un accompagnateur dédié prend en charge l’enfant dès la gare de départ, l’installe à bord, veille sur lui tout au long du voyage et le remet en main propre à l’adulte autorisé à l’arrivée. Les parents restent informés grâce à des messages réguliers et savent à tout moment où en est le trajet.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f468-200d-1f4bb.png" alt="👨‍💻" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Télétravail, flex office et mobilité des enfants : un nouveau paysage familial</h2>
<p>Avec le développement du télétravail et des rythmes de bureau plus flexibles, les familles organisent différemment leurs semaines. Certains parents alternent entre plusieurs villes, d’autres profitent de cette souplesse pour s’éloigner des grandes métropoles tout en gardant un lien fort avec leur réseau familial d’origine.</p>
<p>Résultat : les enfants circulent davantage entre le domicile principal, le logement d’un parent qui travaille ailleurs, ou encore la maison d’un proche pendant les vacances scolaires. Leur mobilité devient une composante à part entière du projet de vie familial, qu’il faut sécuriser et planifier finement.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e0.png" alt="🧠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Alléger la charge mentale liée aux trajets des enfants</h2>
<p>Réserver un billet, vérifier les correspondances, trouver quelqu’un pour accompagner l’enfant à la gare, prévenir l’autre parent, anticiper les retards… Les trajets peuvent rapidement occuper l’esprit des parents plusieurs jours avant le départ. Cette charge invisible s’ajoute à celle du travail, de la gestion du foyer et de la scolarité.</p>
<p>En confiant le déplacement à un service spécialisé, de nombreux parents reconnaissent qu’ils « récupèrent » du temps mental : plus besoin d’anticiper chaque détail, l’itinéraire est balisé. Un simple coup d’œil au récapitulatif de voyage suffit pour s’assurer que tout est en ordre, ce qui libère de l’espace pour se concentrer sur l’essentiel : la qualité du temps passé ensemble.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f510.png" alt="🔐" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Sécurité et rituels rassurants pour les enfants</h2>
<p>Un enfant qui voyage seul a besoin de repères clairs pour se sentir en confiance. Chez ClubKids, l’accompagnement repose sur des rituels simples et répétés : point de rencontre identifié, vérification des papiers, installation à bord, explication des étapes du trajet, puis remise en main propre à l’arrivée.</p>
<p>Ces routines rassurent les plus jeunes et donnent aux plus grands un cadre structurant pour gagner en autonomie, sans jamais être livrés à eux-mêmes. Beaucoup d’enfants finissent par se réjouir de ces voyages réguliers, car ils y trouvent un espace à eux, entre deux environnements familiaux.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9f3.png" alt="🧳" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Organiser sereinement une semaine sur deux en mobilité</h2>
<p>Quand l’un des parents vit dans une autre région ou travaille plusieurs jours par semaine loin du domicile familial, le train devient un maillon essentiel de la relation avec l’enfant. Pour éviter que chaque départ ne se transforme en marathon, quelques bonnes pratiques peuvent tout changer :</p>
<ul>
<li>bloquer en amont les week-ends ou semaines de déplacement dans un calendrier partagé,</li>
<li>réserver les trajets d’enfant à dates fixes pour profiter de tarifs plus stables,</li>
<li>préparer ensemble un petit check-list (doudou, devoirs, chargeur, médicaments…),</li>
<li>prévoir un temps calme avant et après le voyage pour décompresser.</li>
</ul>
<p>ClubKids vient compléter cette organisation en prenant le relais sur la partie la plus délicate : le trajet lui-même. Vous pouvez planifier votre prochain départ depuis l’espace <a href="https://clubkids.fr/votre-depart/" target="_blank" rel="noopener">« Votre voyage »</a> et centraliser toutes les informations utiles.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f392.png" alt="🎒" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Vie scolaire, activités et vacances : concilier rythmes des enfants et contraintes pro</h2>
<p>Le défi, pour de nombreux parents, est d’articuler calendrier scolaire, activités extrascolaires, vacances chez l’autre parent et déplacements professionnels. Les jours de pont, les vacances intermédiaires ou les réunions en présentiel peuvent vite rendre l’équation impossible sans aide extérieure.</p>
<p>Un service d’accompagnement en train permet par exemple à un enfant de rejoindre un parent en déplacement pour quelques jours, sans que celui-ci doive multiplier les allers-retours. À l’inverse, il peut rentrer chez le parent « de référence » dès la fin d’un stage ou d’un séjour chez des proches, tout en respectant son rythme de sommeil et de scolarité.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f2.png" alt="📲" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Une communication fluide entre tous les adultes de référence</h2>
<p>Lorsqu’un enfant circule entre plusieurs foyers, la coordination entre adultes est cruciale. Qui vient le chercher à l’arrivée ? Qui garde les billets ? Qui prévient en cas de changement d’horaire ? Ces questions sont sources de tensions si rien n’est anticipé.</p>
<p>Chez ClubKids, les informations de voyage sont centralisées : lieu et heure de rendez-vous, personnes habilitées à déposer et à récupérer l’enfant, contacts d’urgence. Les parents peuvent ainsi se concentrer sur la relation avec leur enfant, plutôt que sur la gestion des imprévus. Pour suivre les évolutions du service, la page <a href="https://clubkids.fr/actualites/" target="_blank" rel="noopener">« Actualités »</a> est régulièrement mise à jour.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Comment savoir si le train accompagné est adapté à votre famille ?</h2>
<p>Le recours à un accompagnement professionnel n’est pas réservé à un type de famille en particulier. Il peut répondre à des besoins très différents : parent en déplacement fréquent, enfants qui alternent entre deux villes, grands-parents éloignés, ou simplement parents qui souhaitent éviter de longs trajets en voiture le dimanche soir.</p>
<p>Si vous hésitez, le plus simple est d’échanger avec un membre de l’équipe ClubKids, qui pourra étudier votre situation et vous proposer des solutions concrètes. Vous pouvez nous écrire directement via la page <a href="https://clubkids.fr/contact" target="_blank" rel="noopener">Contact</a> ou découvrir notre univers sur la page d’<a href="https://clubkids.fr" target="_blank" rel="noopener">Accueil</a>.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f30d.png" alt="🌍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Nos destinations phares</h2>
<div class="routes">
    <!-- Insérer ici 4 blocs .route-card, chacun contenant un lien parmi la liste fournie --></p>
<div class="route-card">
<h3>Paris ⇌ Marseille en toute sérénité</h3>
<p>Pour les familles partagées entre capitale et Sud, un trajet accompagné qui devient un vrai moment de transition.</p>
<p><a href="https://clubkids.fr/Train/accompagnement-enfant-tgv-paris-marseille/" target="_blank" rel="noopener">Découvrir le trajet Paris–Marseille</a></p>
</p></div>
<div class="route-card">
<h3>Marseille ⇌ Paris pour les retours de week-end</h3>
<p>Idéal pour organiser les fins de vacances ou les semaines de cours sans stress ni coucher tardif.</p>
<p><a href="https://clubkids.fr/Train/accompagnement-enfant-tgv-marseille-paris/" target="_blank" rel="noopener">Voir le service Marseille–Paris</a></p>
</p></div>
<div class="route-card">
<h3>Paris ⇌ Bordeaux &amp; Angoulême</h3>
<p>Pour garder le lien entre métropole et Sud-Ouest, même quand les grands ne peuvent pas se déplacer.</p>
<p><a href="https://clubkids.fr/Train/accompagnement-enfant-tgv-paris-bordeaux-angouleme/" target="_blank" rel="noopener">En savoir plus sur Paris–Bordeaux–Angoulême</a></p>
</p></div>
<div class="route-card">
<h3>Nantes ⇌ Paris pour les familles mobiles</h3>
<p>Une ligne clé pour les enfants dont les parents travaillent ou vivent entre l’Ouest et la région parisienne.</p>
<p><a href="https://clubkids.fr/Train/train-accompagne-nantes-paris/" target="_blank" rel="noopener">Découvrir le trajet Nantes–Paris</a></p>
</p></div>
</p></div>
</section>
<footer>
  <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f686.png" alt="🚆" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ClubKids France – Accompagnement enfants en train ·<br />
  <a href="https://clubkids.fr">Accueil</a> ·<br />
  <a href="https://clubkids.fr/votre-depart/">Votre départ</a> ·<br />
  <a href="https://clubkids.fr/actualites/">Actualités</a> ·<br />
  <a href="https://clubkids.fr/contact">Contact</a><br />
</footer>
</article><p>The post <a href="https://clubkids.fr/uncategorized/trajets-denfants-et-teletravail-reinventer-lorganisation-familiale-grace-au-train-accompagne/">Trajets d’enfants et télétravail : réinventer l’organisation familiale grâce au train accompagné</a> first appeared on <a href="https://clubkids.fr">ClubKids</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5477</post-id>	</item>
		<item>
		<title>Enfants autonomes, parents rassurés : réinventer la mobilité des 8-14 ans en train</title>
		<link>https://clubkids.fr/uncategorized/enfants-autonomes-parents-rassures-reinventer-la-mobilite-des-8-14-ans-en-train/</link>
		
		<dc:creator><![CDATA[ClubKids]]></dc:creator>
		<pubDate>Thu, 26 Mar 2026 06:30:39 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://clubkids.fr/uncategorized/enfants-autonomes-parents-rassures-reinventer-la-mobilite-des-8-14-ans-en-train/</guid>

					<description><![CDATA[<p>Voyager sereinement avec ClubKids – Accompagnement enfants en train 🚆 ClubKids simplifie le voyage des enfants en train Grâce à son service d’accompagnement national, ClubKids assure des trajets sereins et [&#8230;]</p>
<p>The post <a href="https://clubkids.fr/uncategorized/enfants-autonomes-parents-rassures-reinventer-la-mobilite-des-8-14-ans-en-train/">Enfants autonomes, parents rassurés : réinventer la mobilité des 8-14 ans en train</a> first appeared on <a href="https://clubkids.fr">ClubKids</a>.</p>]]></description>
										<content:encoded><![CDATA[<article class="article-clubkids" lang="fr" itemscope itemtype="https://schema.org/Article">
<title>Voyager sereinement avec ClubKids – Accompagnement enfants en train</title><br />
<meta name="description" content="Avec ClubKids, votre enfant voyage sereinement sur toutes les grandes lignes françaises. Découvrez notre service d’accompagnement d’enfants dès 4 ans."><br />
<meta name="keywords" content="train accompagné, accompagnement enfants, sécurité enfants, voyage familial, ClubKids France"><br />
<!-- Junior&cie, Alternative Junior&cie, Junior et compagnie, Junior et cie, Junior & cie, Junior cie, junior et compagnie sncf, accompagnateur sncf, sncf junior, sncf accompagnateur, train accompagné, junior et cie sncf, liste des gares junior et compagnie, train avec accompagnateur, service junior sncf, voyage accompagné sncf, train junior et compagnie, junior compagnie --></p>
<style>
:root {
  --ck-blue:#0aa2e1;
  --ck-dark:#0a4a6f;
  --ck-light:#f3fbff;
  --ck-muted:#6a88a2;
  --radius:22px;
  --shadow:0 10px 28px rgba(10,162,225,.12);
}
body, .article-clubkids {
  font-family:Inter,Arial,sans-serif;
  margin:0;
  color:#234;
  background:#fff;
}
.hero {
  background:linear-gradient(135deg,var(--ck-blue),var(--ck-dark));
  color:#fff;
  padding:70px 24px;
  text-align:center;
  border-radius:0 0 var(--radius) var(--radius);
  box-shadow:var(--shadow);
}
.hero h1 {
  font-size:clamp(1.9rem,4vw,2.8rem);
  font-weight:900;
  margin-bottom:12px;
  color:#fff;
}
.hero p {font-size:1.1rem;opacity:.95;max-width:780px;margin:auto;}
.cta {
  display:inline-block;
  margin-top:24px;
  background:#fff;
  color:var(--ck-blue);
  padding:12px 22px;
  border-radius:999px;
  font-weight:700;
  text-decoration:none;
  box-shadow:var(--shadow);
  transition:.2s;
}
.cta:hover {background:#f4fbff;transform:translateY(-3px);}
.content {max-width:1000px;margin:auto;padding:50px 20px;line-height:1.7;}
.content h2 {color:var(--ck-blue);margin-top:40px;}
.routes {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:18px;margin:30px 0;
}
.route-card {
  background:var(--ck-light);
  border-radius:var(--radius);
  padding:20px;
  box-shadow:var(--shadow);
  transition:.2s ease;
}
.route-card:hover {transform:translateY(-4px);}
.route-card h3 {color:var(--ck-dark);margin:0 0 8px 0;}
.route-card p {color:var(--ck-muted);font-size:.95rem;margin:0;}
footer {
  text-align:center;
  font-size:.9rem;
  color:#6a88a2;
  padding:20px;
  background:#f7fbff;
  margin-top:50px;
  border-top:1px solid #e7f3ff;
}
footer a {color:var(--ck-blue);text-decoration:none;}
footer a:hover {text-decoration:underline;}
</style>
<section class="hero">
<h1><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f686.png" alt="🚆" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ClubKids simplifie le voyage des enfants en train</h1>
<p>Grâce à son service d’accompagnement national, ClubKids assure des trajets sereins et sécurisés pour les enfants de 4 à 17 ans, sur toutes les grandes lignes françaises.</p>
<p>  <a href="#reservation" class="cta"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f39f.png" alt="🎟" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Réserver un trajet</a><br />
</section>
<section class="content">
  <!-- Ici, COMMENCE par le bloc de réservation avec [wbtm-bus-search-form], 
       puis seulement ensuite les autres sections éditoriales --></p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c5.png" alt="📅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Réservez votre prochain départ</h2>
<p>Choisissez votre ville, votre destination et votre date pour réserver une place à votre enfant dès maintenant.</p>
<div id="reservation">
    
<div id="ck-search-root">

	<style>
.ck-search-root, .ck-search-root * {
  all: unset;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;
}

.ck-search-root {
  display:block;
  width:100%;
  padding:30px 0 10px;
}

.ck-bar-wrap {
  background:#ffffff;
  padding:22px 28px;
  border-radius:32px;
  max-width:1400px;
  margin:0 auto;
  box-shadow:0 14px 40px rgba(0,0,0,.06);
}

.ck-bar {
  display:grid;
  grid-template-columns: 1.6fr 1.6fr 1.2fr 1.2fr 2fr 180px;
  gap:16px;
  align-items:center;
}

/* <div class="ck-header"> ... </div> removed */

.ck-bar input[type="text"],
.ck-bar input,
.ck-pax-btn {
  width:100%;
  padding:16px 20px;
  border-radius:999px;
  border:1px solid #dbeaf7;
  background:#ffffff;
  font-size:15px;
  color:#1a2b4c;
}

.ck-suggest {
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  min-width: 280px;
  max-width: 360px;
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e2ebf5;
  max-height: 280px;
  overflow-y: auto;
  z-index: 30;
  box-shadow: 0 12px 32px rgba(0,0,0,0.12);
  padding: 6px 0;
}

.ck-suggest div {
  padding: 7px 14px;
  font-size: 15px;
  font-weight: 500;
  color: #1e3a5f;
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
  border-bottom:1px solid rgba(226,235,245,0.6);
}
.ck-suggest div {
  white-space: nowrap;
}

.ck-suggest div:hover {
  background: #e8f3fb;
  color: #1d6fa5;
}

.ck-suggest::-webkit-scrollbar {
  width: 6px;
}
.ck-suggest::-webkit-scrollbar-thumb {
  background: #cfe6fb;
  border-radius: 6px;
}
.ck-suggest::-webkit-scrollbar-track {
  background: transparent;
}

.ck-suggest div:first-child{
  background:#f5fbff;
}

.ck-pax {
  position:relative;
}

.ck-pax-btn {
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  white-space: nowrap;
  min-width: 260px;
}

.ck-panel {
  display:none;
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  background:#ffffff;
  width:260px;
  padding:18px;
  border-radius:20px;
  box-shadow:0 20px 40px rgba(0,0,0,.25);
  z-index:20;
}

.ck-panel.active {
  display:block;
}

.ck-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:14px;
}

.ck-row small {
  font-size:12px;
  color:#6b7280;
}

.ck-counter {
  display:flex;
  gap:10px;
  align-items:center;
}

.ck-counter button {
  width:30px;
  height:30px;
  border-radius:50%;
  background:#0aa2e1;
  color:#ffffff;
  font-size:18px;
  cursor:pointer;
}

.ck-counter span {
  min-width:22px;
  text-align:center;
  font-weight:700;
}

							 .ck-row > span {
  font-weight: bold;
}

.ck-row > span small {
  font-weight: bold;
}

.ck-submit-inline {
  height:58px;
  padding:0 28px;
  border-radius:999px;
  background:linear-gradient(135deg,#0aa2e1,#3bb4ff);
  color:#fff;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  white-space:nowrap;
  box-shadow:0 10px 26px rgba(10,162,225,.35);
  transition:transform .15s ease, box-shadow .15s ease;
  min-width: 170px;
}

.ck-submit-inline:hover {
  transform:translateY(-1px);
  box-shadow:0 16px 36px rgba(10,162,225,.45);
}
							 
/* === DATE INPUT : FAUX DEFAULT COMME DESKTOP (MOBILE) === */


.ck-bar input[type="date"].ck-date-default {
  color: #94a3b8;
}

.ck-bar input[type="date"].ck-date-active {
  color: #1a2b4c;
}

.ck-bar input[type="date"]{
  position:relative;
}

.ck-bar input[type="date"]::before{
  content: attr(data-label);
  position:absolute;
  top:-8px;
  left:18px;
  font-size:10px;
  font-weight:700;
  color:#94a3b8;
  background:#ffffff;
  padding:0 6px;
  border-radius:6px;
  pointer-events:none;
}


/* === SUGGESTIONS POSITIONNEMENT CONTENEUR RELATIF === */
.ck-input-wrap {
  position: relative;
}

/* =====================================
   CLUBKIDS SEARCH — MOBILE LAYOUT FIX
   ===================================== */
@media (max-width: 768px){

  .ck-search-root{
    padding:16px 0 8px;
  }

  .ck-bar-wrap{
    width:100%;
    max-width:100%;
    margin:0;
    padding:16px;
    border-radius:20px;
  }

  .ck-bar{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:12px;
    align-items:stretch;
  }

  /* Tous les champs même taille */
  .ck-bar input[type="text"],
  .ck-bar input,
  .ck-pax-btn,
  .ck-submit-inline{
    width:100%;
    height:44px;
    padding:0 14px;
    font-size:14px;
    border-radius:999px;
  }

  /* Départ + Arrivée sur lignes dédiées */
  .ck-bar .ck-input-wrap:nth-of-type(1),
  .ck-bar .ck-input-wrap:nth-of-type(2){
    grid-column: 1 / -1;
  }

  /* Dates ultra-compactes sur mobile */
  .ck-bar input[type="date"]{
    grid-column: span 1;
    height:40px;
    padding:0 6px;
    font-size:12px;
    width:auto;
  }

  /* Passagers pleine largeur */
  .ck-pax{
    grid-column: 1 / -1;
  }

  .ck-pax-btn{
    min-width:100%;
  }

  /* Bouton rechercher pleine largeur */
  .ck-submit-inline{
    grid-column: 1 / -1;
    height:48px;
    font-size:15px;
    font-weight:800;
  }

  /* Sécurité anti débordement */
  body{
    overflow-x:hidden;
  }
}
</style>
</style>

  <form>
    <div class="ck-bar-wrap">
      <div class="ck-bar">

        <div class="ck-input-wrap">
          <input type="text" placeholder="Départ" aria-label="Départ" autocomplete="off" id="startCityInput" />
          <div class="ck-suggest" style="display:none;"></div>
        </div>

        <div class="ck-input-wrap">
          <input type="text" placeholder="Arrivée" aria-label="Arrivée" autocomplete="off" id="endCityInput" />
          <div class="ck-suggest" style="display:none;"></div>
        </div>

        <input type="date" data-label="Aller">
        <input type="date" data-label="Retour">

        <div class="ck-pax">
          <button type="button" class="ck-pax-btn">
            <span id="ck-summary">Ajouter un voyageur</span><span>▾</span>
          </button>

          <div class="ck-panel">
            <div class="ck-row">
              <span>Enfant<br><small>4–11 ans</small></span>
              <div class="ck-counter">
                <button type="button" data-t="c" data-op="minus">−</button>
                <span id="c">0</span>
                <button type="button" data-t="c" data-op="plus">+</button>
              </div>
            </div>

            <div class="ck-row">
              <span>Jeune<br><small>12–17 ans</small></span>
              <div class="ck-counter">
                <button type="button" data-t="t" data-op="minus">−</button>
                <span id="t">0</span>
                <button type="button" data-t="t" data-op="plus">+</button>
              </div>
            </div>
          </div>
        </div>

        <button type="submit" class="ck-submit-inline">
          <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Rechercher
        </button>

      </div>
    </div>
  </form>

<script>
(()=>{
  const root = document.getElementById('ck-search-root');
  const form = root.querySelector('form');

  const panel = root.querySelector('.ck-panel');
  const btn   = root.querySelector('.ck-pax-btn');
  const sum   = root.querySelector('#ck-summary');

  const c = root.querySelector('#c');
  const t = root.querySelector('#t');

  const startCity = root.querySelector('#startCityInput');
  const endCity   = root.querySelector('#endCityInput');
  const dateStart = root.querySelectorAll('input[type="date"]')[0];
  const dateEnd   = root.querySelectorAll('input[type="date"]')[1];

  // Coordonnées simplifiées (exemples, à enrichir ensuite)
  window.ckCityCoords = {
    "Paris":[48.8566,2.3522],
    "Marseille":[43.2965,5.3698],
    "Lyon":[45.7640,4.8357],
    "Toulouse":[43.6047,1.4442],
    "Nice":[43.7102,7.2620],
    "Nantes":[47.2184,-1.5536],
    "Montpellier":[43.6119,3.8772],
    "Bordeaux":[44.8378,-0.5792],
    "Lille":[50.6292,3.0573]
  };

  // === SUGGESTIONS DATA FROM PHP ===
  const cities = ["Paris","Marseille","Lyon","Toulouse","Nice","Nantes","Montpellier","Strasbourg","Bordeaux","Lille","Rennes","Reims","Le Havre","Saint-\u00c9tienne","Toulon","Abbeville","Agde","Agen","Aix-en-Provence","Albertville","Albi","Alen\u00e7on","Al\u00e8s","Amiens","Angers","Angoul\u00eame","Annecy","Antibes","Antony","Apt","Arcachon","Argentan","Arles","Arras","Aubusson","Auch","Auray","Aurillac","Auxerre","Avignon","Avranches","Bar-le-Duc","Bar-sur-Aube","Bayeux","Bayonne","Beaune","Beauvais","Belfort","Bergerac","Besan\u00e7on","Biarritz","Blois","Bonneville","Boulogne-Billancourt","Boulogne-sur-Mer","Bourg-en-Bresse","Bourges","Brest","Brian\u00e7on","Brignoles","Brioude","Brive-la-Gaillarde","B\u00e9thune","B\u00e9ziers","Caen","Cahors","Calais","Cambrai","Cannes","Carcassonne","Carpentras","Castelsarrasin","Castres","Cavaillon","Chalon-sur-Sa\u00f4ne","Chamb\u00e9ry","Charleville-M\u00e9zi\u00e8res","Chartres","Chaumont","Cherbourg-Octeville","Chinon","Cholet","Ch\u00e2lons-en-Champagne","Ch\u00e2teau-Thierry","Ch\u00e2teaubriant","Ch\u00e2teaudun","Ch\u00e2teauroux","Ch\u00e2tellerault","Clermont-Ferrand","Cognac","Colmar","Commercy","Compi\u00e8gne","Dax","Die","Dieppe","Digne-les-Bains","Dijon","Dinan","Dole","Douai","Draguignan","Dreux","Dunkerque","Figeac","Foix","Fontainebleau","Forbach","Gap","Grasse","Grenoble","Guingamp","Gu\u00e9ret","Haguenau","Hendaye","Hy\u00e8res","Issoire","Issoudun","Istres","Jonzac","La Roche-sur-Yon","La Rochelle","Langon","Langres","Lannion","Laon","Largenti\u00e8re","Laval","Le Mans","Le Puy-en-Velay","Lens","Les Sables-d\u2019Olonne","Libourne","Limoges","Limoux","Lisieux","Lons-le-Saunier","Lorient","Lun\u00e9ville","Mantes-la-Jolie","Martigues","Mayenne","Meaux","Melun","Mende","Metz","Millau","Molsheim","Monaco","Mont-de-Marsan","Montargis","Montauban","Montbard","Montb\u00e9liard","Montlu\u00e7on","Mont\u00e9limar","Morlaix","Moulins","Mulhouse","M\u00e2con","Nancy","Narbonne","Neufch\u00e2teau","Nevers","Niort","Nogent-le-Rotrou","Nogent-sur-Marne","Nogent-sur-Seine","N\u00eemes","Orange","Orl\u00e9ans","Pau","Perpignan","Pierrelatte","Poitiers","Pontarlier","Pontivy","Privas","P\u00e9rigueux","Quimper","Redon","Rethel","Riom","Roanne","Rochefort","Rodez","Romans-sur-Is\u00e8re","Rouen","Saint-Brieuc","Saint-Dizier","Saint-Di\u00e9-des-Vosges","Saint-Jean-de-Luz","Saint-Jean-de-Maurienne","Saint-L\u00f4","Saint-Malo","Saint-Nazaire","Saint-Omer","Saint-Quentin","Saint-Rapha\u00ebl-Valescure","Saint-Tropez","Saintes","Salon-de-Provence","Sarrebourg","Sarreguemines","Saumur","Saverne","Sedan","Sens","Soissons","S\u00e8te","S\u00e9lestat","Tarbes","Thionville","Thonon-les-Bains","Toul","Tourcoing","Tours","Troyes","Tulle","Ussel","Valence","Valenciennes","Vannes","Vend\u00f4me","Verdun","Versailles","Vesoul","Vichy","Vienne","Vierzon","Villefranche-sur-Sa\u00f4ne","Vire","Vitry-le-Fran\u00e7ois","Yssingeaux","\u00c9pernay","\u00c9pinal","\u00c9vreux"];
  const stations = ["A\u00e9roport Charles de Gaulle 2 TGV","Agde","Agen","Aix en Provence TGV","Angers St-Laud","Antibes","Auray","Avignon TGV","Bayonne","B\u00e9ziers","Biarritz","Bordeaux St-Jean","Cannes","Dax","Hendaye","Laval","Le Mans","Le Mans","Lille Flandres","Lorient","Lyon Part-Dieu","Lyon Saint-Exup\u00e9ry TGV","Marne-La-Vallee-Chessy","Marseille St-Charles","Metz-Ville","Montauban-Ville-Boubon","Montpellier Saint-Roch","Montpellier Sud de France","Nantes","Narbonne","Nice-Ville","N\u00eemes Centre","N\u00eemes Pont du Gard","Paris (Toutes)","Paris Gare de l\u2019Est","Paris Gare de Lyon","Paris Massy TGV","Paris Montparnasse","Perpignan","Quimper","Rennes","S\u00e8te","St Raphael Valescure","St-Jean-de-Luz-Ciboure","Strasbourg","TGV Haute Picardie","Toulon","Toulouse Matabiau","Valence TGV","Vannes"];

  // Liste combinée (villes + gares)
  const searchItems = [...cities, ...stations];

  // Normalize string: lowercase + remove accents + alias st/ste -> saint/sainte (comparaison uniquement) + remove dashes and spaces
  function normalizeStr(str) {
    return str
      .toLowerCase()
      .normalize("NFD")
      .replace(/[\u0300-\u036f]/g, "")
      // alias st / ste -> saint / sainte (comparaison uniquement)
      .replace(/\bste\b/g, "sainte")
      .replace(/\bst\b/g, "saint")
      .replace(/[-\s]+/g, "");
  }

  function createSuggestHandler(inputEl) {
    const suggestEl = inputEl.nextElementSibling;

    function showSuggestions() {
      const rawVal = inputEl.value.trim();
      const val = normalizeStr(rawVal);

      let matches = [];
      let hasGeoOption = false;

      // &#x1f449; Toutes les villes + gares sont injectées, le CSS limite visuellement à 6 (scroll)
      if (!rawVal) {
        matches = [...searchItems];
        hasGeoOption = true;
      } else {
        for (let city of searchItems) {
          if (normalizeStr(city).includes(val)) {
            matches.push(city);
          }
        }
      }

      // Empêcher la duplication visuelle
      matches = [...new Set(matches)];

      if (matches.length === 0) {
        suggestEl.style.display = 'none';
        suggestEl.innerHTML = '';
        return;
      }

      suggestEl.innerHTML = '';

      if (hasGeoOption) {
        const geoDiv = document.createElement('div');
        geoDiv.textContent = '&#x1f4cd; Utiliser ma localisation';
        geoDiv.style.fontWeight = '600';
        geoDiv.style.color = '#0aa2e1';
        geoDiv.style.fontSize = '14px';
        geoDiv.style.padding = '8px 14px';
        geoDiv.style.background = '#f5fbff';

        geoDiv.addEventListener('mousedown', e => {
          e.preventDefault();

          if (!navigator.geolocation) {
            alert("La géolocalisation n’est pas supportée par votre navigateur.");
            return;
          }

          navigator.geolocation.getCurrentPosition(pos => {
            const { latitude, longitude } = pos.coords;

            // &#x1f525; Recherche ville la plus proche (distance simple)
            let closestCity = null;
            let closestDist = Infinity;

            cities.forEach(city => {
              if (!window.ckCityCoords || !window.ckCityCoords[city]) return;

              const [lat, lng] = window.ckCityCoords[city];
              const d = Math.hypot(lat - latitude, lng - longitude);
              if (d < closestDist) {
                closestDist = d;
                closestCity = city;
              }
            });

            if (closestCity) {
              inputEl.value = closestCity;
            } else {
              alert("Impossible de déterminer une gare proche.");
            }

            suggestEl.style.display = 'none';
          }, () => {
            alert("Autorisation de géolocalisation refusée.");
          });
        });

        suggestEl.appendChild(geoDiv);
      }

      for (let m of matches) {
        const div = document.createElement('div');
        div.textContent = m;
        div.addEventListener('mousedown', e => {
          e.preventDefault();
          inputEl.value = m;
          suggestEl.style.display = 'none';
        });
        suggestEl.appendChild(div);
      }

      suggestEl.style.display = 'block';
    }

    inputEl.addEventListener('input', showSuggestions);
    inputEl.addEventListener('focus', showSuggestions);

    // Close suggestions when clicking outside
    document.addEventListener('click', e => {
      if (!inputEl.contains(e.target) && !suggestEl.contains(e.target)) {
        suggestEl.style.display = 'none';
      }
    });
  }

  createSuggestHandler(startCity);
  createSuggestHandler(endCity);

  // === DATE PAR DÉFAUT — LOGIQUE ALLER / RETOUR PROPRE ===
  const todayISO = new Date().toISOString().split('T')[0];

  // &#x1f449; ALLER : pré-rempli visuellement
  if (!dateStart.value) {
    dateStart.value = todayISO;
    dateStart.classList.add('ck-date-default');
  }

  dateStart.addEventListener('change', () => {
    dateStart.classList.remove('ck-date-default');
    dateStart.classList.add('ck-date-active');
  });

  // &#x1f449; RETOUR : vide par défaut (optionnel)
  dateEnd.classList.add('ck-date-default');

  dateEnd.addEventListener('change', () => {
    dateEnd.classList.remove('ck-date-default');
    dateEnd.classList.add('ck-date-active');
  });

  const slugify = str =>
    str.toLowerCase()
       .normalize("NFD").replace(/[\u0300-\u036f]/g, "")
       .replace(/[^a-z0-9]+/g, "-")
       .replace(/(^-|-$)/g, "");

  btn.onclick = e => {
    e.stopPropagation();
    panel.classList.toggle('active');
  };

  panel.addEventListener('click', e => {
    e.stopPropagation();
  });

  document.addEventListener('click', e => {
    if (!root.querySelector('.ck-pax').contains(e.target)) {
      panel.classList.remove('active');
    }
  });

  panel.querySelectorAll('button[data-op]').forEach(b=>{
    b.onclick = e=>{
      e.stopPropagation();

      const el = b.dataset.t === 'c' ? c : t;
      let v = parseInt(el.textContent, 10) || 0;

      if (b.dataset.op === 'plus') {
        v++;
      } else {
        v--;
      }

      v = Math.max(0, v);
      el.textContent = v;

      const cc = parseInt(c.textContent);
      const tt = parseInt(t.textContent);

      if (cc === 0 && tt === 0) {
        sum.textContent = 'Ajouter un voyageur';
      } else {
        let parts = [];
        if (cc > 0) parts.push(cc + ' enfant' + (cc > 1 ? 's' : ''));
        if (tt > 0) parts.push(tt + ' jeune' + (tt > 1 ? 's' : ''));
        sum.textContent = parts.join(' • ');
      }
    };
  });

  form.addEventListener('submit', e => {
    e.preventDefault();

    const cc = parseInt(c.textContent) || 0;
    const tt = parseInt(t.textContent) || 0;

    if (cc === 0 && tt === 0) {
      alert("Veuillez ajouter au moins un voyageur (enfant ou jeune).");
      return;
    }

    if (!startCity.value || !endCity.value || !dateStart.value) {
      alert("Merci de renseigner la ville de départ, la ville d’arrivée et la date.");
      return;
    }

    let url = `/recherche/${slugify(startCity.value)}/${slugify(endCity.value)}?date=${dateStart.value}&c=${cc}&t=${tt}`;

    if (dateEnd.value) {
      url += `&return=${dateEnd.value}`;
    }

    window.location.href = url;
  });
})();
</script>

</div>

  
  </div>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f499.png" alt="💙" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Une solution pensée pour les familles</h2>
<p>Dans de nombreuses familles, les enfants commencent à se déplacer seuls de plus en plus tôt : activités sportives à l’autre bout de la ville, cousinades, stages de vacances, séjours linguistiques… Cette nouvelle mobilité apporte de belles expériences aux jeunes, mais elle peut aussi devenir une source d’inquiétude pour les parents.</p>
<p>ClubKids est né de cette réalité : permettre à un enfant d’être autonome dans ses déplacements tout en offrant un cadre très sécurisé. Notre équipe encadre chaque trajet en train, accueille l’enfant à la gare de départ, l’accompagne à bord et le remet en main propre à l’adulte prévu à l’arrivée, avec un suivi continu pour les parents.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f466.png" alt="👦" class="wp-smiley" style="height: 1em; max-height: 1em;" /><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f467.png" alt="👧" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 8-14 ans : l’âge charnière de l’autonomie en train</h2>
<p>Entre 8 et 14 ans, beaucoup d’enfants ont envie de « faire comme les grands » : prendre le train seuls, retrouver des amis en vacances, rejoindre un parent pour quelques jours. Pour les adultes, c’est souvent une période délicate : l’enfant n’est plus un tout-petit, mais il n’a pas encore tous les réflexes pour gérer un imprévu en gare ou pendant le trajet.</p>
<p>Confier ces déplacements à un service d’accompagnement spécialisé permet de trouver un équilibre : l’enfant expérimente une vraie autonomie encadrée, tandis que les parents restent sereins. En réservant un voyage via votre espace « <a href="https://clubkids.fr/votre-depart/" target="_blank">Votre départ</a> », vous définissez précisément les personnes en charge à chaque étape et pouvez anticiper le trajet sans stress.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e0.png" alt="🧠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Alléger la charge mentale des parents en période chargée</h2>
<p>Fin d’année scolaire, vacances, fêtes de famille, examens, rentrée… Le calendrier des 8-14 ans est de plus en plus dense. Chaque déplacement à organiser ajoute des questions : qui amène, qui récupère, à quelle heure, comment faire si une réunion professionnelle tombe au même moment ?</p>
<p>En confiant certains trajets à ClubKids, vous transformez ces casse-têtes en un planning clair. Vous fixez l’horaire, la ligne, la ville de départ et d’arrivée, puis l’équipe prend le relais. Les parents reçoivent des messages aux moments clés : arrivée à la gare, installation à bord, arrivée à destination. Cette visibilité réduit fortement la charge mentale du quotidien.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f512.png" alt="🔒" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Sécurité et rituels rassurants pour les enfants</h2>
<p>Voyager seul pour la première fois peut impressionner un enfant, même très motivé. C’est pourquoi les accompagnateurs ClubKids s’appuient sur des rituels simples qui sécurisent : tour de groupe, rappel des consignes, vérification des contacts, repérage des places, petits jeux pour briser la glace.</p>
<p>Ces routines sont essentielles pour transformer un trajet en expérience positive. L’enfant sait à qui s’adresser, où s’asseoir, comment se repérer en gare. À l’arrivée, une remise en main propre est systématique, avec vérification de l’identité de l’adulte prévu. Vous souhaitez en savoir plus sur le déroulé d’un accompagnement ? L’équipe répond à vos questions via la page <a href="https://clubkids.fr/contact" target="_blank">Contact</a>.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f1.png" alt="📱" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Informations en temps réel : un lien continu avec les parents</h2>
<p>Dans une société où tout va vite, ne pas savoir où en est son enfant peut être très anxiogène. ClubKids mise sur une communication claire et régulière : confirmation de la prise en charge, message à la montée dans le train, information à l’arrivée, signalement immédiat en cas de retard ou de changement.</p>
<p>Ce lien continu permet aux parents de poursuivre leur journée (travail, déplacements, obligations familiales) sans rester suspendus à l’heure du train. Vous pouvez consulter les actualités et les conseils pratiques sur la mobilité des enfants sur la page <a href="https://clubkids.fr/actualites/" target="_blank">Nos actualités</a> afin de préparer au mieux les prochains voyages.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f392.png" alt="🎒" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Garde alternée, activités, séjours : coordonner plusieurs foyers</h2>
<p>Lorsque les enfants partagent leur temps entre plusieurs lieux de vie (parents dans différentes villes, grands-parents, internat, clubs sportifs), la coordination des trajets devient un vrai sujet de société. Les changements de planning professionnels, les événements familiaux ou les imprévus de santé peuvent vite tout bousculer.</p>
<p>Un service d’accompagnement en train permet de relier ces différents lieux de vie sans faire reposer tout le poids de l’organisation sur un seul parent ou un seul grand-parent. Chacun peut consulter les informations de voyage, adapter ses horaires et anticiper, tout en ayant la certitude qu’un adulte formé accompagne l’enfant du départ à l’arrivée.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9f3.png" alt="🧳" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Conseils pour préparer votre enfant à voyager accompagné</h2>
<p>Pour que l’expérience soit réussie, quelques réflexes simples font la différence :</p>
<ul>
<li>Préparer ensemble le sac : carte d’identité, carnet de santé si nécessaire, doudou ou objet rassurant pour les plus jeunes, livre ou casque audio pour les plus grands.</li>
<li>Expliquer le déroulé du voyage : qui attendra à la gare, comment reconnaître l’accompagnateur, ce qui se passera à bord.</li>
<li>Rappeler les règles de base : rester avec le groupe, ne pas suivre un inconnu, toujours prévenir l’adulte référent en cas de besoin.</li>
<li>Parler des émotions : autoriser l’enfant à dire qu’il a un peu peur, répondre à ses questions, valoriser sa capacité à gérer ce nouveau pas vers l’autonomie.</li>
</ul>
<p>Ces quelques étapes renforcent la confiance de l’enfant et lui permettent de vivre son trajet comme une aventure maîtrisée, pas comme une épreuve.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f30d.png" alt="🌍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Nos destinations phares</h2>
<p>ClubKids accompagne les enfants sur de nombreuses grandes lignes françaises. Voici quelques trajets très demandés, idéals pour rejoindre un parent, des amis ou un lieu de vacances en toute sérénité :</p>
<div class="routes">
<div class="route-card">
<h3>Paris ⇄ Marseille : relier la capitale à la Méditerranée</h3>
<p>Un trajet incontournable pour rejoindre la famille ou partir au soleil. Découvrez notre accompagnement sur l’axe nord-sud en cliquant <a href="https://clubkids.fr/Train/accompagnement-enfant-tgv-paris-marseille/" target="_blank">ici</a>.</p>
</p></div>
<div class="route-card">
<h3>Marseille ⇄ Toulouse : des vacances entre mer et Sud-Ouest</h3>
<p>Parfait pour les séjours chez les cousins ou les grands-parents. Plus de détails sur ce trajet accompagné <a href="https://clubkids.fr/Train/train-enfants-marseille-toulouse-accompagnement-securise/" target="_blank">sur cette page</a>.</p>
</p></div>
<div class="route-card">
<h3>Paris ⇄ Nantes : connecter la région parisienne à l’Ouest</h3>
<p>Un classique pour les familles partagées entre capitale et Atlantique. Découvrez notre organisation sur cette liaison <a href="https://clubkids.fr/Train/train-accompagne-paris-nantes-angers/" target="_blank">juste ici</a>.</p>
</p></div>
<div class="route-card">
<h3>Paris ⇄ Lyon : un axe majeur pour les familles mobiles</h3>
<p>Déplacements réguliers, week-ends prolongés, garde alternée : ce trajet est au cœur de la mobilité familiale. En savoir plus sur l’accompagnement proposé <a href="https://clubkids.fr/Train/accompagnement-enfant-tgv-paris-lyon/" target="_blank">sur cette page</a>.</p>
</p></div>
</p></div>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Vers une nouvelle culture du voyage des enfants</h2>
<p>La société évolue vers plus de mobilité, de flexibilité professionnelle et de diversité des modèles familiaux. Dans ce contexte, permettre aux enfants de se déplacer en sécurité tout en préservant l’équilibre de leurs parents devient un véritable enjeu collectif.</p>
<p>En réservant un accompagnement ClubKids, vous participez à cette nouvelle culture du voyage des enfants : une autonomie progressive, encadrée, rassurante pour tous. Pour préparer votre prochain trajet, vous pouvez dès maintenant explorer les informations pratiques sur <a href="https://clubkids.fr" target="_blank">notre site</a> et organiser votre prochain départ en quelques clics.</p>
</section>
<footer>
  <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f686.png" alt="🚆" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ClubKids France – Accompagnement enfants en train ·<br />
  <a href="https://clubkids.fr">Accueil</a> ·<br />
  <a href="https://clubkids.fr/votre-depart/">Votre départ</a> ·<br />
  <a href="https://clubkids.fr/actualites/">Actualités</a> ·<br />
  <a href="https://clubkids.fr/contact">Contact</a><br />
</footer>
</article><p>The post <a href="https://clubkids.fr/uncategorized/enfants-autonomes-parents-rassures-reinventer-la-mobilite-des-8-14-ans-en-train/">Enfants autonomes, parents rassurés : réinventer la mobilité des 8-14 ans en train</a> first appeared on <a href="https://clubkids.fr">ClubKids</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5407</post-id>	</item>
		<item>
		<title>Enfants en train et loisirs à distance : organiser les week-ends chez les cousins sans stress</title>
		<link>https://clubkids.fr/uncategorized/enfants-en-train-et-loisirs-a-distance-organiser-les-week-ends-chez-les-cousins-sans-stress/</link>
		
		<dc:creator><![CDATA[ClubKids]]></dc:creator>
		<pubDate>Thu, 19 Mar 2026 06:30:58 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://clubkids.fr/uncategorized/enfants-en-train-et-loisirs-a-distance-organiser-les-week-ends-chez-les-cousins-sans-stress/</guid>

					<description><![CDATA[<p>Voyager sereinement avec ClubKids – Accompagnement enfants en train 🚆 ClubKids simplifie le voyage des enfants en train Grâce à son service d’accompagnement national, ClubKids assure des trajets sereins et [&#8230;]</p>
<p>The post <a href="https://clubkids.fr/uncategorized/enfants-en-train-et-loisirs-a-distance-organiser-les-week-ends-chez-les-cousins-sans-stress/">Enfants en train et loisirs à distance : organiser les week-ends chez les cousins sans stress</a> first appeared on <a href="https://clubkids.fr">ClubKids</a>.</p>]]></description>
										<content:encoded><![CDATA[<article class="article-clubkids" lang="fr" itemscope itemtype="https://schema.org/Article">
<title>Voyager sereinement avec ClubKids – Accompagnement enfants en train</title><br />
<meta name="description" content="Avec ClubKids, votre enfant voyage sereinement sur toutes les grandes lignes françaises. Découvrez notre service d’accompagnement d’enfants dès 4 ans."><br />
<meta name="keywords" content="train accompagné, accompagnement enfants, sécurité enfants, voyage familial, ClubKids France"><br />
<!-- Junior&cie, Alternative Junior&cie, Junior et compagnie, Junior et cie, Junior & cie, Junior cie, junior et compagnie sncf, accompagnateur sncf, sncf junior, sncf accompagnateur, train accompagné, junior et cie sncf, liste des gares junior et compagnie, train avec accompagnateur, service junior sncf, voyage accompagné sncf, train junior et compagnie, junior compagnie --></p>
<style>
:root {
  --ck-blue:#0aa2e1;
  --ck-dark:#0a4a6f;
  --ck-light:#f3fbff;
  --ck-muted:#6a88a2;
  --radius:22px;
  --shadow:0 10px 28px rgba(10,162,225,.12);
}
body, .article-clubkids {
  font-family:Inter,Arial,sans-serif;
  margin:0;
  color:#234;
  background:#fff;
}
.hero {
  background:linear-gradient(135deg,var(--ck-blue),var(--ck-dark));
  color:#fff;
  padding:70px 24px;
  text-align:center;
  border-radius:0 0 var(--radius) var(--radius);
  box-shadow:var(--shadow);
}
.hero h1 {
  font-size:clamp(1.9rem,4vw,2.8rem);
  font-weight:900;
  margin-bottom:12px;
  color:#fff;
}
.hero p {font-size:1.1rem;opacity:.95;max-width:780px;margin:auto;}
.cta {
  display:inline-block;
  margin-top:24px;
  background:#fff;
  color:var(--ck-blue);
  padding:12px 22px;
  border-radius:999px;
  font-weight:700;
  text-decoration:none;
  box-shadow:var(--shadow);
  transition:.2s;
}
.cta:hover {background:#f4fbff;transform:translateY(-3px);}
.content {max-width:1000px;margin:auto;padding:50px 20px;line-height:1.7;}
.content h2 {color:var(--ck-blue);margin-top:40px;}
.routes {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:18px;margin:30px 0;
}
.route-card {
  background:var(--ck-light);
  border-radius:var(--radius);
  padding:20px;
  box-shadow:var(--shadow);
  transition:.2s ease;
}
.route-card:hover {transform:translateY(-4px);}
.route-card h3 {color:var(--ck-dark);margin:0 0 8px 0;}
.route-card p {color:var(--ck-muted);font-size:.95rem;margin:0;}
footer {
  text-align:center;
  font-size:.9rem;
  color:#6a88a2;
  padding:20px;
  background:#f7fbff;
  margin-top:50px;
  border-top:1px solid #e7f3ff;
}
footer a {color:var(--ck-blue);text-decoration:none;}
footer a:hover {text-decoration:underline;}
</style>
<section class="hero">
<h1><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f686.png" alt="🚆" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ClubKids simplifie le voyage des enfants en train</h1>
<p>Grâce à son service d’accompagnement national, ClubKids assure des trajets sereins et sécurisés pour les enfants de 4 à 17 ans, sur toutes les grandes lignes françaises.</p>
<p>  <a href="#reservation" class="cta"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f39f.png" alt="🎟" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Réserver un trajet</a><br />
</section>
<section class="content">
  <!-- Bloc de réservation en premier --></p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c5.png" alt="📅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Réservez votre prochain départ</h2>
<p>Choisissez votre ville, votre destination et votre date pour réserver une place à votre enfant dès maintenant.</p>
<div id="reservation">
    
<div id="ck-search-root">

	<style>
.ck-search-root, .ck-search-root * {
  all: unset;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;
}

.ck-search-root {
  display:block;
  width:100%;
  padding:30px 0 10px;
}

.ck-bar-wrap {
  background:#ffffff;
  padding:22px 28px;
  border-radius:32px;
  max-width:1400px;
  margin:0 auto;
  box-shadow:0 14px 40px rgba(0,0,0,.06);
}

.ck-bar {
  display:grid;
  grid-template-columns: 1.6fr 1.6fr 1.2fr 1.2fr 2fr 180px;
  gap:16px;
  align-items:center;
}

/* <div class="ck-header"> ... </div> removed */

.ck-bar input[type="text"],
.ck-bar input,
.ck-pax-btn {
  width:100%;
  padding:16px 20px;
  border-radius:999px;
  border:1px solid #dbeaf7;
  background:#ffffff;
  font-size:15px;
  color:#1a2b4c;
}

.ck-suggest {
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  min-width: 280px;
  max-width: 360px;
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e2ebf5;
  max-height: 280px;
  overflow-y: auto;
  z-index: 30;
  box-shadow: 0 12px 32px rgba(0,0,0,0.12);
  padding: 6px 0;
}

.ck-suggest div {
  padding: 7px 14px;
  font-size: 15px;
  font-weight: 500;
  color: #1e3a5f;
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
  border-bottom:1px solid rgba(226,235,245,0.6);
}
.ck-suggest div {
  white-space: nowrap;
}

.ck-suggest div:hover {
  background: #e8f3fb;
  color: #1d6fa5;
}

.ck-suggest::-webkit-scrollbar {
  width: 6px;
}
.ck-suggest::-webkit-scrollbar-thumb {
  background: #cfe6fb;
  border-radius: 6px;
}
.ck-suggest::-webkit-scrollbar-track {
  background: transparent;
}

.ck-suggest div:first-child{
  background:#f5fbff;
}

.ck-pax {
  position:relative;
}

.ck-pax-btn {
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  white-space: nowrap;
  min-width: 260px;
}

.ck-panel {
  display:none;
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  background:#ffffff;
  width:260px;
  padding:18px;
  border-radius:20px;
  box-shadow:0 20px 40px rgba(0,0,0,.25);
  z-index:20;
}

.ck-panel.active {
  display:block;
}

.ck-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:14px;
}

.ck-row small {
  font-size:12px;
  color:#6b7280;
}

.ck-counter {
  display:flex;
  gap:10px;
  align-items:center;
}

.ck-counter button {
  width:30px;
  height:30px;
  border-radius:50%;
  background:#0aa2e1;
  color:#ffffff;
  font-size:18px;
  cursor:pointer;
}

.ck-counter span {
  min-width:22px;
  text-align:center;
  font-weight:700;
}

							 .ck-row > span {
  font-weight: bold;
}

.ck-row > span small {
  font-weight: bold;
}

.ck-submit-inline {
  height:58px;
  padding:0 28px;
  border-radius:999px;
  background:linear-gradient(135deg,#0aa2e1,#3bb4ff);
  color:#fff;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  white-space:nowrap;
  box-shadow:0 10px 26px rgba(10,162,225,.35);
  transition:transform .15s ease, box-shadow .15s ease;
  min-width: 170px;
}

.ck-submit-inline:hover {
  transform:translateY(-1px);
  box-shadow:0 16px 36px rgba(10,162,225,.45);
}
							 
/* === DATE INPUT : FAUX DEFAULT COMME DESKTOP (MOBILE) === */


.ck-bar input[type="date"].ck-date-default {
  color: #94a3b8;
}

.ck-bar input[type="date"].ck-date-active {
  color: #1a2b4c;
}

.ck-bar input[type="date"]{
  position:relative;
}

.ck-bar input[type="date"]::before{
  content: attr(data-label);
  position:absolute;
  top:-8px;
  left:18px;
  font-size:10px;
  font-weight:700;
  color:#94a3b8;
  background:#ffffff;
  padding:0 6px;
  border-radius:6px;
  pointer-events:none;
}


/* === SUGGESTIONS POSITIONNEMENT CONTENEUR RELATIF === */
.ck-input-wrap {
  position: relative;
}

/* =====================================
   CLUBKIDS SEARCH — MOBILE LAYOUT FIX
   ===================================== */
@media (max-width: 768px){

  .ck-search-root{
    padding:16px 0 8px;
  }

  .ck-bar-wrap{
    width:100%;
    max-width:100%;
    margin:0;
    padding:16px;
    border-radius:20px;
  }

  .ck-bar{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:12px;
    align-items:stretch;
  }

  /* Tous les champs même taille */
  .ck-bar input[type="text"],
  .ck-bar input,
  .ck-pax-btn,
  .ck-submit-inline{
    width:100%;
    height:44px;
    padding:0 14px;
    font-size:14px;
    border-radius:999px;
  }

  /* Départ + Arrivée sur lignes dédiées */
  .ck-bar .ck-input-wrap:nth-of-type(1),
  .ck-bar .ck-input-wrap:nth-of-type(2){
    grid-column: 1 / -1;
  }

  /* Dates ultra-compactes sur mobile */
  .ck-bar input[type="date"]{
    grid-column: span 1;
    height:40px;
    padding:0 6px;
    font-size:12px;
    width:auto;
  }

  /* Passagers pleine largeur */
  .ck-pax{
    grid-column: 1 / -1;
  }

  .ck-pax-btn{
    min-width:100%;
  }

  /* Bouton rechercher pleine largeur */
  .ck-submit-inline{
    grid-column: 1 / -1;
    height:48px;
    font-size:15px;
    font-weight:800;
  }

  /* Sécurité anti débordement */
  body{
    overflow-x:hidden;
  }
}
</style>
</style>

  <form>
    <div class="ck-bar-wrap">
      <div class="ck-bar">

        <div class="ck-input-wrap">
          <input type="text" placeholder="Départ" aria-label="Départ" autocomplete="off" id="startCityInput" />
          <div class="ck-suggest" style="display:none;"></div>
        </div>

        <div class="ck-input-wrap">
          <input type="text" placeholder="Arrivée" aria-label="Arrivée" autocomplete="off" id="endCityInput" />
          <div class="ck-suggest" style="display:none;"></div>
        </div>

        <input type="date" data-label="Aller">
        <input type="date" data-label="Retour">

        <div class="ck-pax">
          <button type="button" class="ck-pax-btn">
            <span id="ck-summary">Ajouter un voyageur</span><span>▾</span>
          </button>

          <div class="ck-panel">
            <div class="ck-row">
              <span>Enfant<br><small>4–11 ans</small></span>
              <div class="ck-counter">
                <button type="button" data-t="c" data-op="minus">−</button>
                <span id="c">0</span>
                <button type="button" data-t="c" data-op="plus">+</button>
              </div>
            </div>

            <div class="ck-row">
              <span>Jeune<br><small>12–17 ans</small></span>
              <div class="ck-counter">
                <button type="button" data-t="t" data-op="minus">−</button>
                <span id="t">0</span>
                <button type="button" data-t="t" data-op="plus">+</button>
              </div>
            </div>
          </div>
        </div>

        <button type="submit" class="ck-submit-inline">
          <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50d.png" alt="🔍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Rechercher
        </button>

      </div>
    </div>
  </form>

<script>
(()=>{
  const root = document.getElementById('ck-search-root');
  const form = root.querySelector('form');

  const panel = root.querySelector('.ck-panel');
  const btn   = root.querySelector('.ck-pax-btn');
  const sum   = root.querySelector('#ck-summary');

  const c = root.querySelector('#c');
  const t = root.querySelector('#t');

  const startCity = root.querySelector('#startCityInput');
  const endCity   = root.querySelector('#endCityInput');
  const dateStart = root.querySelectorAll('input[type="date"]')[0];
  const dateEnd   = root.querySelectorAll('input[type="date"]')[1];

  // Coordonnées simplifiées (exemples, à enrichir ensuite)
  window.ckCityCoords = {
    "Paris":[48.8566,2.3522],
    "Marseille":[43.2965,5.3698],
    "Lyon":[45.7640,4.8357],
    "Toulouse":[43.6047,1.4442],
    "Nice":[43.7102,7.2620],
    "Nantes":[47.2184,-1.5536],
    "Montpellier":[43.6119,3.8772],
    "Bordeaux":[44.8378,-0.5792],
    "Lille":[50.6292,3.0573]
  };

  // === SUGGESTIONS DATA FROM PHP ===
  const cities = ["Paris","Marseille","Lyon","Toulouse","Nice","Nantes","Montpellier","Strasbourg","Bordeaux","Lille","Rennes","Reims","Le Havre","Saint-\u00c9tienne","Toulon","Abbeville","Agde","Agen","Aix-en-Provence","Albertville","Albi","Alen\u00e7on","Al\u00e8s","Amiens","Angers","Angoul\u00eame","Annecy","Antibes","Antony","Apt","Arcachon","Argentan","Arles","Arras","Aubusson","Auch","Auray","Aurillac","Auxerre","Avignon","Avranches","Bar-le-Duc","Bar-sur-Aube","Bayeux","Bayonne","Beaune","Beauvais","Belfort","Bergerac","Besan\u00e7on","Biarritz","Blois","Bonneville","Boulogne-Billancourt","Boulogne-sur-Mer","Bourg-en-Bresse","Bourges","Brest","Brian\u00e7on","Brignoles","Brioude","Brive-la-Gaillarde","B\u00e9thune","B\u00e9ziers","Caen","Cahors","Calais","Cambrai","Cannes","Carcassonne","Carpentras","Castelsarrasin","Castres","Cavaillon","Chalon-sur-Sa\u00f4ne","Chamb\u00e9ry","Charleville-M\u00e9zi\u00e8res","Chartres","Chaumont","Cherbourg-Octeville","Chinon","Cholet","Ch\u00e2lons-en-Champagne","Ch\u00e2teau-Thierry","Ch\u00e2teaubriant","Ch\u00e2teaudun","Ch\u00e2teauroux","Ch\u00e2tellerault","Clermont-Ferrand","Cognac","Colmar","Commercy","Compi\u00e8gne","Dax","Die","Dieppe","Digne-les-Bains","Dijon","Dinan","Dole","Douai","Draguignan","Dreux","Dunkerque","Figeac","Foix","Fontainebleau","Forbach","Gap","Grasse","Grenoble","Guingamp","Gu\u00e9ret","Haguenau","Hendaye","Hy\u00e8res","Issoire","Issoudun","Istres","Jonzac","La Roche-sur-Yon","La Rochelle","Langon","Langres","Lannion","Laon","Largenti\u00e8re","Laval","Le Mans","Le Puy-en-Velay","Lens","Les Sables-d\u2019Olonne","Libourne","Limoges","Limoux","Lisieux","Lons-le-Saunier","Lorient","Lun\u00e9ville","Mantes-la-Jolie","Martigues","Mayenne","Meaux","Melun","Mende","Metz","Millau","Molsheim","Monaco","Mont-de-Marsan","Montargis","Montauban","Montbard","Montb\u00e9liard","Montlu\u00e7on","Mont\u00e9limar","Morlaix","Moulins","Mulhouse","M\u00e2con","Nancy","Narbonne","Neufch\u00e2teau","Nevers","Niort","Nogent-le-Rotrou","Nogent-sur-Marne","Nogent-sur-Seine","N\u00eemes","Orange","Orl\u00e9ans","Pau","Perpignan","Pierrelatte","Poitiers","Pontarlier","Pontivy","Privas","P\u00e9rigueux","Quimper","Redon","Rethel","Riom","Roanne","Rochefort","Rodez","Romans-sur-Is\u00e8re","Rouen","Saint-Brieuc","Saint-Dizier","Saint-Di\u00e9-des-Vosges","Saint-Jean-de-Luz","Saint-Jean-de-Maurienne","Saint-L\u00f4","Saint-Malo","Saint-Nazaire","Saint-Omer","Saint-Quentin","Saint-Rapha\u00ebl-Valescure","Saint-Tropez","Saintes","Salon-de-Provence","Sarrebourg","Sarreguemines","Saumur","Saverne","Sedan","Sens","Soissons","S\u00e8te","S\u00e9lestat","Tarbes","Thionville","Thonon-les-Bains","Toul","Tourcoing","Tours","Troyes","Tulle","Ussel","Valence","Valenciennes","Vannes","Vend\u00f4me","Verdun","Versailles","Vesoul","Vichy","Vienne","Vierzon","Villefranche-sur-Sa\u00f4ne","Vire","Vitry-le-Fran\u00e7ois","Yssingeaux","\u00c9pernay","\u00c9pinal","\u00c9vreux"];
  const stations = ["A\u00e9roport Charles de Gaulle 2 TGV","Agde","Agen","Aix en Provence TGV","Angers St-Laud","Antibes","Auray","Avignon TGV","Bayonne","B\u00e9ziers","Biarritz","Bordeaux St-Jean","Cannes","Dax","Hendaye","Laval","Le Mans","Le Mans","Lille Flandres","Lorient","Lyon Part-Dieu","Lyon Saint-Exup\u00e9ry TGV","Marne-La-Vallee-Chessy","Marseille St-Charles","Metz-Ville","Montauban-Ville-Boubon","Montpellier Saint-Roch","Montpellier Sud de France","Nantes","Narbonne","Nice-Ville","N\u00eemes Centre","N\u00eemes Pont du Gard","Paris (Toutes)","Paris Gare de l\u2019Est","Paris Gare de Lyon","Paris Massy TGV","Paris Montparnasse","Perpignan","Quimper","Rennes","S\u00e8te","St Raphael Valescure","St-Jean-de-Luz-Ciboure","Strasbourg","TGV Haute Picardie","Toulon","Toulouse Matabiau","Valence TGV","Vannes"];

  // Liste combinée (villes + gares)
  const searchItems = [...cities, ...stations];

  // Normalize string: lowercase + remove accents + alias st/ste -> saint/sainte (comparaison uniquement) + remove dashes and spaces
  function normalizeStr(str) {
    return str
      .toLowerCase()
      .normalize("NFD")
      .replace(/[\u0300-\u036f]/g, "")
      // alias st / ste -> saint / sainte (comparaison uniquement)
      .replace(/\bste\b/g, "sainte")
      .replace(/\bst\b/g, "saint")
      .replace(/[-\s]+/g, "");
  }

  function createSuggestHandler(inputEl) {
    const suggestEl = inputEl.nextElementSibling;

    function showSuggestions() {
      const rawVal = inputEl.value.trim();
      const val = normalizeStr(rawVal);

      let matches = [];
      let hasGeoOption = false;

      // &#x1f449; Toutes les villes + gares sont injectées, le CSS limite visuellement à 6 (scroll)
      if (!rawVal) {
        matches = [...searchItems];
        hasGeoOption = true;
      } else {
        for (let city of searchItems) {
          if (normalizeStr(city).includes(val)) {
            matches.push(city);
          }
        }
      }

      // Empêcher la duplication visuelle
      matches = [...new Set(matches)];

      if (matches.length === 0) {
        suggestEl.style.display = 'none';
        suggestEl.innerHTML = '';
        return;
      }

      suggestEl.innerHTML = '';

      if (hasGeoOption) {
        const geoDiv = document.createElement('div');
        geoDiv.textContent = '&#x1f4cd; Utiliser ma localisation';
        geoDiv.style.fontWeight = '600';
        geoDiv.style.color = '#0aa2e1';
        geoDiv.style.fontSize = '14px';
        geoDiv.style.padding = '8px 14px';
        geoDiv.style.background = '#f5fbff';

        geoDiv.addEventListener('mousedown', e => {
          e.preventDefault();

          if (!navigator.geolocation) {
            alert("La géolocalisation n’est pas supportée par votre navigateur.");
            return;
          }

          navigator.geolocation.getCurrentPosition(pos => {
            const { latitude, longitude } = pos.coords;

            // &#x1f525; Recherche ville la plus proche (distance simple)
            let closestCity = null;
            let closestDist = Infinity;

            cities.forEach(city => {
              if (!window.ckCityCoords || !window.ckCityCoords[city]) return;

              const [lat, lng] = window.ckCityCoords[city];
              const d = Math.hypot(lat - latitude, lng - longitude);
              if (d < closestDist) {
                closestDist = d;
                closestCity = city;
              }
            });

            if (closestCity) {
              inputEl.value = closestCity;
            } else {
              alert("Impossible de déterminer une gare proche.");
            }

            suggestEl.style.display = 'none';
          }, () => {
            alert("Autorisation de géolocalisation refusée.");
          });
        });

        suggestEl.appendChild(geoDiv);
      }

      for (let m of matches) {
        const div = document.createElement('div');
        div.textContent = m;
        div.addEventListener('mousedown', e => {
          e.preventDefault();
          inputEl.value = m;
          suggestEl.style.display = 'none';
        });
        suggestEl.appendChild(div);
      }

      suggestEl.style.display = 'block';
    }

    inputEl.addEventListener('input', showSuggestions);
    inputEl.addEventListener('focus', showSuggestions);

    // Close suggestions when clicking outside
    document.addEventListener('click', e => {
      if (!inputEl.contains(e.target) && !suggestEl.contains(e.target)) {
        suggestEl.style.display = 'none';
      }
    });
  }

  createSuggestHandler(startCity);
  createSuggestHandler(endCity);

  // === DATE PAR DÉFAUT — LOGIQUE ALLER / RETOUR PROPRE ===
  const todayISO = new Date().toISOString().split('T')[0];

  // &#x1f449; ALLER : pré-rempli visuellement
  if (!dateStart.value) {
    dateStart.value = todayISO;
    dateStart.classList.add('ck-date-default');
  }

  dateStart.addEventListener('change', () => {
    dateStart.classList.remove('ck-date-default');
    dateStart.classList.add('ck-date-active');
  });

  // &#x1f449; RETOUR : vide par défaut (optionnel)
  dateEnd.classList.add('ck-date-default');

  dateEnd.addEventListener('change', () => {
    dateEnd.classList.remove('ck-date-default');
    dateEnd.classList.add('ck-date-active');
  });

  const slugify = str =>
    str.toLowerCase()
       .normalize("NFD").replace(/[\u0300-\u036f]/g, "")
       .replace(/[^a-z0-9]+/g, "-")
       .replace(/(^-|-$)/g, "");

  btn.onclick = e => {
    e.stopPropagation();
    panel.classList.toggle('active');
  };

  panel.addEventListener('click', e => {
    e.stopPropagation();
  });

  document.addEventListener('click', e => {
    if (!root.querySelector('.ck-pax').contains(e.target)) {
      panel.classList.remove('active');
    }
  });

  panel.querySelectorAll('button[data-op]').forEach(b=>{
    b.onclick = e=>{
      e.stopPropagation();

      const el = b.dataset.t === 'c' ? c : t;
      let v = parseInt(el.textContent, 10) || 0;

      if (b.dataset.op === 'plus') {
        v++;
      } else {
        v--;
      }

      v = Math.max(0, v);
      el.textContent = v;

      const cc = parseInt(c.textContent);
      const tt = parseInt(t.textContent);

      if (cc === 0 && tt === 0) {
        sum.textContent = 'Ajouter un voyageur';
      } else {
        let parts = [];
        if (cc > 0) parts.push(cc + ' enfant' + (cc > 1 ? 's' : ''));
        if (tt > 0) parts.push(tt + ' jeune' + (tt > 1 ? 's' : ''));
        sum.textContent = parts.join(' • ');
      }
    };
  });

  form.addEventListener('submit', e => {
    e.preventDefault();

    const cc = parseInt(c.textContent) || 0;
    const tt = parseInt(t.textContent) || 0;

    if (cc === 0 && tt === 0) {
      alert("Veuillez ajouter au moins un voyageur (enfant ou jeune).");
      return;
    }

    if (!startCity.value || !endCity.value || !dateStart.value) {
      alert("Merci de renseigner la ville de départ, la ville d’arrivée et la date.");
      return;
    }

    let url = `/recherche/${slugify(startCity.value)}/${slugify(endCity.value)}?date=${dateStart.value}&c=${cc}&t=${tt}`;

    if (dateEnd.value) {
      url += `&return=${dateEnd.value}`;
    }

    window.location.href = url;
  });
})();
</script>

</div>

  
  </div>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f499.png" alt="💙" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Une solution pensée pour les familles</h2>
<p>ClubKids accompagne chaque enfant tout au long de son voyage, de l’accueil à la gare de départ jusqu’à l’arrivée. Les parents reçoivent des nouvelles à chaque étape et profitent d’une ligne directe pour échanger avec l’accompagnateur.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f468-200d-1f469-200d-1f467-200d-1f466.png" alt="👨‍👩‍👧‍👦" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Week-ends chez les cousins : une nouvelle façon de vivre les liens familiaux</h2>
<p>De plus en plus de familles habitent loin les unes des autres : cousins dans une autre région, oncles et tantes à plusieurs heures de train, copains rencontrés en vacances. Pour les enfants, ces liens sont essentiels, mais les parents n’ont pas toujours le temps ou la disponibilité pour faire la route à chaque fois.</p>
<p>L’accompagnement d’enfants en train permet d’organiser des week-ends chez les cousins ou des séjours loisirs sans que chaque déplacement repose sur l’agenda des adultes. Les enfants gagnent en autonomie, les parents respirent, et la famille élargie reste réellement présente dans leur quotidien.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e0.png" alt="🧠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Alléger la charge mentale autour des loisirs des enfants</h2>
<p>Quand un enfant veut passer un week-end chez des cousins éloignés, une simple invitation peut vite se transformer en casse-tête : qui l’emmène, qui va le chercher, sur quels horaires, avec quels jours de congés à poser&nbsp;?</p>
<p>En confiant le trajet à un service d’accompagnement dédié, les parents gardent la main sur l’organisation sans porter seuls la logistique. Une fois le trajet réservé sur <a href="https://clubkids.fr/votre-depart/" target="_blank" rel="noopener">l’espace « Votre départ »</a>, chacun connaît les horaires, le point de rendez-vous et la personne qui s’occupe de l’enfant pendant le voyage.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6e1.png" alt="🛡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Sécurité et rituels rassurants pour les enfants</h2>
<p>Voyager sans ses parents est une grande étape pour un enfant. Pour que cette expérience reste positive, la sécurité et le cadre sont essentiels. Chez ClubKids, chaque trajet est balisé par des rituels rassurants : accueil personnalisé à la gare, repérage de la place, rappel des règles et points de contact clairs.</p>
<p>Les enfants savent à qui s’adresser en cas de question, où poser leurs affaires, et comment se déroulera l’arrivée. Les parents, de leur côté, reçoivent des nouvelles à des moments clés, ce qui permet de profiter du week-end sans rester scotchés au téléphone.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f2.png" alt="📲" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Garder le lien pendant le voyage… sans envahir</h2>
<p>Les parents veulent des nouvelles, les enfants ont parfois envie de profiter du voyage sans être sollicités toutes les dix minutes. L’accompagnement structuré trouve un juste équilibre : l’adulte référent transmet des informations aux parents, tandis que l’enfant vit son trajet comme une expérience agréable et encadrée.</p>
<p>Un message envoyé au départ, un autre à l’arrivée, parfois un point en cours de route&nbsp;: ces repères suffisent souvent à apaiser les inquiétudes. Si un imprévu survient, une équipe joignable et identifiable est là pour répondre rapidement et proposer une solution.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9f3.png" alt="🧳" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Comment préparer un week-end chez les cousins en toute sérénité</h2>
<p>Pour que le voyage soit fluide, une bonne préparation vaut mieux qu’une valise surchargée. Voici quelques repères simples à partager avec votre enfant avant son départ :</p>
<ul>
<li>Préparer ensemble un petit sac cabine avec doudou, livre, bouteille d’eau, goûter et chargeur.</li>
<li>Glisser dans la poche une carte avec les numéros des parents et des proches qui l’accueillent.</li>
<li>Expliquer clairement qui sera présent à l’arrivée et où se fera la récupération.</li>
<li>Relire les horaires et les lieux de rendez-vous la veille, pour éviter le stress du matin.</li>
</ul>
<p>Vous pouvez aussi visiter le site <a href="https://clubkids.fr" target="_blank" rel="noopener">clubkids.fr</a> avec votre enfant pour lui montrer comment se déroule un trajet accompagné. Le fait de visualiser les étapes l’aide à se projeter et à se sentir acteur de son voyage.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f389.png" alt="🎉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Fêtes, anniversaires, événements sportifs : rendre les invitations possibles</h2>
<p>Anniversaires de cousins, représentations de danse, tournois sportifs, fêtes de village : les enfants reçoivent de plus en plus d’invitations loin de chez eux. Sans solution de mobilité adaptée, nombre de ces moments restent théoriques, « on aurait aimé venir, mais c’est trop compliqué ».</p>
<p>L’accompagnement en train transforme ces opportunités en projets réalistes. Une famille peut organiser un grand week-end cousinade, en sachant que certains enfants arriveront accompagnés, d’autres avec leurs parents, mais tous en sécurité. Les liens familiaux ne sont plus limités au périmètre de la voiture.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cc.png" alt="📌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Bien coordonner les familles d’accueil et les parents</h2>
<p>Un week-end chez les cousins implique au moins deux foyers qui doivent se coordonner : celui qui envoie l’enfant et celui qui le reçoit. Pour gagner en clarté, mieux vaut tout noter noir sur blanc&nbsp;: horaires, activités prévues, moments calmes, particularités de l’enfant (sommeil, alimentation, allergies).</p>
<p>Les proches qui accueillent peuvent aussi recevoir le récapitulatif de voyage : heure d’arrivée, lieu précis en gare, nom de l’accompagnateur. Ils savent ainsi exactement où se positionner et à quel moment. En cas de doute, la rubrique <a href="https://clubkids.fr/actualites/" target="_blank" rel="noopener">« Actualités » de ClubKids</a> permet de suivre les informations pratiques et les conseils mis à jour.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5d3.png" alt="🗓" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Anticiper les réservations pour profiter des meilleurs créneaux</h2>
<p>Les week-ends sont des périodes particulièrement demandées pour les trajets d’enfants. Anticiper la réservation permet de choisir des horaires adaptés au rythme de votre enfant&nbsp;: départ ni trop tôt, ni trop tard, arrivée en milieu d’après-midi plutôt qu’en soirée, etc.</p>
<p>En quelques minutes, vous pouvez simuler un trajet, comparer les dates possibles puis finaliser la réservation. Et si vous avez une question spécifique (premier voyage seul, handicap, fratrie à accompagner), l’équipe reste joignable via le formulaire dédié sur la page <a href="https://clubkids.fr/contact" target="_blank" rel="noopener">Contact</a>.</p>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f30d.png" alt="🌍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Nos destinations phares</h2>
<p>Pour les week-ends chez les cousins comme pour les vacances scolaires, ClubKids dessert de nombreuses grandes lignes. Voici quelques trajets très demandés par les familles :</p>
<div class="routes">
<div class="route-card">
<h3>Paris ⇄ Marseille : des cousins entre Nord et Sud</h3>
<p>Un aller simple pour retrouver la famille au soleil ou découvrir la capitale en toute autonomie.<br />
        <br /><a href="https://clubkids.fr/Train/accompagnement-enfant-tgv-paris-marseille/" target="_blank" rel="noopener">Découvrir le trajet Paris – Marseille</a>
      </p>
</p></div>
<div class="route-card">
<h3>Marseille ⇄ Toulouse : des week-ends pleins d’activités</h3>
<p>Idéal pour alterner entre mer et ville rose, tout en gardant un cadre sécurisé pour les enfants.<br />
        <br /><a href="https://clubkids.fr/Train/train-enfants-marseille-toulouse-accompagnement-securise/" target="_blank" rel="noopener">Voir le trajet Marseille – Toulouse</a>
      </p>
</p></div>
<div class="route-card">
<h3>Paris ⇄ Clermont-Ferrand : rejoindre la famille au vert</h3>
<p>Parfait pour un bol d’air le temps d’un week-end chez les cousins à la campagne.<br />
        <br /><a href="https://clubkids.fr/Train/train-enfants-paris-clermont-accompagnement-fiable/" target="_blank" rel="noopener">Consulter le trajet Paris – Clermont</a>
      </p>
</p></div>
<div class="route-card">
<h3>Nantes ⇄ Paris : relier l’Ouest et la capitale facilement</h3>
<p>Pour multiplier les invitations en famille élargie sans multiplier les kilomètres en voiture.<br />
        <br /><a href="https://clubkids.fr/Train/train-accompagne-nantes-paris/" target="_blank" rel="noopener">En savoir plus sur Nantes – Paris</a>
      </p>
</p></div>
</p></div>
<h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f680.png" alt="🚀" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Donner aux enfants le goût de la mobilité responsable</h2>
<p>Au-delà de la logistique, proposer à un enfant de voyager en train accompagné, c’est lui transmettre une certaine idée de la mobilité : plus douce, plus responsable, plus collective. Il découvre qu’il peut rejoindre ceux qu’il aime sans forcément prendre la voiture ni dépendre entièrement des adultes.</p>
<p>Ces expériences structurantes nourrissent la confiance en soi, la gestion des émotions et le sens de l’orientation. Encadrées par un service spécialisé comme ClubKids, elles deviennent des souvenirs positifs autant pour les enfants que pour les parents.</p>
</section>
<footer>
  <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f686.png" alt="🚆" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ClubKids France – Accompagnement enfants en train ·<br />
  <a href="https://clubkids.fr">Accueil</a> ·<br />
  <a href="https://clubkids.fr/votre-depart/">Votre départ</a> ·<br />
  <a href="https://clubkids.fr/actualites/">Actualités</a> ·<br />
  <a href="https://clubkids.fr/contact">Contact</a><br />
</footer>
</article><p>The post <a href="https://clubkids.fr/uncategorized/enfants-en-train-et-loisirs-a-distance-organiser-les-week-ends-chez-les-cousins-sans-stress/">Enfants en train et loisirs à distance : organiser les week-ends chez les cousins sans stress</a> first appeared on <a href="https://clubkids.fr">ClubKids</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5352</post-id>	</item>
		<item>
		<title>Enfants en train et familles éclatées géographiquement : une nouvelle façon de rester proches</title>
		<link>https://clubkids.fr/uncategorized/enfants-en-train-et-familles-eclatees-geographiquement-une-nouvelle-facon-de-rester-proches/</link>
		
		<dc:creator><![CDATA[ClubKids]]></dc:creator>
		<pubDate>Thu, 12 Mar 2026 06:30:58 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://clubkids.fr/uncategorized/enfants-en-train-et-familles-eclatees-geographiquement-une-nouvelle-facon-de-rester-proches/</guid>

					<description><![CDATA[<p>Voyager sereinement avec ClubKids – Accompagnement enfants en train 🚆 ClubKids simplifie le voyage des enfants en train Grâce à son service d’accompagnement national, ClubKids assure des trajets sereins et [&#8230;]</p>
<p>The post <a href="https://clubkids.fr/uncategorized/enfants-en-train-et-familles-eclatees-geographiquement-une-nouvelle-facon-de-rester-proches/">Enfants en train et familles éclatées géographiquement : une nouvelle façon de rester proches</a> first appeared on <a href="https://clubkids.fr">ClubKids</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>{&#8220;format&#8221;:{&#8220;type&#8221;:&#8221;text&#8221;},&#8221;verbosity&#8221;:&#8221;medium&#8221;}</p><p>The post <a href="https://clubkids.fr/uncategorized/enfants-en-train-et-familles-eclatees-geographiquement-une-nouvelle-facon-de-rester-proches/">Enfants en train et familles éclatées géographiquement : une nouvelle façon de rester proches</a> first appeared on <a href="https://clubkids.fr">ClubKids</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5301</post-id>	</item>
		<item>
		<title>Voyages d’enfants et grands-parents éloignés : recréer le lien grâce au train accompagné</title>
		<link>https://clubkids.fr/uncategorized/voyages-denfants-et-grands-parents-eloignes-recreer-le-lien-grace-au-train-accompagne/</link>
		
		<dc:creator><![CDATA[ClubKids]]></dc:creator>
		<pubDate>Thu, 05 Mar 2026 06:31:10 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://clubkids.fr/uncategorized/voyages-denfants-et-grands-parents-eloignes-recreer-le-lien-grace-au-train-accompagne/</guid>

					<description><![CDATA[<p>Voyages d’enfants et grands-parents éloignés : recréer le lien grâce au train accompagné 🚆 ClubKids simplifie le voyage des enfants en train Grâce à son service d’accompagnement national, ClubKids assure [&#8230;]</p>
<p>The post <a href="https://clubkids.fr/uncategorized/voyages-denfants-et-grands-parents-eloignes-recreer-le-lien-grace-au-train-accompagne/">Voyages d’enfants et grands-parents éloignés : recréer le lien grâce au train accompagné</a> first appeared on <a href="https://clubkids.fr">ClubKids</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>{&#8220;format&#8221;:{&#8220;type&#8221;:&#8221;text&#8221;},&#8221;verbosity&#8221;:&#8221;medium&#8221;}</p><p>The post <a href="https://clubkids.fr/uncategorized/voyages-denfants-et-grands-parents-eloignes-recreer-le-lien-grace-au-train-accompagne/">Voyages d’enfants et grands-parents éloignés : recréer le lien grâce au train accompagné</a> first appeared on <a href="https://clubkids.fr">ClubKids</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5146</post-id>	</item>
		<item>
		<title>Parents séparés, familles recomposées : organiser les longs week-ends d’enfants en train sans stress</title>
		<link>https://clubkids.fr/uncategorized/parents-separes-familles-recomposees-organiser-les-longs-week-ends-denfants-en-train-sans-stress/</link>
		
		<dc:creator><![CDATA[ClubKids]]></dc:creator>
		<pubDate>Thu, 26 Feb 2026 06:31:37 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://clubkids.fr/uncategorized/parents-separes-familles-recomposees-organiser-les-longs-week-ends-denfants-en-train-sans-stress/</guid>

					<description><![CDATA[<p>Parents séparés, familles recomposées : organiser les longs week-ends d’enfants en train 🚆 ClubKids simplifie le voyage des enfants en train Grâce à son service d’accompagnement national, ClubKids assure des [&#8230;]</p>
<p>The post <a href="https://clubkids.fr/uncategorized/parents-separes-familles-recomposees-organiser-les-longs-week-ends-denfants-en-train-sans-stress/">Parents séparés, familles recomposées : organiser les longs week-ends d’enfants en train sans stress</a> first appeared on <a href="https://clubkids.fr">ClubKids</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>{&#8220;format&#8221;:{&#8220;type&#8221;:&#8221;text&#8221;},&#8221;verbosity&#8221;:&#8221;medium&#8221;}</p><p>The post <a href="https://clubkids.fr/uncategorized/parents-separes-familles-recomposees-organiser-les-longs-week-ends-denfants-en-train-sans-stress/">Parents séparés, familles recomposées : organiser les longs week-ends d’enfants en train sans stress</a> first appeared on <a href="https://clubkids.fr">ClubKids</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5109</post-id>	</item>
		<item>
		<title>Garde alternée à distance : organiser les voyages en train des enfants sans épuiser les parents</title>
		<link>https://clubkids.fr/uncategorized/garde-alternee-a-distance-organiser-les-voyages-en-train-des-enfants-sans-epuiser-les-parents/</link>
		
		<dc:creator><![CDATA[ClubKids]]></dc:creator>
		<pubDate>Thu, 19 Feb 2026 06:31:18 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://clubkids.fr/uncategorized/garde-alternee-a-distance-organiser-les-voyages-en-train-des-enfants-sans-epuiser-les-parents/</guid>

					<description><![CDATA[<p>Garde alternée à distance : organiser les voyages en train des enfants sans épuiser les parents 🚆 ClubKids simplifie le voyage des enfants en train Grâce à son service d’accompagnement [&#8230;]</p>
<p>The post <a href="https://clubkids.fr/uncategorized/garde-alternee-a-distance-organiser-les-voyages-en-train-des-enfants-sans-epuiser-les-parents/">Garde alternée à distance : organiser les voyages en train des enfants sans épuiser les parents</a> first appeared on <a href="https://clubkids.fr">ClubKids</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>{&#8220;format&#8221;:{&#8220;type&#8221;:&#8221;text&#8221;},&#8221;verbosity&#8221;:&#8221;medium&#8221;}</p><p>The post <a href="https://clubkids.fr/uncategorized/garde-alternee-a-distance-organiser-les-voyages-en-train-des-enfants-sans-epuiser-les-parents/">Garde alternée à distance : organiser les voyages en train des enfants sans épuiser les parents</a> first appeared on <a href="https://clubkids.fr">ClubKids</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5099</post-id>	</item>
		<item>
		<title>Parents solos, familles à géométrie variable : comment organiser les trajets d’enfants pour les grands événements familiaux</title>
		<link>https://clubkids.fr/uncategorized/parents-solos-familles-a-geometrie-variable-comment-organiser-les-trajets-denfants-pour-les-grands-evenements-familiaux/</link>
		
		<dc:creator><![CDATA[ClubKids]]></dc:creator>
		<pubDate>Sun, 15 Feb 2026 21:27:59 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://clubkids.fr/uncategorized/parents-solos-familles-a-geometrie-variable-comment-organiser-les-trajets-denfants-pour-les-grands-evenements-familiaux/</guid>

					<description><![CDATA[<p>Organiser les trajets d’enfants pour les grands événements familiaux – ClubKids 🚆 ClubKids simplifie le voyage des enfants en train Grâce à son service d’accompagnement national, ClubKids assure des trajets [&#8230;]</p>
<p>The post <a href="https://clubkids.fr/uncategorized/parents-solos-familles-a-geometrie-variable-comment-organiser-les-trajets-denfants-pour-les-grands-evenements-familiaux/">Parents solos, familles à géométrie variable : comment organiser les trajets d’enfants pour les grands événements familiaux</a> first appeared on <a href="https://clubkids.fr">ClubKids</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>{&#8220;format&#8221;:{&#8220;type&#8221;:&#8221;text&#8221;},&#8221;verbosity&#8221;:&#8221;medium&#8221;}</p><p>The post <a href="https://clubkids.fr/uncategorized/parents-solos-familles-a-geometrie-variable-comment-organiser-les-trajets-denfants-pour-les-grands-evenements-familiaux/">Parents solos, familles à géométrie variable : comment organiser les trajets d’enfants pour les grands événements familiaux</a> first appeared on <a href="https://clubkids.fr">ClubKids</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">5054</post-id>	</item>
	</channel>
</rss>
