1<!DOCTYPE html> 2<html lang="fr"> 3<head> 4 <meta charset="UTF-8" /> 5 <meta name="ROBOTS" content="INDEX, FOLLOW, max-snippet:-1, max-image-preview:large, max-video-preview:-1"/> 6 7 <title>La carte dâurgence ICE de Matos Vélo évolue - Matos vélo, actualités vélo de route, gravel et tests de matériel cyclisme</title> 8 <meta name="description" lang="fr" content="Une carte ICE (In Case of Emergency) rassemble sur un support unique les informations quâun secouriste doit connaître en priorité en cas dâaccident : identité, personne à prévenir," /> 9 <meta property="copyright" content="Guillaume ROBERT / Matos Vélo" /> 10 <meta property="author" content="Guillaume ROBERT" /> 11 <meta property="date" content="2026-10-03T07:51:00+02:00" /> 12 13 <meta property="dc.title" content="La carte dâurgence ICE de Matos Vélo évolue" /> 14 <meta property="dc.description" lang="fr" content="Une carte ICE (In Case of Emergency) rassemble sur un support unique les informations quâun secouriste doit connaître en priorité en cas dâaccident : identité, personne à prévenir," /> 15 <meta property="dc.creator" content="Guillaume ROBERT" /> 16 <meta property="dc.language" content="fr" /> 17 <meta property="dc.publisher" content="Guillaume ROBERT" /> 18 <meta property="dc.rights" content="Guillaume ROBERT / Matos Vélo" /> 19 <meta property="dc.date" content="2026-10-03T07:51:00+02:00" /> 20 <meta property="dc.type" content="text" /> 21 <meta property="dc.format" content="text/html" /> 22 23 <link rel="top" href="https://www.matosvelo.fr/" title="Accueil" /> 24 <link rel="contents" href="https://www.matosvelo.fr/archive" title="Archives" /> 25 <link rel="pingback" href="https://www.matosvelo.fr/xmlrpc/default" /> 26 27 <link rel="prev" href="https://www.matosvelo.fr/post/2026/09/17/essai-des-sacoches-ultra-legeres-cyclite-nano-sacoche-de-selle-et-de-tube-superieur" title="Essai des sacoches ultra légères Cyclite Nano, sacoche de selle et de tube supérieur" /> 28 29 <link rel="alternate" type="application/rss+xml" title="RSS 2" href="https://www.matosvelo.fr/feed/rss2" /> 30 31 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 32 33<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 34<meta name="facebook-domain-verification" content="ndb26cdvv05l4rp9d6015omyaigrs9" /> 35<meta name='impact-site-verification' value='7793fdc5-c508-46b0-b127-80be33b26b26'> 36<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1"> 37<link rel="icon" type="image/png" href="/themes/matosvelo3/img/favicon.png" /> 38<link rel="apple-touch-icon" href="/matosvelo3/img/favicon.png" /> 39 40<!-- Préconnexion aux domaines tiers utilisés plus bas (script publicitaire, CSS Mailchimp) --> 41<link rel="preconnect" href="https://static.admysports.com" /> 42<link rel="preconnect" href="https://pagead2.googlesyndication.com" /> 43<link rel="preconnect" href="https://edge.hyth.io" crossorigin /> 44 45 46<!-- Feuille de style du thème (surcharge des variables de marque, cf. style.css) --> 47<link rel="stylesheet" href="/themes/matosvelo3/style.css" type="text/css" media="screen" /> 48 49 50 51<!-- Bootstrap 5.3.3 et Font Awesome 6, auto-hébergés dans le thème (voir /lib) --> 52<link rel="stylesheet" href="/themes/matosvelo3/lib/bootstrap/css/bootstrap.min.css" type="text/css" media="all" /> 53<link rel="stylesheet" href="/themes/matosvelo3/lib/font-awesome/css/font-awesome.min.css" type="text/css" media="all" /> 54 55<!-- GLightbox : remplace Galleria/jGallery pour l'ouverture des galeries en modale --> 56<link rel="stylesheet" href="/themes/matosvelo3/lib/glightbox/css/glightbox.min.css" type="text/css" media="all" />
57<script type="text/javascript" src="/themes/matosvelo3/lib/glightbox/js/glightbox.min.js"></script>
57 58 59<!-- Rendre les tableaux responsive -->
60<script type="text/javascript" src="/themes/matosvelo3/js/Responsivetable.js"></script>
60 61 62<!-- 63 jQuery 2.2.4 : remis en place. Le plugin de galerie (galleryinsert), qu'on ne 64 touche pas pour l'instant, en dépend pour construire son affichage interactif 65 (grande image + bande de vignettes + zoom) â sans lui, il ne reste que la grille 66 brute de vignettes, sans comportement. Même version exacte que l'ancien thème, 67 pour ne rien changer côté compatibilité avec ce plugin. 68 Le reste (carrousel d'accueil, bouton "remonter en haut") reste en JS natif, 69 Bootstrap 5 n'a pas besoin de jQuery pour fonctionner à côté. 70-->
71<script src="/themes/matosvelo3/js/jquery-4.0.0.min.js" ></script>
71
72<script type="text/javascript" src="/themes/matosvelo3/../default/js/jquery.cookie.js"></script>
72 73 74<!-- 75 Remplacement de jGallery (Galleria 1.5.7 + jQuery), plugin non maintenu qui bloquait 76 la mise à jour de Dotclear. On garde le code d'insertion d'origine à l'identique dans 77 les articles (::gallery imgurl=... / dir=...) â seule la fonction jGallery() change : 78 au lieu de construire un carrousel Galleria, elle construit maintenant une grande image 79 + un bandeau de vignettes défilable, avec GLightbox pour l'agrandissement en modale. 80 Comportement : 81 - clic sur la grande image -> ouverture en modale (GLightbox), flèches pour naviguer 82 - clic sur une vignette -> change juste la grande image, pas d'ouverture de modale 83 $(...).tooltip() est aussi neutralisé : Bootstrap 5 a retiré ce plugin jQuery, et le 84 script de galerie l'appelait encore, ce qui plantait avant même d'atteindre jGallery(). 85-->
86<script> 87 if (window.jQuery && !jQuery.fn.tooltip) { 88 jQuery.fn.tooltip = function(){ return this; }; 89 } 90 91 jQuery.fn.jGallery = function() { 92 return this.each(function() { 93 var $container = jQuery(this); 94 var $list = $container.find('ul.galleryinsert'); 95 if (!$list.length) { return; } 96 97 // Garde-fou ancré sur le <ul> lui-même, pas sur $container : jGallery() 98 // finit par faire $list.wrap(...), ce qui déplace le <ul> vers un nouveau 99 // parent (.mv-gallery-strip-wrap). Si jGallery() est appelée une 2e fois 100 // sur ce même bloc (ex. script inline de galeryinsert + notre auto-init), 101 // $container recalculé au 2e appel pointe alors sur ce nouveau parent, où 102 // il n'y a jamais eu de .mv-gallery-main â un garde-fou basé sur 103 // $container passait donc à côté. La classe 'mv-gallery-strip', elle, 104 // reste posée sur le <ul> quel que soit son parent au moment du 2e appel. 105 if ($list.hasClass('mv-gallery-strip')) { return; } 106 107 var $items = $list.find('li > a'); 108 if (!$items.length || typeof GLightbox === 'undefined') { return; } 109 110 var elements = []; 111 $items.each(function() { 112 var $a = jQuery(this); 113 elements.push({ href: $a.attr('href'), type: 'image', alt: $a.find('img').attr('alt') || '' }); 114 }); 115 116 var lightbox = GLightbox({ elements: elements, loop: true }); 117 var currentIndex = 0; 118 119 var $main = jQuery( 120 '<a href="#" class="mv-gallery-main" aria-label="Agrandir l\'image">' + 121 '<img src="' + elements[0].href + '" alt="' + (elements[0].alt || '') + '">' + 122 '<button type="button" class="mv-gallery-main-nav mv-gallery-main-nav-prev" aria-label="Image précédente"><i class="fa-solid fa-chevron-left"></i></button>' + 123 '<button type="button" class="mv-gallery-main-nav mv-gallery-main-nav-next" aria-label="Image suivante"><i class="fa-solid fa-chevron-right"></i></button>' + 124 '</a>' 125 ); 126 $container.prepend($main); 127 if (elements.length <= 1) { $main.find('.mv-gallery-main-nav').hide(); } 128 129 function showImage(i) { 130 currentIndex = i; 131 $main.find('img').attr('src', elements[i].href); 132 $items.removeClass('active').eq(i).addClass('active'); 133 $items.eq(i)[0].scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' }); 134 $grid.find('a').removeClass('active').eq(i).addClass('active'); 135 } 136 137 $main.on('click', function(e) { 138 e.preventDefault(); 139 if (jQuery(e.target).closest('.mv-gallery-main-nav').length) { return; } 140 lightbox.openAt(currentIndex); 141 }); 142 143 $main.find('.mv-gallery-main-nav-prev').on('click', function(e) { 144 e.preventDefault(); e.stopPropagation(); 145 showImage((currentIndex - 1 + elements.length) % elements.length); 146 }); 147 $main.find('.mv-gallery-main-nav-next').on('click', function(e) { 148 e.preventDefault(); e.stopPropagation(); 149 showImage((currentIndex + 1) % elements.length); 150 }); 151 152 // bascule bandeau <-> grille (placée entre la grande image et le bandeau) 153 var $toggle = jQuery('<button type="button" class="mv-gallery-toggle" aria-label="Afficher en grille"><i class="fa-solid fa-table-cells"></i></button>'); 154 $main.after($toggle); 155 156 // grille de vignettes (construite à partir des mêmes images, cachée par défaut, juste après le bandeau) 157 var $grid = jQuery('<ul class="mv-gallery-grid"></ul>').hide(); 158 $items.each(function(i) { 159 var $li = jQuery('<li></li>'); 160 var $a = jQuery('<a href="#"><img src="' + jQuery(this).find('img').attr('src') + '" alt=""></a>'); 161 if (i === 0) { $a.addClass('active'); } 162 $a.on('click', function(e) { 163 e.preventDefault(); 164 showImage(i); 165 }); 166 $li.append($a); 167 $grid.append($li); 168 }); 169 $list.after($grid); 170 171 $toggle.on('click', function() { 172 var showingGrid = $grid.is(':visible'); 173 if (showingGrid) { 174 $grid.hide(); 175 $container.find('.mv-gallery-strip-wrap').show(); 176 $toggle.html('<i class="fa-solid fa-table-cells"></i>').attr('aria-label', 'Afficher en grille'); 177 } else { 178 $grid.show(); 179 $container.find('.mv-gallery-strip-wrap').hide(); 180 $toggle.html('<i class="fa-solid fa-film"></i>').attr('aria-label', 'Afficher en bandeau'); 181 } 182 }); 183 184 $list.addClass('mv-gallery-strip'); 185 186 if ($container.find('.mv-gallery-strip-wrap').length === 0) { 187 $list.wrap('<div class="mv-gallery-strip-wrap"></div>'); 188 var $wrap = $list.parent(); 189 var $prev = jQuery('<button type="button" class="mv-gallery-nav mv-gallery-nav-prev" aria-label="Précédent"><i class="fa-solid fa-chevron-left"></i></button>'); 190 var $next = jQuery('<button type="button" class="mv-gallery-nav mv-gallery-nav-next" aria-label="Suivant"><i class="fa-solid fa-chevron-right"></i></button>'); 191 $wrap.append($prev, $next); 192 $prev.on('click', function() { $list[0].scrollBy({ left: -300, behavior: 'smooth' }); }); 193 $next.on('click', function() { $list[0].scrollBy({ left: 300, behavior: 'smooth' }); }); 194 } 195 196 $items.each(function(i) { 197 var $a = jQuery(this); 198 if (i === 0) { $a.addClass('active'); } 199 $a.on('click', function(e) { 200 e.preventDefault(); 201 showImage(i); 202 }); 203 }); 204 }); 205 }; 206 207 // Auto-init : appelle jGallery() sur chaque galerie trouvée dans la page, 208 // sans dépendre d'un
208<script> inséré par galeryinsert dans le contenu de 209 // l'article (ce script est supprimé par l'éditeur WYSIWYG à chaque 210 // réenregistrement, plugin actif ou non â c'était la cause du bug). 211 // Le garde-fou déjà présent dans jGallery() empêche toute double init si un 212 // ancien script inline est encore présent sur un article non réenregistré. 213 document.addEventListener('DOMContentLoaded', function () { 214 if (!window.jQuery) { return; } 215 jQuery('ul.galleryinsert').each(function () { 216 var $list = jQuery(this); 217 if ($list.hasClass('mv-gallery-strip')) { return; } 218 var $container = $list.parent(); 219 if ($container.length) { $container.jGallery(); } 220 }); 221 }); 222</script>
222 223
224<script type="text/javascript" src="/themes/matosvelo3/lib/bootstrap/js/bootstrap.bundle.min.js"></script>
224 225 226<!-- Thème clair/sombre : préférence mémorisée (localStorage), sinon préférence système -->
227<script> 228 (function() { 229 var saved = localStorage.getItem('mv-theme'); 230 var theme = saved || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'); 231 document.documentElement.setAttribute('data-bs-theme', theme); 232 })(); 233 function mvToggleTheme() { 234 var html = document.documentElement; 235 var next = html.getAttribute('data-bs-theme') === 'dark' ? 'light' : 'dark'; 236 html.setAttribute('data-bs-theme', next); 237 localStorage.setItem('mv-theme', next); 238 } 239</script>
239 240 241<!-- Shareaholic retiré : boutons de partage natifs désormais dans post.html (Bootstrap + Font Awesome) --> 242<!-- async : script publicitaire tiers, ne doit plus bloquer le rendu de la page -->
243<script src="https://static.admysports.com/hb/site/matosvelo/hb_matosvelo.js" async></script>
243 244 245 246<link rel="stylesheet" href="/?pf=commentsWikibar/wikibar.min.css" type="text/css" media="screen" />
247<script src="/?pf=commentsWikibar/wikibar.min.js"></script>
vendor: 1 bytes, line 247
247
248<script type="application/json" id="commentswikibar-data"> 249{"base_url":"https://www.matosvelo.fr","id":"c_content","mode":"wiki","legend_msg":"Vous pouvez utiliser les raccourcis suivants pour formater votre texte.","label":"Formatage de texte","elements":{"strong":{"title":"Emphase forte"},"em":{"title":"Emphase"},"ins":{"title":"Ins\u00e9r\u00e9"},"del":{"title":"Supprim\u00e9"},"quote":{"title":"Citation en ligne"},"code":{"title":"Code"},"br":{"title":"Retour \u00e0 la ligne"},"ul":{"title":"Liste non ordonn\u00e9e"},"ol":{"title":"Liste ordonn\u00e9e"},"pre":{"title":"Texte pr\u00e9format\u00e9"},"bquote":{"title":"Bloc de citation"},"link":{"title":"Lien","href_prompt":"URL ?","hreflang_prompt":"Langue ?","title_prompt":"Titre ?"}},"options":{"no_format":false,"no_br":true,"no_list":false,"no_pre":true,"no_quote":false,"no_url":false}} 250</script>
250<script src="/?pf=commentsWikibar/bootstrap.min.js"></script>
250 251<!-- Facebook --> 252<meta property="og:type" content="article" /> 253<meta property="og:title" content="La carte dâurgence ICE de Matos Vélo évolue" /> 254<meta property="og:url" content="https://www.matosvelo.fr/post/2026/09/17/la-carte-durgence-ice-de-matos-velo-evolue" /> 255<meta property="og:site_name" content="Matos vélo, actualités vélo de route, gravel et tests de matériel cyclisme" /> 256<meta property="og:description" content="Une carte ICE (In Case of Emergency) rassemble sur un support unique les informations quâun secouriste doit connaître en priorité en cas dâaccident : identité, personne à prévenir," /> 257<meta property="og:image" content="https://www.matosvelo.fr/public/Divers/ICE_Card/Carte-ICE-Matos-Velo.jpg" /> 258<!-- Google --> 259<meta itemprop="name" content="La carte dâurgence ICE de Matos Vélo évolue" /> 260<meta itemprop="description" content="Une carte ICE (In Case of Emergency) rassemble sur un support unique les informations quâun secouriste doit connaître en priorité en cas dâaccident : identité, personne à prévenir," /> 261<meta itemprop="image" content="https://www.matosvelo.fr/public/Divers/ICE_Card/Carte-ICE-Matos-Velo.jpg" /> 262<!-- Twitter --> 263<meta name="twitter:card" content="summary" /> 264<meta name="twitter:title" content="La carte dâurgence ICE de Matos Vélo évolue" /> 265<meta name="twitter:description" content="Une carte ICE (In Case of Emergency) rassemble sur un support unique les informations quâun secouriste doit connaître en priorité en cas dâaccident : identité, personne à prévenir," /> 266<meta name="twitter:image" content="https://www.matosvelo.fr/public/Divers/ICE_Card/Carte-ICE-Matos-Velo.jpg"/> 267<meta name="twitter:image:alt" content="Carte-ICE-Matos-Velo.jpg"/> 268<meta name="twitter:site" content="@matosvelo" /> 269<meta name="twitter:creator" content="@matosvelo" /> 270 271 272
272<script type="text/javascript" src="/themes/matosvelo3/../default/js/post.js"></script>
272 273
273<script type="text/javascript" src="https://www.matosvelo.fr/themes/matosvelo3/js/affiliation.js"></script>
273 274
274<script type="text/javascript"> 275 //<![CDATA[ 276 var post_remember_str = 'Se souvenir de moi sur ce blog'; 277 //]]> 278 </script>
278 279</head> 280 281<body class="dc-post"> 282<div id="page"> 283<div id="fb-root"></div> 284<!-- 285<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" 286 xmlns:dc="http://purl.org/dc/elements/1.1/" 287 xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"> 288<rdf:Description 289 rdf:about="https://www.matosvelo.fr/post/2026/09/17/la-carte-durgence-ice-de-matos-velo-evolue" 290 dc:identifier="https://www.matosvelo.fr/post/2026/09/17/la-carte-durgence-ice-de-matos-velo-evolue" 291 dc:title="La carte dâurgence ICE de Matos Vélo évolue" 292 trackback:ping="https://www.matosvelo.fr/trackback/5774" /> 293</rdf:RDF> 294--> 295 296 297<div id="fb-root"></div>
298<script>(function(d, s, id) { 299 var js, fjs = d.getElementsByTagName(s)[0]; 300 if (d.getElementById(id)) return; 301 js = d.createElement(s); js.id = id; 302 js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.3&appId=194949700576984"; 303 fjs.parentNode.insertBefore(js, fjs); 304}(document, 'script', 'facebook-jssdk'));</script>
304 305 306<!-- ================= header (nav + logo + réseaux sociaux + recherche + thème) ================= --> 307<header class="mv-header py-2">
308<script> 309(function () { 310 var header = document.querySelector('.mv-header'); 311 if (!header) return; 312 313 var threshold = 40; 314 var ticking = false; 315 316 function onScroll() { 317 if (!ticking) { 318 window.requestAnimationFrame(function () { 319 header.classList.toggle('mv-header-scrolled', window.scrollY > threshold); 320 ticking = false; 321 }); 322 ticking = true; 323 } 324 } 325 326 window.addEventListener('scroll', onScroll, { passive: true }); 327})(); 328</script>
328 329 <div class="container-xl d-flex align-items-center justify-content-between"> 330 331 <a href="https://www.matosvelo.fr/" class="mv-logo-link" aria-label="Matos vélo, actualités vélo de route, gravel et tests de matériel cyclisme â accueil"> 332<svg class="mv-logo-svg" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 300 160"> 333 <defs> 334 <style> 335 .cls-1 { 336 fill: #757575; 337 } 338 339 .cls-2 { 340 fill: var(--mv-logo-ink, #171512); 341 } 342 343 .cls-3 { 344 fill: #c80b1d; 345 } 346 347 .cls-4 { 348 fill: url(#Dégradé_sans_nom_5); 349 } 350 </style> 351 <linearGradient id="Dégradé_sans_nom_5" data-name="Dégradé sans nom 5" x1="37.2" y1="123.38" x2="37.2" y2="69.96" gradientUnits="userSpaceOnUse"> 352 <stop offset="0" stop-color="gray"/> 353 <stop offset=".95" stop-color="#fff"/> 354 </linearGradient> 355 </defs> 356 <path class="cls-2" d="M180.03,133.46h-12.77c-2.6,0-4.62-.9-6.08-2.69-1.45-1.79-1.95-3.95-1.49-6.48l9.85-55.02h16.08l-7.81,43.56c-.23,1.22.02,2.29.74,3.21.73.92,1.74,1.37,3.04,1.37h1.29l-2.86,16.05Z"/> 357 <path class="cls-2" d="M180.22,68.31h-50.37c-1.82,0-3.25-.63-4.26-1.89-1.02-1.26-1.37-2.77-1.05-4.54l6.92-38.62h11.28l-2.39,12.87h17.74l-2.01,11.26h-17.67l-1.15,6.44c-.16.86.01,1.61.52,2.25.51.64,1.22.96,2.13.96h42.32l-2.01,11.26Z"/> 358 <path class="cls-2" d="M260.12,47.8l-2.57,14.08c-.32,1.77-1.22,3.29-2.7,4.54-1.48,1.26-3.1,1.89-4.87,1.89h-84.11l2.01-11.26h76.31c1.18,0,2.2-.51,3.06-1.53.32-.37.51-.8.56-1.29.11-.64-.07-1.27-.52-1.89-.46-.62-1.17-.93-2.13-.93h-24.38c-1.77,0-3.17-.63-4.18-1.89-1.02-1.26-1.37-2.78-1.05-4.55l2.73-15.29c.32-1.77,1.22-3.29,2.7-4.55,1.48-1.26,3.1-1.89,4.87-1.89h38.62l-2.01,11.26h-30.57c-.91,0-1.72.31-2.41.93-.7.62-1.1,1.25-1.21,1.89-.11.64.05,1.23.48,1.77.48.7,1.21,1.05,2.17,1.05h24.14c1.77,0,3.16.63,4.18,1.89,1.02,1.26,1.37,2.77,1.05,4.54l-.24,1.45.08-.24Z"/> 359 <path class="cls-3" d="M249.93,101.1c0-3.59,2.06-6.59,4.8-7.32-.25-1.13-.55-2.24-.9-3.33-2.75.78-6.07-.79-7.89-3.93-1.79-3.11-1.51-6.72.48-8.72-.78-.85-1.6-1.66-2.45-2.44-2,2.04-5.65,2.34-8.78.53-3.12-1.8-4.69-5.1-3.93-7.84-1.09-.35-2.21-.64-3.34-.88-.69,2.79-3.71,4.89-7.35,4.89s-6.6-2.06-7.32-4.81c-1.13.25-2.24.55-3.33.91.79,2.76-.78,6.08-3.92,7.89-3.11,1.79-6.72,1.51-8.72-.49-.85.78-1.66,1.6-2.43,2.46,2.04,2,2.33,5.65.53,8.78-1.8,3.12-5.09,4.69-7.83,3.94-.35,1.09-.64,2.21-.88,3.34,2.78.69,4.87,3.72,4.87,7.34s-2.05,6.58-4.79,7.32c.25,1.13.55,2.24.91,3.33,2.75-.78,6.07.8,7.88,3.93,1.79,3.1,1.51,6.7-.47,8.71.78.85,1.6,1.67,2.46,2.44,2-2.03,5.64-2.32,8.76-.51,3.11,1.8,4.68,5.07,3.94,7.81,1.09.35,2.21.64,3.34.88.7-2.77,3.72-4.86,7.34-4.86s6.57,2.05,7.31,4.78c1.13-.25,2.25-.55,3.34-.91-.77-2.75.8-6.06,3.93-7.87,3.1-1.79,6.7-1.51,8.71.47.85-.78,1.67-1.6,2.44-2.46-2.03-2-2.32-5.64-.51-8.76,1.8-3.11,5.08-4.68,7.82-3.94.35-1.09.64-2.2.88-3.34-2.78-.7-4.87-3.72-4.87-7.34ZM220.73,122.48c-11.73,0-21.24-9.51-21.24-21.24s9.51-21.24,21.24-21.24,21.24,9.51,21.24,21.24-9.51,21.24-21.24,21.24Z"/> 360 <path class="cls-3" d="M210.17,45.47c0-2.54,1.46-4.66,3.4-5.18-.18-.8-.39-1.59-.64-2.36-1.95.56-4.3-.56-5.58-2.78-1.27-2.2-1.07-4.75.34-6.17-.55-.6-1.13-1.18-1.74-1.72-1.41,1.45-4,1.65-6.21.37-2.21-1.28-3.32-3.61-2.78-5.55-.77-.24-1.56-.45-2.36-.62-.49,1.97-2.63,3.46-5.2,3.46s-4.67-1.46-5.18-3.41c-.8.18-1.59.39-2.36.64.56,1.95-.55,4.3-2.78,5.59-2.2,1.27-4.76,1.07-6.17-.34-.6.55-1.18,1.13-1.72,1.74,1.44,1.41,1.65,4,.37,6.21-1.27,2.21-3.6,3.32-5.54,2.79-.24.77-.45,1.56-.62,2.36,1.97.49,3.45,2.63,3.45,5.2s-1.45,4.66-3.39,5.18c.18.8.39,1.59.64,2.36,1.95-.55,4.29.56,5.57,2.78,1.27,2.19,1.07,4.74-.33,6.16.55.6,1.13,1.18,1.74,1.73,1.42-1.43,3.99-1.64,6.2-.36,2.2,1.27,3.31,3.59,2.79,5.53.77.24,1.56.45,2.36.62.5-1.96,2.63-3.44,5.2-3.44s4.65,1.45,5.18,3.39c.8-.18,1.59-.39,2.36-.64-.55-1.95.57-4.29,2.78-5.57,2.19-1.27,4.74-1.07,6.16.33.6-.55,1.18-1.13,1.73-1.74-1.43-1.41-1.64-3.99-.36-6.2,1.27-2.2,3.6-3.31,5.54-2.79.25-.77.45-1.56.62-2.36-1.97-.49-3.44-2.63-3.44-5.2ZM189.5,60.6c-8.3,0-15.03-6.73-15.03-15.03s6.73-15.03,15.03-15.03,15.03,6.73,15.03,15.03-6.73,15.03-15.03,15.03Z"/> 361 <g> 362 <g> 363 <path class="cls-1" d="M166.9,52.94c.23.64.95.93,1.54.68.6-.26.87-.9.67-1.47-.18-.58-.83-.9-1.45-.72-.62.18-.96.85-.76,
3631.5M165.64,53.39c-.47-1.48.29-2.93,1.67-3.23,1.32-.28,2.71.41,3.07,1.55.44,1.11-.17,2.51-1.41,3.14-1.22.62-2.76-.02-3.32-1.46Z"/> 364 <path class="cls-1" d="M165.57,46.34c.07.68.65,1.17,1.29,1.09.64-.08,1.12-.62,1.06-1.22-.02-.6-.53-1.09-1.19-1.1-.64,0-1.19.55-1.16,1.23M164.23,46.42c-.03-1.55,1.1-2.74,2.51-2.63,1.35.1,2.5,1.16,2.51,2.35.12,1.18-.9,2.36-2.22,2.61-1.39.26-2.66-.78-2.8-2.33Z"/> 365 <path class="cls-1" d="M168.55,47.56c.03.56.18,1.11.28,1.66l.17.83c.07.27.16.54.24.81l-3.32.98c-.09-.31-.2-.63-.28-.94l-.2-.97c-.12-.65-.29-1.28-.33-1.94l3.44-.43Z"/> 366 </g> 367 <g> 368 <path class="cls-1" d="M165.86,41.12c-.15.66.38,1.28,1,1.34.66.07,1.17-.37,1.31-.96.12-.59-.31-1.19-.94-1.33-.63-.14-1.25.28-1.38.95M164.54,40.9c.15-.75.55-1.38,1.1-1.74.58-.36,1.27-.47,1.93-.28.67.19,1.19.62,1.52,1.13.35.52.54,1.12.42,1.71-.19,1.17-1.36,2.11-2.76,2.06-.69-.04-1.29-.36-1.7-.88-.39-.52-.67-1.26-.5-2Z"/> 369 <path class="cls-1" d="M167.88,34.71c-.32.6,0,1.33.59,1.57.61.25,1.24-.03,1.52-.56.28-.53.04-1.22-.52-1.54s-1.28-.08-1.59.53M166.67,34.13c.35-.68.92-1.16,1.54-1.36.65-.19,1.35-.09,1.93.27.59.37.97.93,1.14,1.5.2.6.2,1.22-.08,1.76-.5,1.08-1.9,1.65-3.23,1.21-1.3-.42-1.96-1.98-1.31-3.38Z"/> 370 <path class="cls-1" d="M169.9,37.21c-.22.52-.43,1.04-.57,1.59-.14.55-.36,1.07-.44,1.63l-3.38-.76c.1-.65.35-1.27.51-1.9.17-.64.41-1.25.66-1.85l3.22,1.29Z"/> 371 </g> 372 <g> 373 <path class="cls-1" d="M170.65,30.28c-.42.53-.33,1.27.21,1.65.52.36,1.26.28,1.63-.19.37-.47.28-1.21-.2-1.64s-1.22-.35-1.64.18M169.6,29.45c.93-1.25,2.67-1.29,3.62-.31.98,1,1.03,2.46.33,3.42-.19.24-.43.42-.7.56-.25.15-.53.25-.84.3-.6.1-1.29,0-1.87-.37-.59-.36-.97-.94-1.08-1.6-.06-.33-.05-.68.03-1.03.1-.33.27-.66.51-.96Z"/> 374 <path class="cls-1" d="M175.52,25.63c-.57.37-.67,1.14-.25,1.65.4.5,1.11.59,1.61.27.5-.34.62-1.07.28-1.61-.34-.55-1.08-.68-1.64-.3M174.74,24.54c.63-.42,1.34-.61,2.01-.45.66.15,1.22.57,1.56,1.17.34.6.4,1.29.27,1.87-.14.58-.41,1.17-.92,1.5-.52.32-1.1.47-1.71.39-.61-.08-1.24-.37-1.7-.89-.46-.51-.66-1.17-.58-1.83.08-.67.43-1.35,1.07-1.76Z"/> 375 <path class="cls-1" d="M176.07,28.79c-.42.37-.88.71-1.27,1.11l-1.18,1.21-2.6-2.29,1.37-1.42c.46-.47.99-.86,1.48-1.3l2.19,2.68Z"/> 376 </g> 377 <g> 378 <path class="cls-1" d="M180.08,23.09c-.63.27-.9.95-.61,1.53.29.58.97.86,1.53.63.55-.23.83-.93.61-1.53-.22-.61-.9-.89-1.53-.63M179.56,21.86c1.41-.65,2.96.17,3.32,1.47.38,1.36-.28,2.64-1.36,3.16-1.12.42-2.51,0-3.21-1.23-.69-1.17-.19-2.85,1.26-3.41Z"/> 379 <path class="cls-1" d="M186.59,21.37c-.68.05-1.13.68-1.02,1.32.11.63.68,1.05,1.29,1.01.6-.06,1.06-.64,1.02-1.28-.04-.65-.61-1.12-1.29-1.05M186.43,20.04c1.54-.2,2.79.97,2.77,2.35,0,.69-.27,1.32-.67,1.78-.4.44-.92.82-1.53.87-.61.03-1.19-.12-1.68-.48-.49-.37-.9-.92-1.06-1.6-.16-.67-.02-1.34.38-1.89.39-.54,1.02-.98,1.79-1.03Z"/> 380 <path class="cls-1" d="M185.55,24.41c-.55.13-1.11.19-1.65.36l-1.62.5-1.17-3.26,1.88-.58c.63-.2,1.28-.28,1.92-.42l.63,3.41Z"/> 381 </g> 382 <g> 383 <path class="cls-1" d="M191.81,21.35c-.68-.06-1.25.41-1.28,1.06-.03.65.43,1.22,1.03,1.28.6.04,1.17-.4,1.28-1.03.11-.65-.35-1.26-1.03-1.31M191.95,20.01c.76.05,1.4.46,1.8,1.01.4.54.54,1.21.39,1.89-.15.68-.55,1.24-1.04,1.61-.49.36-1.07.53-1.68.5-1.18-.16-2.19-1.23-2.22-2.62-.03-1.37,1.21-2.57,2.75-2.38Z"/> 384 <path class="cls-1" d="M198.33,22.99c-.63-.25-1.31.04-1.52.65-.21.61.08,1.3.63,1.52.56.22,1.24-.06,1.51-.63.29-.6,0-1.29-.63-1.54M198.84,21.75c.35.14.66.34.91.59.24.27.42.57.53.88.23.63.18,1.32-.15,1.92-.33.61-.87,1.03-1.45,1.25-.29.11-.58.16-.87.15-.3.01-.6-.03-.88-.14-1.09-.49-1.76-1.79-1.4-3.14.35-1.32,1.88-2.13,3.3-1.51Z"/> 385 <path class="cls-1" d="M195.96,25.14l-1.62-.48-1.66-.33.56-3.42c.64.13,1.29.24,1.93.38l1.89.56-1.1,3.29Z"/> 386 </g> 387 <g> 388 <path class="cls-1" d="M202.93,25.48c-.57-.37-1.31-.22-1.65.33-.34.55-.2,1.27.31,1.59.51.33,1.19.25,1.6-.27.39-.5.31-1.29-.26-1.66M203.7,24.38c1.26.91,1.46,2.58.53,3.59-.94,1.03-2.44,1.24-3.41.54-.51-.33-.82-.87-.94-1.49-.13-.6-.08-1.26.25-1.88.33-.6.89-1.04,1.54-1.19.64-.13,1.38,0,2.02.42Z"/> 389 <path class="cls-1" d="M207.85,30.08c-.44-.52-1.19-.59-1.67-.15-.48.44-.55,1.16-.16,1.62.41.44,1.08.57,1.62.19.52-.37.67-1.15.21-1.66M208.89,29.24c.52.57.63,1.34.55,1.99-.1.66-.47,1.23-1.05,1.6-.58.37-1.27.48-1.88.4-.63-.08-1.12-.4-1.53-.84-.4-.46-.53-1.
38907-.47-1.7.03-.6.28-1.23.77-1.73.49-.49,1.14-.74,1.82-.71.66.05,1.31.4,1.81.98Z"/> 390 <path class="cls-1" d="M204.73,30.81c-.79-.8-1.58-1.61-2.49-2.28l2.14-2.73c1.06.78,1.98,1.72,2.9,2.66l-2.55,2.35Z"/> 391 </g> 392 <g> 393 <path class="cls-1" d="M210.62,34.39s0,.02-.02-.02l-.07-.1c-.05-.06-.11-.12-.17-.17-.12-.1-.26-.17-.41-.22-.29-.09-.61-.06-.89.09-.28.16-.48.41-.57.69-.04.14-.06.28-.05.43,0,.07.02.14.04.21l.04.1.1.19c.09.2.31.38.43.45.13.07.28.11.43.13.3.03.61-.06.86-.26.25-.21.39-.49.42-.79.02-.15,0-.3-.04-.45-.05-.16-.05-.19-.09-.28M211.76,33.7h-.01s-.01,0,0,.02l.06.11c.08.15.14.3.18.45.09.31.12.64.09.95-.07.64-.37,1.25-.91,1.69s-1.2.62-1.84.56c-.32-.03-.63-.12-.92-.27-.14-.07-.28-.16-.41-.27l-.09-.08-.16-.18c-.12-.12-.21-.26-.29-.42l-.15-.28-.05-.1c-.03-.07-.05-.14-.07-.21-.04-.14-.06-.29-.07-.44-.02-.3.03-.6.12-.9.21-.6.56-1.15,1.15-1.53.58-.37,1.29-.48,1.91-.28.31.1.62.26.89.49.13.11.26.24.38.38.06.07.11.15.16.22l.08.12c.05.09-.06-.12-.03-.06Z"/> 394 <path class="cls-1" d="M214.57,39.23c-.41-.5-1.14-.56-1.64-.15-.5.41-.58,1.15-.17,1.64.41.5,1.14.56,1.64.15.5-.41.58-1.15.17-1.64M215.6,38.38c.87,1.06.71,2.64-.36,3.52s-2.65.73-3.52-.33c-.87-1.06-.71-2.64.36-3.52s2.65-.73,3.52.33Z"/> 395 <rect class="cls-1" x="209.87" y="35.55" width="3.46" height="3.65" transform="translate(24.37 142.81) rotate(-39.4)"/> 396 </g> 397 <g> 398 <path class="cls-1" d="M217.73,43.08c-.41-.5-1.14-.56-1.64-.15-.5.41-.58,1.15-.17,1.64.41.5,1.14.56,1.64.15.5-.41.58-1.15.17-1.64M218.77,42.23c.87,1.06.71,2.64-.36,3.52s-2.65.73-3.52-.33c-.87-1.06-.71-2.64.36-3.52s2.65-.73,3.52.33Z"/> 399 <path class="cls-1" d="M221.81,48.04c-.41-.5-1.14-.56-1.64-.15-.5.41-.58,1.15-.17,1.64.41.5,1.14.56,1.64.15.5-.41.58-1.15.17-1.64M222.84,47.19c.87,1.06.71,2.64-.36,3.52s-2.65.73-3.52-.33c-.87-1.06-.71-2.64.36-3.52s2.65-.73,3.52.33Z"/> 400 <rect class="cls-1" x="217.1" y="44.36" width="3.46" height="3.65" transform="translate(20.43 149.41) rotate(-39.4)"/> 401 </g> 402 <g> 403 <path class="cls-1" d="M224.97,51.89c-.41-.5-1.14-.56-1.64-.15-.5.41-.58,1.15-.17,1.64.41.5,1.14.56,1.64.15.5-.41.58-1.15.17-1.64M226,51.04c.87,1.06.71,2.64-.36,3.52s-2.65.73-3.52-.33c-.87-1.06-.71-2.64.36-3.52s2.65-.73,3.52.33Z"/> 404 <path class="cls-1" d="M229.04,56.85c-.41-.5-1.14-.56-1.64-.15-.5.41-.58,1.15-.17,1.64.41.5,1.14.56,1.64.15.5-.41.58-1.15.17-1.64M230.08,56c.87,1.06.71,2.64-.36,3.52-1.07.88-2.65.73-3.52-.33-.87-1.06-.71-2.64.36-3.52,1.07-.88,2.65-.73,3.52.33Z"/> 405 <rect class="cls-1" x="224.34" y="53.17" width="3.46" height="3.65" transform="translate(16.48 156) rotate(-39.4)"/> 406 </g> 407 <g> 408 <path class="cls-1" d="M232.2,60.7c-.41-.5-1.14-.56-1.64-.15-.5.41-.58,1.15-.17,1.64.41.5,1.14.56,1.64.15.5-.41.58-1.15.17-1.64M233.24,59.85c.87,1.06.71,2.64-.36,3.52s-2.65.73-3.52-.33c-.87-1.06-.71-2.64.36-3.52,1.07-.88,2.65-.73,3.52.33Z"/> 409 <path class="cls-1" d="M236.28,65.66c-.41-.5-1.14-.56-1.64-.15-.5.41-.58,1.15-.17,1.64.41.5,1.14.56,1.64.15.5-.41.58-1.15.17-1.64M237.32,64.81c.87,1.06.71,2.64-.36,3.52-1.07.88-2.65.73-3.52-.33-.87-1.06-.71-2.64.36-3.52,1.07-.88,2.65-.73,3.52.33Z"/> 410 <rect class="cls-1" x="231.58" y="61.98" width="3.46" height="3.65" transform="translate(12.53 162.59) rotate(-39.4)"/> 411 </g> 412 <g> 413 <path class="cls-1" d="M239.44,69.51c-.41-.5-1.14-.56-1.64-.15-.5.41-.58,1.15-.17,1.64.41.5,1.14.56,1.64.15.5-.41.58-1.15.17-1.64M240.48,68.66c.87,1.06.71,2.64-.36,3.52-1.07.88-2.65.73-3.52-.33-.87-1.06-.71-2.64.36-3.52,1.07-.88,2.65-.73,3.52.33Z"/> 414 <path class="cls-1" d="M243.52,74.47c-.41-.5-1.14-.56-1.64-.15-.5.41-.58,1.15-.17,1.64.41.5,1.14.56,1.64.15.5-.41.58-1.15.17-1.64M244.55,73.62c.87,1.06.71,2.64-.36,3.52-1.07.88-2.65.73-3.52-.33-.87-1.06-.71-2.64.36-3.52,1.07-.88,2.65-.73,3.52.33Z"/> 415 <rect class="cls-1" x="238.81" y="70.79" width="3.46" height="3.65" transform="translate(8.58 169.2) rotate(-39.4)"/> 416 </g> 417 <g> 418 <path class="cls-1" d="M246.68,78.32c-.41-.5-1.14-.56-1.64-.15-.5.41-.58,1.15-.17,1.64.41.5,1.14.56,1.64.15.5-.41.58-1.15.17-1.64M247.71,77.47c.87,1.06.71,2.64-.36,3.52-1.07.88-2.65.73-3.52-.33-.87-1.06-.71-2.64.3
4186-3.52,1.07-.88,2.65-.73,3.52.33Z"/> 419 <path class="cls-1" d="M250.75,83.28c-.41-.5-1.14-.56-1.64-.15-.5.41-.58,1.15-.17,1.64.12.1.31.26.6.36.28.08.6.05.88-.1.28-.15.48-.41.57-.71.04-.15.07-.29.04-.48,0-.17-.14-.41-.28-.56M251.79,82.43l.3.39c.09.16.12.28.16.39.07.21.09.36.11.54.03.34,0,.69-.09,1-.19.63-.62,1.17-1.24,1.47-.62.3-1.31.34-1.91.17-.3-.09-.58-.22-.81-.41-.11-.08-.24-.22-.31-.29-.09-.1-.06-.01-.09-.05-.87-1.06-.71-2.64.36-3.52s2.65-.73,3.52.33Z"/> 420 <rect class="cls-1" x="246.05" y="79.59" width="3.46" height="3.65" transform="translate(4.64 175.79) rotate(-39.4)"/> 421 </g> 422 <g> 423 <path class="cls-1" d="M253.14,88.04c-.24-.62-.92-.91-1.51-.64-.59.27-.89.95-.67,1.52.22.57.9.86,1.51.64.61-.22.91-.9.67-1.52M254.38,87.53c.55,1.39-.1,2.86-1.46,3.28-1.29.39-2.75-.22-3.2-1.39-.4-1.19.06-2.58,1.31-3.21,1.22-.62,2.85-.08,3.35,1.33Z"/> 424 <path class="cls-1" d="M255.04,94.39c-.11-.66-.73-1.07-1.37-.91-.61.15-1.03.76-.93,1.37.1.61.71,1.02,1.35.92.64-.1,1.07-.71.95-1.37M256.35,94.13c.25,1.47-.66,2.79-2.05,2.94-1.35.14-2.68-.74-2.88-1.97-.06-.31-.03-.63.04-.92.05-.29.16-.58.32-.84.33-.52.86-.95,1.53-1.14.67-.18,1.35-.08,1.92.27.28.17.54.41.75.68.19.28.31.62.38.98Z"/> 425 <polygon class="cls-1" points="251.94 93.55 251.48 91.88 251.25 91.04 250.93 90.23 254.19 89.06 254.54 89.95 254.8 90.88 255.31 92.73 251.94 93.55"/> 426 </g> 427 <g> 428 <path class="cls-1" d="M255.66,99.5c-.05-.67-.61-1.16-1.26-1.11s-1.13.6-1.09,1.21c.07.61.57,1.11,1.21,1.11.65,0,1.2-.55,1.13-1.21M257,99.44c.08.73-.25,1.41-.71,1.88-.47.47-1.1.74-1.79.72-.69-.02-1.31-.31-1.76-.74-.45-.43-.69-1-.76-1.63-.1-1.24.96-2.41,2.33-2.6,1.37-.18,2.59.88,2.7,2.37Z"/> 429 <path class="cls-1" d="M255.33,106.12c.08-.66-.38-1.26-1.02-1.32-.64-.07-1.23.38-1.3.99-.05.61.36,1.2.99,1.32.64.12,1.27-.31,1.34-.98M256.65,106.31c-.06.74-.5,1.34-1.05,1.72-.55.38-1.22.52-1.9.37s-1.23-.55-1.59-1.06c-.35-.51-.49-1.11-.44-1.75.15-1.24,1.41-2.19,2.78-2.11,1.38.08,2.37,1.35,2.19,2.83Z"/> 430 <path class="cls-1" d="M252.68,104.3l.1-.86c.02-.29.02-.58.02-.87l.04-1.74,3.46-.03-.04,1.92c-.01.32,0,.64-.03.96l-.11.95-3.45-.35Z"/> 431 </g> 432 <g> 433 <path class="cls-1" d="M254.21,111.14c.21-.63-.15-1.28-.79-1.45-.61-.16-1.27.19-1.46.78-.19.59.16,1.23.77,1.44s1.28-.14,1.48-.77M255.5,111.53c-.46,1.42-1.87,2.17-3.19,1.64-1.25-.5-2.02-1.9-1.63-3.09.1-.3.26-.57.47-.8.18-.24.41-.44.68-.59.53-.31,1.21-.44,1.88-.29.68.15,1.23.56,1.57,1.14.17.29.29.61.34.95.03.34-.01.69-.12,1.04Z"/> 434 <path class="cls-1" d="M251.72,117.29c.33-.58.09-1.29-.51-1.57-.57-.27-1.27-.04-1.58.49-.3.54-.08,1.24.48,1.56.56.32,1.28.11,1.6-.48M252.91,117.91c-.72,1.3-2.25,1.77-3.44,1.02-1.15-.73-1.63-2.25-1.02-3.34.15-.28.37-.51.6-.7.22-.2.49-.35.78-.45.58-.2,1.27-.21,1.9.06.64.27,1.1.78,1.33,1.41.11.31.17.65.16,1-.02.34-.14.68-.31,1Z"/> 435 <path class="cls-1" d="M249.83,114.7c.43-1.07.98-2.1,1.28-3.22l3.28,1.12c-.34,1.24-.94,2.38-1.42,3.57l-3.14-1.46Z"/> 436 </g> 437 <g> 438 <path class="cls-1" d="M249.02,121.67c.38-.55.24-1.29-.29-1.65-.54-.36-1.26-.24-1.6.27-.33.52-.25,1.22.26,1.62.51.4,1.28.32,1.64-.24M250.11,122.46c-.4.62-1.08.95-1.73,1.03-.66.08-1.32-.11-1.85-.56s-.83-1.06-.91-1.68c-.08-.62.09-1.21.42-1.75.7-1.03,2.25-1.29,3.44-.58,1.19.71,1.47,2.3.63,3.53Z"/> 439 <path class="cls-1" d="M244.63,126.64c.48-.47.49-1.22.03-1.67-.46-.45-1.19-.47-1.63-.04-.43.44-.46,1.17-.05,1.65.43.5,1.18.54,1.65.06M245.54,127.62c-.27.26-.56.45-.88.57-.33.1-.68.14-1.01.12-.67-.05-1.28-.36-1.71-.9-.43-.54-.61-1.2-.57-1.82.02-.31.1-.6.23-.87.12-.28.28-.55.51-.77.89-.88,2.47-.83,3.49.09,1.04.93,1.01,2.54-.06,3.58Z"/> 440 <polygon class="cls-1" points="243.7 123.56 244.32 122.96 244.87 122.29 245.99 120.96 248.71 123.1 247.48 124.58 246.86 125.31 246.17 125.98 243.7 123.56"/> 441 </g> 442 <g> 443 <path class="cls-1" d="M240.62,129.87c.57-.34.67-1.12.28-1.64-.39-.52-1.08-.61-1.61-.3-.52.33-.66,1.05-.31,1.6.35.55,1.08.7,1.64.33M241.38,130.97c-1.25.81-2.84.48-3.52-.72-.69-1.2-.39-2.74.66-3.42.55-.32,1.14-.48,1.76-.38.61.09,1.22.41,1.65.95.43.54.61,1.21.51,1.86-.1.65-.43,1.33-1.07,1.7Z"/> 444 <path class="cls-1" d="M234.85,133.13c.61-.27.85-1.01.57-1.59-.29-.59-.96-.81-1.52-.56-.57.22-.85.89-.61,1.49.24.6.94.89,1.56.65M235.39,134.35c-1.39.55-2.89-.09-3.34-1.4-.45-1.31.14-2.75,1.3-3.2,1.13-.54,2.57-.04,3.24,1.18.66,1.2.14,2.78-1.21,3.42Z"/> 445 <path class="cls-1" d="M234.97,129.89l1.55-.79c.52-.26.98-.62,1.47-.92l1.86,2.92c-.55.34-1.06.72-1.63,1.01l-1.71.88-1.54-3.1Z"/> 446 </g> 447 <g> 448 <path class="cls-1" d="M229.99,134.82c.64-.18,1.01-.83.81-1.44-.2-.62-.84-.98-1.43-.82-.59.16-.95.81-.81,1.44s.79,1,1.43.82M230.34,136.12c-.71.19-1.42.12-1.98-.23-.57-.36-.97-.93-1.
4481-1.61-.13-.68.02-1.34.34-1.86.32-.53.8-.98,1.41-1.14.61-.17,1.24-.05,1.8.27.54.28,1.01.77,1.24,1.42s.18,1.35-.12,1.95c-.31.56-.88,1.01-1.59,1.21Z"/> 449 <path class="cls-1" d="M223.46,135.97c.67-.05,1.14-.61,1.07-1.26s-.64-1.13-1.25-1.08c-.61.05-1.09.61-1.07,1.26.02.65.58,1.13,1.25,1.08M223.56,137.31c-.74.05-1.42-.18-1.9-.6-.49-.47-.77-1.1-.78-1.79,0-.69.27-1.31.69-1.76.42-.49.97-.82,1.6-.86.63-.06,1.24.22,1.72.59.48.38.85.95.95,1.64s-.08,1.35-.49,1.89c-.41.53-1.05.83-1.79.9Z"/> 450 <path class="cls-1" d="M224.65,133.02c1.14-.21,2.29-.37,3.41-.62l.79,3.37c-1.25.28-2.52.46-3.78.69l-.42-3.44Z"/> 451 </g> 452 <g> 453 <path class="cls-1" d="M218.31,136.02c.67.02,1.23-.5,1.24-1.14.02-.65-.47-1.18-1.08-1.2-.61-.07-1.16.39-1.24,1.04-.07.64.41,1.23,1.07,1.31M218.21,137.36c-1.48-.16-2.51-1.44-2.3-2.8.22-1.37,1.41-2.36,2.65-2.22,1.25.02,2.29,1.18,2.31,2.57.02,1.38-1.18,2.49-2.67,2.45Z"/> 454 <path class="cls-1" d="M211.77,134.93c.65.14,1.3-.26,1.44-.89.14-.63-.23-1.25-.83-1.38-.59-.17-1.22.17-1.41.79-.19.61.17,1.3.81,1.48M211.42,136.23c-1.43-.43-2.2-1.88-1.73-3.18.47-1.31,1.82-2.05,3.02-1.68,1.22.26,2.03,1.6,1.79,2.96-.24,1.36-1.62,2.22-3.08,1.9Z"/> 455 <path class="cls-1" d="M213.88,132.48c.57.12,1.13.27,1.7.35l1.72.2-.37,3.44-1.91-.23c-.63-.1-1.25-.26-1.88-.39l.74-3.38Z"/> 456 </g> 457 <g> 458 <path class="cls-1" d="M206.91,133.22c.61.26,1.3-.02,1.53-.62.23-.6-.04-1.29-.6-1.54-.56-.24-1.25.04-1.53.62-.28.58,0,1.27.6,1.54M206.38,134.45c-.67-.3-1.18-.8-1.4-1.42-.22-.64-.18-1.33.14-1.95.32-.61.85-1.04,1.43-1.24.58-.22,1.24-.27,1.82-.01.58.24,1,.75,1.24,1.33.25.56.31,1.24.08,1.89s-.7,1.16-1.31,1.44c-.6.27-1.32.25-2-.04Z"/> 459 <path class="cls-1" d="M201.1,130.04c.55.38,1.28.23,1.62-.32.34-.55.21-1.28-.3-1.63s-1.23-.2-1.62.32c-.38.52-.25,1.25.3,1.63M200.34,131.15c-.61-.42-1-1.02-1.11-1.66-.09-.67.08-1.34.51-1.89.43-.54,1.03-.86,1.63-.95.63-.12,1.27-.03,1.79.33.53.35.83.94.97,1.53.14.59.07,1.27-.28,1.87s-.91,1.01-1.56,1.17c-.65.16-1.34,0-1.96-.41Z"/> 460 <path class="cls-1" d="M203.87,128.48c1.02.55,2.01,1.14,3.06,1.64l-1.49,3.13c-1.15-.55-2.26-1.21-3.38-1.82l1.81-2.95Z"/> 461 </g> 462 <g> 463 <path class="cls-1" d="M197.04,126.87c.51.43,1.27.38,1.69-.12.42-.49.38-1.22-.1-1.61-.44-.43-1.15-.42-1.61.04-.45.46-.45,1.22.02,1.69M196.13,127.86c-1.06-1.05-1.06-2.7-.04-3.62,1.02-.93,2.57-.96,3.45-.08.96.8,1.05,2.35.21,3.45-.84,1.1-2.47,1.21-3.61.25Z"/> 464 <path class="cls-1" d="M192.62,121.92c.42.52,1.17.62,1.67.21.5-.41.6-1.13.22-1.6-.4-.47-1.06-.63-1.61-.26-.52.35-.71,1.14-.28,1.65M191.54,122.72c-.88-1.2-.53-2.85.64-3.56,1.19-.73,2.67-.43,3.41.58.78.97.57,2.52-.47,3.44-1.04.92-2.65.71-3.58-.45Z"/> 465 <path class="cls-1" d="M195.8,121.34c.37.44.7.93,1.11,1.34l1.21,1.24-2.44,2.46-1.34-1.38c-.45-.46-.82-.99-1.23-1.48l2.69-2.18Z"/> 466 </g> 467 <g> 468 <path class="cls-1" d="M189.95,117.35c.11.3.33.53.6.66.29.18.61.2.9.04.28-.15.51-.38.66-.59.13-.27.16-.59.05-.89-.21-.6-.89-.92-1.5-.7-.61.22-.93.88-.72,1.49M188.69,117.79c-.46-1.29.23-2.73,1.53-3.19,1.3-.46,2.74.21,3.2,1.5.06.16.1.32.12.49.01.08.02.16.02.25,0,.04,0,.09,0,.11l-.04.02c-.16,0-.14.35-.23.65-.16.59-.54,1.16-1.12,1.53-.58.37-1.27.47-1.92.3-.17-.05-.31-.09-.48-.18-.16-.1-.4-.26-.54-.53l-.12-.19s-.05-.07-.08-.1c-.05-.07-.1-.13-.14-.2-.09-.14-.16-.29-.22-.45Z"/> 469 <path class="cls-1" d="M187.8,111.3c.21.6.89.92,1.5.7.61-.22.93-.88.72-1.49-.21-.6-.89-.92-1.5-.7-.61.22-.93.88-.72,1.49M186.54,111.75c-.46-1.29.23-2.73,1.53-3.19s2.74.21,3.2,1.5c.46,1.29-.23,2.73-1.53,3.19-1.3.46-2.74-.21-3.2-1.5Z"/> 470 <rect class="cls-1" x="188.24" y="112.22" width="3.46" height="3.65" transform="translate(-27.24 70.28) rotate(-19.58)"/> 471 </g> 472 <g> 473 <path class="cls-1" d="M186.13,106.6c.21.6.89.92,1.49.7.61-.22.93-.88.72-1.49-.21-.6-.89-.92-1.49-.7-.61.22-.93.88-.72,1.49M184.87,107.05c-.46-1.29.23-2.73,1.53-3.19,1.3-.46,2.74.21,3.2,1.5.46,1.29-.23,2.73-1.53,3.19s-2.74-.21-3.2-1.5Z"/> 474 <path class="cls-1" d="M183.98,100.55c.21.6.89.92,1.49.7.61-.22.93-.88.72-1.49-.21-.6-.89-.92-1.49-.7-.61.22-.93.88-.72,1.49M182.72,101c-.46-1.29.23-2.73,1.53-3.19,1.3-.46,2.74.21,3.2,1.5.46,1.29-.23,2.73-1.53,3.19s-2.74-.21-3.2-1.5Z"/> 475 <rect class="cls-1" x="184.41" y="101.48" width="3.46" height="3.65" transform="translate(-23.86 68.38) rotate(-19.59)"/> 476 </g> 477 <g> 478 <path class="cls-1" d="M182.31,95.86c.21.6.89.92,1.5.7s.93-.88.72-1.49c-.21-.6-.89-.92-1.5-.7s-.93.88-.72,1.49M181.05,96.31c-.46-1.29.23-2.73,1.53-3.19,1.3-.46,2.74.21,3.2,1.5.46,1.29-.23,2.73-1.53,3.19-1.3.46-2.74-.21-3.2-1.5Z"/> 479 <path class="cls-1" d="M180.16,89.81c.21.6.89.92,1.5.7.61-.22.93-.88.72-1.49s-.89-.92-1.5-.7c-.61.22-.93.88-.72,1.49M178.89,90.26c-.46-1.29.23-2.73,1.53-3.19,1.3-.46,2.74.21,3.2,1.5.46,1.29-.23,2.73-1.53,3.19-1.3.46-2.74-.21-3.2-1.5Z"/> 480 <rect class="cls-1" x="180.59" y="90.74" width="3.46" height="3.65" transform="translate(-20.48 66.48) rotate(-19.59)"/> 481 </g> 482 <g> 483 <path class="cls-1" d="M178.49,85.12c.21.6.89.92,1.5.7s.93-.88.72-1.49c-.21-.6-.89-.92-1.5-.7s-.93.88-.72,1.49M177.22,85.57c-.46-1.29.23-2.73,1.53-3.19,1.3-.46,2.74.21,3.2,1.5.46,1.29-.23,2.73-1.53,3.19-1.3.46-2.74-.21-3.2-1.5Z"/> 484 <path class="cls-1" d="M176.34,79.07c.21.6.89.92,1.5.7.61-.22.93-.88.72-1.49-.21-.6-.89-.92-1.49-.7-.61.22-.93.88-.72,1.49M175.07,79.52c-.46-1.29.23-2.73,1.53-3.19,1.3-.46,2.74.21,3.2,1.5.46,1.29-.23,2.73-1.53,3.19-1.3.46-2.74-.21-3.2-1.5Z"/> 485 <rect class="cls-1" x="176.77" y="80" width="3.46" height="3.65" transform="translate(-17.1 64.57) rotate(-19.59)"/> 486 </g> 487 <g> 488 <path class="cls-1" d="M174.67,74.38c.21.6.89.92,1.5.7s.93-.88.72-1.49c-.21-.6-.89-.92-1.5-.7s-.93.88-.72,1.49M173.4,74.83c-.46-1.29.23-2.73,1.53-3.19,1.3-.46,2.74.21,3.2,1.5.46,1.29-.23,2.73-1.53,3.19-1.3.46-2.74-.21-3.2-1.5Z"/> 489 <path class="cls-1" d="M172.51,68.33c.21.6.89.92,1.5.7.61-.22.93-.88.72-1.49-.21-.6-.89-.92-1.5-.7-.61.22-.93.88-.72,1.49M171.25,68.78c-.46-1.29.23-2.73,1.53-3.19,1.3-.46,2.74.21,3.2,1.5.46,1.29-.23,2.73-1.53,3.19s-2.74-.21-3.2-1.5Z"/> 490 <rect class="cls-1" x="172.95" y="69.26" width="3.46" height="3.65" transform="translate(-13.72 62.67) rotate(-19.59)"/> 491 </g> 492 <g> 493 <path class="cls-1" d="M170.84,63.64c.21.6.89.92,1.5.7.61-.22.93-.88.72-1.49s-.89-.92-1.5-.7c-.61.22-.93.88-.72,1.49M169.58,64.09c-.46-1.29.23-2.73,1.53-3.19s2.74.21,3.2,1.5c.46,1.29-.23,2.73-1.53,3.19-1.3.46-2.74-.21-3.2-1.5Z"/> 494 <path class="cls-1" d="M168.69,57.59c.21.6.89.92,1.5.7.61-.22.93-.88.72-1.49-.21-.6-.89-.92-1.5-.7-.61.22-.93.88-.72,1.49M167.43,58.04c-.46-1.29.23-2.73,1.53-3.19,1.3-.46,2.74.21,3.2,1.5.46,1.29-.23,2.73-1.53,3.19s-2.74-.21-3.2-1.5Z"/> 495 <rect class="cls-1" x="169.13" y="58.52" width="3.46" height="3.65" transform="translate(-10.34 60.76) rotate(-19.58)"/> 496 </g> 497 </g> 498 <path class="cls-2" d="M70.15,29.7l-6.92,38.62h-11.28l5.48-30.57c.16-.86-.01-1.61-.52-2.25-.51-.64-1.22-.97-2.13-.97h-.8c-.91,0-1.73.31-2.45.93-.72.62-1.16,1.38-1.32,2.29l-5.47,30.57h-11.28l5.47-30.57c.16-.86-.01-1.61-.52-2.25-.51-.64-1.22-.97-2.12-.97h-.8c-.91,0-1.72.31-2.44.93-.72.62-1.16,1.38-1.32,2.3l-5.48,30.57h-11.28l6.92-38.62c.32-1.77,1.22-3.29,2.7-4.55,1.48-1.26,3.1-1.89,4.87-1.89h35.4c1.82,0,3.25.
49863,4.26,1.89,1.02,1.26,1.37,2.78,1.05,4.55Z"/> 499 <path class="cls-2" d="M77.23,68.31c-1.82,0-3.25-.63-4.26-1.89-1.02-1.26-1.37-2.77-1.05-4.54l3.06-16.9c.32-1.77,1.22-3.28,2.7-4.55,1.48-1.26,3.1-1.89,4.87-1.89h27.36l.15-.81c.16-.86-.02-1.61-.52-2.25-.51-.64-1.22-.97-2.13-.97h-30.56l2.01-11.26h38.62c1.82,0,3.24.63,4.26,1.89,1.02,1.26,1.37,2.78,1.05,4.55l-6.92,38.62h-38.62ZM88.57,49.81c-.91,0-1.73.32-2.46.96-.72.64-1.17,1.4-1.33,2.25l-.16.8c-.16.86.01,1.61.52,2.25.51.64,1.22.97,2.13.97h19.3l1.3-7.24h-19.31Z"/> 500 <path class="cls-2" d="M92.24,131.83l57.7-.12,2.28-14.57-45.68.1c-1.28.01-2.34-.38-3.18-1.19-.84-.81-1.16-1.8-.98-2.97l.16-1.04c.18-1.18.8-2.16,1.84-2.95,1.05-.79,2.25-1.19,3.61-1.19l45.68-.09,2.28-14.57-45.68.09c-1.28.01-2.34-.38-3.18-1.18-.84-.8-1.16-1.79-.98-2.96l.16-1.03c.18-1.17.8-2.15,1.84-2.94,1.05-.79,2.25-1.18,3.61-1.18l45.67-.1,2.28-14.56-57.7.12c-2.65.01-5.04.83-7.17,2.44-2.13,1.62-3.38,3.57-3.74,5.86l-7.15,45.71c-.37,2.36.27,4.34,1.9,5.94,1.63,1.6,3.77,2.4,6.42,2.39Z"/> 501 <path class="cls-2" d="M82.93,69.67l-11.79,61.02-9.69.06L15.09,70.06l16.97-.1,27.24,37.87,6.64-38.06,16.99-.1Z"/> 502 <path class="cls-4" d="M56.01,123.38L15.09,70.06l16.97-.1,27.24,37.87-3.29,15.55Z"/> 503 <path class="cls-3" d="M276.16,96.34h-55.12c-2.81,0-5.11,2.3-5.11,5.11s2.3,5.11,5.11,5.11h55.12c2.81,0,5.11-2.3,5.11-5.11s-2.3-5.11-5.11-5.11ZM275.12,102.99c-.92,0-1.66-.75-1.66-1.66s.75-1.66,1.66-1.66,1.66.75,1.66,1.66-.75,1.66-1.66,1.66Z"/> 504</svg> </a> 505 506 <nav class="mv-nav d-none d-lg-flex align-items-center"> 507<a class="nav-link mv-home-link" href="https://www.matosvelo.fr/" aria-label="Accueil" title="Accueil"> 508 <svg class="mv-home-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 88" style="height:1.3em;width:auto;vertical-align:middle;" aria-hidden="true" focusable="false"> 509 <path d="M12,46 L50,12 L88,46" fill="none" stroke="#c80b1d" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/> 510 <path d="M50,24 L82,50 L82,80 Q82,86 76,86 L24,86 Q18,86 18,80 L18,50 Z" fill="var(--mv-logo-ink, #171512)"/> 511 </svg> 512 <span class="visually-hidden">Accueil</span> 513</a> 514 <a class="nav-link" href="https://www.matosvelo.fr/category/Actualite">Actu</a> 515 516 <div class="dropdown"> 517 <a class="nav-link dropdown-toggle" href="https://www.matosvelo.fr/category/Tests" data-bs-toggle="dropdown">Tests</a> 518 <ul class="dropdown-menu"> 519 <li><a class="dropdown-item" href="https://www.matosvelo.fr/category/Test-materiel">Test matériel</a></li> 520 <li><a class="dropdown-item" href="https://www.matosvelo.fr/category/Test-equipement-textile">Test équipement textile</a></li> 521 <li><a class="dropdown-item" href="https://www.matosvelo.fr/category/Tests/tests-feminins">Tests féminins</a></li> 522 <li><a class="dropdown-item" href="https://www.matosvelo.fr/category/tests-urbains">Tests urbains</a></li> 523 </ul> 524 </div> 525 526 <a class="nav-link" href="https://www.matosvelo.fr/category/Le-matos-des-pros">Matos Pro</a> 527 <a class="nav-link" href="https://www.matosvelo.fr/category/Technique">Technique</a> 528 <a class="nav-link" href="https://www.matosvelo.fr/pages/les-outils-pour-cyclistes-route-et-gravel">Outils</a> 529 530 <div class="dropdown"> 531 <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Plus</a> 532 <ul class="dropdown-menu"> 533 <li><a class="dropdown-item" href="https://www.matosvelo.fr/category/Divers">Divers</a></li> 534 <li><a class="dropdown-item" href="https://www.matosvelo.fr/category/Interviews">Interviews</a></li> 535 <li><a class="dropdown-item" href="https://www.matosvelo.fr/category/velobsession">Vélobsession</a></li> 536 <li><a class="dropdown-item" href="https://www.matosvelo.fr/category/matos-velo-vintage">Matos vélo vintage</a></li> 537 <li><a class="dropdown-item" href="https://www.matosvelo.fr/category/Divers/cyclosport">Cyclosport</a></li> 538 <li><a class="dropdown-item" href="https://www.matosvelo.fr/category/Divers/reportage">Reportage</a></li> 539 <li><a class="dropdown-item" href="https://www.matosvelo.fr/category/Le-velo-et-votre-enfant">Le vélo et votre enfant</a></li> 540 </ul> 541 </div> 542
543 <span class="mv-social-inline ms-2"> 544 <a href="https://www.facebook.com/matosvelo" target="_blank" title="Facebook"><i class="fa-brands fa-facebook-f"></i></a> 545 <a href="https://instagram.com/matosvelo/" target="_blank" title="Instagram"><i class="fa-brands fa-instagram"></i></a> 546 <a href="https://twitter.com/matosvelo" target="_blank" title="X"><i class="fa-brands fa-x-twitter"></i></a> 547 <a href="https://www.youtube.com/@Matos-Velo" target="_blank" title="YouTube"><i class="fa-brands fa-youtube"></i></a> 548 <a href="https://app.strava.com/clubs/matosvelo" target="_blank" title="Strava"><i class="fa-brands fa-strava"></i></a> 549 </span> 550 </nav> 551 552 <div class="d-flex align-items-center gap-2"> 553 <a class="mv-icon-btn" href="index.php?contact" title="Contact" aria-label="Contact"><i class="fa-solid fa-envelope" aria-hidden="true"></i></a> 554 <button class="mv-icon-btn" type="button" title="Aller à la recherche" data-bs-toggle="offcanvas" data-bs-target="#offcanvasSearch"><i class="fa-solid fa-magnifying-glass"></i></button> 555 <button class="mv-icon-btn" type="button" title="Thème clair/sombre" aria-label="Basculer le thème clair ou sombre" onclick="mvToggleTheme()"><i class="fa-solid fa-circle-half-stroke"></i></button> 556 <button class="mv-icon-btn d-lg-none" type="button" title="Menu" data-bs-toggle="offcanvas" data-bs-target="#offcanvasMenu"><i class="fa-solid fa-bars"></i></button> 557 </div> 558 559 </div> 560</header> 561 562<!-- ================= offcanvas recherche ================= --> 563<div class="offcanvas offcanvas-top" tabindex="-1" id="offcanvasSearch" style="height:auto;"> 564 <div class="offcanvas-body py-4"> 565 <div class="container-xl"> 566 <form class="d-flex gap-2" action="https://www.matosvelo.fr/" method="get" role="search" id="search"> 567 <input type="search" class="form-control form-control-lg" name="q" placeholder="Rechercher un article, un test, une marqueâ¦"> 568 <button class="btn btn-dark btn-lg" type="submit"><i class="fa-solid fa-magnifying-glass"></i></button> 569 <button type="button" class="btn btn-lg" data-bs-dismiss="offcanvas"><i class="fa-solid fa-xmark"></i></button> 570 </form> 571 </div> 572 </div> 573</div> 574 575<!-- ================= offcanvas menu mobile ================= --> 576<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasMenu"> 577 <div class="offcanvas-header"> 578 <h2 class="offcanvas-title h5 mb-0 fw-bold">Matos vélo, actualités vélo de route, gravel et tests de matériel cyclisme</h2> 579 <button type="button" class="btn-close" data-bs-dismiss="offcanvas"></button> 580 </div> 581 <div class="offcanvas-body"> 582 <div class="accordion accordion-flush" id="mobileNavAcc"> 583 <div class="accordion-item"><a class="accordion-button collapsed" href="https://www.matosvelo.fr/" style="box-shadow:none;">Accueil</a></div> 584 <div class="accordion-item"><a class="accordion-button collapsed" href="https://www.matosvelo.fr/category/Actualite" style="box-shadow:none;">Actu</a></div> 585 586 <div class="accordion-item"> 587 <h2 class="accordion-header"><button class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#accTests">Tests</button></h2> 588 <div id="accTests" class="accordion-collapse collapse" data-bs-parent="#mobileNavAcc"> 589 <div class="accordion-body py-2"> 590 <a href="https://www.matosvelo.fr/category/Test-materiel" class="d-block py-1">Test matériel</a> 591 <a href="https://www.matosvelo.fr/category/Test-equipement-textile" class="d-block py-1">Test équipement textile</a> 592 <a href="https://www.matosvelo.fr/category/Tests/tests-feminins" class="d-block py-1">Tests féminins</a> 593 <a href="https://www.matosvelo.fr/category/tests-urbains" class="d-block py-1">Tests urbains</a> 594 </div> 595 </div> 596 </div> 597 598 <div class="accordion-item"><a class="accordion-button collapsed" href="https://www.matosvelo.fr/category/Le-matos-des-pros" style="box-shadow:none;">Matos Pro</a></div> 599 <div class="accordion-item"><a class="accordion-button collapsed" href="https://www.matosvelo.fr/category/Technique" style="box-shadow:none;">Technique</a></div> 600 <div class="accordion-item"><a class="accordion-button collapsed" href="https://www.matosvelo.fr/pages/les-outils-pour-cyclistes-route-et-gravel" style="box-shadow:none;">Outils</a></div> 601 602 <div class="accordion-item"> 603 <h2 class="accordion-header"><button class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#accPlus">Plus</button></h2> 604 <div id="accPlus" class="accordion-collapse collapse" data-bs-parent="#mobileNavAcc"> 605 <div class="accordion-body py-2"> 606 <a href="https://www.matosvelo.fr/category/Divers" class="d-block py-1">Divers</a> 607 <a href="https://www.matosvelo.fr/category/Interviews" class="d-block py-1">Interviews</a> 608 <a href="https://www.matosvelo.fr/category/velobsession" class="d-block py-1">Vélobsession</a> 609 <a href="https://www.matosvelo.fr/category/matos-velo-vintage" class="d-block py-1">Matos vélo vintage</a> 610 <a href="https://www.matosvelo.fr/category/Divers/cyclosport" class="d-block py-1">Cyclosport</a> 611 <a href="https://www.matosvelo.fr/category/Divers/reportage" class="d-block py-1">Reportage</a> 612 <a href="https://www.matosvelo.fr/category/Le-velo-et-votre-enfant" class="d-block py-1">Le vélo et votre enfant</a> 613 </div> 614 </div> 615 </div> 616 617 <div class="accordion-item"> 618 <a class="accordion-button collapsed d-flex align-items-center gap-2" href="index.php?contact" style="box-shadow:none;"> 619 <i class="fa-solid fa-envelope" aria-hidden="true"></i> Contact 620 </a> 621 </div> 622 </div> 623 624 <div class="mv-social mt-4"> 625 <a href="https://www.facebook.com/matosvelo" target="_blank"><i class="fa-brands fa-facebook-f"></i></a> 626 <a href="https://instagram.com/matosvelo/" target="_blank"><i class="fa-brands fa-instagram"></i></a> 627 <a href="https://twitter.com/matosvelo" target="_blank"><i class="fa-brands fa-x-twitter"></i></a> 628 <a href="https://www.youtube.com/@Matos-Velo" target="_blank"><i class="fa-brands fa-youtube"></i></a> 629 <a href="https://app.strava.com/clubs/matosvelo" target="_blank"><i class="fa-brands fa-strava"></i></a> 630 </div> 631 </div> 632</div> 633 634<!-- Detect Adblock --> 635<style> 636#LUNoVQvBImld { 637display: none; 638margin-bottom: 30px; 639padding: 20px 10px; 640background: #000000; 641text-align: center;
642font-weight: bold; 643color: #fff; 644border-radius: 5px; 645} 646</style> 647 648<div id="LUNoVQvBImld"> 649 Ce site peut vivre grâce aux publicités qui sont affichées.<br> 650Vous aimez Matos Vélo ? Ajoutez le site en exception de votre bloqueur de publicité.<br> 651 En bloquant la publicité, vous privez Matos Vélo de son unique source de revenus et mettez en péril l'existence même du site. 652</div> 653
654<script src="/ads.js" type="text/javascript"></script>
vendor: 1 bytes, line 654
654
655<script type="text/javascript"> 656if(!document.getElementById('sPaAyjuWfSdB')){ 657 document.getElementById('LUNoVQvBImld').style.display='block'; 658} 659</script>
659 660 661<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 661-662
661 662<script async src="https://www.googletagmanager.com/gtag/js?id=
662G-VT1MT6LRCT
vendor: 12 bytes, line 662
662"></script>
663<script> 664
vendor: 133 bytes, lines 664-667
664window.dataLayer = window.dataLayer || []; 665 function gtag(){dataLayer.push(arguments);} 666 gtag('js', new Date()); 667 gtag('config', '
667G-VT1MT6LRCT
vendor: 4 bytes, line 667
667');
668</script>
668 669 670<p id="prelude" class="sr-only"> 671 <a href="#main">Aller au contenu</a> | 672 <a href="#bs-example-navbar-collapse-1">Aller au menu</a> | 673 <a href="#search">Aller à la recherche</a> 674</p> 675<br> 676<div id="MVMedia3" align="center" class="pubaff">
677<script language="javascript"> 678var mvID3 = "MVMedia3"; 679var xhrMV3 = new XMLHttpRequest(); 680xhrMV3.onreadystatechange = function() {if (xhrMV3.readyState === 4) {document.getElementById(mvID3).innerHTML = xhrMV3.response;scripts = document.getElementById(mvID3).getElementsByTagName("script");for(var i=0;i
680<scripts.length;i++){eval(scripts[i].firstChild.nodeValue);}}}; 681xhrMV3.open('GET', 'https://www.matosvelo.fr/Media/?emplacement=3', true); 682xhrMV3.send(''); 683function click_p_mv(no) { 684var xhttp = new XMLHttpRequest(); 685xhttp.open('GET', 'https://www.matosvelo.fr/Media/click.php?p='+no, true); 686xhttp.send(''); 687} 688</script>
688 689</div> 690<div id="matosvelo_htd" class="ams-ad"></div> 691 692 693 694<div id="wrapper"> 695<div id="main"> 696<div id="content"> 697 698<div class="container-xl mt-4"> 699 <div class="row"> 700 <div class="col-lg-8"> 701 702 <!-- article précédent / suivant dans la même catégorie --> 703 <div class="d-flex justify-content-between mb-3"> 704 <a href="https://www.matosvelo.fr/post/2026/09/02/combien-de-dodos-avant-le-tour-de-france-ou-paris-roubaix" class="mv-icon-btn" title="Combien de dodos avant le Tour de France ou Paris-Roubaix ?"><i class="fa-solid fa-chevron-left"></i></a> 705 706 707 </div> 708 709 <article id="p5774"> 710 711 712 <span class="mv-pill mb-2">Divers</span> 713 714 <h1 class="mb-2" style="font-family:'ubuntubold',sans-serif;font-size:1.9rem;line-height:1.2;">La carte dâurgence ICE de Matos Vélo évolue</h1> 715 716 <p class="small text-muted mb-4"> 717 Par <span class="author"><a href="https://www.matosvelo.fr/pages/A-propos">Guillaume ROBERT</a></span> 718 le samedi 3 octobre 2026 07:51 â <a href="https://www.matosvelo.fr/category/Divers" class="text-muted">Divers</a> â <i class="fa-regular fa-comment ms-1 me-1"></i>5 </p> 719 720 721 <!-- encart natif â géré par la régie / système Media interne --> 722 <div id="MVMedia1" align="center" class="pubaff mv-ad mb-4" style="height:90px;"> 723
723<script language="javascript"> 724 var mvID1 = "MVMedia1"; 725 var xhrMV1 = new XMLHttpRequest(); 726 xhrMV1.onreadystatechange = function() {if (xhrMV1.readyState === 4) {document.getElementById(mvID1).innerHTML = xhrMV1.response;scripts = document.getElementById(mvID1).getElementsByTagName("script");for(var i=0;i
726<scripts.length;i++){eval(scripts[i].firstChild.nodeValue);}}}; 727 xhrMV1.open('GET', 'https://www.matosvelo.fr/Media/?emplacement=1', true); 728 xhrMV1.send(''); 729 function click_p_mv(no) { 730 var xhttp = new XMLHttpRequest(); 731 xhttp.open('GET', 'https://www.matosvelo.fr/Media/click.php?p='+no, true); 732 xhttp.send(''); 733 } 734 </script>
734 735 </div> 736 737 738 <!-- hero : média à la une du billet, intégré dans la zone du chapo --> 739 <div class="mv-chapo mb-4"> 740 <a href="https://www.matosvelo.fr/post/2026/09/17/la-carte-durgence-ice-de-matos-velo-evolue" class="mv-thumb-plain d-block mb-3" style="aspect-ratio:3/2;"> 741 <img src="/public/Divers/ICE_Card/.Carte-ICE-Matos-Velo_m.jpg" alt="Carte-ICE-Matos-Velo.jpg" /> 742 </a> 743 <p style="margin-bottom:13px">Une carte ICE (In Case of Emergency) rassemble sur un support unique les informations quâun secouriste doit connaître en priorité en cas dâaccident : identité, personne à prévenir, traitements en cours, allergies ou antécédents médicaux. Contrairement à un smartphone, elle reste consultable même verrouillée, endommagée ou déchargée, ce qui en fait un complément utile pour toute sortie à vélo.</p> 744 745<p><a class="ref-post" href="/post/2059/ice-card-la-carte-d-urgence-pour-tous-les-cyclistes" target="_blank">Matos Vélo propose ce type de carte depuis 2012</a>, sous la forme dâun formulaire PDF à remplir, imprimer puis découper. Une version bilingue françaisâanglais avait ensuite été ajoutée, afin que la carte reste lisible par des secours à lâétranger.</p> </div> 746 747 <div id="matosvelo_hmd" class="ams-ad mb-4"></div> 748 749 <!-- 750 Contenu de l'article : saisi dans l'éditeur Dotclear (texte, images, tableaux, 751 galerie du plugin existant). On ne touche pas à ce que le plugin génère â 752 seul le CSS générique (.post-content dans theme-v3.css) habille les balises 753 natives (tableaux, images) pour qu'elles suivent le nouveau design. 754 NOTE : la première image ci-dessus (hero) peut réapparaître une 2e fois ici si 755 elle est aussi placée en tête du corps de l'article dans l'éditeur â à vérifier 756 une fois testé ; si ça gêne visuellement, on pourra la masquer en CSS ou revoir 757 l'approche avec Guillaume selon comment les articles sont rédigés. 758 --> 759 <div class="post-content"><p style="margin-bottom:13px">Cette carte évolue aujourdâhui vers un outil en ligne. Les champs se remplissent directement dans le navigateur, avec un aperçu de la carte mis à jour en temps réel. Un bouton permet ensuite de générer un PDF prêt à lâimpression, contenant deux exemplaires de la carte : le second est retourné à 180°, afin que la carte reste lisible une fois pliée en deux.</p> 760 761<p>Les informations saisies ne quittent pas lâappareil de lâutilisateur : elles restent stockées localement dans le navigateur et ne sont transmises à aucun serveur.</p> 762 763<p>Utile que vous soyez cycliste, randonneur, coureur ou toute autre activité.</p> 764 765<h2>Les informations demandées</h2> 766 767<p>Lâoutil reprend les champs de la carte originale : nom, prénom, date de naissance et téléphone du porteur, personne à contacter et son numéro, médecin traitant et son numéro, traitements en cours, antécédents, ainsi que les allergies éventuelles et maladies chroniques. Chaque champ est repris en français puis en anglais sur la carte générée.</p> 768 769<p>En 2017, suite aux conseils du Docteur Perrin à Grenoble (que je remercie vivement), la carte ICE avait été modifiée :</p> 770 771<ul> 772 <li>suppression du champ sécurité sociale qui n'est pas utile pour les secours</li> 773 <li>suppression du rhésus, dont les secours ne tiennent pas compte non plus</li> 774 <li>ajout d'un champ traitements en cours (anticoagulants et autres)</li> 775 <li>ajout d'un champ antécédents</li> 776</ul> 777 778<h2>Utilisation</h2> 779 780<p>Une fois le PDF généré, il suffit de lâimprimer, de découper chaque carte le long de son contour, puis de la plier si besoin. Pour une durée de vie plus longue, notamment en cas dâusage régulier ou par temps humide, la carte peut être plastifiée avant dâêtre glissée dans un portefeuille, une sacoche ou une poche de maillot.</p> 781 782<p>Vous pouvez opter pour imprimer une version française ou la ver
782sion en anglais.</p> 783 784<p>Lâoutil est gratuit et personnalisable, et peut être rempli à nouveau à tout moment en cas de changement de coordonnées ou de traitement.</p> 785 786<p> </p> 787 788<p><iframe loading="lazy" allowfullscreen="" frameborder="0" scrolling="no" src="https://www.matosvelo.fr/HTML_Perso/carte-ice.html" style="width:100%; border:0; display:block;"></iframe></p>
789<script> 790window.addEventListener('message', function (event) { 791 792 if (event.origin !== 'https://www.matosvelo.fr') return; 793 794 if ( 795 !event.data || 796 event.data.source !== 'matosvelo-iframe-resize' 797 ) return; 798 799 var height = parseInt(event.data.height, 10); 800 801 if (isNaN(height) || height <= 0) return; 802 803 var iframes = document.getElementsByTagName('iframe'); 804 805 for (var i = 0; i < iframes.length; i++) { 806 if (iframes[i].contentWindow === event.source) { 807 iframes[i].style.height = height + 'px'; 808 break; 809 } 810 } 811}); 812</script>
812 813 814<div id="mv-autres-outils-slot">Â </div>
815<script> 816 fetch('https://www.matosvelo.fr/HTML_Perso/autres-outils-iframe.html') 817 .then(function (response) { return response.text(); }) 818 .then(function (html) { 819 document.getElementById('mv-autres-outils-slot').innerHTML = html; 820 }) 821 .catch(function (error) { 822 console.error('Impossible de charger le bloc "autres outils" :', error); 823 }); 824</script>
824 825 826<p> </p></div> 827 828 </article> 829 830 <!-- modale d'affichage des images du contenu de l'article en grand format --> 831 <div class="modal fade" id="mvImgModal" tabindex="-1" aria-hidden="true"> 832 <div class="modal-dialog modal-dialog-centered modal-xl"> 833 <div class="modal-content bg-transparent border-0"> 834 <button type="button" class="position-absolute top-0 end-0 m-3 d-flex align-items-center justify-content-center" data-bs-dismiss="modal" aria-label="Close" style="z-index:2; width:44px; height:44px; border-radius:50%; background-color:rgba(23,21,18,.75); border:1px solid rgba(255,255,255,.3); color:#fff; font-size:1.2rem;"> 835 <i class="fa-solid fa-xmark"></i> 836 </button> 837 <img src="" alt="" id="mvImgModalPic" class="w-100 h-auto" style="border-radius:var(--mv-radius);"> 838 </div> 839 </div> 840 </div> 841 842 <!-- 843 Partage : boutons natifs (Bootstrap + Font Awesome, déjà chargés), à la place 844 de Shareaholic (script tiers retiré de _head.html). Les liens de partage sont 845 construits en JS à partir de window.location.href / document.title plutôt que 846 des tags Dotclear directement dans le HTML, pour éviter tout souci d'encodage 847 d'URL (accents, esperluettes) dans les paramètres des liens Facebook/X/etc. 848 --> 849 <div class="d-flex align-items-center gap-2 my-4" id="mvShare"> 850 <span class="small text-muted me-1">Partager :</span> 851 <a href="#" class="mv-icon-btn" data-share="facebook" title="Facebook" aria-label="Partager sur Facebook"><i class="fa-brands fa-facebook-f"></i></a> 852 <a href="#" class="mv-icon-btn" data-share="x" title="X" aria-label="Partager sur X"><i class="fa-brands fa-x-twitter"></i></a> 853 <a href="#" class="mv-icon-btn" data-share="linkedin" title="LinkedIn" aria-label="Partager sur LinkedIn"><i class="fa-brands fa-linkedin-in"></i></a> 854 <a href="#" class="mv-icon-btn" data-share="whatsapp" title="WhatsApp" aria-label="Partager sur WhatsApp"><i class="fa-brands fa-whatsapp"></i></a> 855 <a href="#" class="mv-icon-btn" data-share="mail" title="Send by email" aria-label="Send by email"><i class="fa-solid fa-envelope"></i></a> 856 <button type="button" class="mv-icon-btn" id="mvShareCopy" title="Copy link" aria-label="Copy link"><i class="fa-solid fa-link"></i></button> 857 </div> 858
858<script type="text/javascript"> 859 document.addEventListener('DOMContentLoaded', function () { 860 var shareBox = document.getElementById('mvShare'); 861 if (!shareBox) { return; } 862 var url = encodeURIComponent(window.location.href); 863 var title = encodeURIComponent(document.title); 864 var targets = { 865 facebook: 'https://www.facebook.com/sharer/sharer.php?u=' + url, 866 x: 'https://twitter.com/intent/tweet?url=' + url + '&text=' + title, 867 linkedin: 'https://www.linkedin.com/sharing/share-offsite/?url=' + url, 868 whatsapp: 'https://wa.me/?text=' + title + '%20' + url, 869 mail: 'mailto:?subject=' + title + '&body=' + url 870 }; 871 shareBox.querySelectorAll('[data-share]').forEach(function (btn) { 872 var key = btn.getAttribute('data-share'); 873 if (!targets[key]) { return; } 874 btn.setAttribute('href', targets[key]); 875 if (key !== 'mail') { 876 btn.addEventListener('click', function (e) { 877 e.preventDefault(); 878 window.open(targets[key], '_blank', 'noopener,width=600,height=500'); 879 }); 880 } 881 }); 882 var copyBtn = document.getElementById('mvShareCopy'); 883 if (copyBtn) { 884 copyBtn.addEventListener('click', function () { 885 navigator.clipboard.writeText(window.location.href).then(function () { 886 var icon = copyBtn.querySelector('i'); 887 icon.className = 'fa-solid fa-check'; 888 setTimeout(function () { icon.className = 'fa-solid fa-link'; }, 1500); 889 }); 890 }); 891 } 892 }); 893 </script>
893 894 895 <!-- pièces jointes natives Dotclear (distinctes de la galerie du plugin) --> 896 897 898 899 <!-- Commentaires / rétroliens --> 900 <ul class="nav nav-pills nav-justified mt-4 mb-3" id="post-tabs" role="tablist"> 901 <li class="nav-item" role="presentation"> 902 <button class="nav-link active" id="comments-tab-btn" data-bs-toggle="pill" data-bs-target="#comments-tab" type="button" role="tab"> 903 <i class="fa-solid fa-comments me-1"></i> Commentaires <span class="badge ms-1" style="background:var(--mv-red);">5</span> 904 </button> 905 </li> 906 <li class="nav-item" role="presentation"> 907 <button class="nav-link" id="pings-tab-btn" data-bs-toggle="pill" data-bs-target="#pings-tab" type="button" role="tab"> 908 <i class="fa-solid fa-shuffle me-1"></i> La discussion continue ailleurs <span class="badge ms-1" style="background:var(--mv-black);">0</span> 909 </button> 910 </li> 911 </ul> 912 913 <div class="tab-content"> 914 <div class="tab-pane fade show active" id="comments-tab" role="tabpanel"> 915 <div id="comments"> 916 917 <div id="c230382" class="position-relative mb-3 comment-post odd first" style="background:var(--bs-body-bg);border:1px solid var(--mv-line);border-radius:8px;padding:1rem 1.2rem;"> 918 <span class="position-absolute d-inline-flex align-items-center justify-content-center" style="top:-10px;right:12px;width:24px;height:24px;background:var(--mv-black);color:#fff;border-radius:50%;font-size:.78rem;">1</span> 919 <div class="d-flex gap-3"> 920 <div class="flex-shrink-0"> 921 <img src="http://www.gravatar.com/avatar/18de0ba63374552ff8e118fd805750e9?s=112" class="rounded" style="width:56px;height:56px;object-fit:cover;" alt="jacfon" title="jacfon" /> 922 </div> 923 <div class="flex-grow-1"> 924 <p class="mb-2 small text-muted"><strong class="text-reset">jacfon</strong> samedi 3 octobre 2026, 10:33</p> 925 926 927 <p>bonjour Guillaume et merci pour ton travail.<br /> 928j'avais l'ancienne version et j'appréciais le fait que les informations tiennent sur un format cb; ça rentrait dans la coque du tel. est ce possible de réduire ce format sans ce que ce soit illisible ?</p> 929 </div> 930 </div> 931 </div> 932 933 934 935 <div id="c230396" class="position-relative mb-3 comment-post " style="background:var(--bs-body-bg);border:1px solid var(--mv-line);border-radius:8px;padding:1rem 1.2rem;"> 936 <span class="position-absolute d-inline-flex align-items-center justify-content-center" style="top:-10px;right:12px;width:24px;height:24px;background:var(--mv-black);color:#fff;border-radius:50%;font-size:.78rem;">2</span> 937 <div class="d-flex gap-3"> 938 <div class="flex-shrink-0"> 939 <img src="http://www.gravatar.com/avatar/029d5739f83072d38ca826e834009b38?s=112" class="rounded" style="width:56px;height:56px;object-fit:cover;" alt="Guillaume [Matos Vélo]" title="Guillaume [Matos Vélo]" /> 940 </div> 941 <div class="flex-grow-1"> 942 <p class="mb-2 small text-muted"><strong class="text-reset"><a href="https://www.matosvelo.fr" rel="ugc nofollow">Guillaume [Matos Vélo]</a></strong> samedi 3 octobre 2026, 13:15</p> 943 944 945 <p>Merci jacfon, en effet, je n'avais pas fait attention à ce point, je viens de le corriger, retour au format CB !</p> 946 </div> 947 </div> 948 </div> 949 950 951 952 <div id="c230399" class="position-relative mb-3 comment-post odd " style="background:var(--bs-body-bg);border:1px solid var(--mv-line);border-radius:8px;padding:1rem 1.2rem;"> 953 <span class="position-absolute d-inline-flex align-items-center justify-content-center" style="top:-10px;right:12px;width:24px;height:24px;background:var(--mv-black);color:#fff;border-radius:50%;font-size:.78rem;">3</span> 954 <div class="d-flex gap-3"> 955 <div class="flex-shrink-0"> 956 <img src="http://www.gravatar.com/avatar/d98d9092d277aef01a7bea8aa10e905b?s=112" class="rounded" style="width:56px;height:56px;object-fit:cover;" alt="Dom" title="Dom" /> 957 </div> 958 <div class="flex-grow-1"> 959 <p class="mb-2 small text-muted"><strong class="text-reset">Dom</strong> samedi 3 octobre 2026, 14:14</p> 960 961 962 <p>
962Bonjour, est-il possible d'ajouter une version en anglais svp ?<br /> 963Merci pour votre travail.</p> 964 </div> 965 </div> 966 </div> 967 968 969 970 <div id="c230400" class="position-relative mb-3 comment-post " style="background:var(--bs-body-bg);border:1px solid var(--mv-line);border-radius:8px;padding:1rem 1.2rem;"> 971 <span class="position-absolute d-inline-flex align-items-center justify-content-center" style="top:-10px;right:12px;width:24px;height:24px;background:var(--mv-black);color:#fff;border-radius:50%;font-size:.78rem;">4</span> 972 <div class="d-flex gap-3"> 973 <div class="flex-shrink-0"> 974 <img src="http://www.gravatar.com/avatar/029d5739f83072d38ca826e834009b38?s=112" class="rounded" style="width:56px;height:56px;object-fit:cover;" alt="Guillaume [Matos Vélo]" title="Guillaume [Matos Vélo]" /> 975 </div> 976 <div class="flex-grow-1"> 977 <p class="mb-2 small text-muted"><strong class="text-reset"><a href="https://www.matosvelo.fr" rel="ugc nofollow">Guillaume [Matos Vélo]</a></strong> samedi 3 octobre 2026, 15:51</p> 978 979 980 <p>Mis à jour avec possibilité de l'avoir en anglais.</p> 981 </div> 982 </div> 983 </div> 984 985 986 987 <div id="c230411" class="position-relative mb-3 comment-post odd " style="background:var(--bs-body-bg);border:1px solid var(--mv-line);border-radius:8px;padding:1rem 1.2rem;"> 988 <span class="position-absolute d-inline-flex align-items-center justify-content-center" style="top:-10px;right:12px;width:24px;height:24px;background:var(--mv-black);color:#fff;border-radius:50%;font-size:.78rem;">5</span> 989 <div class="d-flex gap-3"> 990 <div class="flex-shrink-0"> 991 <img src="http://www.gravatar.com/avatar/1e4e77e02bce27f26f937d7eead45756?s=112" class="rounded" style="width:56px;height:56px;object-fit:cover;" alt="Dreammer" title="Dreammer" /> 992 </div> 993 <div class="flex-grow-1"> 994 <p class="mb-2 small text-muted"><strong class="text-reset">Dreammer</strong> samedi 3 octobre 2026, 19:03</p> 995 996 997 <p>Bonsoir, très bonne idée.</p> 998 999 1000<p>A noter que même verrouiller, les secours peuvent accéder à notre fiche dans nos téléphones.</p> 1001 1002 1003<p>A ajouter dans cette ICE CARD, le groupe sanguin est important <img loading="lazy" src="/themes/default/smilies/wink.png" alt=";-)" class="smiley" /></p> 1004 1005 1006<p>Bon we</p> 1007 </div> 1008 </div> 1009 </div> 1010 1011 <div id="comments-feed" class="text-center mb-3" style="border:1px solid var(--mv-line);border-radius:8px;padding:.8rem;"> 1012 <a class="text-decoration-none fw-bold" style="color:var(--mv-red);" href="https://www.matosvelo.fr/feed/atom/comments/5774" title="Fil Atom des commentaires de ce billet"><i class="fa-solid fa-rss me-2"></i>Fil des commentaires de ce billet</a> 1013 </div> 1014 </div> 1015 1016 1017 1018 1019 <form action="https://www.matosvelo.fr/post/2026/09/17/la-carte-durgence-ice-de-matos-velo-evolue#pr" method="post" id="comment-form" class="mv-widget"> 1020 1021 <fieldset class="border-0 p-0 m-0"> 1022 1023 1024 <div class="row g-3 mb-3"> 1025 <div class="col-md-6"> 1026 <label class="form-label small fw-bold" for="c_name">Nom ou pseudo</label> 1027 <input name="c_name" id="c_name" type="text" maxlength="255" class="form-control" 1028 value="" /> 1029 </div> 1030 1031 <div class="col-md-6"> 1032 <label class="form-label small fw-bold" for="c_mail">Adresse email</label> 1033 <input name="c_mail" id="c_mail" type="text" maxlength="255" class="form-control" 1034 value="" /> 1035 </div> 1036 </div> 1037 1038 <div class="mb-3"> 1039 <label class="form-label small fw-bold" for="c_site">Site web (facultatif)</label> 1040 <input name="c_site" id="c_site" type="text" maxlength="255" class="form-control" 1041 value="" /> 1042 </div> 1043 1044 <p style="display:none"><input name="f_mail" type="text" size="30" 1045 maxlength="255" value="" /></p> 1046 1047 <div class="mb-2"> 1048 <label class="form-label small fw-bold" for="c_content">Commentaire</label> 1049 <textarea name="c_content" id="c_content" rows="6" class="form-control"></textarea> 1050 </div> 1051 <p class="form-help small text-muted">Les commentaires peuvent être formatés en utilisant une syntaxe wiki simplifiée.</p> 1052 1053 </fieldset> 1054 1055 <fieldset class="border-0 p-0 m-0"> 1056 <input type="submit" class="btn btn-outline-dark me-2" name="preview" value="prévisualiser" /> 1057 <input type="submit" class="btn" style="background:var(--mv-red);color:#fff;" value="envoyer" /> 1058 </fieldset> 1059 </form> 1060 1061 </div> 1062 1063 <div class="tab-pane fade" id="pings-tab" role="tabpanel"> 1064 <div id="pings"> 1065 1066 <p class="alert alert-info">Le billet ne possède pas de trackbacks</p> 1067 1068 1069 </div> 1070 1071 <p id="ping-url" class="small text-muted mt-3">URL de rétrolien : https://www.matosvelo.fr/trackback/5774</p> 1072 </div> 1073 </div> 1074 1075 </div><!-- /col main --> 1076 1077 <!-- ---- SIDEBAR : identique aux autres pages ---- --> 1078 <aside class="col-lg-4"> 1079 <div class="mv-sticky"> 1080 1081 <div id="blognav"> 1082 <p><br /> 1083<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"></p> 1084<title></title> 1085<style type="text/css">:root { 1086 --yellow: #FFCD00; 1087 --yellow-dark: #E8B800; 1088 --green: #0A8043; 1089 --dark: #1a1a1a; 1090 --white: #ffffff; 1091 } 1092 1093 * { 1094 margin: 0; 1095 padding: 0; 1096 box-sizing: border-box; 1097 } 1098 1099 html, body { 1100 background: transparent; 1101 } 1102 1103 body-TDF { 1104 font-family: 'Trebuchet MS', 'Segoe UI', sans-serif; 1105 display: flex;
1106 align-items: center; 1107 justify-content: center; 1108 padding: 10px; 1109} 1110 1111 .widget-TDF { 1112 width: 100%; 1113 margin-left: 5rem; 1114 max-width: 290px; 1115 background: var(--white); 1116 border: 2px solid var(--yellow); 1117 border-radius: 16px; 1118 padding: 16px 18px; 1119 text-align: center; 1120 box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); 1121} 1122 1123 .widget-TDF-top { 1124 font-size: 0.75rem; 1125 color: #888; 1126 text-transform: uppercase; 1127 letter-spacing: 0.04em; 1128 margin-bottom: 6px; 1129} 1130 1131 .widget-TDF-number { 1132 font-size: 2.6rem; 1133 font-weight: 900; 1134 color: var(--green); 1135 line-height: 1; 1136 font-variant-numeric: tabular-nums; 1137} 1138 1139 .widget-TDF-label { 1140 font-size: 1rem; 1141 font-weight: 600; 1142 color: var(--dark); 1143 margin-bottom: 10px; 1144} 1145 1146 .widget-TDF-done { 1147 font-size: 1.2rem; 1148 font-weight: 800; 1149 color: var(--green); 1150 margin-bottom: 10px; 1151} 1152 1153 .widget-TDF-link { 1154 display: inline-block; 1155 font-size: 0.75rem; 1156 color: var(--dark); 1157 text-decoration: none; 1158 border-top: 1px solid #eee; 1159 padding-top: 8px; 1160 margin-top: 4px; 1161 width: 100%; 1162} 1163 1164 .widget-TDF-link:hover { 1165 color: var(--green); 1166 text-decoration: underline; 1167} 1168 1169 .widget-TDF-link span { 1170 color: var(--yellow-dark); 1171 font-weight: 700; 1172} 1173</style> 1174<div class="widget-TDF"> 1175<div class="widget-TDF-top">Compte à rebours Tour de France 2027</div> 1176 1177<div id="countdown-block"> 1178<div class="widget-TDF-number" id="days-number">-</div> 1179 1180<div class="widget-TDF-label" id="days-label">dodos</div> 1181</div> 1182 1183<div id="done-block" style="display:none;"> 1184<div class="widget-TDF-done">C'est le départ ! ??</div> 1185</div> 1186<a class="widget-TDF-link" href="https://www.combiendedodosavantletourdefrance.fr" rel="noopener" target="_blank">Voir le compte à rebours complet sur <span>combiendedodosavantletourdefrance.fr</span> </a></div>
1187<script> 1188 const targetDate = new Date('2027-07-02T00:00:00'); 1189 1190 function updateCountdown() { 1191 const now = new Date(); 1192 const today = new Date(now.getFullYear(), now.getMonth(), now.getDate()); 1193 const target = new Date(targetDate.getFullYear(), targetDate.getMonth(), targetDate.getDate()); 1194 1195 const diffMs = target - today; 1196 const diffDays = Math.round(diffMs / (1000 * 60 * 60 * 24)); 1197 1198 const numberEl = document.getElementById('days-number'); 1199 const labelEl = document.getElementById('days-label'); 1200 const countdownBlock = document.getElementById('countdown-block'); 1201 const doneBlock = document.getElementById('done-block'); 1202 1203 if (diffDays > 0) { 1204 numberEl.textContent = diffDays; 1205 labelEl.textContent = diffDays === 1 ? 'dodo' : 'dodos'; 1206 countdownBlock.style.display = 'block'; 1207 doneBlock.style.display = 'none'; 1208 } else { 1209 countdownBlock.style.display = 'none'; 1210 doneBlock.style.display = 'block'; 1211 } 1212 } 1213 1214 updateCountdown(); 1215 setInterval(updateCountdown, 60 * 60 * 1000); 1216</script>
1216<div class="widget lastcomments liste-categories"> 1217<h2>Derniers commentaires</h2><ul><li class="last-comment"><a href="https://www.matosvelo.fr/post/5692/vittoria-devoile-the-quest-un-documentaire-pour-raconter-la-fabrication-du-corsa-pro#c230440">Vittoria dévoile "The Quest", un documentaire pour raconter la fabrication du Corsa PRO - Ðде кÑпиÑÑ Ð°Ð»ÑÑа пвп</a></li><li class="last-comment"><a href="https://www.matosvelo.fr/post/5692/vittoria-devoile-the-quest-un-documentaire-pour-raconter-la-fabrication-du-corsa-pro#c230420">Vittoria dévoile "The Quest", un documentaire pour raconter la fabrication du Corsa PRO - ТÑамадол кÑпиÑÑ Ð² моÑкве</a></li><li class="last-comment"><a href="https://www.matosvelo.fr/post/5692/vittoria-devoile-the-quest-un-documentaire-pour-raconter-la-fabrication-du-corsa-pro#c230418">Vittoria dévoile "The Quest", un documentaire pour raconter la fabrication du Corsa PRO - ТÑамадол кÑпиÑÑ Ð² моÑкве</a></li><li class="last-comment"><a href="https://www.matosvelo.fr/post/5692/vittoria-devoile-the-quest-un-documentaire-pour-raconter-la-fabrication-du-corsa-pro#c230412">Vittoria dévoile "The Quest", un documentaire pour raconter la fabrication du Corsa PRO - Ðокаин наÑкоÑики кÑпиÑÑ</a></li><li class="last-comment"><a href="https://www.matosvelo.fr/post/2026/09/17/la-carte-durgence-ice-de-matos-velo-evolue#c230411">La carte dâurgence ICE de Matos Vélo évolue - Dreammer</a></li></ul> 1218</div> 1219<div class="widget text "> 1220<p><br /> 1221<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"></p> 1222<title></title> 1223<style type="text/css">:root { 1224 --yellow: #7a7a7a; 1225 --yellow-dark: #4a4a4a; 1226 --green: #b3261e; 1227 --dark: #1a1a1a; 1228 --white: #ffffff; 1229 } 1230 * { 1231 margin: 0; 1232 padding: 0; 1233 box-sizing: border-box; 1234 } 1235 html, body { 1236 background: transparent; 1237 } 1238 body-PR { 1239 font-family: 'Trebuchet MS', 'Segoe UI', sans-serif; 1240 display: flex;
1241 align-items: center; 1242 justify-content: center; 1243 padding: 10px; 1244} 1245 .widget-PR { 1246 width: 100%; 1247 margin-left: 5rem; 1248 max-width: 290px; 1249 background: var(--white); 1250 border: 2px solid var(--yellow); 1251 border-radius: 16px; 1252 padding: 16px 18px; 1253 text-align: center; 1254 box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); 1255} 1256 .widget-PR-top { 1257 font-size: 0.75rem; 1258 color: #888; 1259 text-transform: uppercase; 1260 letter-spacing: 0.04em; 1261 margin-bottom: 6px; 1262} 1263 .widget-PR-number { 1264 font-size: 2.6rem; 1265 font-weight: 900; 1266 color: var(--green); 1267 line-height: 1; 1268 font-variant-numeric: tabular-nums; 1269} 1270 .widget-PR-label { 1271 font-size: 1rem; 1272 font-weight: 600; 1273 color: var(--dark); 1274 margin-bottom: 10px; 1275} 1276 .widget-PR-done { 1277 font-size: 1.2rem; 1278 font-weight: 800; 1279 color: var(--green); 1280 margin-bottom: 10px; 1281} 1282 .widget-PR-link { 1283 display: inline-block; 1284 font-size: 0.75rem; 1285 color: var(--dark); 1286 text-decoration: none; 1287 border-top: 1px solid #eee; 1288 padding-top: 8px; 1289 margin-top: 4px; 1290 width: 100%; 1291} 1292 .widget-PR-link:hover { 1293 color: var(--green); 1294 text-decoration: underline; 1295} 1296 .widget-PR-link span { 1297 color: var(--yellow-dark); 1298 font-weight: 700; 1299} 1300</style> 1301<div class="widget-PR"> 1302<div class="widget-PR-top">ð´ Paris-Roubaix 2027</div> 1303 1304<div id="countdown-block-pr"> 1305<div class="widget-PR-number" id="days-number-pr">-</div> 1306 1307<div class="widget-PR-label" id="days-label-pr">dodos</div> 1308</div> 1309 1310<div id="done-block-pr" style="display:none;"> 1311<div class="widget-PR-done">C'est l'Enfer du Nord ! ðª¨</div> 1312</div> 1313<a class="widget-PR-link" href="https://www.combiendedodosavantparisroubaix.fr" rel="noopener" target="_blank">Voir le compte à rebours complet sur <span>combiendedodosavantparisroubaix.fr</span> </a></div>
1314<script> 1315 const targetDatePR = new Date('2027-04-11T00:00:00'); 1316 function updateCountdownPR() { 1317 const now = new Date(); 1318 const today = new Date(now.getFullYear(), now.getMonth(), now.getDate()); 1319 const target = new Date(targetDatePR.getFullYear(), targetDatePR.getMonth(), targetDatePR.getDate()); 1320 const diffMs = target - today; 1321 const diffDays = Math.round(diffMs / (1000 * 60 * 60 * 24)); 1322 const numberEl = document.getElementById('days-number-pr'); 1323 const labelEl = document.getElementById('days-label-pr'); 1324 const countdownBlock = document.getElementById('countdown-block-pr'); 1325 const doneBlock = document.getElementById('done-block-pr'); 1326 if (diffDays > 0) { 1327 numberEl.textContent = diffDays; 1328 labelEl.textContent = diffDays === 1 ? 'dodo' : 'dodos'; 1329 countdownBlock.style.display = 'block'; 1330 doneBlock.style.display = 'none'; 1331 } else { 1332 countdownBlock.style.display = 'none'; 1333 doneBlock.style.display = 'block'; 1334 } 1335 } 1336 updateCountdownPR(); 1337 setInterval(updateCountdownPR, 60 * 60 * 1000); 1338</script>
1338 1339</div> 1340<div class="ams-ad" id="matosvelo_vbd">Â </div> 1341 1342<div align="center" class="pubaff" id="MVMedia4">
1342<script language="javascript"> 1343var mvID4 = "MVMedia4"; 1344var xhrMV4 = new XMLHttpRequest(); 1345xhrMV4.onreadystatechange = function() {if (xhrMV4.readyState === 4) {document.getElementById(mvID4).innerHTML = xhrMV4.response;scripts = document.getElementById(mvID4).getElementsByTagName("script");for(var i=0;i
1345<scripts.length;i++){eval(scripts[i].firstChild.nodeValue);}}}; 1346xhrMV4.open('GET', 'https://www.matosvelo.fr/Media/?emplacement=4', true); 1347xhrMV4.send(''); 1348function click_p_mv(no) { 1349var xhttp = new XMLHttpRequest(); 1350xhttp.open('GET', 'https://www.matosvelo.fr/Media/click.php?p='+no, true); 1351xhttp.send(''); 1352} 1353</script>
1353</div> 1354 1355<p>Â </p> 1356 1357<p>Â </p> 1358 1359<div align="center" class="pubaff" id="MVMedia2">
1359<script language="javascript"> 1360var mvID2 = "MVMedia2"; 1361var xhrMV2 = new XMLHttpRequest(); 1362xhrMV2.onreadystatechange = function() {if (xhrMV2.readyState === 4) {document.getElementById(mvID2).innerHTML = xhrMV2.response;scripts = document.getElementById(mvID2).getElementsByTagName("script");for(var i=0;i
1362<scripts.length;i++){eval(scripts[i].firstChild.nodeValue);}}}; 1363xhrMV2.open('GET', 'https://www.matosvelo.fr/Media/?emplacement=2', true); 1364xhrMV2.send(''); 1365function click_p_mv(no) { 1366var xhttp = new XMLHttpRequest(); 1367xhttp.open('GET', 'https://www.matosvelo.fr/Media/click.php?p='+no, true); 1368xhttp.send(''); 1369} 1370</script>
1370</div> 1371 1372<p> </p><div class="widget categories liste-categories"> 1373<h2>Catégories</h2><ul><li><a href="https://www.matosvelo.fr/category/Actualite">Actualité</a> <span>(2757)</span><ul><li><a href="https://www.matosvelo.fr/category/Le-matos-des-pros/les-echos-du-velo">Les échos du vélo</a> <span>(17)</span></li><li><a href="https://www.matosvelo.fr/category/Actualite/emploi">Emploi</a> <span>(29)</span></li></ul></li><li><a href="https://www.matosvelo.fr/category/Tests">Tests</a> <span>(1201)</span><ul><li><a href="https://www.matosvelo.fr/category/Test-materiel">Test matériel</a> <span>(978)</span></li><li><a href="https://www.matosvelo.fr/category/Test-equipement-textile">Test équipement textile</a> <span>(199)</span></li><li><a href="https://www.matosvelo.fr/category/Tests/tests-feminins">Tests féminins</a> <span>(18)</span></li><li><a href="https://www.matosvelo.fr/category/tests-urbains">Tests urbains</a> <span>(1)</span></li></ul></li><li><a href="https://www.matosvelo.fr/category/Le-matos-des-pros">Le matos des pros</a> <span>(763)</span></li><li><a href="https://www.matosvelo.fr/category/Technique/outils">Outils</a> <span>(10)</span></li><li><a href="https://www.matosvelo.fr/category/Technique">Technique</a> <span>(233)</span></li><li><a href="https://www.matosvelo.fr/category/Le-velo-et-votre-enfant">Le vélo et votre enfant</a> <span>(30)</span></li><li class="category-current"><a href="https://www.matosvelo.fr/category/Divers">Divers</a> <span>(247)</span><ul><li><a href="https://www.matosvelo.fr/category/Divers/cyclosport">Cyclosport</a> <span>(4)</span></li><li><a href="https://www.matosvelo.fr/category/Divers/reportage">Reportage</a> <span>(39)</span></li></ul></li><li><a href="https://www.matosvelo.fr/category/velobsession">Vélobsession</a> <span>(42)</span></li><li><a href="https://www.matosvelo.fr/category/Interviews">Interviews</a> <span>(37)</span></li><li><a href="https://www.matosvelo.fr/category/matos-velo-vintage">Matos vélo vintage</a> <span>(4)</span></li></ul> 1374</div> 1375 </div> 1376 <div id="blogextra"> 1377 </div> 1378 </div> 1379 </aside> 1380 1381 </div> 1382</div> 1383 1384</div> 1385</div> <!-- End #main --> 1386</div> <!-- End #wrapper --> 1387 1388<footer class="mv-footer"> 1389 <div class="container-xl"> 1390 <div class="row g-4"> 1391 <div class="col-12 col-sm-6 col-md-3 order-3 order-md-3 mv-footer-col"> 1392 <h6>Pages</h6> 1393 <a href="https://www.matosvelo.fr/pages/A-propos" class="d-block mb-2">à propos</a> 1394 <a href="https://www.matosvelo.fr/contact" class="d-block mb-2">Contact</a> 1395 <a href="https://www.matosvelo.fr/pages/Devenez-annonceurs" class="d-block mb-2">Devenez annonceurs</a> 1396 <a href="https://www.matosvelo.fr/pages/affiliation" class="d-block mb-2">Affiliation</a> 1397 <a href="https://www.matosvelo.fr/pages/confidentialite" class="d-block">Confidentialité</a> 1398 </div> 1399 <div class="col-12 col-sm-6 col-md-3 order-2 order-md-2 mv-footer-col"> 1400 <h6>Newsletter Matos Vélo</h6> 1401<!-- Begin Mailchimp Signup Form --> 1402<link href="//cdn-images.mailchimp.com/embedcode/slim-10_7.css" rel="stylesheet" type="text/css" /> 1403<style type="text/css">#mc_embed_signup{background:#ebebeb; clear:left; font:11px Helvetica,Arial,sans-serif; } 1404 /* Add your own MailChimp form style overrides in your site stylesheet or in this style block. 1405 We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */ 1406</style> 1407<div id="mc_embed_signup"> 1408<form action="https://matosvelo.us5.list-manage.com/subscribe/post?u=9386a763ac41d6ca176229423&id=a72ef62d97" class="validate" id="mc-embedded-subscribe-form" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank"> 1409<div id="mc_embed_signup_scroll"><label for="mce-EMAIL">Lettre d'information hebdomadaire</label> <input class="email" id="mce-EMAIL" name="EMAIL" placeholder="Votre email" required="" type="email" value="" /> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> 1410<div aria-hidden="true" style="position: absolute; left: -5000px;"><input name="b_9386a763ac41d6ca176229423_a72ef62d97" tabindex="-1" type="text" value="" /></div> 1411 1412<div class="clear"><input class="button" id="mc-embedded-subscribe" name="subscribe" type="submit" value="Valider" /></div> 1413</div> 1414</form> 1415</div> 1416<!--End mc_embed_signup--> 1417 </div> 1418 1419 <div class="col-12 col-sm-6 col-md-3 order-1 order-md-1 mv-footer-col"> 1420 <h6>Suivez Matos vélo sur les réseaux sociaux</h6> 1421 <div class="mv-social"> 1422<span class="mv-social-inline ms-2"> 1423 <span class="mv-social-item"> 1424 <a href="https://www.facebook.com/matosvelo" target="_blank" title="Facebook"><i class="fa-brands fa-facebook-f"></i></a> 1425 <span class="mv-social-count">40k</span> 1426 </span> 1427 <span class="mv-social-item"> 1428 <a href="https://instagram.com/matosvelo/" target="_blank" title="Instagram"><i class="fa-brands fa-instagram"></i></a> 1429 <span class="mv-social-count">13k</span> 1430 </span> 1431 <span class="mv-social-item"> 1432 <a href="https://twitter.com/matosvelo" target="_blank" title="X"><i class="fa-brands fa-x-twitter"></i></a> 1433 <span class="mv-social-count">8.8k</span> 1434 </span> 1435 <span class="mv-social-item"> 1436 <a href="https://www.youtube.com/@Matos-Velo" target="_blank" title="YouTube"><i class="fa-brands fa-youtube"></i></a> 1437 <span class="mv-social-count">4.2k</span> 1438 </span> 1439 <span class="mv-social-item"> 1440 <a href="https://app.strava.com/clubs/matosvelo" target="_blank" title="Strava"><i class="fa-brands fa-strava"></i></a> 1441 <span class="mv-social-count">2.6k</span> 1442 </span> 1443</span> 1444 </div> 1445 </div> 1446 1447 <div class="col-12 col-sm-6 col-md-3 order-4 order-md-4 mv-footer-col"> 1448 <h6>Liens</h6> 1449 <a href="https://www.com3elles.com/" title="Agence de communication (conseil, création, formation) sur Toulouse" class="d-block mb-2" target="_blank">Com3'Elles</a> 1450 <a href="https://www.cyclesetforme.fr" title="Alban Lorenzini" class="d-block mb-2" target="_blank">Cycles et Forme</a> 1451 <a href="https://www.combiendedodosavantletourdefrance.fr/" title="Combien de dodos avant le Tour de France ?" class="d-block mb-2" target="_blank">Combien de dodos avant le Tour de France ?</a> 1452 <a href="https://www.howmanysleepstilltourdefrance.com/" title="How Many Sleeps Till The Tour de France?" class="d-block mb-2" target="_blank">How Many Sleeps Till The Tour de France?</a> 1453 <a href="https://www.combiendedodosavantparisroubaix.fr/" title="Combien de dodos avant Paris-Roubaix ?" class="d-block mb-2" target="_blank">Combien de dodos avant Paris-Roubaix ?</a> 1454 <a href="https://www.howmanysleepstillparisroubaix.com/" title="How many sleeps until Paris-Roubaix?" class="d-block mb-2" target="_blank">How many sleeps until Paris-Roubaix?</a> 1455 </div> 1456 </div> 1457 1458 <div class="mv-footer-bottom d-flex justify-content-between flex-wrap gap-2">
1459 <span> 1460 1461 Propulsé par <a href="https://dotclear.org/">Dotclear</a> â 1462 Thème Matosvelo v3.0 créé pour Matosvelo par <a href="https://www.com3elles.com/" title="Agence de communication créative Toulouse" target="_blank">Com'3Elles</a> 1463 â <a href="index.php?pages/Mentions-legales-Copyright">Mentions légales et Copyright©</a> 1464 </span> 1465 </div> 1466 </div> 1467</footer> 1468 1469<button type="button" id="back-to-top" class="mv-icon-btn" 1470 style="position:fixed;right:1.2rem;bottom:4.0rem;display:none;z-index:1040;background:var(--mv-red);color:#fff;border:none;width:44px;height:44px;" 1471 aria-label="Remonter la page" 1472 onclick="this.blur();window.scrollTo({top:0,behavior:'smooth'})"> 1473 <i class="fa-solid fa-arrow-up"></i> 1474</button> 1475 1476 1477<!-- 1478 NOTE MIGRATION : l'ancien carrousel Bootstrap 3 + jQuery (#myCarousel) est retiré â 1479 la nouvelle page d'accueil n'utilise plus de carrousel, remplacé par les 2 cards hero. 1480 Le bouton "remonter en haut" (ex-plugin jQuery scrollUp) est remplacé par le bouton 1481 ci-dessus, en JS natif (aucune dépendance). 1482-->
1483<script> 1484 (function() { 1485 var btn = document.getElementById('back-to-top'); 1486 window.addEventListener('scroll', function() { 1487 btn.style.display = window.scrollY > 400 ? 'flex' : 'none'; 1488 }); 1489 })(); 1490</script>
1490 1491 1492 1493<!-- 1494 REMPLACEMENT DU PLUGIN "externalLinks" (non maintenu) : 1495 ouverture automatique des liens externes dans un nouvel onglet, en JS natif. 1496 - Un lien est considéré "externe" si son nom d'hôte diffère de celui du blog. 1497 - Les liens qui ont déjà un attribut target= explicite dans le HTML ne sont pas 1498 touchés (ex: les liens réseaux sociaux du header/footer, déjà en target="_blank"). 1499 - rel="noopener noreferrer" est ajouté par sécurité (recommandation standard 1500 quand on ouvre un lien externe avec target="_blank"). 1501 - Tourne aussi sur le contenu des articles, pas seulement sur le thème, 1502 puisqu'on parcourt tout le document (querySelectorAll sans restriction 1503 de zone). 1504-->
1505<script> 1506 (function() { 1507 function estExterne(lien) { 1508 var url; 1509 try { 1510 url = new URL(lien.href, window.location.href); 1511 } catch (e) { 1512 return false; 1513 } 1514 if (url.protocol !== 'http:' && url.protocol !== 'https:') return false; 1515 return url.hostname !== window.location.hostname; 1516 } 1517 1518 function traiterLiens() { 1519 document.querySelectorAll('a[href]').forEach(function(lien) { 1520 if (lien.hasAttribute('target')) return; 1521 if (!estExterne(lien)) return; 1522 1523 lien.setAttribute('target', '_blank'); 1524 1525 var rel = (lien.getAttribute('rel') || '').split(/\s+/).filter(Boolean); 1526 ['noopener', 'noreferrer'].forEach(function(valeur) { 1527 if (rel.indexOf(valeur) === -1) rel.push(valeur); 1528 }); 1529 lien.setAttribute('rel', rel.join(' ')); 1530 }); 1531 } 1532 1533 if (document.readyState === 'loading') { 1534 document.addEventListener('DOMContentLoaded', traiterLiens); 1535 } else { 1536 traiterLiens(); 1537 } 1538 })(); 1539</script>
1539 1540</div> <!-- End #page --> 1541<img src="https://track.effiliation.com/servlet/effi.pixel?id_compteur=22691757" alt="" style="position:absolute;width:1px;height:1px;"> 1542 1543<!-- 1544 Ouverture des images du contenu de l'article (post-content) dans la modale 1545 #mvImgModal plutôt qu'en navigation plein écran. Couvre les deux cas produits 1546 par l'éditeur Dotclear : image insérée avec un lien vers son fichier plein 1547 format (<a><img></a>), et image insérée seule (<img> sans lien). N'affecte 1548 que .post-content : le hero en tête d'article (qui pointe vers EntryURL, pas 1549 vers une image) et les autres images du gabarit ne sont pas concernés. 1550 Exclut aussi les images de galerie (.galleryinsert, .mv-gallery-strip, 1551 .mv-gallery-main) : celles-ci ont leur propre gestion de clic (jGallery dans 1552 _head.html) â sans cette exclusion, les deux scripts s'activaient sur les 1553 mêmes images (double comportement : la vignette remplaçait la grande image 1554 ET ouvrait cette modale en même temps). 1555 Exclut enfin les images dont le lien pointe vers un autre domaine que le 1556 site (pubs des régies â effiliation, affilae, etc. â insérées directement 1557 dans le corps de l'article) : peu importe le prestataire, un lien externe 1558 doit se comporter normalement (redirection/tracking), pas ouvrir la modale. 1559-->
1560<script type="text/javascript"> 1561document.addEventListener('DOMContentLoaded', function () { 1562 var modalEl = document.getElementById('mvImgModal'); 1563 if (!modalEl || typeof bootstrap === 'undefined') { return; } 1564 var modalImg = document.getElementById('mvImgModalPic'); 1565 var modal = new bootstrap.Modal(modalEl); 1566 1567 function isExternalLink(link) { 1568 if (!link || !link.href) { return false; } 1569 try { 1570 return new URL(link.href, window.location.href).hostname !== window.location.hostname; 1571 } catch (e) { 1572 return false; 1573 } 1574 } 1575 1576 document.querySelectorAll('.post-content img').forEach(function (img) { 1577 if (img.closest('.galleryinsert, .mv-gallery-strip, .mv-gallery-main, .mv-gallery-grid')) { return; } 1578 var link = img.closest('a'); 1579 if (isExternalLink(link)) { return; } 1580 var target = link || img; 1581 target.style.cursor = 'zoom-in'; 1582 target.addEventListener('click', function (e) { 1583 e.preventDefault(); 1584 modalImg.src = link ? link.href : img.src; 1585 modalImg.alt = img.alt || ''; 1586 modal.show(); 1587 }); 1588 }); 1589}); 1590 1591/* 1592 Correctif images "flottantes" sur mobile portrait : l'éditeur pose parfois le 1593 float:left sur le <img> directement, parfois sur le <a> qui l'enveloppe (les deux 1594 cas existent dans les articles). Impossible de couvrir ça proprement en CSS sans
1595 aussi casser la bande de vignettes de la galerie (mêmes balises <a><img></a>). 1596 On corrige donc en JS, sur le style calculé (peu importe où le float est posé), 1597 en excluant explicitement tout ce qui appartient à une galerie. 1598*/ 1599document.addEventListener('DOMContentLoaded', function () { 1600 function fixFloatingContentImages() { 1601 var isMobile = window.innerWidth <= 576; 1602 document.querySelectorAll('.post-content img, .post-content a').forEach(function (el) { 1603 if (el.closest('.mv-gallery-strip, .mv-gallery-main, .mv-gallery-grid')) { return; } 1604 var floated = window.getComputedStyle(el).float !== 'none'; 1605 if (isMobile && floated) { 1606 el.dataset.mvHadFloat = '1'; 1607 el.style.setProperty('float', 'none', 'important'); 1608 el.style.setProperty('width', '100%', 'important'); 1609 el.style.setProperty('margin', '0 0 1rem 0', 'important'); 1610 } else if (!isMobile && el.dataset.mvHadFloat) { 1611 el.style.removeProperty('float'); 1612 el.style.removeProperty('width'); 1613 el.style.removeProperty('margin'); 1614 } 1615 }); 1616 } 1617 fixFloatingContentImages(); 1618 window.addEventListener('resize', fixFloatingContentImages); 1619}); 1620</script>
1620 1621</body> 1622</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.