{"id":895,"date":"2026-02-15T16:06:57","date_gmt":"2026-02-15T15:06:57","guid":{"rendered":"https:\/\/wmc.paris\/?p=895"},"modified":"2026-04-14T23:12:53","modified_gmt":"2026-04-14T21:12:53","slug":"wmc-grande-evasion","status":"publish","type":"post","link":"https:\/\/wmc.paris\/index.php\/2026\/02\/15\/wmc-grande-evasion\/","title":{"rendered":"WMC_Grande_Evasion"},"content":{"rendered":"

\n

WMC Grande Evasion #03\u00a0<\/p>\n<\/h1>\n

\n

\u2014 PROGRAMME MAI 2026<\/strong><\/p>\n

\u00a03 jours en AUVERGNE au d\u00e9part de Clermont-FERRAND (boucle ~300 km)\u00a0<\/strong><\/p>\n<\/p>\n<\/div>\n

\n
WMC \u2013 Grande \u00c9vasion #03\u00a0 Clermont-Ferrand \"\u27a1\ufe0f\"<\/span> Issoire <\/span>\u00a0<\/span>\"\u27a1\ufe0f\"<\/span> Thiers \"\u27a1\ufe0f\" Clermont-Ferrand<\/span><\/span><\/strong><\/span><\/span><\/div>\n<\/h1>\n
\n
\n
WMC <\/span><\/strong> <\/span> vous emm\u00e8ne du 8 au 10 mai 2026 pour une boucle exceptionnelle au d\u00e9part de Clermont-Ferrand \u00e0 travers l\u2019Auvergne, entre volcans, vall\u00e9es, lacs et routes panoramiques\u00a0<\/span><\/div>\n<\/div>\n<\/div>\n
\n

\ud83c\udfaf Le concept<\/h2>\n

Ride longue distance sur 3 jours \/ 2 nuits (~300 km)<\/strong>.
Itin\u00e9raire pens\u00e9 \u201cplaisir\u201d<\/strong> : routes fluides, paysages volcaniques, passages autour de lacs.
Pauses r\u00e9guli\u00e8res pr\u00e9vues pour recharger + d\u00e9jeuner<\/strong>.
Ambiance club : on roule ensemble, entraide, bonne humeur et soir\u00e9es sur place<\/strong>.
Boucle compl\u00e8te : d\u00e9part et retour \u00e0 Clermont-Ferrand<\/strong>.<\/p>\n

\u26a1 Pr\u00e9-requis mat\u00e9riel<\/h2>\n
    \n
  • Minimum batterie :<\/strong> 2400 Wh<\/li>\n
  • \u00c9clairage + \u00e9quipement adapt\u00e9s \u00e0 un long ride<\/li>\n
  • Chargeur recommand\u00e9 (partage \u00e0 pr\u00e9voir)<\/li>\n<\/ul>\n<\/div>\n
    \n

    \u23f1\ufe0f Timing<\/h2>\n

    D\u00e9part :<\/strong> 10h30 \u2014 Parvis de la gare de Clermont-Ferrand
    Le point de regroupement pr\u00e9cis sera communiqu\u00e9 la veille.
    Les infos compl\u00e8tes (trace, consignes, horaires) seront envoy\u00e9es 1 semaine avant<\/strong>.<\/p>\n

    \ud83c\udfe8 Organisation nuit<\/h2>\n

    H\u00f4tels ibis budget<\/strong> propos\u00e9s \u00e0 Issoire et Thiers (liens dans l\u2019inscription).
    L\u2019\u00e9quipe WMC s\u00e9journera dans ces h\u00f4tels \u2014 vous pouvez r\u00e9server avec nous ou choisir h\u00f4tel \/ Airbnb \/ bivouac<\/strong> \ud83d\ude09<\/p>\n

    \ud83d\udee1\ufe0f S\u00e9curit\u00e9<\/h2>\n

    Casque + gants + \u00e9clairage avant\/arri\u00e8re indispensables.<\/strong><\/p>\n<\/div>\n

    \n

    <\/h2>\n<\/p>\n<\/div>\n

    08\/09\/10\u00a0 Mai 2026<\/h1>\n
    \n


    \n
    \n
    \n
    \n
    \nWMC \u2014 Boucle Clermont (3 jours)<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" crossorigin=\"\"\/>\n<style>\n:root{\n --bg:#fff; --fg:#0b0c0f; --muted:#5d6472; --line:#e7e9ee;\n --card:#ffffff; --shadow:0 10px 30px rgba(18,23,32,.06);\n --radius:22px; --radius-sm:14px; --accent:#ff4b6e; --accent-dark:#e53f62; --soft:#fff1f4;\n}\n*{box-sizing:border-box}\nhtml,body{margin:0;padding:0;background:var(--bg);color:var(--fg);overflow-x:hidden;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}\na{color:inherit}<\/p>\n<p>\/* \u2500\u2500 CONTAINER \u2500\u2500 *\/\n.container{\n max-width:1240px;\n width:min(1240px, calc(100% - 40px));\n margin:0 auto;\n padding:0 20px;\n}<\/p>\n<p>\/* \u2500\u2500 HERO \u2500\u2500 *\/\n.hero{padding:40px 0 18px}\n.hero h1{margin:0 0 10px;font-size:42px;line-height:1.02}\n.hero p{margin:0;color:var(--muted);max-width:78ch;line-height:1.6}<\/p>\n<p>\/* \u2500\u2500 GRID \u2500\u2500 *\/\n.grid{\n display:grid;\n grid-template-columns:repeat(12,1fr);\n gap:18px;\n padding:16px 0 60px;\n \/* FIX: emp\u00eache les enfants de d\u00e9border *\/\n overflow:hidden;\n width:100%;\n}<\/p>\n<p>\/* \u2500\u2500 CARD \u2500\u2500 *\/\n.card{\n grid-column:span 12;\n background:var(--card);\n border:1px solid var(--line);\n border-radius:var(--radius);\n box-shadow:var(--shadow);\n overflow:hidden;\n \/* FIX layout *\/\n min-width:0;\n max-width:100%;\n width:100%;\n}<\/p>\n<p>\/* \u2500\u2500 RIDE BANNER \u2500\u2500 *\/\n.rideBanner{\n grid-column:span 12;\n display:grid;\n grid-template-columns:minmax(0,1fr) auto;\n align-items:center;\n gap:16px;\n padding:20px 22px;\n border:1px solid var(--line);\n border-radius:var(--radius);\n background:linear-gradient(180deg,#fff 0%,#fafbff 100%);\n \/* FIX layout *\/\n min-width:0;\n max-width:100%;\n width:100%;\n}\n.rideBanner > div{min-width:0}\n.rideBanner .actionsInline{display:flex;flex-wrap:wrap;gap:14px;align-items:center}\n.rideBanner b{display:block;font-size:28px;line-height:1.12;margin-bottom:6px}\n.rideBanner .sub{color:var(--muted);font-size:15px;line-height:1.5;max-width:70ch}<\/p>\n<p>\/* \u2500\u2500 CTA \u2500\u2500 *\/\n.ctaRegister{\n display:inline-flex;align-items:center;justify-content:center;gap:10px;\n min-height:58px;padding:0 26px;text-decoration:none;\n background:var(--accent);color:#fff;border:0;border-radius:18px;\n font-weight:900;font-size:18px;letter-spacing:-.01em;\n box-shadow:0 12px 28px rgba(255,75,110,.24);white-space:nowrap;cursor:pointer;\n}\n.ctaRegister:hover{background:var(--accent-dark)}\n.ctaRegister.mini{min-height:60px;padding:0 24px;font-size:17px;flex:0 0 auto}<\/p>\n<p>\/* \u2500\u2500 SECTION TITLE \u2500\u2500 *\/\n.sectionTitle{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:24px}\n.sectionTitle h2{margin:0;font-size:22px}\n.sectionTitle .meta{color:var(--muted);font-size:13px}<\/p>\n<p>\/* \u2500\u2500 CARD HEADER \u2500\u2500 *\/\n.cardHeader{display:grid;grid-template-columns:1.1fr .9fr}\n.heroImg{position:relative;height:340px;background:#f4f6fb}\n.heroImg img{width:100%;height:100%;display:block;object-fit:cover}\n.badges{position:absolute;left:14px;top:14px;display:flex;flex-wrap:wrap;gap:8px}\n.badge{\n background:#fff;border:1px solid #ffd4de;padding:7px 10px;\n border-radius:999px;font-size:12px;font-weight:800;color:#a63e58;\n box-shadow:0 10px 24px rgba(18,23,32,.08)\n}\n.heroSide{\n padding:20px 22px;display:flex;flex-direction:column;gap:14px;\n border-left:1px solid var(--line);\n background:linear-gradient(180deg,#ffffff,#fbfcff);min-width:0\n}\n.titleRow{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}\n.titleRow h3{margin:0;max-width:none;flex:1;line-height:1.15}\n.heroSide h3{margin:0;font-size:24px}\n.heroSide p{margin:0;color:var(--muted);line-height:1.6}<\/p>\n<p>\/* \u2500\u2500 KPI \u2500\u2500 *\/\n.kpi{display:flex;flex-wrap:wrap;gap:10px}\n.k{border:1px solid #ffd4de;border-radius:999px;padding:8px 10px;font-size:12px;color:#8a4b5a;background:var(--soft)}<\/p>\n<p>\/* \u2500\u2500 CARD BODY \u2500\u2500 *\/\n.cardBodyMain{padding:0 18px 18px;display:flex;flex-direction:column;gap:12px}<\/p>\n<p>\/* \u2500\u2500 PROGRAM TEASER \u2500\u2500 *\/\n.programTeaser{\n padding:12px;border:1px solid var(--line);border-radius:14px;\n background:linear-gradient(180deg,#fff,#fbfcff)\n}\n.programTeaser b{display:block;margin-bottom:6px}\n.route{display:flex;flex-wrap:wrap;gap:6px;align-items:center}\n.route .pill{\n display:inline-flex;align-items:center;gap:6px;padding:6px 10px;\n border:1px solid #ffd4de;border-radius:999px;background:#fff;font-size:13px;color:#8a4b5a\n}\n.route .arrow{color:var(--muted);font-size:14px}<\/p>\n<p>\/* \u2500\u2500 ACTIONS \u2500\u2500 *\/\n.actions{display:flex;flex-wrap:wrap;gap:10px}\n.btn{\n display:inline-flex;align-items:center;justify-content:center;\n min-height:56px;padding:0 22px;border:1px solid #d8dce6;border-radius:18px;\n background:#fff;cursor:pointer;font-weight:800;font-size:16px;color:#0b0c0f;\n text-decoration:none;white-space:nowrap\n}\n.btn.primary{background:#0b0c0f;color:#fff;border-color:#0b0c0f}<\/p>\n<p>\/* \u2500\u2500 PANEL \u2500\u2500 *\/\n.panel{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}\n.panel h4{margin:0 0 10px;font-size:14px}\n.muted{color:var(--muted);font-size:13px;line-height:1.6}\n.list{margin:0;padding-left:18px;color:var(--muted);line-height:1.65}\n.hr{height:1px;background:var(--line);margin:14px 0}<\/p>\n<p>\/* \u2500\u2500 TIMELINE \u2500\u2500 *\/\n.timelineSplit{padding:0 18px 18px}\n.dayTabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:2px 0 14px}\n.tab{border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:#fff;cursor:pointer;font-weight:800;font-size:13px;color:var(--muted)}\n.tab.active{background:#111827;color:#fff;border-color:#111827}\n.day{display:none}\n.day.active{display:block}\n.dayHeaderBar{\n display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;\n gap:10px;margin:4px 0 12px;padding:10px 12px;\n background:linear-gradient(180deg,rgba(59,130,246,.06),rgba(16,185,129,.04));\n border:1px solid rgba(0,0,0,.06);border-radius:14px\n}\n.dayHeaderBar .meta{display:flex;flex-wrap:wrap;gap:10px}\n.dayHeaderBar .meta span{\n background:#fff;border:1px solid rgba(0,0,0,.08);\n padding:6px 10px;border-radius:999px;font-size:12px\n}\n.timelineBody{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}<\/p>\n<p>\/* \u2500\u2500 MAP \u2500\u2500 *\/\n.leafletMap{\n height:400px;width:100%;border-radius:16px;overflow:hidden;\n border:1px solid rgba(0,0,0,.06);background:#f3f4f6\n}<\/p>\n<p>\/* \u2500\u2500 CAROUSEL \u2500\u2500 *\/\n.carousel{display:flex;gap:10px;overflow:auto;padding-bottom:6px;scroll-snap-type:x mandatory}\n.thumb{flex:0 0 180px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#f4f6fb;scroll-snap-align:start}\n.thumb img{width:100%;height:120px;object-fit:cover;display:block}\n.thumb .cap{padding:8px 10px;font-size:12px;color:var(--muted)}<\/p>\n<p>\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n.footer{padding:20px 0 56px;color:var(--muted);font-size:13px}\n.small{font-size:12px;color:var(--muted)}<\/p>\n<p>\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media(max-width:980px){\n .cardHeader{grid-template-columns:1fr}\n .heroSide{border-left:none;border-top:1px solid var(--line)}\n .timelineBody{grid-template-columns:1fr}\n}\n@media(max-width:700px){\n .container{width:calc(100% - 24px);padding:0 12px}\n .hero h1{font-size:30px}\n .heroImg{height:250px}\n .leafletMap{height:280px}\n .rideBanner{grid-template-columns:1fr;align-items:stretch}\n .actionsInline{width:100%}\n .actionsInline .ctaRegister,.actionsInline .btn{flex:1 1 auto;justify-content:center}\n}\n<\/style>\n<p><\/head><br \/>\n<body><br \/>\n<main class=\"container\"><\/p>\n<p> <!-- HERO --><\/p>\n<section class=\"hero\">\n<h1>WMC GRANDE EVASION #03 Auvergne<\/h1>\n<\/section>\n<p> <!-- SECTION TITLE --><\/p>\n<div class=\"sectionTitle\">\n<h2>Grande \u00c9vasion \u2022 Clermont \u2194 volcans \u2194 Livradois \u2194 Clermont<\/h2>\n<div class=\"meta\">3 jours \u2022 ~298 km \u2022 2 nuits \u2022 trac\u00e9s GeoVelo int\u00e9gr\u00e9s<\/div>\n<\/p><\/div>\n<section class=\"grid\">\n<p> <!-- RIDE BANNER --><\/p>\n<div class=\"rideBanner\">\n<div>\n <b>Ride \u2014 Clermont en boucle (3 jours \/ 2 nuits)<\/b><\/p>\n<div class=\"sub\">Jour 1 volcanique et patrimoine \u2022 Jour 2 Livradois\u2011Forez \u2022 Jour 3 retour par Billom et Gergovie.<\/div>\n<\/p><\/div>\n<div class=\"actionsInline\">\n <a class=\"ctaRegister\" href=\"https:\/\/wmc.paris\/index.php\/2026\/04\/13\/inscription_wmc_ge3\/\" target=\"_blank\" rel=\"noopener\">Inscription<\/a><br \/>\n <a class=\"btn\" href=\"#programme\">Voir le programme<\/a>\n <\/div>\n<\/p><\/div>\n<p> <!-- MAIN CARD --><\/p>\n<article class=\"card\" id=\"programme\">\n<p> <!-- CARD HEADER --><\/p>\n<div class=\"cardHeader\">\n<div class=\"heroImg\">\n <img decoding=\"async\" alt=\"Puy de D\u00f4me et cha\u00eene des Puys\" data-wiki-q=\"Puy de Dome panorama Auvergne\" loading=\"lazy\" referrerpolicy=\"no-referrer\" src=\"https:\/\/commons.wikimedia.org\/wiki\/Special:FilePath\/Puy_de_D%C3%B4me_depuis_Pariou.jpg?width=1600\"\/><\/p>\n<div class=\"badges\">\n <span class=\"badge\">Ride (3 jours)<\/span><br \/>\n <span class=\"badge\">~298 km<\/span><br \/>\n <span class=\"badge\">Auvergne<\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"heroSide\">\n<div class=\"titleRow\">\n<h3>Grande \u00c9vasion 03 \u2014 Clermont \/ Volcans \/ Livradois<\/h3>\n<p> <a class=\"ctaRegister mini\" href=\"https:\/\/wmc.paris\/index.php\/2026\/04\/13\/inscription_wmc_ge3\/\" target=\"_blank\" rel=\"noopener\">Inscription<\/a>\n <\/div>\n<p>Une vraie boucle WMC autour de Clermont\u2011Ferrand, avec passages volcaniques, villages perch\u00e9s, routes du Livradois\u2011Forez et retour par le plateau de Gergovie. Les cartes ci\u2011dessous utilisent tes 3 GPX GeoVelo directement pour afficher les trac\u00e9s valid\u00e9s.<\/p>\n<div class=\"kpi\">\n<div class=\"k\"><b>Jour 1<\/b> 121 km<\/div>\n<div class=\"k\"><b>Jour 2<\/b> 94 km<\/div>\n<div class=\"k\"><b>Jour 3<\/b> 82,9 km<\/div>\n<div class=\"k\"><b>Recharge<\/b> 1 pause principale \/ jour<\/div>\n<div class=\"k\"><b>H\u00f4tels<\/b> Issoire + Thiers<\/div>\n<\/p><\/div>\n<div class=\"programTeaser\">\n <b>Programme (aper\u00e7u)<\/b><\/p>\n<div class=\"route\">\n <span class=\"pill\">Clermont<\/span><span class=\"arrow\">\u2192<\/span><br \/>\n <span class=\"pill\">Mont\u2011Dore<\/span><span class=\"arrow\">\u2192<\/span><br \/>\n <span class=\"pill\">Issoire<\/span><span class=\"arrow\">\u2192<\/span><br \/>\n <span class=\"pill\">Thiers<\/span><span class=\"arrow\">\u2192<\/span><br \/>\n <span class=\"pill\">Gergovie<\/span><span class=\"arrow\">\u2192<\/span><br \/>\n <span class=\"pill\">Clermont<\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"actions\">\n <button class=\"btn primary\" onclick=\"document.getElementById('timeline').scrollIntoView({behavior:'smooth'})\">Voir les 3 jours<\/button><br \/>\n <a class=\"btn\" href=\"https:\/\/wmc.paris\/index.php\/2026\/04\/13\/inscription_wmc_ge3\/\" target=\"_blank\" rel=\"noopener\">Inscription<\/a><br \/>\n <button class=\"btn\" onclick=\"downloadGPX('day1','JOUR_1_Clermont_Issoire.gpx')\">GPX Jour 1<\/button><br \/>\n <button class=\"btn\" onclick=\"downloadGPX('day2','JOUR_2_Issoire_Thiers.gpx')\">GPX Jour 2<\/button><br \/>\n <button class=\"btn\" onclick=\"downloadGPX('day3','JOUR_3_Thiers_Clermont.gpx')\">GPX Jour 3<\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- CARD BODY --><\/p>\n<div class=\"cardBodyMain\">\n<div class=\"panel\">\n<h4>Logique du trip<\/h4>\n<ul class=\"list\">\n<li><b>Jour 1 :<\/b> grosse journ\u00e9e volcanique avec mont\u00e9e vers Orcival et Mont\u2011Dore, puis redescente par Saint\u2011Nectaire jusqu’\u00e0 Issoire.<\/li>\n<li><b>Jour 2 :<\/b> \u00e9tape plus roulante au c\u0153ur du Livradois\u2011Forez, avec pause recharge \u00e0 Cunlhat avant l’arriv\u00e9e sur Thiers.<\/li>\n<li><b>Jour 3 :<\/b> retour vers Clermont par Lezoux, Billom, Vic\u2011le\u2011Comte et le plateau de Gergovie.<\/li>\n<\/ul><\/div>\n<div class=\"panel\">\n<h4>H\u00f4tels int\u00e9gr\u00e9s au parcours<\/h4>\n<ul class=\"list\">\n<li><b>Nuit 1 \u2014 Issoire :<\/b> <a href=\"https:\/\/all.accor.com\/hotel\/5084\/index.fr.shtml\" target=\"_blank\" rel=\"noopener\">ibis budget Issoire<\/a>.<\/li>\n<li><b>Nuit 2 \u2014 Thiers :<\/b> <a href=\"https:\/\/all.accor.com\/hotel\/2724\/index.fr.shtml\" target=\"_blank\" rel=\"noopener\">ibis budget Thiers<\/a>.<\/li>\n<li><b>Recharge :<\/b> grosse charge \u00e0 l’h\u00f4tel chaque soir + pause principale \u00e0 Mont\u2011Dore, Cunlhat et Vic\u2011le\u2011Comte.<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<p> <!-- TIMELINE --><\/p>\n<div class=\"timelineSplit\" id=\"timeline\">\n<div class=\"dayTabs\">\n <button class=\"tab active\" data-day=\"d1\" type=\"button\">Jour 1<\/button><br \/>\n <button class=\"tab\" data-day=\"d2\" type=\"button\">Jour 2<\/button><br \/>\n <button class=\"tab\" data-day=\"d3\" type=\"button\">Jour 3<\/button>\n <\/div>\n<p> <!-- JOUR 1 --><\/p>\n<div class=\"day active\" data-day=\"d1\">\n<div class=\"dayHeaderBar\">\n<div class=\"meta\">\n <span>Clermont \u2192 Issoire<\/span><br \/>\n <span>121 km<\/span><br \/>\n <span>D+ 2626 m<\/span><br \/>\n <span>Recharge : Mont\u2011Dore<\/span><br \/>\n <span>H\u00f4tel : <a href=\"https:\/\/all.accor.com\/hotel\/5084\/index.fr.shtml\" target=\"_blank\" rel=\"noopener\">ibis budget Issoire<\/a><\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"timelineBody\">\n<div class=\"panel\">\n<h4>\u00c9tapes cl\u00e9s<\/h4>\n<div class=\"muted\"><b>Clermont\u2011Ferrand<\/b> \u2192 Route des Puys \/ Saint\u2011Ours \u2192 <b>Pontgibaud<\/b> \u2192 <b>Orcival<\/b> \u2192 <b>Mont\u2011Dore<\/b> \u2192 <b>Saint\u2011Nectaire<\/b> \u2192 <b>Issoire<\/b><\/div>\n<div class=\"hr\"><\/div>\n<h4>\u00c0 retenir<\/h4>\n<ul class=\"list\">\n<li><b>Spot :<\/b> Orcival et sa basilique romane.<\/li>\n<li><b>Recharge principale :<\/b> Mont\u2011Dore, id\u00e9al pour la pause midi.<\/li>\n<li><b>Spot :<\/b> secteur Gu\u00e9ry \/ Roches Tuili\u00e8re & Sanadoire.<\/li>\n<li><b>Spot :<\/b> Saint\u2011Nectaire avant la descente vers Issoire.<\/li>\n<li><b>Nuit :<\/b> ibis budget Issoire.<\/li>\n<\/ul>\n<div class=\"hr\"><\/div>\n<div class=\"carousel\">\n<div class=\"thumb\"><img alt=\"\" data-wiki-q=\"Orcival basilique Auvergne\" loading=\"lazy\"\/><\/p>\n<div class=\"cap\">Orcival<\/div>\n<\/div>\n<div class=\"thumb\"><img alt=\"\" data-wiki-q=\"Lac de Guery Auvergne\" loading=\"lazy\"\/><\/p>\n<div class=\"cap\">Lac de Gu\u00e9ry<\/div>\n<\/div>\n<div class=\"thumb\"><img alt=\"\" data-wiki-q=\"Mont Dore centre ville Auvergne\" loading=\"lazy\"\/><\/p>\n<div class=\"cap\">Mont\u2011Dore<\/div>\n<\/div>\n<div class=\"thumb\"><img alt=\"\" data-wiki-q=\"Saint Nectaire eglise Auvergne\" loading=\"lazy\"\/><\/p>\n<div class=\"cap\">Saint\u2011Nectaire<\/div>\n<\/div>\n<div class=\"thumb\"><img alt=\"\" data-wiki-q=\"Murol chateau Auvergne\" loading=\"lazy\"\/><\/p>\n<div class=\"cap\">Murol \/ Chambon<\/div>\n<\/div><\/div>\n<\/p><\/div>\n<div class=\"panel\">\n<div class=\"leafletMap\" data-map-index=\"0\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- JOUR 2 --><\/p>\n<div class=\"day\" data-day=\"d2\">\n<div class=\"dayHeaderBar\">\n<div class=\"meta\">\n <span>Issoire \u2192 Thiers<\/span><br \/>\n <span>94 km<\/span><br \/>\n <span>D+ 1869 m<\/span><br \/>\n <span>Recharge : Cunlhat<\/span><br \/>\n <span>H\u00f4tel : <a href=\"https:\/\/all.accor.com\/hotel\/2724\/index.fr.shtml\" target=\"_blank\" rel=\"noopener\">ibis budget Thiers<\/a><\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"timelineBody\">\n<div class=\"panel\">\n<h4>\u00c9tapes cl\u00e9s<\/h4>\n<div class=\"muted\"><b>Issoire<\/b> \u2192 <b>Usson<\/b> \u2192 <b>Sauxillanges<\/b> \u2192 <b>Cunlhat<\/b> \u2192 <b>Olliergues<\/b> \u2192 <b>Courpi\u00e8re<\/b> \u2192 <b>Thiers<\/b><\/div>\n<div class=\"hr\"><\/div>\n<h4>\u00c0 retenir<\/h4>\n<ul class=\"list\">\n<li><b>Spot :<\/b> Usson et son village perch\u00e9 avec vue.<\/li>\n<li><b>Recharge principale :<\/b> Cunlhat au milieu de l’\u00e9tape.<\/li>\n<li><b>Spot :<\/b> Olliergues et la vall\u00e9e de la Dore.<\/li>\n<li><b>Arriv\u00e9e :<\/b> Thiers, vieille ville et ambiance coutellerie.<\/li>\n<li><b>Nuit :<\/b> ibis budget Thiers.<\/li>\n<\/ul>\n<div class=\"hr\"><\/div>\n<div class=\"carousel\">\n<div class=\"thumb\"><img alt=\"\" data-wiki-q=\"Usson Puy de Dome village\" loading=\"lazy\"\/><\/p>\n<div class=\"cap\">Usson<\/div>\n<\/div>\n<div class=\"thumb\"><img alt=\"\" data-wiki-q=\"Sauxillanges Auvergne village\" loading=\"lazy\"\/><\/p>\n<div class=\"cap\">Sauxillanges<\/div>\n<\/div>\n<div class=\"thumb\"><img alt=\"\" data-wiki-q=\"Cunlhat village Auvergne\" loading=\"lazy\"\/><\/p>\n<div class=\"cap\">Cunlhat<\/div>\n<\/div>\n<div class=\"thumb\"><img alt=\"\" data-wiki-q=\"Olliergues village Dore\" loading=\"lazy\"\/><\/p>\n<div class=\"cap\">Olliergues<\/div>\n<\/div>\n<div class=\"thumb\"><img alt=\"\" data-wiki-q=\"Thiers vieille ville Auvergne\" loading=\"lazy\"\/><\/p>\n<div class=\"cap\">Thiers<\/div>\n<\/div><\/div>\n<\/p><\/div>\n<div class=\"panel\">\n<div class=\"leafletMap\" data-map-index=\"1\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- JOUR 3 --><\/p>\n<div class=\"day\" data-day=\"d3\">\n<div class=\"dayHeaderBar\">\n<div class=\"meta\">\n <span>Thiers \u2192 Clermont<\/span><br \/>\n <span>82,9 km<\/span><br \/>\n <span>D+ 1358 m<\/span><br \/>\n <span>Recharge : Vic\u2011le\u2011Comte<\/span><br \/>\n <span>Arriv\u00e9e : Clermont\u2011Ferrand<\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"timelineBody\">\n<div class=\"panel\">\n<h4>\u00c9tapes cl\u00e9s<\/h4>\n<div class=\"muted\"><b>Thiers<\/b> \u2192 <b>Lezoux<\/b> \u2192 <b>Billom<\/b> \u2192 <b>Vic\u2011le\u2011Comte<\/b> \u2192 <b>Plateau de Gergovie<\/b> \u2192 <b>Clermont\u2011Ferrand<\/b><\/div>\n<div class=\"hr\"><\/div>\n<h4>\u00c0 retenir<\/h4>\n<ul class=\"list\">\n<li><b>Spot :<\/b> Billom et sa cit\u00e9 m\u00e9di\u00e9vale.<\/li>\n<li><b>Recharge principale :<\/b> Vic\u2011le\u2011Comte.<\/li>\n<li><b>Spot majeur :<\/b> plateau de Gergovie avant l’entr\u00e9e sur Clermont.<\/li>\n<li><b>Final :<\/b> retour \u00e0 Clermont\u2011Ferrand et fin de boucle.<\/li>\n<\/ul>\n<div class=\"hr\"><\/div>\n<div class=\"carousel\">\n<div class=\"thumb\"><img alt=\"\" data-wiki-q=\"Lezoux Auvergne\" loading=\"lazy\"\/><\/p>\n<div class=\"cap\">Lezoux<\/div>\n<\/div>\n<div class=\"thumb\"><img alt=\"\" data-wiki-q=\"Billom medieval Auvergne\" loading=\"lazy\"\/><\/p>\n<div class=\"cap\">Billom<\/div>\n<\/div>\n<div class=\"thumb\"><img alt=\"\" data-wiki-q=\"Vic le Comte Auvergne\" loading=\"lazy\"\/><\/p>\n<div class=\"cap\">Vic\u2011le\u2011Comte<\/div>\n<\/div>\n<div class=\"thumb\"><img alt=\"\" data-wiki-q=\"Plateau de Gergovie panorama\" loading=\"lazy\"\/><\/p>\n<div class=\"cap\">Gergovie<\/div>\n<\/div>\n<div class=\"thumb\"><img alt=\"\" data-wiki-q=\"Clermont Ferrand skyline\" loading=\"lazy\"\/><\/p>\n<div class=\"cap\">Clermont<\/div>\n<\/div><\/div>\n<\/p><\/div>\n<div class=\"panel\">\n<div class=\"leafletMap\" data-map-index=\"2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p><!-- \/timelineSplit --><\/p>\n<\/article>\n<\/section>\n<p> <!-- FOOTER --><\/p><\/div>\n<p><\/main><\/p>\n<p><script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\" crossorigin=\"\"><\/script><br \/>\n<script>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n GPX DATA (tronqu\u00e9 ici pour lisibilit\u00e9 \u2014 identique \u00e0 l'original)\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst GPX_OFFICIAL = {\n day1: `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<gpx xmlns=\"http:\/\/www.topografix.com\/GPX\/1\/1\" version=\"1.1\" creator=\"geovelo\">\n <metadata><name>JOUR 1 \u2014 Clermont \u2192 Issoire<\/name><\/metadata>\n <trk><type>cycling<\/type><trkseg>\n <trkpt lat=\"45.77757\" lon=\"3.08191\"><\/trkpt>\n <trkpt lat=\"45.790137\" lon=\"3.059394\"><\/trkpt>\n <trkpt lat=\"45.800519\" lon=\"3.015617\"><\/trkpt>\n <trkpt lat=\"45.815913\" lon=\"3.001443\"><\/trkpt>\n <trkpt lat=\"45.822203\" lon=\"2.98264\"><\/trkpt>\n <trkpt lat=\"45.818221\" lon=\"2.98773\"><\/trkpt>\n <trkpt lat=\"45.808713\" lon=\"3.008087\"><\/trkpt>\n <trkpt lat=\"45.793149\" lon=\"3.053062\"><\/trkpt>\n <trkpt lat=\"45.775534\" lon=\"2.881403\"><\/trkpt>\n <trkpt lat=\"45.762639\" lon=\"2.893356\"><\/trkpt>\n <trkpt lat=\"45.745241\" lon=\"2.886193\"><\/trkpt>\n <trkpt lat=\"45.725096\" lon=\"2.885243\"><\/trkpt>\n <trkpt lat=\"45.706691\" lon=\"2.856489\"><\/trkpt>\n <trkpt lat=\"45.690704\" lon=\"2.846877\"><\/trkpt>\n <trkpt lat=\"45.671778\" lon=\"2.842163\"><\/trkpt>\n <trkpt lat=\"45.649193\" lon=\"2.845207\"><\/trkpt>\n <trkpt lat=\"45.634578\" lon=\"2.84713\"><\/trkpt>\n <trkpt lat=\"45.617669\" lon=\"2.824638\"><\/trkpt>\n <trkpt lat=\"45.597636\" lon=\"2.824745\"><\/trkpt>\n <trkpt lat=\"45.580001\" lon=\"2.812184\"><\/trkpt>\n <trkpt lat=\"45.566431\" lon=\"2.822865\"><\/trkpt>\n <trkpt lat=\"45.559405\" lon=\"2.874228\"><\/trkpt>\n <trkpt lat=\"45.563515\" lon=\"2.87602\"><\/trkpt>\n <trkpt lat=\"45.573093\" lon=\"2.894548\"><\/trkpt>\n <trkpt lat=\"45.570065\" lon=\"3.0984\"><\/trkpt>\n <trkpt lat=\"45.566774\" lon=\"3.100036\"><\/trkpt>\n <trkpt lat=\"45.561256\" lon=\"3.106246\"><\/trkpt>\n <trkpt lat=\"45.554642\" lon=\"3.103775\"><\/trkpt>\n <trkpt lat=\"45.551038\" lon=\"3.106977\"><\/trkpt>\n <trkpt lat=\"45.549357\" lon=\"3.11465\"><\/trkpt>\n <trkpt lat=\"45.543304\" lon=\"3.250293\"><\/trkpt>\n <\/trkseg><\/trk>\n<\/gpx>`,\n day2: `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<gpx xmlns=\"http:\/\/www.topografix.com\/GPX\/1\/1\" version=\"1.1\" creator=\"geovelo\">\n <metadata><name>JOUR 2 \u2014 Issoire \u2192 Thiers<\/name><\/metadata>\n <trk><type>cycling<\/type><trkseg>\n <trkpt lat=\"45.543304\" lon=\"3.250293\"><\/trkpt>\n <trkpt lat=\"45.546888\" lon=\"3.262135\"><\/trkpt>\n <trkpt lat=\"45.555533\" lon=\"3.272508\"><\/trkpt>\n <trkpt lat=\"45.560471\" lon=\"3.275733\"><\/trkpt>\n <trkpt lat=\"45.561559\" lon=\"3.282168\"><\/trkpt>\n <trkpt lat=\"45.558957\" lon=\"3.291174\"><\/trkpt>\n <trkpt lat=\"45.553913\" lon=\"3.301803\"><\/trkpt>\n <trkpt lat=\"45.543228\" lon=\"3.332511\"><\/trkpt>\n <trkpt lat=\"45.539599\" lon=\"3.360935\"><\/trkpt>\n <trkpt lat=\"45.546165\" lon=\"3.369274\"><\/trkpt>\n <trkpt lat=\"45.554534\" lon=\"3.379494\"><\/trkpt>\n <trkpt lat=\"45.558084\" lon=\"3.385507\"><\/trkpt>\n <trkpt lat=\"45.563685\" lon=\"3.395212\"><\/trkpt>\n <trkpt lat=\"45.568626\" lon=\"3.399403\"><\/trkpt>\n <trkpt lat=\"45.575458\" lon=\"3.403393\"><\/trkpt>\n <trkpt lat=\"45.581449\" lon=\"3.403501\"><\/trkpt>\n <trkpt lat=\"45.583826\" lon=\"3.420391\"><\/trkpt>\n <trkpt lat=\"45.583596\" lon=\"3.426041\"><\/trkpt>\n <trkpt lat=\"45.595608\" lon=\"3.535818\"><\/trkpt>\n <trkpt lat=\"45.596603\" lon=\"3.539254\"><\/trkpt>\n <trkpt lat=\"45.601497\" lon=\"3.565372\"><\/trkpt>\n <trkpt lat=\"45.615104\" lon=\"3.567004\"><\/trkpt>\n <trkpt lat=\"45.630147\" lon=\"3.579633\"><\/trkpt>\n <trkpt lat=\"45.637715\" lon=\"3.603145\"><\/trkpt>\n <trkpt lat=\"45.644938\" lon=\"3.617838\"><\/trkpt>\n <trkpt lat=\"45.649164\" lon=\"3.622876\"><\/trkpt>\n <trkpt lat=\"45.654397\" lon=\"3.626139\"><\/trkpt>\n <trkpt lat=\"45.665034\" lon=\"3.630942\"><\/trkpt>\n <trkpt lat=\"45.672707\" lon=\"3.636838\"><\/trkpt>\n <trkpt lat=\"45.684411\" lon=\"3.626406\"><\/trkpt>\n <trkpt lat=\"45.697234\" lon=\"3.626392\"><\/trkpt>\n <trkpt lat=\"45.706245\" lon=\"3.627177\"><\/trkpt>\n <trkpt lat=\"45.722658\" lon=\"3.61185\"><\/trkpt>\n <trkpt lat=\"45.733454\" lon=\"3.599644\"><\/trkpt>\n <trkpt lat=\"45.743528\" lon=\"3.556533\"><\/trkpt>\n <trkpt lat=\"45.749623\" lon=\"3.552628\"><\/trkpt>\n <trkpt lat=\"45.763937\" lon=\"3.550604\"><\/trkpt>\n <trkpt lat=\"45.773863\" lon=\"3.549853\"><\/trkpt>\n <trkpt lat=\"45.779213\" lon=\"3.547875\"><\/trkpt>\n <trkpt lat=\"45.788253\" lon=\"3.544556\"><\/trkpt>\n <trkpt lat=\"45.797508\" lon=\"3.534695\"><\/trkpt>\n <trkpt lat=\"45.810529\" lon=\"3.532441\"><\/trkpt>\n <trkpt lat=\"45.822473\" lon=\"3.526345\"><\/trkpt>\n <trkpt lat=\"45.829336\" lon=\"3.529886\"><\/trkpt>\n <trkpt lat=\"45.837892\" lon=\"3.533472\"><\/trkpt>\n <trkpt lat=\"45.844027\" lon=\"3.533484\"><\/trkpt>\n <trkpt lat=\"45.851272\" lon=\"3.538288\"><\/trkpt>\n <trkpt lat=\"45.855494\" lon=\"3.548655\"><\/trkpt>\n <\/trkseg><\/trk>\n<\/gpx>`,\n day3: `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<gpx xmlns=\"http:\/\/www.topografix.com\/GPX\/1\/1\" version=\"1.1\" creator=\"geovelo\">\n <metadata><name>JOUR 3 \u2014 Thiers \u2192 Clermont<\/name><\/metadata>\n <trk><type>cycling<\/type><trkseg>\n <trkpt lat=\"45.855494\" lon=\"3.548655\"><\/trkpt>\n <trkpt lat=\"45.844327\" lon=\"3.53063\"><\/trkpt>\n <trkpt lat=\"45.835148\" lon=\"3.477588\"><\/trkpt>\n <trkpt lat=\"45.834492\" lon=\"3.461009\"><\/trkpt>\n <trkpt lat=\"45.827171\" lon=\"3.460363\"><\/trkpt>\n <trkpt lat=\"45.821895\" lon=\"3.460228\"><\/trkpt>\n <trkpt lat=\"45.820212\" lon=\"3.458212\"><\/trkpt>\n <trkpt lat=\"45.818422\" lon=\"3.419019\"><\/trkpt>\n <trkpt lat=\"45.819077\" lon=\"3.407943\"><\/trkpt>\n <trkpt lat=\"45.818149\" lon=\"3.400728\"><\/trkpt>\n <trkpt lat=\"45.819492\" lon=\"3.392631\"><\/trkpt>\n <trkpt lat=\"45.824815\" lon=\"3.387633\"><\/trkpt>\n <trkpt lat=\"45.826040\" lon=\"3.385234\"><\/trkpt>\n <trkpt lat=\"45.820196\" lon=\"3.430452\"><\/trkpt>\n <trkpt lat=\"45.819496\" lon=\"3.428095\"><\/trkpt>\n <trkpt lat=\"45.818411\" lon=\"3.422557\"><\/trkpt>\n <trkpt lat=\"45.810401\" lon=\"3.386533\"><\/trkpt>\n <trkpt lat=\"45.803676\" lon=\"3.390636\"><\/trkpt>\n <trkpt lat=\"45.797291\" lon=\"3.391886\"><\/trkpt>\n <trkpt lat=\"45.784816\" lon=\"3.394438\"><\/trkpt>\n <trkpt lat=\"45.765542\" lon=\"3.400225\"><\/trkpt>\n <trkpt lat=\"45.759742\" lon=\"3.388003\"><\/trkpt>\n <trkpt lat=\"45.751352\" lon=\"3.388083\"><\/trkpt>\n <trkpt lat=\"45.739415\" lon=\"3.381399\"><\/trkpt>\n <trkpt lat=\"45.737923\" lon=\"3.369494\"><\/trkpt>\n <trkpt lat=\"45.729944\" lon=\"3.357238\"><\/trkpt>\n <trkpt lat=\"45.723529\" lon=\"3.34549\"><\/trkpt>\n <trkpt lat=\"45.714285\" lon=\"3.119698\"><\/trkpt>\n <trkpt lat=\"45.716260\" lon=\"3.107126\"><\/trkpt>\n <trkpt lat=\"45.717041\" lon=\"3.106152\"><\/trkpt>\n <trkpt lat=\"45.715359\" lon=\"3.110897\"><\/trkpt>\n <trkpt lat=\"45.714559\" lon=\"3.113846\"><\/trkpt>\n <trkpt lat=\"45.712556\" lon=\"3.126266\"><\/trkpt>\n <trkpt lat=\"45.706571\" lon=\"3.621721\"><\/trkpt>\n <trkpt lat=\"45.700946\" lon=\"3.334556\"><\/trkpt>\n <trkpt lat=\"45.693451\" lon=\"3.325558\"><\/trkpt>\n <trkpt lat=\"45.684132\" lon=\"3.186219\"><\/trkpt>\n <trkpt lat=\"45.680356\" lon=\"3.194874\"><\/trkpt>\n <trkpt lat=\"45.669643\" lon=\"3.203391\"><\/trkpt>\n <trkpt lat=\"45.664177\" lon=\"3.1997\"><\/trkpt>\n <trkpt lat=\"45.662037\" lon=\"3.2064\"><\/trkpt>\n <trkpt lat=\"45.661175\" lon=\"3.20795\"><\/trkpt>\n <trkpt lat=\"45.660757\" lon=\"3.211105\"><\/trkpt>\n <trkpt lat=\"45.663814\" lon=\"3.312113\"><\/trkpt>\n <trkpt lat=\"45.675695\" lon=\"3.312847\"><\/trkpt>\n <trkpt lat=\"45.686891\" lon=\"3.321567\"><\/trkpt>\n <trkpt lat=\"45.700946\" lon=\"3.334556\"><\/trkpt>\n <trkpt lat=\"45.741167\" lon=\"3.103807\"><\/trkpt>\n <trkpt lat=\"45.750458\" lon=\"3.088971\"><\/trkpt>\n <trkpt lat=\"45.762882\" lon=\"3.084842\"><\/trkpt>\n <trkpt lat=\"45.770747\" lon=\"3.083328\"><\/trkpt>\n <trkpt lat=\"45.77757\" lon=\"3.08191\"><\/trkpt>\n <\/trkseg><\/trk>\n<\/gpx>`\n};<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n PARSE GPX\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction parseGpxPoints(gpxText){\n try {\n const xml = new DOMParser().parseFromString(gpxText, \"text\/xml\");\n return Array.from(xml.getElementsByTagName(\"trkpt\"))\n .map(n => [parseFloat(n.getAttribute(\"lat\")), parseFloat(n.getAttribute(\"lon\"))])\n .filter(p => Number.isFinite(p[0]) && Number.isFinite(p[1]));\n } catch(e) { return []; }\n}<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n DOWNLOAD GPX\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction downloadGPX(key, filename){\n const g = GPX_OFFICIAL[key];\n if(!g) return;\n const blob = new Blob([g], {type:\"application\/gpx+xml\"});\n const a = document.createElement(\"a\");\n a.href = URL.createObjectURL(blob);\n a.download = filename || (key + \".gpx\");\n document.body.appendChild(a);\n a.click();\n a.remove();\n setTimeout(() => URL.revokeObjectURL(a.href), 1000);\n}<\/p>\n<p>const MAP_WAYPOINTS = [\n parseGpxPoints(GPX_OFFICIAL.day1),\n parseGpxPoints(GPX_OFFICIAL.day2),\n parseGpxPoints(GPX_OFFICIAL.day3)\n];<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n LEAFLET MAPS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction initLeafletMaps(){\n document.querySelectorAll('.leafletMap').forEach((el, idx) => {\n const pts = MAP_WAYPOINTS[idx] || [];\n const map = L.map(el, { zoomControl:true, scrollWheelZoom:false });\n L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n maxZoom:18,\n attribution:'© OpenStreetMap contributors'\n }).addTo(map);\n if(pts.length > 1){\n const line = L.polyline(pts, { weight:5, opacity:.95, color:'#ff4b6e' }).addTo(map);\n map.fitBounds(line.getBounds(), { padding:[18,18], maxZoom:11 });\n L.circleMarker(pts[0], { radius:6, color:'#1a7f4b', fillColor:'#1a7f4b', fillOpacity:1 }).addTo(map);\n L.circleMarker(pts[pts.length - 1], { radius:6, color:'#e53f62', fillColor:'#e53f62', fillOpacity:1 }).addTo(map);\n } else {\n map.setView([45.77,3.09], 8);\n }\n el._leaflet = map;\n });\n}<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n TABS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction wireTabs(){\n const tabs = Array.from(document.querySelectorAll('.tab[data-day]'));\n const days = Array.from(document.querySelectorAll('.day[data-day]'));\n function activate(day){\n tabs.forEach(t => t.classList.toggle('active', t.dataset.day === day));\n days.forEach(d => d.classList.toggle('active', d.dataset.day === day));\n const active = document.querySelector('.day[data-day=\"' + day + '\"]');\n if(active){\n active.querySelectorAll('.leafletMap').forEach(m => {\n if(m._leaflet) setTimeout(() => m._leaflet.invalidateSize(true), 50);\n });\n }\n }\n tabs.forEach(t => t.addEventListener('click', () => activate(t.dataset.day)));\n activate('d1');\n}<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n WIKIMEDIA IMAGES\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n(function(){\n const API = \"https:\/\/commons.wikimedia.org\/w\/api.php\";\n let cbId = 0;\n function jsonp(params){\n return new Promise((resolve,reject) => {\n const callback = \"__wmc_cb_\" + (cbId++);\n params.callback = callback;\n const qs = Object.keys(params).map(k => encodeURIComponent(k)+\"=\"+encodeURIComponent(params[k])).join(\"&\");\n const s = document.createElement(\"script\");\n s.src = API + \"?\" + qs;\n window[callback] = data => { cleanup(); resolve(data); };\n function cleanup(){\n try { delete window[callback]; } catch(e) { window[callback]=undefined; }\n s.remove();\n }\n s.onerror = () => { cleanup(); reject(new Error(\"jsonp_error\")); };\n document.head.appendChild(s);\n });\n }\n async function imageBySearch(q){\n try {\n const data = await jsonp({action:\"query\",list:\"search\",srnamespace:\"6\",srlimit:\"1\",srsearch:q,format:\"json\",origin:\"*\"});\n const title = data?.query?.search?.[0]?.title;\n if(!title) return null;\n const data2 = await jsonp({action:\"query\",prop:\"imageinfo\",titles:title,iiprop:\"url\",iiurlwidth:\"1200\",format:\"json\",origin:\"*\"});\n const pages = data2?.query?.pages || {};\n const first = pages[Object.keys(pages)[0]];\n return first?.imageinfo?.[0]?.thumburl || first?.imageinfo?.[0]?.url || null;\n } catch(e){ return null; }\n }\n async function hydrateImages(){\n for(const img of document.querySelectorAll('img[data-wiki-q]')){\n const url = await imageBySearch(img.getAttribute('data-wiki-q'));\n if(url) img.src = url;\n }\n }\n window.addEventListener('DOMContentLoaded', hydrateImages);\n})();<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n INIT\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nwindow.addEventListener('DOMContentLoaded', () => {\n initLeafletMaps();\n wireTabs();\n});\n<\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n<\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"animation\":\"slide-top-medium\",\"animation_delay\":\"100\",\"image_position\":\"center-center\",\"style\":\"muted\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"props\":{\"layout\":\"1-2,1-2\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"\n\n<p>WMC Grande Evasion #03\u00a0<\/p>\n\n\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"title_element\":\"h1\",\"title_style\":\"heading-large\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\n\n<p data-start=\\\"264\\\" data-end=\\\"330\\\"><strong data-start=\\\"264\\\" data-end=\\\"330\\\">\u2014 PROGRAMME MAI 2026<\/strong><\/p>\n\n\\n\n\n<p><strong>\u00a03 jours en AUVERGNE au d\u00e9part de Clermont-FERRAND (boucle ~300 km)\u00a0<\/strong><\/p>\n\n\\n\n\n\n\n\",\"margin_bottom\":\"default\",\"margin_top\":\"default\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"video\",\"props\":{\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"video\":\"wp-content\/uploads\/2026\/02\/grande_evasion.mp4\",\"video_autoplay\":true,\"video_controls\":false,\"video_loading\":\"lazy\",\"video_loop\":true,\"video_muted\":true,\"video_playsinline\":true}}]}]}]},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"\n\n<div><span class=\\\"xdmh292 x15dsfln x193iq5w xeuugli x13faqbe x1vvkbs xt0psk2 xzsf02u xlh3980 xvmahel x1x9mg3 xo1l8bm\\\"><span class=\\\"html-span xdj266r x14z9mp xat24cr x1lziwak xexx8yu xyri2b x18d9i69 x1c1uobl x1hl2dhg x16tdsg8 x1vvkbs\\\"><strong class=\\\"html-strong xdj266r x14z9mp xat24cr x1lziwak xexx8yu xyri2b x18d9i69 x1c1uobl x1hl2dhg x16tdsg8 x1vvkbs x1s688f\\\">WMC \u2013 Grande \u00c9vasion #03\u00a0 Clermont-Ferrand <span class=\\\"html-span xexx8yu xyri2b x18d9i69 x1c1uobl x1hl2dhg x16tdsg8 x1vvkbs x3nfvp2 x1j61x8r x1fcty0u xdj266r xat24cr xm2jcoa x1mpyi22 xxymvpz xlup9mm x1kky2od\\\"><img height=\\\"16\\\" width=\\\"16\\\" class=\\\"xz74otr x15mokao x1ga7v0g x16uus16 xbiv7yw\\\" alt=\\\"\u27a1\ufe0f\\\" referrerpolicy=\\\"origin-when-cross-origin\\\" src=\\\"https:\/\/static.xx.fbcdn.net\/images\/emoji.php\/v9\/t9e\/1\/16\/27a1.png\\\" \/><\/span><span> Issoire <\/span><span>\u00a0<\/span><span class=\\\"html-span xexx8yu xyri2b x18d9i69 x1c1uobl x1hl2dhg x16tdsg8 x1vvkbs x3nfvp2 x1j61x8r x1fcty0u xdj266r xat24cr xm2jcoa x1mpyi22 xxymvpz xlup9mm x1kky2od\\\"><img height=\\\"16\\\" width=\\\"16\\\" class=\\\"xz74otr x15mokao x1ga7v0g x16uus16 xbiv7yw\\\" alt=\\\"\u27a1\ufe0f\\\" referrerpolicy=\\\"origin-when-cross-origin\\\" src=\\\"https:\/\/static.xx.fbcdn.net\/images\/emoji.php\/v9\/t9e\/1\/16\/27a1.png\\\" \/><\/span><span> Thiers <span class=\\\"html-span xexx8yu xyri2b x18d9i69 x1c1uobl x1hl2dhg x16tdsg8 x1vvkbs x3nfvp2 x1j61x8r x1fcty0u xdj266r xat24cr xm2jcoa x1mpyi22 xxymvpz xlup9mm x1kky2od\\\"><img height=\\\"16\\\" width=\\\"16\\\" class=\\\"xz74otr x15mokao x1ga7v0g x16uus16 xbiv7yw\\\" alt=\\\"\u27a1\ufe0f\\\" referrerpolicy=\\\"origin-when-cross-origin\\\" src=\\\"https:\/\/static.xx.fbcdn.net\/images\/emoji.php\/v9\/t9e\/1\/16\/27a1.png\\\" \/> Clermont-Ferrand<\/span><\/span><\/strong><\/span><\/span><\/div>\n\n\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"text_align\":\"center\",\"title_element\":\"h1\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\n\n<div class=\\\"html-div xdj266r x14z9mp xat24cr x1lziwak xexx8yu xyri2b x18d9i69 x1c1uobl\\\" tabindex=\\\"-1\\\">\\n\n\n<div class=\\\"html-div xdj266r x14z9mp x1lziwak xexx8yu xyri2b x18d9i69 x1c1uobl x1e56ztr\\\"><span class=\\\"xdmh292 x15dsfln x193iq5w xeuugli x13faqbe x1vvkbs xt0psk2 xzsf02u xlh3980 xvmahel x1x9mg3 xo1l8bm\\\"> <span class=\\\"html-span xdj266r x14z9mp xat24cr x1lziwak xexx8yu xyri2b x18d9i69 x1c1uobl x1hl2dhg x16tdsg8 x1vvkbs\\\"> <strong class=\\\"html-strong xdj266r x14z9mp xat24cr x1lziwak xexx8yu xyri2b x18d9i69 x1c1uobl x1hl2dhg x16tdsg8 x1vvkbs x1s688f\\\">WMC<span> <\/span><\/strong> <\/span> vous emm\u00e8ne du 8 au 10 mai 2026 pour une boucle exceptionnelle au d\u00e9part de Clermont-Ferrand \u00e0 travers l\u2019Auvergne, entre volcans, vall\u00e9es, lacs et routes panoramiques\u00a0<\/span><\/div>\n\n\\n<\/div>\n\n\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"text_align\":\"center\"}}]}]},{\"type\":\"row\",\"props\":{\"layout\":\"1-2,1-2\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"vertical_align\":\"middle\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\n\n<h2>\ud83c\udfaf Le concept<\/h2>\n\n\\n\n\n<p>Ride longue distance sur <strong>3 jours \/ 2 nuits (~300 km)<\/strong>. <br \/>Itin\u00e9raire pens\u00e9 <strong>\u201cplaisir\u201d<\/strong> : routes fluides, paysages volcaniques, passages autour de lacs. <br \/>Pauses r\u00e9guli\u00e8res pr\u00e9vues pour <strong>recharger + d\u00e9jeuner<\/strong>. <br \/>Ambiance club : on roule ensemble, entraide, bonne humeur et <strong>soir\u00e9es sur place<\/strong>. <br \/>Boucle compl\u00e8te : <strong>d\u00e9part et retour \u00e0 Clermont-Ferrand<\/strong>.<\/p>\n\n\\n\n\n<h2>\u26a1 Pr\u00e9-requis mat\u00e9riel<\/h2>\n\n\\n\n\n<ul>\\n\n\n<li><strong>Minimum batterie :<\/strong> 2400 Wh<\/li>\n\n\\n\n\n<li>\u00c9clairage + \u00e9quipement adapt\u00e9s \u00e0 un long ride<\/li>\n\n\\n\n\n<li>Chargeur recommand\u00e9 (partage \u00e0 pr\u00e9voir)<\/li>\n\n\\n<\/ul>\n\n\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"text_style\":\"lead\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"vertical_align\":\"middle\",\"width_medium\":\"1-2\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\n\n<h2>\u23f1\ufe0f Timing<\/h2>\n\n\\n\n\n<p><strong>D\u00e9part :<\/strong> 10h30 \u2014 Parvis de la gare de Clermont-Ferrand <br \/>Le point de regroupement pr\u00e9cis sera communiqu\u00e9 la veille. <br \/>Les infos compl\u00e8tes (trace, consignes, horaires) seront envoy\u00e9es <strong>1 semaine avant<\/strong>.<\/p>\n\n\\n\n\n<h2>\ud83c\udfe8 Organisation nuit<\/h2>\n\n\\n\n\n<p>H\u00f4tels <strong>ibis budget<\/strong> propos\u00e9s \u00e0 Issoire et Thiers (liens dans l\u2019inscription). <br \/>L\u2019\u00e9quipe WMC s\u00e9journera dans ces h\u00f4tels \u2014 vous pouvez r\u00e9server avec nous ou choisir <strong>h\u00f4tel \/ Airbnb \/ bivouac<\/strong> \ud83d\ude09<\/p>\n\n\\n\n\n<h2>\ud83d\udee1\ufe0f S\u00e9curit\u00e9<\/h2>\n\n\\n\n\n<p><strong>Casque + gants + \u00e9clairage avant\/arri\u00e8re indispensables.<\/strong><\/p>\n\n\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"text_style\":\"lead\"}}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\n\n<h2><\/h2>\n\n\\n\n\n\n\n\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"text_align\":\"center\",\"text_style\":\"lead\"}}]}]}],\"name\":\"ok\"},{\"type\":\"section\",\"props\":{\"animation\":\"slide-right-small\",\"animation_delay\":\"150\",\"image\":\"wp-content\/uploads\/2026\/02\/grande_evasion.jpg\",\"image_loading\":true,\"image_position\":\"center-center\",\"image_size\":\"cover\",\"media_overlay\":\"rgba(255, 255, 255, 0.86)\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"headline\",\"props\":{\"content\":\"08\/09\/10\u00a0 Mai 2026\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"text_align\":\"center\",\"title_element\":\"h1\"}}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"\\n<!DOCTYPE html>\\n<html lang=\\\"fr\\\">\\n<head>\\n<meta charset=\\\"utf-8\\\"\/>\\n<meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1\\\"\/>\\n<title>WMC \u2014 Boucle Clermont (3 jours)<\/title>\\n<link rel=\\\"stylesheet\\\" href=\\\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\\\" crossorigin=\\\"\\\"\/>\\n\n\n<style>\\n:root{\\n --bg:#fff; --fg:#0b0c0f; --muted:#5d6472; --line:#e7e9ee;\\n --card:#ffffff; --shadow:0 10px 30px rgba(18,23,32,.06);\\n --radius:22px; --radius-sm:14px; --accent:#ff4b6e; --accent-dark:#e53f62; --soft:#fff1f4;\\n}\\n*{box-sizing:border-box}\\nhtml,body{margin:0;padding:0;background:var(--bg);color:var(--fg);overflow-x:hidden;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}\\na{color:inherit}\\n\\n\/* \u2500\u2500 CONTAINER \u2500\u2500 *\/\\n.container{\\n max-width:1240px;\\n width:min(1240px, calc(100% - 40px));\\n margin:0 auto;\\n padding:0 20px;\\n}\\n\\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\\n.hero{padding:40px 0 18px}\\n.hero h1{margin:0 0 10px;font-size:42px;line-height:1.02}\\n.hero p{margin:0;color:var(--muted);max-width:78ch;line-height:1.6}\\n\\n\/* \u2500\u2500 GRID \u2500\u2500 *\/\\n.grid{\\n display:grid;\\n grid-template-columns:repeat(12,1fr);\\n gap:18px;\\n padding:16px 0 60px;\\n \/* FIX: emp\u00eache les enfants de d\u00e9border *\/\\n overflow:hidden;\\n width:100%;\\n}\\n\\n\/* \u2500\u2500 CARD \u2500\u2500 *\/\\n.card{\\n grid-column:span 12;\\n background:var(--card);\\n border:1px solid var(--line);\\n border-radius:var(--radius);\\n box-shadow:var(--shadow);\\n overflow:hidden;\\n \/* FIX layout *\/\\n min-width:0;\\n max-width:100%;\\n width:100%;\\n}\\n\\n\/* \u2500\u2500 RIDE BANNER \u2500\u2500 *\/\\n.rideBanner{\\n grid-column:span 12;\\n display:grid;\\n grid-template-columns:minmax(0,1fr) auto;\\n align-items:center;\\n gap:16px;\\n padding:20px 22px;\\n border:1px solid var(--line);\\n border-radius:var(--radius);\\n background:linear-gradient(180deg,#fff 0%,#fafbff 100%);\\n \/* FIX layout *\/\\n min-width:0;\\n max-width:100%;\\n width:100%;\\n}\\n.rideBanner > div{min-width:0}\\n.rideBanner .actionsInline{display:flex;flex-wrap:wrap;gap:14px;align-items:center}\\n.rideBanner b{display:block;font-size:28px;line-height:1.12;margin-bottom:6px}\\n.rideBanner .sub{color:var(--muted);font-size:15px;line-height:1.5;max-width:70ch}\\n\\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\\n.ctaRegister{\\n display:inline-flex;align-items:center;justify-content:center;gap:10px;\\n min-height:58px;padding:0 26px;text-decoration:none;\\n background:var(--accent);color:#fff;border:0;border-radius:18px;\\n font-weight:900;font-size:18px;letter-spacing:-.01em;\\n box-shadow:0 12px 28px rgba(255,75,110,.24);white-space:nowrap;cursor:pointer;\\n}\\n.ctaRegister:hover{background:var(--accent-dark)}\\n.ctaRegister.mini{min-height:60px;padding:0 24px;font-size:17px;flex:0 0 auto}\\n\\n\/* \u2500\u2500 SECTION TITLE \u2500\u2500 *\/\\n.sectionTitle{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:24px}\\n.sectionTitle h2{margin:0;font-size:22px}\\n.sectionTitle .meta{color:var(--muted);font-size:13px}\\n\\n\/* \u2500\u2500 CARD HEADER \u2500\u2500 *\/\\n.cardHeader{display:grid;grid-template-columns:1.1fr .9fr}\\n.heroImg{position:relative;height:340px;background:#f4f6fb}\\n.heroImg img{width:100%;height:100%;display:block;object-fit:cover}\\n.badges{position:absolute;left:14px;top:14px;display:flex;flex-wrap:wrap;gap:8px}\\n.badge{\\n background:#fff;border:1px solid #ffd4de;padding:7px 10px;\\n border-radius:999px;font-size:12px;font-weight:800;color:#a63e58;\\n box-shadow:0 10px 24px rgba(18,23,32,.08)\\n}\\n.heroSide{\\n padding:20px 22px;display:flex;flex-direction:column;gap:14px;\\n border-left:1px solid var(--line);\\n background:linear-gradient(180deg,#ffffff,#fbfcff);min-width:0\\n}\\n.titleRow{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}\\n.titleRow h3{margin:0;max-width:none;flex:1;line-height:1.15}\\n.heroSide h3{margin:0;font-size:24px}\\n.heroSide p{margin:0;color:var(--muted);line-height:1.6}\\n\\n\/* \u2500\u2500 KPI \u2500\u2500 *\/\\n.kpi{display:flex;flex-wrap:wrap;gap:10px}\\n.k{border:1px solid #ffd4de;border-radius:999px;padding:8px 10px;font-size:12px;color:#8a4b5a;background:var(--soft)}\\n\\n\/* \u2500\u2500 CARD BODY \u2500\u2500 *\/\\n.cardBodyMain{padding:0 18px 18px;display:flex;flex-direction:column;gap:12px}\\n\\n\/* \u2500\u2500 PROGRAM TEASER \u2500\u2500 *\/\\n.programTeaser{\\n padding:12px;border:1px solid var(--line);border-radius:14px;\\n background:linear-gradient(180deg,#fff,#fbfcff)\\n}\\n.programTeaser b{display:block;margin-bottom:6px}\\n.route{display:flex;flex-wrap:wrap;gap:6px;align-items:center}\\n.route .pill{\\n display:inline-flex;align-items:center;gap:6px;padding:6px 10px;\\n border:1px solid #ffd4de;border-radius:999px;background:#fff;font-size:13px;color:#8a4b5a\\n}\\n.route .arrow{color:var(--muted);font-size:14px}\\n\\n\/* \u2500\u2500 ACTIONS \u2500\u2500 *\/\\n.actions{display:flex;flex-wrap:wrap;gap:10px}\\n.btn{\\n display:inline-flex;align-items:center;justify-content:center;\\n min-height:56px;padding:0 22px;border:1px solid #d8dce6;border-radius:18px;\\n background:#fff;cursor:pointer;font-weight:800;font-size:16px;color:#0b0c0f;\\n text-decoration:none;white-space:nowrap\\n}\\n.btn.primary{background:#0b0c0f;color:#fff;border-color:#0b0c0f}\\n\\n\/* \u2500\u2500 PANEL \u2500\u2500 *\/\\n.panel{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}\\n.panel h4{margin:0 0 10px;font-size:14px}\\n.muted{color:var(--muted);font-size:13px;line-height:1.6}\\n.list{margin:0;padding-left:18px;color:var(--muted);line-height:1.65}\\n.hr{height:1px;background:var(--line);margin:14px 0}\\n\\n\/* \u2500\u2500 TIMELINE \u2500\u2500 *\/\\n.timelineSplit{padding:0 18px 18px}\\n.dayTabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:2px 0 14px}\\n.tab{border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:#fff;cursor:pointer;font-weight:800;font-size:13px;color:var(--muted)}\\n.tab.active{background:#111827;color:#fff;border-color:#111827}\\n.day{display:none}\\n.day.active{display:block}\\n.dayHeaderBar{\\n display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;\\n gap:10px;margin:4px 0 12px;padding:10px 12px;\\n background:linear-gradient(180deg,rgba(59,130,246,.06),rgba(16,185,129,.04));\\n border:1px solid rgba(0,0,0,.06);border-radius:14px\\n}\\n.dayHeaderBar .meta{display:flex;flex-wrap:wrap;gap:10px}\\n.dayHeaderBar .meta span{\\n background:#fff;border:1px solid rgba(0,0,0,.08);\\n padding:6px 10px;border-radius:999px;font-size:12px\\n}\\n.timelineBody{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}\\n\\n\/* \u2500\u2500 MAP \u2500\u2500 *\/\\n.leafletMap{\\n height:400px;width:100%;border-radius:16px;overflow:hidden;\\n border:1px solid rgba(0,0,0,.06);background:#f3f4f6\\n}\\n\\n\/* \u2500\u2500 CAROUSEL \u2500\u2500 *\/\\n.carousel{display:flex;gap:10px;overflow:auto;padding-bottom:6px;scroll-snap-type:x mandatory}\\n.thumb{flex:0 0 180px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#f4f6fb;scroll-snap-align:start}\\n.thumb img{width:100%;height:120px;object-fit:cover;display:block}\\n.thumb .cap{padding:8px 10px;font-size:12px;color:var(--muted)}\\n\\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\\n.footer{padding:20px 0 56px;color:var(--muted);font-size:13px}\\n.small{font-size:12px;color:var(--muted)}\\n\\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\\n@media(max-width:980px){\\n .cardHeader{grid-template-columns:1fr}\\n .heroSide{border-left:none;border-top:1px solid var(--line)}\\n .timelineBody{grid-template-columns:1fr}\\n}\\n@media(max-width:700px){\\n .container{width:calc(100% - 24px);padding:0 12px}\\n .hero h1{font-size:30px}\\n .heroImg{height:250px}\\n .leafletMap{height:280px}\\n .rideBanner{grid-template-columns:1fr;align-items:stretch}\\n .actionsInline{width:100%}\\n .actionsInline .ctaRegister,.actionsInline .btn{flex:1 1 auto;justify-content:center}\\n}\\n<\/style>\n\n\\n<\/head>\\n<body>\\n<main class=\\\"container\\\">\\n\\n <!-- HERO -->\\n <\/p>\n<section class=\\\"hero\\\">\\n <\/p>\n<h1>WMC GRANDE EVASION #03 Auvergne<\/h1>\n<p>\\n <\/section>\n<p>\\n\\n <!-- SECTION TITLE -->\\n <\/p>\n<div class=\\\"sectionTitle\\\">\\n <\/p>\n<h2>Grande \u00c9vasion \u2022 Clermont \u2194 volcans \u2194 Livradois \u2194 Clermont<\/h2>\n<p>\\n <\/p>\n<div class=\\\"meta\\\">3 jours \u2022 ~298 km \u2022 2 nuits \u2022 trac\u00e9s GeoVelo int\u00e9gr\u00e9s<\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <\/p>\n<section class=\\\"grid\\\">\\n\\n <!-- RIDE BANNER -->\\n <\/p>\n<div class=\\\"rideBanner\\\">\\n <\/p>\n<div>\\n <b>Ride \u2014 Clermont en boucle (3 jours \/ 2 nuits)<\/b>\\n <\/p>\n<div class=\\\"sub\\\">Jour 1 volcanique et patrimoine \u2022 Jour 2 Livradois\u2011Forez \u2022 Jour 3 retour par Billom et Gergovie.<\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p>\n<div class=\\\"actionsInline\\\">\\n <a class=\\\"ctaRegister\\\" href=\\\"https:\/\/wmc.paris\/index.php\/2026\/04\/13\/inscription_wmc_ge3\/\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\">Inscription<\/a>\\n <a class=\\\"btn\\\" href=\\\"#programme\\\">Voir le programme<\/a>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <!-- MAIN CARD -->\\n <\/p>\n<article class=\\\"card\\\" id=\\\"programme\\\">\\n\\n <!-- CARD HEADER -->\\n <\/p>\n<div class=\\\"cardHeader\\\">\\n <\/p>\n<div class=\\\"heroImg\\\">\\n <img alt=\\\"Puy de D\u00f4me et cha\u00eene des Puys\\\" data-wiki-q=\\\"Puy de Dome panorama Auvergne\\\" loading=\\\"lazy\\\" referrerpolicy=\\\"no-referrer\\\" src=\\\"https:\/\/commons.wikimedia.org\/wiki\/Special:FilePath\/Puy_de_D%C3%B4me_depuis_Pariou.jpg?width=1600\\\"\/>\\n <\/p>\n<div class=\\\"badges\\\">\\n <span class=\\\"badge\\\">Ride (3 jours)<\/span>\\n <span class=\\\"badge\\\">~298 km<\/span>\\n <span class=\\\"badge\\\">Auvergne<\/span>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p>\n<div class=\\\"heroSide\\\">\\n <\/p>\n<div class=\\\"titleRow\\\">\\n <\/p>\n<h3>Grande \u00c9vasion 03 \u2014 Clermont \/ Volcans \/ Livradois<\/h3>\n<p>\\n <a class=\\\"ctaRegister mini\\\" href=\\\"https:\/\/wmc.paris\/index.php\/2026\/04\/13\/inscription_wmc_ge3\/\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\">Inscription<\/a>\\n <\/div>\n<p>\\n <\/p>\n<p>Une vraie boucle WMC autour de Clermont\u2011Ferrand, avec passages volcaniques, villages perch\u00e9s, routes du Livradois\u2011Forez et retour par le plateau de Gergovie. Les cartes ci\u2011dessous utilisent tes 3 GPX GeoVelo directement pour afficher les trac\u00e9s valid\u00e9s.<\/p>\n<p>\\n <\/p>\n<div class=\\\"kpi\\\">\\n <\/p>\n<div class=\\\"k\\\"><b>Jour 1<\/b> 121 km<\/div>\n<p>\\n <\/p>\n<div class=\\\"k\\\"><b>Jour 2<\/b> 94 km<\/div>\n<p>\\n <\/p>\n<div class=\\\"k\\\"><b>Jour 3<\/b> 82,9 km<\/div>\n<p>\\n <\/p>\n<div class=\\\"k\\\"><b>Recharge<\/b> 1 pause principale \/ jour<\/div>\n<p>\\n <\/p>\n<div class=\\\"k\\\"><b>H\u00f4tels<\/b> Issoire + Thiers<\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p>\n<div class=\\\"programTeaser\\\">\\n <b>Programme (aper\u00e7u)<\/b>\\n <\/p>\n<div class=\\\"route\\\">\\n <span class=\\\"pill\\\">Clermont<\/span><span class=\\\"arrow\\\">\u2192<\/span>\\n <span class=\\\"pill\\\">Mont\u2011Dore<\/span><span class=\\\"arrow\\\">\u2192<\/span>\\n <span class=\\\"pill\\\">Issoire<\/span><span class=\\\"arrow\\\">\u2192<\/span>\\n <span class=\\\"pill\\\">Thiers<\/span><span class=\\\"arrow\\\">\u2192<\/span>\\n <span class=\\\"pill\\\">Gergovie<\/span><span class=\\\"arrow\\\">\u2192<\/span>\\n <span class=\\\"pill\\\">Clermont<\/span>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p>\n<div class=\\\"actions\\\">\\n <button class=\\\"btn primary\\\" onclick=\\\"document.getElementById('timeline').scrollIntoView({behavior:'smooth'})\\\">Voir les 3 jours<\/button>\\n <a class=\\\"btn\\\" href=\\\"https:\/\/wmc.paris\/index.php\/2026\/04\/13\/inscription_wmc_ge3\/\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\">Inscription<\/a>\\n <button class=\\\"btn\\\" onclick=\\\"downloadGPX('day1','JOUR_1_Clermont_Issoire.gpx')\\\">GPX Jour 1<\/button>\\n <button class=\\\"btn\\\" onclick=\\\"downloadGPX('day2','JOUR_2_Issoire_Thiers.gpx')\\\">GPX Jour 2<\/button>\\n <button class=\\\"btn\\\" onclick=\\\"downloadGPX('day3','JOUR_3_Thiers_Clermont.gpx')\\\">GPX Jour 3<\/button>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <!-- CARD BODY -->\\n <\/p>\n<div class=\\\"cardBodyMain\\\">\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<h4>Logique du trip<\/h4>\n<p>\\n <\/p>\n<ul class=\\\"list\\\">\\n <\/p>\n<li><b>Jour 1 :<\/b> grosse journ\u00e9e volcanique avec mont\u00e9e vers Orcival et Mont\u2011Dore, puis redescente par Saint\u2011Nectaire jusqu’\u00e0 Issoire.<\/li>\n<p>\\n <\/p>\n<li><b>Jour 2 :<\/b> \u00e9tape plus roulante au c\u0153ur du Livradois\u2011Forez, avec pause recharge \u00e0 Cunlhat avant l’arriv\u00e9e sur Thiers.<\/li>\n<p>\\n <\/p>\n<li><b>Jour 3 :<\/b> retour vers Clermont par Lezoux, Billom, Vic\u2011le\u2011Comte et le plateau de Gergovie.<\/li>\n<p>\\n <\/ul>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<h4>H\u00f4tels int\u00e9gr\u00e9s au parcours<\/h4>\n<p>\\n <\/p>\n<ul class=\\\"list\\\">\\n <\/p>\n<li><b>Nuit 1 \u2014 Issoire :<\/b> <a href=\\\"https:\/\/all.accor.com\/hotel\/5084\/index.fr.shtml\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\">ibis budget Issoire<\/a>.<\/li>\n<p>\\n <\/p>\n<li><b>Nuit 2 \u2014 Thiers :<\/b> <a href=\\\"https:\/\/all.accor.com\/hotel\/2724\/index.fr.shtml\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\">ibis budget Thiers<\/a>.<\/li>\n<p>\\n <\/p>\n<li><b>Recharge :<\/b> grosse charge \u00e0 l’h\u00f4tel chaque soir + pause principale \u00e0 Mont\u2011Dore, Cunlhat et Vic\u2011le\u2011Comte.<\/li>\n<p>\\n <\/ul>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <!-- TIMELINE -->\\n <\/p>\n<div class=\\\"timelineSplit\\\" id=\\\"timeline\\\">\\n <\/p>\n<div class=\\\"dayTabs\\\">\\n <button class=\\\"tab active\\\" data-day=\\\"d1\\\" type=\\\"button\\\">Jour 1<\/button>\\n <button class=\\\"tab\\\" data-day=\\\"d2\\\" type=\\\"button\\\">Jour 2<\/button>\\n <button class=\\\"tab\\\" data-day=\\\"d3\\\" type=\\\"button\\\">Jour 3<\/button>\\n <\/div>\n<p>\\n\\n <!-- JOUR 1 -->\\n <\/p>\n<div class=\\\"day active\\\" data-day=\\\"d1\\\">\\n <\/p>\n<div class=\\\"dayHeaderBar\\\">\\n <\/p>\n<div class=\\\"meta\\\">\\n <span>Clermont \u2192 Issoire<\/span>\\n <span>121 km<\/span>\\n <span>D+ 2626 m<\/span>\\n <span>Recharge : Mont\u2011Dore<\/span>\\n <span>H\u00f4tel : <a href=\\\"https:\/\/all.accor.com\/hotel\/5084\/index.fr.shtml\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\">ibis budget Issoire<\/a><\/span>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p>\n<div class=\\\"timelineBody\\\">\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<h4>\u00c9tapes cl\u00e9s<\/h4>\n<p>\\n <\/p>\n<div class=\\\"muted\\\"><b>Clermont\u2011Ferrand<\/b> \u2192 Route des Puys \/ Saint\u2011Ours \u2192 <b>Pontgibaud<\/b> \u2192 <b>Orcival<\/b> \u2192 <b>Mont\u2011Dore<\/b> \u2192 <b>Saint\u2011Nectaire<\/b> \u2192 <b>Issoire<\/b><\/div>\n<p>\\n <\/p>\n<div class=\\\"hr\\\"><\/div>\n<p>\\n <\/p>\n<h4>\u00c0 retenir<\/h4>\n<p>\\n <\/p>\n<ul class=\\\"list\\\">\\n <\/p>\n<li><b>Spot :<\/b> Orcival et sa basilique romane.<\/li>\n<p>\\n <\/p>\n<li><b>Recharge principale :<\/b> Mont\u2011Dore, id\u00e9al pour la pause midi.<\/li>\n<p>\\n <\/p>\n<li><b>Spot :<\/b> secteur Gu\u00e9ry \/ Roches Tuili\u00e8re & Sanadoire.<\/li>\n<p>\\n <\/p>\n<li><b>Spot :<\/b> Saint\u2011Nectaire avant la descente vers Issoire.<\/li>\n<p>\\n <\/p>\n<li><b>Nuit :<\/b> ibis budget Issoire.<\/li>\n<p>\\n <\/ul>\n<p>\\n <\/p>\n<div class=\\\"hr\\\"><\/div>\n<p>\\n <\/p>\n<div class=\\\"carousel\\\">\\n <\/p>\n<div class=\\\"thumb\\\"><img alt=\\\"\\\" data-wiki-q=\\\"Orcival basilique Auvergne\\\" loading=\\\"lazy\\\"\/><\/p>\n<div class=\\\"cap\\\">Orcival<\/div>\n<\/div>\n<p>\\n <\/p>\n<div class=\\\"thumb\\\"><img alt=\\\"\\\" data-wiki-q=\\\"Lac de Guery Auvergne\\\" loading=\\\"lazy\\\"\/><\/p>\n<div class=\\\"cap\\\">Lac de Gu\u00e9ry<\/div>\n<\/div>\n<p>\\n <\/p>\n<div class=\\\"thumb\\\"><img alt=\\\"\\\" data-wiki-q=\\\"Mont Dore centre ville Auvergne\\\" loading=\\\"lazy\\\"\/><\/p>\n<div class=\\\"cap\\\">Mont\u2011Dore<\/div>\n<\/div>\n<p>\\n <\/p>\n<div class=\\\"thumb\\\"><img alt=\\\"\\\" data-wiki-q=\\\"Saint Nectaire eglise Auvergne\\\" loading=\\\"lazy\\\"\/><\/p>\n<div class=\\\"cap\\\">Saint\u2011Nectaire<\/div>\n<\/div>\n<p>\\n <\/p>\n<div class=\\\"thumb\\\"><img alt=\\\"\\\" data-wiki-q=\\\"Murol chateau Auvergne\\\" loading=\\\"lazy\\\"\/><\/p>\n<div class=\\\"cap\\\">Murol \/ Chambon<\/div>\n<\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<div class=\\\"leafletMap\\\" data-map-index=\\\"0\\\"><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <!-- JOUR 2 -->\\n <\/p>\n<div class=\\\"day\\\" data-day=\\\"d2\\\">\\n <\/p>\n<div class=\\\"dayHeaderBar\\\">\\n <\/p>\n<div class=\\\"meta\\\">\\n <span>Issoire \u2192 Thiers<\/span>\\n <span>94 km<\/span>\\n <span>D+ 1869 m<\/span>\\n <span>Recharge : Cunlhat<\/span>\\n <span>H\u00f4tel : <a href=\\\"https:\/\/all.accor.com\/hotel\/2724\/index.fr.shtml\\\" target=\\\"_blank\\\" rel=\\\"noopener\\\">ibis budget Thiers<\/a><\/span>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p>\n<div class=\\\"timelineBody\\\">\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<h4>\u00c9tapes cl\u00e9s<\/h4>\n<p>\\n <\/p>\n<div class=\\\"muted\\\"><b>Issoire<\/b> \u2192 <b>Usson<\/b> \u2192 <b>Sauxillanges<\/b> \u2192 <b>Cunlhat<\/b> \u2192 <b>Olliergues<\/b> \u2192 <b>Courpi\u00e8re<\/b> \u2192 <b>Thiers<\/b><\/div>\n<p>\\n <\/p>\n<div class=\\\"hr\\\"><\/div>\n<p>\\n <\/p>\n<h4>\u00c0 retenir<\/h4>\n<p>\\n <\/p>\n<ul class=\\\"list\\\">\\n <\/p>\n<li><b>Spot :<\/b> Usson et son village perch\u00e9 avec vue.<\/li>\n<p>\\n <\/p>\n<li><b>Recharge principale :<\/b> Cunlhat au milieu de l’\u00e9tape.<\/li>\n<p>\\n <\/p>\n<li><b>Spot :<\/b> Olliergues et la vall\u00e9e de la Dore.<\/li>\n<p>\\n <\/p>\n<li><b>Arriv\u00e9e :<\/b> Thiers, vieille ville et ambiance coutellerie.<\/li>\n<p>\\n <\/p>\n<li><b>Nuit :<\/b> ibis budget Thiers.<\/li>\n<p>\\n <\/ul>\n<p>\\n <\/p>\n<div class=\\\"hr\\\"><\/div>\n<p>\\n <\/p>\n<div class=\\\"carousel\\\">\\n <\/p>\n<div class=\\\"thumb\\\"><img alt=\\\"\\\" data-wiki-q=\\\"Usson Puy de Dome village\\\" loading=\\\"lazy\\\"\/><\/p>\n<div class=\\\"cap\\\">Usson<\/div>\n<\/div>\n<p>\\n <\/p>\n<div class=\\\"thumb\\\"><img alt=\\\"\\\" data-wiki-q=\\\"Sauxillanges Auvergne village\\\" loading=\\\"lazy\\\"\/><\/p>\n<div class=\\\"cap\\\">Sauxillanges<\/div>\n<\/div>\n<p>\\n <\/p>\n<div class=\\\"thumb\\\"><img alt=\\\"\\\" data-wiki-q=\\\"Cunlhat village Auvergne\\\" loading=\\\"lazy\\\"\/><\/p>\n<div class=\\\"cap\\\">Cunlhat<\/div>\n<\/div>\n<p>\\n <\/p>\n<div class=\\\"thumb\\\"><img alt=\\\"\\\" data-wiki-q=\\\"Olliergues village Dore\\\" loading=\\\"lazy\\\"\/><\/p>\n<div class=\\\"cap\\\">Olliergues<\/div>\n<\/div>\n<p>\\n <\/p>\n<div class=\\\"thumb\\\"><img alt=\\\"\\\" data-wiki-q=\\\"Thiers vieille ville Auvergne\\\" loading=\\\"lazy\\\"\/><\/p>\n<div class=\\\"cap\\\">Thiers<\/div>\n<\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<div class=\\\"leafletMap\\\" data-map-index=\\\"1\\\"><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <!-- JOUR 3 -->\\n <\/p>\n<div class=\\\"day\\\" data-day=\\\"d3\\\">\\n <\/p>\n<div class=\\\"dayHeaderBar\\\">\\n <\/p>\n<div class=\\\"meta\\\">\\n <span>Thiers \u2192 Clermont<\/span>\\n <span>82,9 km<\/span>\\n <span>D+ 1358 m<\/span>\\n <span>Recharge : Vic\u2011le\u2011Comte<\/span>\\n <span>Arriv\u00e9e : Clermont\u2011Ferrand<\/span>\\n <\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p>\n<div class=\\\"timelineBody\\\">\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<h4>\u00c9tapes cl\u00e9s<\/h4>\n<p>\\n <\/p>\n<div class=\\\"muted\\\"><b>Thiers<\/b> \u2192 <b>Lezoux<\/b> \u2192 <b>Billom<\/b> \u2192 <b>Vic\u2011le\u2011Comte<\/b> \u2192 <b>Plateau de Gergovie<\/b> \u2192 <b>Clermont\u2011Ferrand<\/b><\/div>\n<p>\\n <\/p>\n<div class=\\\"hr\\\"><\/div>\n<p>\\n <\/p>\n<h4>\u00c0 retenir<\/h4>\n<p>\\n <\/p>\n<ul class=\\\"list\\\">\\n <\/p>\n<li><b>Spot :<\/b> Billom et sa cit\u00e9 m\u00e9di\u00e9vale.<\/li>\n<p>\\n <\/p>\n<li><b>Recharge principale :<\/b> Vic\u2011le\u2011Comte.<\/li>\n<p>\\n <\/p>\n<li><b>Spot majeur :<\/b> plateau de Gergovie avant l’entr\u00e9e sur Clermont.<\/li>\n<p>\\n <\/p>\n<li><b>Final :<\/b> retour \u00e0 Clermont\u2011Ferrand et fin de boucle.<\/li>\n<p>\\n <\/ul>\n<p>\\n <\/p>\n<div class=\\\"hr\\\"><\/div>\n<p>\\n <\/p>\n<div class=\\\"carousel\\\">\\n <\/p>\n<div class=\\\"thumb\\\"><img alt=\\\"\\\" data-wiki-q=\\\"Lezoux Auvergne\\\" loading=\\\"lazy\\\"\/><\/p>\n<div class=\\\"cap\\\">Lezoux<\/div>\n<\/div>\n<p>\\n <\/p>\n<div class=\\\"thumb\\\"><img alt=\\\"\\\" data-wiki-q=\\\"Billom medieval Auvergne\\\" loading=\\\"lazy\\\"\/><\/p>\n<div class=\\\"cap\\\">Billom<\/div>\n<\/div>\n<p>\\n <\/p>\n<div class=\\\"thumb\\\"><img alt=\\\"\\\" data-wiki-q=\\\"Vic le Comte Auvergne\\\" loading=\\\"lazy\\\"\/><\/p>\n<div class=\\\"cap\\\">Vic\u2011le\u2011Comte<\/div>\n<\/div>\n<p>\\n <\/p>\n<div class=\\\"thumb\\\"><img alt=\\\"\\\" data-wiki-q=\\\"Plateau de Gergovie panorama\\\" loading=\\\"lazy\\\"\/><\/p>\n<div class=\\\"cap\\\">Gergovie<\/div>\n<\/div>\n<p>\\n <\/p>\n<div class=\\\"thumb\\\"><img alt=\\\"\\\" data-wiki-q=\\\"Clermont Ferrand skyline\\\" loading=\\\"lazy\\\"\/><\/p>\n<div class=\\\"cap\\\">Clermont<\/div>\n<\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p>\n<div class=\\\"panel\\\">\\n <\/p>\n<div class=\\\"leafletMap\\\" data-map-index=\\\"2\\\"><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n <\/p><\/div>\n<p>\\n\\n <\/p><\/div>\n<p><!-- \/timelineSplit -->\\n\\n <\/article>\n<p>\\n <\/section>\n<p>\\n\\n <!-- FOOTER -->\\n \\n <\/div>\n<p>\\n\\n<\/main>\\n\\n<script src=\\\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\\\" crossorigin=\\\"\\\"><\/script>\\n<script>\\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n GPX DATA (tronqu\u00e9 ici pour lisibilit\u00e9 \u2014 identique \u00e0 l'original)\\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\\nconst GPX_OFFICIAL = {\\n day1: `<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<gpx xmlns=\\\"http:\/\/www.topografix.com\/GPX\/1\/1\\\" version=\\\"1.1\\\" creator=\\\"geovelo\\\">\\n <metadata><name>JOUR 1 \u2014 Clermont \u2192 Issoire<\/name><\/metadata>\\n <trk><type>cycling<\/type><trkseg>\\n <trkpt lat=\\\"45.77757\\\" lon=\\\"3.08191\\\"><\/trkpt>\\n <trkpt lat=\\\"45.790137\\\" lon=\\\"3.059394\\\"><\/trkpt>\\n <trkpt lat=\\\"45.800519\\\" lon=\\\"3.015617\\\"><\/trkpt>\\n <trkpt lat=\\\"45.815913\\\" lon=\\\"3.001443\\\"><\/trkpt>\\n <trkpt lat=\\\"45.822203\\\" lon=\\\"2.98264\\\"><\/trkpt>\\n <trkpt lat=\\\"45.818221\\\" lon=\\\"2.98773\\\"><\/trkpt>\\n <trkpt lat=\\\"45.808713\\\" lon=\\\"3.008087\\\"><\/trkpt>\\n <trkpt lat=\\\"45.793149\\\" lon=\\\"3.053062\\\"><\/trkpt>\\n <trkpt lat=\\\"45.775534\\\" lon=\\\"2.881403\\\"><\/trkpt>\\n <trkpt lat=\\\"45.762639\\\" lon=\\\"2.893356\\\"><\/trkpt>\\n <trkpt lat=\\\"45.745241\\\" lon=\\\"2.886193\\\"><\/trkpt>\\n <trkpt lat=\\\"45.725096\\\" lon=\\\"2.885243\\\"><\/trkpt>\\n <trkpt lat=\\\"45.706691\\\" lon=\\\"2.856489\\\"><\/trkpt>\\n <trkpt lat=\\\"45.690704\\\" lon=\\\"2.846877\\\"><\/trkpt>\\n <trkpt lat=\\\"45.671778\\\" lon=\\\"2.842163\\\"><\/trkpt>\\n <trkpt lat=\\\"45.649193\\\" lon=\\\"2.845207\\\"><\/trkpt>\\n <trkpt lat=\\\"45.634578\\\" lon=\\\"2.84713\\\"><\/trkpt>\\n <trkpt lat=\\\"45.617669\\\" lon=\\\"2.824638\\\"><\/trkpt>\\n <trkpt lat=\\\"45.597636\\\" lon=\\\"2.824745\\\"><\/trkpt>\\n <trkpt lat=\\\"45.580001\\\" lon=\\\"2.812184\\\"><\/trkpt>\\n <trkpt lat=\\\"45.566431\\\" lon=\\\"2.822865\\\"><\/trkpt>\\n <trkpt lat=\\\"45.559405\\\" lon=\\\"2.874228\\\"><\/trkpt>\\n <trkpt lat=\\\"45.563515\\\" lon=\\\"2.87602\\\"><\/trkpt>\\n <trkpt lat=\\\"45.573093\\\" lon=\\\"2.894548\\\"><\/trkpt>\\n <trkpt lat=\\\"45.570065\\\" lon=\\\"3.0984\\\"><\/trkpt>\\n <trkpt lat=\\\"45.566774\\\" lon=\\\"3.100036\\\"><\/trkpt>\\n <trkpt lat=\\\"45.561256\\\" lon=\\\"3.106246\\\"><\/trkpt>\\n <trkpt lat=\\\"45.554642\\\" lon=\\\"3.103775\\\"><\/trkpt>\\n <trkpt lat=\\\"45.551038\\\" lon=\\\"3.106977\\\"><\/trkpt>\\n <trkpt lat=\\\"45.549357\\\" lon=\\\"3.11465\\\"><\/trkpt>\\n <trkpt lat=\\\"45.543304\\\" lon=\\\"3.250293\\\"><\/trkpt>\\n <\/trkseg><\/trk>\\n<\/gpx>`,\\n day2: `<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<gpx xmlns=\\\"http:\/\/www.topografix.com\/GPX\/1\/1\\\" version=\\\"1.1\\\" creator=\\\"geovelo\\\">\\n <metadata><name>JOUR 2 \u2014 Issoire \u2192 Thiers<\/name><\/metadata>\\n <trk><type>cycling<\/type><trkseg>\\n <trkpt lat=\\\"45.543304\\\" lon=\\\"3.250293\\\"><\/trkpt>\\n <trkpt lat=\\\"45.546888\\\" lon=\\\"3.262135\\\"><\/trkpt>\\n <trkpt lat=\\\"45.555533\\\" lon=\\\"3.272508\\\"><\/trkpt>\\n <trkpt lat=\\\"45.560471\\\" lon=\\\"3.275733\\\"><\/trkpt>\\n <trkpt lat=\\\"45.561559\\\" lon=\\\"3.282168\\\"><\/trkpt>\\n <trkpt lat=\\\"45.558957\\\" lon=\\\"3.291174\\\"><\/trkpt>\\n <trkpt lat=\\\"45.553913\\\" lon=\\\"3.301803\\\"><\/trkpt>\\n <trkpt lat=\\\"45.543228\\\" lon=\\\"3.332511\\\"><\/trkpt>\\n <trkpt lat=\\\"45.539599\\\" lon=\\\"3.360935\\\"><\/trkpt>\\n <trkpt lat=\\\"45.546165\\\" lon=\\\"3.369274\\\"><\/trkpt>\\n <trkpt lat=\\\"45.554534\\\" lon=\\\"3.379494\\\"><\/trkpt>\\n <trkpt lat=\\\"45.558084\\\" lon=\\\"3.385507\\\"><\/trkpt>\\n <trkpt lat=\\\"45.563685\\\" lon=\\\"3.395212\\\"><\/trkpt>\\n <trkpt lat=\\\"45.568626\\\" lon=\\\"3.399403\\\"><\/trkpt>\\n <trkpt lat=\\\"45.575458\\\" lon=\\\"3.403393\\\"><\/trkpt>\\n <trkpt lat=\\\"45.581449\\\" lon=\\\"3.403501\\\"><\/trkpt>\\n <trkpt lat=\\\"45.583826\\\" lon=\\\"3.420391\\\"><\/trkpt>\\n <trkpt lat=\\\"45.583596\\\" lon=\\\"3.426041\\\"><\/trkpt>\\n <trkpt lat=\\\"45.595608\\\" lon=\\\"3.535818\\\"><\/trkpt>\\n <trkpt lat=\\\"45.596603\\\" lon=\\\"3.539254\\\"><\/trkpt>\\n <trkpt lat=\\\"45.601497\\\" lon=\\\"3.565372\\\"><\/trkpt>\\n <trkpt lat=\\\"45.615104\\\" lon=\\\"3.567004\\\"><\/trkpt>\\n <trkpt lat=\\\"45.630147\\\" lon=\\\"3.579633\\\"><\/trkpt>\\n <trkpt lat=\\\"45.637715\\\" lon=\\\"3.603145\\\"><\/trkpt>\\n <trkpt lat=\\\"45.644938\\\" lon=\\\"3.617838\\\"><\/trkpt>\\n <trkpt lat=\\\"45.649164\\\" lon=\\\"3.622876\\\"><\/trkpt>\\n <trkpt lat=\\\"45.654397\\\" lon=\\\"3.626139\\\"><\/trkpt>\\n <trkpt lat=\\\"45.665034\\\" lon=\\\"3.630942\\\"><\/trkpt>\\n <trkpt lat=\\\"45.672707\\\" lon=\\\"3.636838\\\"><\/trkpt>\\n <trkpt lat=\\\"45.684411\\\" lon=\\\"3.626406\\\"><\/trkpt>\\n <trkpt lat=\\\"45.697234\\\" lon=\\\"3.626392\\\"><\/trkpt>\\n <trkpt lat=\\\"45.706245\\\" lon=\\\"3.627177\\\"><\/trkpt>\\n <trkpt lat=\\\"45.722658\\\" lon=\\\"3.61185\\\"><\/trkpt>\\n <trkpt lat=\\\"45.733454\\\" lon=\\\"3.599644\\\"><\/trkpt>\\n <trkpt lat=\\\"45.743528\\\" lon=\\\"3.556533\\\"><\/trkpt>\\n <trkpt lat=\\\"45.749623\\\" lon=\\\"3.552628\\\"><\/trkpt>\\n <trkpt lat=\\\"45.763937\\\" lon=\\\"3.550604\\\"><\/trkpt>\\n <trkpt lat=\\\"45.773863\\\" lon=\\\"3.549853\\\"><\/trkpt>\\n <trkpt lat=\\\"45.779213\\\" lon=\\\"3.547875\\\"><\/trkpt>\\n <trkpt lat=\\\"45.788253\\\" lon=\\\"3.544556\\\"><\/trkpt>\\n <trkpt lat=\\\"45.797508\\\" lon=\\\"3.534695\\\"><\/trkpt>\\n <trkpt lat=\\\"45.810529\\\" lon=\\\"3.532441\\\"><\/trkpt>\\n <trkpt lat=\\\"45.822473\\\" lon=\\\"3.526345\\\"><\/trkpt>\\n <trkpt lat=\\\"45.829336\\\" lon=\\\"3.529886\\\"><\/trkpt>\\n <trkpt lat=\\\"45.837892\\\" lon=\\\"3.533472\\\"><\/trkpt>\\n <trkpt lat=\\\"45.844027\\\" lon=\\\"3.533484\\\"><\/trkpt>\\n <trkpt lat=\\\"45.851272\\\" lon=\\\"3.538288\\\"><\/trkpt>\\n <trkpt lat=\\\"45.855494\\\" lon=\\\"3.548655\\\"><\/trkpt>\\n <\/trkseg><\/trk>\\n<\/gpx>`,\\n day3: `<?xml version=\\\"1.0\\\" encoding=\\\"UTF-8\\\"?>\\n<gpx xmlns=\\\"http:\/\/www.topografix.com\/GPX\/1\/1\\\" version=\\\"1.1\\\" creator=\\\"geovelo\\\">\\n <metadata><name>JOUR 3 \u2014 Thiers \u2192 Clermont<\/name><\/metadata>\\n <trk><type>cycling<\/type><trkseg>\\n <trkpt lat=\\\"45.855494\\\" lon=\\\"3.548655\\\"><\/trkpt>\\n <trkpt lat=\\\"45.844327\\\" lon=\\\"3.53063\\\"><\/trkpt>\\n <trkpt lat=\\\"45.835148\\\" lon=\\\"3.477588\\\"><\/trkpt>\\n <trkpt lat=\\\"45.834492\\\" lon=\\\"3.461009\\\"><\/trkpt>\\n <trkpt lat=\\\"45.827171\\\" lon=\\\"3.460363\\\"><\/trkpt>\\n <trkpt lat=\\\"45.821895\\\" lon=\\\"3.460228\\\"><\/trkpt>\\n <trkpt lat=\\\"45.820212\\\" lon=\\\"3.458212\\\"><\/trkpt>\\n <trkpt lat=\\\"45.818422\\\" lon=\\\"3.419019\\\"><\/trkpt>\\n <trkpt lat=\\\"45.819077\\\" lon=\\\"3.407943\\\"><\/trkpt>\\n <trkpt lat=\\\"45.818149\\\" lon=\\\"3.400728\\\"><\/trkpt>\\n <trkpt lat=\\\"45.819492\\\" lon=\\\"3.392631\\\"><\/trkpt>\\n <trkpt lat=\\\"45.824815\\\" lon=\\\"3.387633\\\"><\/trkpt>\\n <trkpt lat=\\\"45.826040\\\" lon=\\\"3.385234\\\"><\/trkpt>\\n <trkpt lat=\\\"45.820196\\\" lon=\\\"3.430452\\\"><\/trkpt>\\n <trkpt lat=\\\"45.819496\\\" lon=\\\"3.428095\\\"><\/trkpt>\\n <trkpt lat=\\\"45.818411\\\" lon=\\\"3.422557\\\"><\/trkpt>\\n <trkpt lat=\\\"45.810401\\\" lon=\\\"3.386533\\\"><\/trkpt>\\n <trkpt lat=\\\"45.803676\\\" lon=\\\"3.390636\\\"><\/trkpt>\\n <trkpt lat=\\\"45.797291\\\" lon=\\\"3.391886\\\"><\/trkpt>\\n <trkpt lat=\\\"45.784816\\\" lon=\\\"3.394438\\\"><\/trkpt>\\n <trkpt lat=\\\"45.765542\\\" lon=\\\"3.400225\\\"><\/trkpt>\\n <trkpt lat=\\\"45.759742\\\" lon=\\\"3.388003\\\"><\/trkpt>\\n <trkpt lat=\\\"45.751352\\\" lon=\\\"3.388083\\\"><\/trkpt>\\n <trkpt lat=\\\"45.739415\\\" lon=\\\"3.381399\\\"><\/trkpt>\\n <trkpt lat=\\\"45.737923\\\" lon=\\\"3.369494\\\"><\/trkpt>\\n <trkpt lat=\\\"45.729944\\\" lon=\\\"3.357238\\\"><\/trkpt>\\n <trkpt lat=\\\"45.723529\\\" lon=\\\"3.34549\\\"><\/trkpt>\\n <trkpt lat=\\\"45.714285\\\" lon=\\\"3.119698\\\"><\/trkpt>\\n <trkpt lat=\\\"45.716260\\\" lon=\\\"3.107126\\\"><\/trkpt>\\n <trkpt lat=\\\"45.717041\\\" lon=\\\"3.106152\\\"><\/trkpt>\\n <trkpt lat=\\\"45.715359\\\" lon=\\\"3.110897\\\"><\/trkpt>\\n <trkpt lat=\\\"45.714559\\\" lon=\\\"3.113846\\\"><\/trkpt>\\n <trkpt lat=\\\"45.712556\\\" lon=\\\"3.126266\\\"><\/trkpt>\\n <trkpt lat=\\\"45.706571\\\" lon=\\\"3.621721\\\"><\/trkpt>\\n <trkpt lat=\\\"45.700946\\\" lon=\\\"3.334556\\\"><\/trkpt>\\n <trkpt lat=\\\"45.693451\\\" lon=\\\"3.325558\\\"><\/trkpt>\\n <trkpt lat=\\\"45.684132\\\" lon=\\\"3.186219\\\"><\/trkpt>\\n <trkpt lat=\\\"45.680356\\\" lon=\\\"3.194874\\\"><\/trkpt>\\n <trkpt lat=\\\"45.669643\\\" lon=\\\"3.203391\\\"><\/trkpt>\\n <trkpt lat=\\\"45.664177\\\" lon=\\\"3.1997\\\"><\/trkpt>\\n <trkpt lat=\\\"45.662037\\\" lon=\\\"3.2064\\\"><\/trkpt>\\n <trkpt lat=\\\"45.661175\\\" lon=\\\"3.20795\\\"><\/trkpt>\\n <trkpt lat=\\\"45.660757\\\" lon=\\\"3.211105\\\"><\/trkpt>\\n <trkpt lat=\\\"45.663814\\\" lon=\\\"3.312113\\\"><\/trkpt>\\n <trkpt lat=\\\"45.675695\\\" lon=\\\"3.312847\\\"><\/trkpt>\\n <trkpt lat=\\\"45.686891\\\" lon=\\\"3.321567\\\"><\/trkpt>\\n <trkpt lat=\\\"45.700946\\\" lon=\\\"3.334556\\\"><\/trkpt>\\n <trkpt lat=\\\"45.741167\\\" lon=\\\"3.103807\\\"><\/trkpt>\\n <trkpt lat=\\\"45.750458\\\" lon=\\\"3.088971\\\"><\/trkpt>\\n <trkpt lat=\\\"45.762882\\\" lon=\\\"3.084842\\\"><\/trkpt>\\n <trkpt lat=\\\"45.770747\\\" lon=\\\"3.083328\\\"><\/trkpt>\\n <trkpt lat=\\\"45.77757\\\" lon=\\\"3.08191\\\"><\/trkpt>\\n <\/trkseg><\/trk>\\n<\/gpx>`\\n};\\n\\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n PARSE GPX\\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\\nfunction parseGpxPoints(gpxText){\\n try {\\n const xml = new DOMParser().parseFromString(gpxText, \\\"text\/xml\\\");\\n return Array.from(xml.getElementsByTagName(\\\"trkpt\\\"))\\n .map(n => [parseFloat(n.getAttribute(\\\"lat\\\")), parseFloat(n.getAttribute(\\\"lon\\\"))])\\n .filter(p => Number.isFinite(p[0]) && Number.isFinite(p[1]));\\n } catch(e) { return []; }\\n}\\n\\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n DOWNLOAD GPX\\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\\nfunction downloadGPX(key, filename){\\n const g = GPX_OFFICIAL[key];\\n if(!g) return;\\n const blob = new Blob([g], {type:\\\"application\/gpx+xml\\\"});\\n const a = document.createElement(\\\"a\\\");\\n a.href = URL.createObjectURL(blob);\\n a.download = filename || (key + \\\".gpx\\\");\\n document.body.appendChild(a);\\n a.click();\\n a.remove();\\n setTimeout(() => URL.revokeObjectURL(a.href), 1000);\\n}\\n\\nconst MAP_WAYPOINTS = [\\n parseGpxPoints(GPX_OFFICIAL.day1),\\n parseGpxPoints(GPX_OFFICIAL.day2),\\n parseGpxPoints(GPX_OFFICIAL.day3)\\n];\\n\\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n LEAFLET MAPS\\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\\nfunction initLeafletMaps(){\\n document.querySelectorAll('.leafletMap').forEach((el, idx) => {\\n const pts = MAP_WAYPOINTS[idx] || [];\\n const map = L.map(el, { zoomControl:true, scrollWheelZoom:false });\\n L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\\n maxZoom:18,\\n attribution:'© OpenStreetMap contributors'\\n }).addTo(map);\\n if(pts.length > 1){\\n const line = L.polyline(pts, { weight:5, opacity:.95, color:'#ff4b6e' }).addTo(map);\\n map.fitBounds(line.getBounds(), { padding:[18,18], maxZoom:11 });\\n L.circleMarker(pts[0], { radius:6, color:'#1a7f4b', fillColor:'#1a7f4b', fillOpacity:1 }).addTo(map);\\n L.circleMarker(pts[pts.length - 1], { radius:6, color:'#e53f62', fillColor:'#e53f62', fillOpacity:1 }).addTo(map);\\n } else {\\n map.setView([45.77,3.09], 8);\\n }\\n el._leaflet = map;\\n });\\n}\\n\\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n TABS\\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\\nfunction wireTabs(){\\n const tabs = Array.from(document.querySelectorAll('.tab[data-day]'));\\n const days = Array.from(document.querySelectorAll('.day[data-day]'));\\n function activate(day){\\n tabs.forEach(t => t.classList.toggle('active', t.dataset.day === day));\\n days.forEach(d => d.classList.toggle('active', d.dataset.day === day));\\n const active = document.querySelector('.day[data-day=\\\"' + day + '\\\"]');\\n if(active){\\n active.querySelectorAll('.leafletMap').forEach(m => {\\n if(m._leaflet) setTimeout(() => m._leaflet.invalidateSize(true), 50);\\n });\\n }\\n }\\n tabs.forEach(t => t.addEventListener('click', () => activate(t.dataset.day)));\\n activate('d1');\\n}\\n\\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n WIKIMEDIA IMAGES\\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\\n(function(){\\n const API = \\\"https:\/\/commons.wikimedia.org\/w\/api.php\\\";\\n let cbId = 0;\\n function jsonp(params){\\n return new Promise((resolve,reject) => {\\n const callback = \\\"__wmc_cb_\\\" + (cbId++);\\n params.callback = callback;\\n const qs = Object.keys(params).map(k => encodeURIComponent(k)+\\\"=\\\"+encodeURIComponent(params[k])).join(\\\"&\\\");\\n const s = document.createElement(\\\"script\\\");\\n s.src = API + \\\"?\\\" + qs;\\n window[callback] = data => { cleanup(); resolve(data); };\\n function cleanup(){\\n try { delete window[callback]; } catch(e) { window[callback]=undefined; }\\n s.remove();\\n }\\n s.onerror = () => { cleanup(); reject(new Error(\\\"jsonp_error\\\")); };\\n document.head.appendChild(s);\\n });\\n }\\n async function imageBySearch(q){\\n try {\\n const data = await jsonp({action:\\\"query\\\",list:\\\"search\\\",srnamespace:\\\"6\\\",srlimit:\\\"1\\\",srsearch:q,format:\\\"json\\\",origin:\\\"*\\\"});\\n const title = data?.query?.search?.[0]?.title;\\n if(!title) return null;\\n const data2 = await jsonp({action:\\\"query\\\",prop:\\\"imageinfo\\\",titles:title,iiprop:\\\"url\\\",iiurlwidth:\\\"1200\\\",format:\\\"json\\\",origin:\\\"*\\\"});\\n const pages = data2?.query?.pages || {};\\n const first = pages[Object.keys(pages)[0]];\\n return first?.imageinfo?.[0]?.thumburl || first?.imageinfo?.[0]?.url || null;\\n } catch(e){ return null; }\\n }\\n async function hydrateImages(){\\n for(const img of document.querySelectorAll('img[data-wiki-q]')){\\n const url = await imageBySearch(img.getAttribute('data-wiki-q'));\\n if(url) img.src = url;\\n }\\n }\\n window.addEventListener('DOMContentLoaded', hydrateImages);\\n})();\\n\\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\\n INIT\\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\\nwindow.addEventListener('DOMContentLoaded', () => {\\n initLeafletMaps();\\n wireTabs();\\n});\\n<\/script>\\n<\/body>\\n<\/html>\\n\u00a0\u00bb}}]}]}]}],\u00a0\u00bbversion\u00a0\u00bb:\u00a0\u00bb5.0.12″} –><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WMC Grande Evasion #03\u00a0 \u2014 PROGRAMME MAI 2026 \u00a03 jours en AUVERGNE au d\u00e9part de Clermont-FERRAND (boucle ~300 km)\u00a0 WMC \u2013 Grande \u00c9vasion #03\u00a0 Clermont-Ferrand Issoire \u00a0 Thiers Clermont-Ferrand WMC vous emm\u00e8ne du 8 au 10 mai 2026 pour une boucle exceptionnelle au d\u00e9part de Clermont-Ferrand \u00e0 travers l\u2019Auvergne, entre volcans, vall\u00e9es, lacs et routes […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-895","post","type-post","status-publish","format-standard","hentry","category-wmc-grande-evasion"],"_links":{"self":[{"href":"https:\/\/wmc.paris\/index.php\/wp-json\/wp\/v2\/posts\/895","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wmc.paris\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wmc.paris\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wmc.paris\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wmc.paris\/index.php\/wp-json\/wp\/v2\/comments?post=895"}],"version-history":[{"count":37,"href":"https:\/\/wmc.paris\/index.php\/wp-json\/wp\/v2\/posts\/895\/revisions"}],"predecessor-version":[{"id":1154,"href":"https:\/\/wmc.paris\/index.php\/wp-json\/wp\/v2\/posts\/895\/revisions\/1154"}],"wp:attachment":[{"href":"https:\/\/wmc.paris\/index.php\/wp-json\/wp\/v2\/media?parent=895"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wmc.paris\/index.php\/wp-json\/wp\/v2\/categories?post=895"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wmc.paris\/index.php\/wp-json\/wp\/v2\/tags?post=895"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}