PageSourceSearch

https://www.matosvelo.fr/post/2026/09/17/la-carte-durgence-ice-de-matos-velo-evolue

html matosvelo.fr collected 2026-10-04 00:13:07 UTC 100,184 bytes, 1,622 lines download raw bytes

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&nbsp;: 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&nbsp;: 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 &quot;The Quest&quot;, 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 &quot;The Quest&quot;, 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 &quot;The Quest&quot;, 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 &quot;The Quest&quot;, 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&amp;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.