PageSourceSearch

https://www.tonton-outdoor.com/fr_FR/connexion

html tonton-outdoor.com collected 2026-09-26 08:27:25 UTC 450,008 bytes, 6,498 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr" data-js-locale="fr-FR" class="scroll-smooth" data-theme="light">
3    	<head>
4            <!-- Google Tag Manager -->
5    
5<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
6                new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
7            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
8            'https://tagging-tto.tonton-outdoor.com/ciyhd3jg5xw4xjv.js?awl='+i.replace(/^GTM-/, '')+dl;f.parentNode.insertBefore(j,f);
9        })(window,document,'script','dataLayer','GTM-K33N8JK');</script>
9
10    <!-- End Google Tag Manager -->
11
12
13		<meta charset="utf-8">
14		<meta http-equiv="X-UA-Compatible" content="IE=edge">
15        <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
16
17                                                                                                                                                            
18		<title>    Connexion
19    |
20    Tonton Outdoor : Spécialiste du running, du trail et des sports outdoor
21</title>
22
23                    <meta name="description" content="Chez Tonton Outdoor, commandez votre équipement outdoor au meilleur prix. Trail, running, natation, triathlon, ski... Livraison 24h !">
24            <meta name="keywords" content="trail, running, triathlon, randonnée, marche nordique, natation, ski, escalade, yoga, fitness">
25            <meta name="robots" content="noindex, follow">
26            <!-- Facebook Opengraph integration: https://developers.facebook.com/docs/sharing/opengraph -->
27            <meta property="og:title" content="Tonton Outdoor : Spécialiste du running, du trail et des sports outdoor">
28            <meta property="og:image" content="https://static.tonton-outdoor.com/themes/tailwind-theme/images/og-logo.05d4fea8.png">
29            <meta property="og:url" content="https://www.tonton-outdoor.com/fr_FR/connexion">
30            <meta property="og:site_name" content="Tonton Outdoor">
31            <meta property="og:description" content="Chez Tonton Outdoor, commandez votre équipement outdoor au meilleur prix. Trail, running, natation, triathlon, ski... Livraison 24h !">
32            <!-- Twitter Cards integration: https://dev.twitter.com/cards/  -->
33            <meta name="twitter:card" content="summary">
34            <meta name="twitter:site" content="Tonton Outdoor">
35            <meta name="twitter:title" content="Tonton Outdoor : Spécialiste du running, du trail et des sports outdoor">
36            <meta name="twitter:description" content="Chez Tonton Outdoor, commandez votre équipement outdoor au meilleur prix. Trail, running, natation, triathlon, ski... Livraison 24h !">
37            <meta name="twitter:image" content="https://static.tonton-outdoor.com/themes/tailwind-theme/images/og-logo.05d4fea8.png">
38            <link rel="alternate" hreflang="fr-FR" href="https://www.tonton-outdoor.com/fr_FR/connexion" />
39<link rel="alternate" hreflang="it-IT" href="https://www.tonton-outdoor.com/it_IT/accesso" />
40<link rel="alternate" hreflang="x-default" href="https://www.tonton-outdoor.com/fr_FR/connexion" />
41
42                            <link rel="canonical" href="https://www.tonton-outdoor.com/fr_FR/connexion" />
43                    
44        <link rel="preconnect" href="https://static.axept.io" crossorigin>
45
46        <link
47    rel="preload"
48    href="/themes/tailwind-theme/fonts/Rubik-normal-latin.d9951962.woff2"
49    as="font"
50    type="font/woff2"
51    crossorigin
52/>
53        <link
54    rel="preload"
55    href="/themes/tailwind-theme/fonts/Rubik-italic-latin.b17fbff5.woff2"
56    as="font"
57    type="font/woff2"
58    crossorigin
59/>
60
61        
62        <link rel="icon" href="/favicon.ico?v=2" sizes="16x16">
63
64        <link rel="icon" href="/favicon144.png" type="image/png" sizes="144x144">
65        <link rel="manifest" href="/site.webmanifest">
66
67					<link rel="stylesheet" href="/themes/tailwind-theme/app.05fa89f6.css">
68
69
70
71
72		
73                    
73<script>
74    window.sentryConfig = {"dsn":"https:\/\/58a3051cf7a6688909fcb397c0b60b70@o4508850732728320.ingest.de.sentry.io\/4508850771525712","environment":"prod","options":{"tracesSampleRate":0.5,"replaysSessionSampleRate":0.1,"replaysOnErrorSampleRate":1,"ignoreErrors":["promise rejection captured with value: Timeout","captured as promise rejection","Java exception was raised during method invocation","Java object is gone","Object Not Found Matching Id","evaluating 'Q.userId'","evaluating 'window.ttq.page'","window.ttq is undefined","evaluating 'window.webkit.messageHandlers'","Failed to fetch","Load failed","Loading chunk","The operation is insecure","The operation was aborted","Failed to read the 'cookie' property from 'Document'","Failed to execute 'setItem' on 'Storage'","Access is denied for this document","The user aborted a request","signal is aborted without reason","Set map center and zoom first","validation failed","Fetch is aborted","this.dialogTarget.close","captured as exception with message"]}};
75</script>
75
76
77<script src="/themes/tailwind-theme/app.cc5693cb.js" defer></script>
77
78
79
80
81
82
83        
84                    
84<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Tonton Outdoor","url":"https://www.tonton-outdoor.com/fr_FR/","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.tonton-outdoor.com/fr_FR/recherche?q={search_term_string}"},"query-input":"required name=search_term_string"}}</script>
vendor: 1 bytes, line 84
84
85<script type="application/ld+json">{"@context":"https://schema.org","@type":"Corporation","image":{"@type":"ImageObject","url":"https://www.tonton-outdoor.com/apple-touch-icon.png","width":{"@type":"QuantitativeValue","value":180},"height":{"@type":"QuantitativeValue","value":180}},"name":"Tonton Outdoor","legalName":"SAS TTO","url":"https://www.tonton-outdoor.com/fr_FR/","sameAs":["https://www.instagram.com/tontonoutdoor/","https://www.facebook.com/tontonoutdoor","https://www.tiktok.com/@tontonoutdoor","https://www.youtube.com/@tonton_outdoor","https://www.pinterest.fr/TontonOutdoor/","https://fr.linkedin.com/company/tonton-outdoor","https://www.strava.com/clubs/1157251"],"logo":{"@type":"ImageObject","url":"https://www.tonton-outdoor.com/apple-touch-icon.png","width":{"@type":"QuantitativeValue","value":180},"height":{"@type":"QuantitativeValue","value":180}},"email":"[email protected]","telephone":"+33 (0)2 90 73 68 74","description":"Chez Tonton Outdoor, commandez votre équipement outdoor au meilleur prix. Trail, running, natation, triathlon, ski... Livraison 24h !","vatID":"FR82902405638","contactPoint":{"@type":"ContactPoint","contactType":"customer service","telephone":"+33 (0)2 90 73 68 74","email":"[email protected]"},"address":{"@type":"PostalAddress","streetAddress":"110 Avenue de la Marne","postalCode":"56000","addressLocality":"Vannes","addressRegion":"Bretagne","addressCountry":"FR"},"hasMerchantReturnPolicy":{"@type":"MerchantReturnPolicy","@id":"#return_policy","applicableCountry":["AT","BE","CH","CZ","DE","DK","ES","FI","FR","GF","GP","GR","IE","IS","IT","LI","LU","MQ","NC","NL","PF","PL","PM","PT","RE","SE","WF","YT"],"returnPolicyCategory":"https://schema.org/MerchantReturnFiniteReturnWindow","merchantReturnDays":30,"returnMethod":["https://schema.org/ReturnByMail","https://schema.org/ReturnInStore"],"returnFees":"https://schema.org/FreeReturn","refundType":["https://schema.org/ExchangeRefund","https://schema.org/FullRefund"]},"hasShippingService":{"@type":"ShippingService","@id":"#shipping_policy","shippingConditions":[{"@type":"ShippingConditions","shippingDestination":[{"@type":"DefinedRegion","addressCountry":"AT"},{"@type":"DefinedRegion","addressCountry":"BE"},{"@type":"DefinedRegion","addressCountry":"CH"},{"@type":"DefinedRegion","addressCountry":"CZ"},{"@type":"DefinedRegion","addressCountry":"DE"},{"@type":"DefinedRegion","addressCountry":"DK"},{"@type":"DefinedRegion","addressCountry":"ES"},{"@type":"DefinedRegion","addressCountry":"FI"},{"@type":"DefinedRegion","addressCountry":"FR"},{"@type":"DefinedRegion","addressCountry":"GF"},{"@type":"DefinedRegion","addressCountry":"GP"},{"@type":"DefinedRegion","addressCountry":"GR"},{"@type":"DefinedRegion","addressCountry":"IE"},{"@type":"DefinedRegion","addressCountry":"IS"},{"@type":"DefinedRegion","addressCountry":"IT"},{"@type":"DefinedRegion","addressCountry":"LI"},{"@type":"DefinedRegion","addressCountry":"LU"},{"@type":"DefinedRegion","addressCountry":"MQ"},{"@type":"DefinedRegion","addressCountry":"NC"},{"@type":"DefinedRegion","addressCountry":"NL"},{"@type":"DefinedRegion","addressCountry":"PF"},{"@type":"DefinedRegion","addressCountry":"PL"},{"@type":"DefinedRegion","addressCountry":"PM"},{"@type":"DefinedRegion","addressCountry":"PT"},{"@type":"DefinedRegion","addressCountry":"RE"},{"@type":"DefinedRegion","addressCountry":"SE"},{"@type":"DefinedRegion","addressCountry":"WF"},{"@type":"DefinedRegion","addressCountry":"YT"}],"shippingRate":{"@type":"MonetaryAmount","value":0,"currency":"EUR"},"transitTime":{"@type":"ServicePeriod","duration":{"@type":"QuantitativeValue","minValue":1,"maxValue":4,"unitCode":"DAY"}}}],"handlingTime":{"@type":"ServicePeriod","businessDays":["https://schema.org/Monday","https://schema.org/Tuesday","https://schema.org/Wednesday","https://schema.org/Thursday","https://schema.org/Friday","https://schema.org/Saturday"],"duration":{"@type":"QuantitativeValue","minValue":0,"maxValue":1,"unitCode":"DAY"}}}}</script>
85
86
87        
88		
89
90
91				<meta name="add-to-cart-csrf-token" content="321f6fb.Zr5lw30sXq1X1V2K458ISRiXlvtPXLd_Z0vT7C60Loo.NOEG-itKC9UehDDztKZAcXPU5oI3GdgnKmawvn7xRcAy_w20L2gv3g2yDA">
92	</head>
93
94	<body class="relative flex flex-col min-vh-100 bg-base-100 font-body text-sm lg:text-base"
95          data-controller="topbar search-bar compare detect-trackpad dialog favorite" data-compare-count-url-value="/fr_FR/comparator/count" data-favorite-logged-in-value="false" data-favorite-state-url-value="/product/favorites/state" data-favorite-toggle-url-value="/product/favorites/toggle"
96          data-turbo="false">
97		<a class="sr-only focus:not-sr-only focus-visible:not-sr-only !absolute !top-2 !left-2 btn btn-neutral" href="#main">
98            Skip to content
99        </a>
100
101		    <!-- Google Tag Manager (noscript) -->
102    <noscript><iframe src="https://tagging-tto.tonton-outdoor.com/ns.html?id=GTM-K33N8JK"
103                      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
104    <!-- End Google Tag Manager (noscript) -->
105
106
107
108
109		            
110
111<section class="bg-persimmon text-white text-xs fixed z-30 top-0 left-0 right-0 transition-transform duration-300">
112    <div class="h-8 container flex items-center justify-between gap-4">
113        <div class="hidden lg:block"></div>
114                    <div class="top-bar">
115                <div data-topbar-target="container">
116                                            <p>📦 Livraison offerte dès 30€ ! 📦</p>
117                                            <p>✨ Retrait en magasin GRATUIT</p>
118                                            <p>💚 -20% code AVENTURE</p>
119                                    </div>
120            </div>
121                <ul class="items-center hidden lg:flex gap-4">
122                                        <li>
123                    <a href="/fr_FR/p/carte-cadeau"
124                       class="flex items-center gap-2 hover:underline">
125                            <svg class="fill-current w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="12.615" height="8.87" viewBox="0 0 12.615 8.87">
126        <path d="M11.506 0H1.109A1.11 1.11 0 0 0 0 1.109v6.652A1.11 1.11 0 0 0 1.109 8.87h10.4a1.11 1.11 0 0 0 1.109-1.109V1.109A1.11 1.11 0 0 0 11.506 0M3.7 8.13H1.109a.37.37 0 0 1-.37-.37V3.7h.8a1.16 1.16 0 0 0 1.323.77l-.582.873a.37.37 0 0 0 .615.41l.8-1.2Zm-1.478-4.8a.421.421 0 0 1 .655-.351l.527.351-.527.351a.421.421 0 0 1-.655-.352M3.7 2.636l-.418-.276a1.16 1.16 0 0 0-1.744.6h-.8V1.109a.37.37 0 0 1 .37-.37H3.7Zm8.18 5.125a.37.37 0 0 1-.37.37H4.435V4.547l.8 1.2a.37.37 0 1 0 .615-.41l-.582-.873A1.16 1.16 0 0 0 6.592 3.7h5.284ZM4.732 3.326l.527-.351a.422.422 0 1 1 0 .7Zm7.144-.37H6.592a1.161 1.161 0 0 0-1.744-.6l-.413.276V.739h7.071a.37.37 0 0 1 .37.37Z"/>
127        <path d="M11.183 5.28H8.855a.286.286 0 0 0 0 .572h2.328a.286.286 0 1 0 0-.572M11.183 6.789H8.855a.286.286 0 0 0 0 .572h2.328a.286.286 0 1 0 0-.572"/>
128    </svg>
129
130                        Carte cadeau
131                    </a>
132                </li>
133                                                                                                            <li>
134                <a href="/fr_FR/blog/articles" class="flex items-center gap-2 hover:underline">
135                        <svg class="fill-current w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="8.863" height="9.823" viewBox="0 0 8.863 9.823">
136        <path d="M8.576 1.554H7.329V.288A.288.288 0 0 0 7.041 0H.288A.288.288 0 0 0 0 .288v7.693a.288.288 0 0 0 .288.288h1.247v1.266a.288.288 0 0 0 .288.288h6.753a.288.288 0 0 0 .288-.288V1.842a.288.288 0 0 0-.288-.288m-8-.978h6.177v7.117H.576Zm7.712 8.671H2.11v-.978h4.93a.288.288 0 0 0 .288-.288V2.129h.959Z"/>
137        <path d="M5.813 1.247h-4.3a.288.288 0 0 0 0 .576h4.3a.288.288 0 0 0 0-.576M5.813 5.237H4.278a.288.288 0 1 0 0 .576h1.535a.288.288 0 1 0 0-.576M5.813 6.465h-4.3a.288.288 0 0 0 0 .576h4.3a.288.288 0 1 0 0-.576M1.516 5.813h1.535a.288.288 0 0 0 .288-.288V2.763a.288.288 0 0 0-.288-.288H1.516a.288.288 0 0 0-.288.288v2.762a.288.288 0 0 0 .288.288m.288-2.763h.959v2.187h-.959ZM5.813 2.628H4.278a.288.288 0 1 0 0 .576h1.535a.288.288 0 0 0 0-.576M5.813 3.856H4.278a.288.288 0 1 0 0 .576h1.535a.288.288 0 0 0 0-.576"/>
138    </svg>
139
140                    Blog &amp; destinations
141                </a>
142            </li>
143                            <li>
144                            
145        
146    
147                
148
149    <div class="relative" >
150        <button type="button"
151                class="flex items-center gap-2 lg:gap-1 link link-hover"
152                aria-haspopup="listbox"
153                aria-expanded="false"
154                data-locale-toggle
155            >
156                            
157                <svg class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 480">
158        <path fill="#fff" d="M0 0h640v480H0z"/>
159        <path fill="#000091" d="M0 0h213.3v480H0z"/>
160        <path fill="#e1000f" d="M426.7 0H640v480H426.7z"/>
161    </svg>
162
163    
164            <span class="hidden lg:block">Français</span>
165            <span class="block lg:hidden uppercase">FR</span>
166                <svg class="fill-none stroke-current h-2 w-2 opacity-80 rotate-90 -translate-y-px" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
167        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
168    </svg>
169
170        </button>
171
172        <ul class="z-50 absolute right-0 mt-2 min-w-40 rounded-md bg-base-100 shadow-lg ring-1 space-y-1 ring-black/5 focus:outline-none p-2 text-sm"
173            role="listbox"
174            tabindex="-1"
175            hidden
176            data-locale-list
177        >
178                                                            <li role="option" aria-selected="true">
179                    <a class="flex items-center gap-2 px-3 py-2 rounded text-black font-bold hover:bg-persimmon hover:text-white focus:bg-persimmon focus:outline-none focus:text-white opacity-60 pointer-events-none"
180                       href="/fr_FR/switch-locale/fr_FR"
181                        >
182                                        
183                <svg class="w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 480">
184        <path fill="#fff" d="M0 0h640v480H0z"/>
185        <path fill="#000091" d="M0 0h213.3v480H0z"/>
186        <path fill="#e1000f" d="M426.7 0H640v480H426.7z"/>
187    </svg>
188
189    
190                        <span class="whitespace-nowrap">Français</span>
191                                                    <span class="ml-auto text-xs">✓</span>
192                                            </a>
193                </li>
194                                                            <li role="option" aria-selected="false">
195                    <a class="flex items-center gap-2 px-3 py-2 rounded text-black font-bold hover:bg-persimmon hover:text-white focus:bg-persimmon focus:outline-none focus:text-white "
196                       href="/fr_FR/switch-locale/it_IT"
197                        >
198                                        
199                <svg class="w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 480">
200        <g fill-rule="evenodd" stroke-width="1pt">
201            <path fill="#fff" d="M0 0h640v480H0z"/>
202            <path fill="#009246" d="M0 0h213.3v480H0z"/>
203            <path fill="#ce2b37" d="M426.7 0H640v480H426.7z"/>
204        </g>
205    </svg>
206
207    
208                        <span class="whitespace-nowrap">Italien</span>
209                                            </a>
210                </li>
211                    </ul>
212    </div>
213
214    
214<script>
215        (function () {
216            const root = document.currentScript && document.currentScript.previousElementSibling;
217            if (!root) return;
218            const btn  = root.querySelector('[data-locale-toggle]');
219            const list = root.querySelector('[data-locale-list]');
220            if (!btn || !list) return;
221
222            function open() {
223                list.hidden = false;
224                btn.setAttribute('aria-expanded', 'true');
225                // focus premier élément
226                const first = list.querySelector('a, [role="option"]');
227                first && first.focus();
228                document.addEventListener('click', onDocClick, true);
229                document.addEventListener('keydown', onKey, true);
230            }
231
232            function close() {
233                list.hidden = true;
234                btn.setAttribute('aria-expanded', 'false');
235                document.removeEventListener('click', onDocClick, true);
236                document.removeEventListener('keydown', onKey, true);
237                btn.focus();
238            }
239
240            function onDocClick(e) {
241                !root.contains(e.target) && close();
242            }
243
244            function onKey(e) {
245                if (e.key === 'Escape') {
246                    e.preventDefault();
247                    close();
248                }
249            }
250
251            btn.addEventListener('click', function (e) {
252                e.preventDefault();
253                list.hidden ? open() : close();
254            });
255        })();
256    </script>
256
257
258                </li>
259                    </ul>
260                    <ul class="items-center lg:hidden flex">
261                <li>
262                            
263        
264    
265                
266
267    <div class="relative" >
268        <button type="button"
269                class="flex items-center gap-2 lg:gap-1 link link-hover"
270                aria-haspopup="listbox"
271                aria-expanded="false"
272                data-locale-toggle
273            >
274                            
275                <svg class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 480">
276        <path fill="#fff" d="M0 0h640v480H0z"/>
277        <path fill="#000091" d="M0 0h213.3v480H0z"/>
278        <path fill="#e1000f" d="M426.7 0H640v480H426.7z"/>
279    </svg>
280
281    
282            <span class="hidden lg:block">Français</span>
283            <span class="block lg:hidden uppercase">FR</span>
284                <svg class="fill-none stroke-current h-2 w-2 opacity-80 rotate-90 -translate-y-px" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
285        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
286    </svg>
287
288        </button>
289
290        <ul class="z-50 absolute right-0 mt-2 min-w-40 rounded-md bg-base-100 shadow-lg ring-1 space-y-1 ring-black/5 focus:outline-none p-2 text-sm"
291            role="listbox"
292            tabindex="-1"
293            hidden
294            data-locale-list
295        >
296                                                            <li role="option" aria-selected="true">
297                    <a class="flex items-center gap-2 px-3 py-2 rounded text-black font-bold hover:bg-persimmon hover:text-white focus:bg-persimmon focus:outline-none focus:text-white opacity-60 pointer-events-none"
298                       href="/fr_FR/switch-locale/fr_FR"
299                        >
300                                        
301                <svg class="w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 480">
302        <path fill="#fff" d="M0 0h640v480H0z"/>
303        <path fill="#000091" d="M0 0h213.3v480H0z"/>
304        <path fill="#e1000f" d="M426.7 0H640v480H426.7z"/>
305    </svg>
306
307    
308                        <span class="whitespace-nowrap">Français</span>
309                                                    <span class="ml-auto text-xs">✓</span>
310                                            </a>
311                </li>
312                                                            <li role="option" aria-selected="false">
313                    <a class="flex items-center gap-2 px-3 py-2 rounded text-black font-bold hover:bg-persimmon hover:text-white focus:bg-persimmon focus:outline-none focus:text-white "
314                       href="/fr_FR/switch-locale/it_IT"
315                        >
316                                        
317                <svg class="w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 480">
318        <g fill-rule="evenodd" stroke-width="1pt">
319            <path fill="#fff" d="M0 0h640v480H0z"/>
320            <path fill="#009246" d="M0 0h213.3v480H0z"/>
321            <path fill="#ce2b37" d="M426.7 0H640v480H426.7z"/>
322        </g>
323    </svg>
324
325    
326                        <span class="whitespace-nowrap">Italien</span>
327                                            </a>
328                </li>
329                    </ul>
330    </div>
331
332    
332<script>
333        (function () {
334            const root = document.currentScript && document.currentScript.previousElementSibling;
335            if (!root) return;
336            const btn  = root.querySelector('[data-locale-toggle]');
337            const list = root.querySelector('[data-locale-list]');
338            if (!btn || !list) return;
339
340            function open() {
341                list.hidden = false;
342                btn.setAttribute('aria-expanded', 'true');
343                // focus premier élément
344                const first = list.querySelector('a, [role="option"]');
345                first && first.focus();
346                document.addEventListener('click', onDocClick, true);
347                document.addEventListener('keydown', onKey, true);
348            }
349
350            function close() {
351                list.hidden = true;
352                btn.setAttribute('aria-expanded', 'false');
353                document.removeEventListener('click', onDocClick, true);
354                document.removeEventListener('keydown', onKey, true);
355                btn.focus();
356            }
357
358            function onDocClick(e) {
359                !root.contains(e.target) && close();
360            }
361
362            function onKey(e) {
363                if (e.key === 'Escape') {
364                    e.preventDefault();
365                    close();
366                }
367            }
368
369            btn.addEventListener('click', function (e) {
370                e.preventDefault();
371                list.hidden ? open() : close();
372            });
373        })();
374    </script>
374
375
376                </li>
377            </ul>
378            </div>
379</section>
380
381		
382					<div class="sticky top-8 z-20 bg-white transition-[top] duration-300 ease-in-out mb-8" data-topbar-target="header">
383    <header class="container mt-4 mb-4 lg:mb-3">
384        <div class="flex items-center justify-between gap-2">
385            <div class="flex items-center gap-3">
386    <label class="swap swap-rotate lg:hidden" data-controller="burger">
387        <!-- this hidden checkbox controls the state -->
388        <input type="checkbox" class="hidden"
389            data-burger-target="state"
390            data-action="burger#toggle" />
391        <!-- hamburger icon -->
392        <svg viewBox="0 0 24 24" width="32" height="32" class="swap-off fill-current">
393            <g stroke="#000" stroke-linecap="round" stroke-width="2">
394                <path d="M4 18h16M4 12h16M4 6h16" />
395            </g>
396        </svg>
397        <!-- close icon -->
398        <svg viewBox="0 0 24 24" width="32" height="32" class="swap-on fill-current">
399            <path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19 5 5 19M5 5l14 14"/>
400        </svg>
401    </label>
402    <a href="/fr_FR/" aria-label="Tonton Outdoor website">
403        <img src="https://static.tonton-outdoor.com/themes/tailwind-theme/images/logo.fa70cabd.svg"
404             alt="Tonton Outdoor WEB logo"
405             class="max-h-8 w-full lg:max-h-10" />
406    </a>
407</div>
408
409<div class="flex-auto lg:pl-10 lg:pr-4">
410    
411
412<div class="hidden lg:block">
413    <div class="searchdiv relative z-[110]" data-controller="search-autocomplete" data-search-autocomplete-url-value="https://www.tonton-outdoor.com/fr_FR/search/auto-complete" data-search-autocomplete-brands-title-value="Marques" data-search-autocomplete-categories-title-value="Catégories" data-search-autocomplete-min-chars-value="2" data-search-autocomplete-products-title-value="Produits">
414    <div class="fixed inset-0 bg-black/20 backdrop-blur-[2px] z-[100] hidden transition-opacity duration-300" data-search-autocomplete-target="backdrop" data-action="click->search-autocomplete#clearResults"></div>
415    <div class="search-form relative z-[110]">
416        <form method="get" class="relative w-full" novalidate="novalidate" action="/fr_FR/recherche" autocomplete="off">
417        <input type="text" name="q" value=""
418               class="bg-neutral text-xs h-10 px-5 pr-12 rounded-full w-full focus:outline-none placeholder:text-silver placeholder:font-normal"
419               placeholder="Rechercher un produit, une marque, un sport…"
420               autocomplete="off"
421               autocorrect="off"
422               spellcheck="false"
423               data-search-autocomplete-target="input"
424               data-action="input->search-autocomplete#onInput" />
425        <button type="submit" class="absolute right-4 top-0 bottom-0 m-auto" aria-label="Rechercher">
426                <svg class="fill-current text-neutral-content h-4 w-4" xmlns="http://www.w3.org/2000/svg" width="18.247" height="18.247" viewBox="0 0 18.247 18.247">
427        <path d="m18.247 17.173-4.755-4.754a7.6 7.6 0 1 0-1.074 1.074l4.755 4.755Zm-10.63-3.482a6.074 6.074 0 1 1 6.074-6.074 6.074 6.074 0 0 1-6.074 6.074Z"/>
428    </svg>
429
430        </button>
431        </form>
432    </div>
433    <div class="search-results hidden absolute left-0 right-0 top-full m-auto w-[calc(100%_-_23px)] mt-[-5px] bg-neutral z-[110] max-h-[70vh] overflow-y-auto bg-white border-[1.5px] border-[#f0f0f0]" data-search-autocomplete-target="results"></div>
434
435    <template data-search-autocomplete-target="resultsTemplate">
436        <div class="flex flex-col gap-4 p-2"></div>
437    </template>
438
439    <template data-search-autocomplete-target="sectionTemplate">
440        <div>
441            <div class="text-sm font-bold uppercase text-base-300 mb-1" data-section-title></div>
442            <div class="px-2" data-section-items></div>
443        </div>
444    </template>
445
446    <template data-search-autocomplete-target="brandItemTemplate">
447        <a href="" class="block py-1 text-sm hover:text-primary transition-colors font-bold" data-brand-link></a>
448    </template>
449
450    <template data-search-autocomplete-target="taxonItemTemplate">
451        <a href="" class="block py-1 text-sm hover:text-primary transition-colors" data-taxon-link></a>
452    </template>
453
454    <template data-search-autocomplete-target="productItemTemplate">
455        <a href="" class="flex items-center gap-3 -mx-2 px-2 py-1 hover:bg-gray-50 rounded-md transition-colors group" data-product-link>
456            <div class="flex-shrink-0 w-14 h-14 overflow-hidden" data-product-image-container>
457                <img src="" alt="" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300" data-product-image>
458            </div>
459            <div class="flex flex-col min-w-0 flex-1">
460                <span class="text-xs font-normal mb-[-3px] text-[11px]" data-product-brand></span>
461                <span class="text-sm font-bold text-gray-900 truncate" data-product-name></span>
462                <span class="text-sm font-normal" data-product-price></span>
463            </div>
464        </a>
465    </template>
466</div>
467</div>
468
469</div>
470
471
472<div class="flex items-center gap-4 text-base-content pr-2 lg:pr-0">
473        <div role="button" class="lg:hidden" data-action="click->search-bar#toggle" aria-label="Rechercher">
474            <svg class="fill-current w-[18px] h-[18px] lg:w-6 lg:h-6" xmlns="http://www.w3.org/2000/svg" width="18.247" height="18.247" viewBox="0 0 18.247 18.247">
475        <path d="m18.247 17.173-4.755-4.754a7.6 7.6 0 1 0-1.074 1.074l4.755 4.755Zm-10.63-3.482a6.074 6.074 0 1 1 6.074-6.074 6.074 6.074 0 0 1-6.074 6.074Z"/>
476    </svg>
477
478    </div>
479    <div class="relative indicator">
480        <a href="/fr_FR/comparator" class="relative indicator" aria-label="Comparateur">
481                <svg class="fill-current w-[18px] h-[18px] lg:w-6 lg:h-6" xmlns="http://www.w3.org/2000/svg" width="18.189" height="15.45" viewBox="0 0 18.189 15.45">
482        <path d="M12.732 15.45a.91.91 0 0 1-.643-1.552l2.995-2.998H3.637a.91.91 0 1 1 0-1.819h13.642a.91.91 0 0 1 .643 1.552l-4.547 4.547a.91.91 0 0 1-.643.266m2.728-10a.91.91 0 0 0-.909-.909H3.1l3-2.996A.91.91 0 0 0 4.813.255L.266 4.8a.91.91 0 0 0 .643 1.555h13.642a.91.91 0 0 0 .909-.909"/>
483    </svg>
484
485            <span
486                data-compare-target="compareCount"
487                class="badge badge-primary badge-sm px-1 font-medium text-2xs indicator-item opacity-0 transition-opacity duration-50"
488            ></span>
489        </a>
490    </div>
491    <a href="/fr_FR/account/" aria-label="Mon compte">
492            <svg class="fill-current w-[18px] h-[18px] lg:w-6 lg:h-6" xmlns="http://www.w3.org/2000/svg" width="23.376" height="23.376" viewBox="0 0 23.376 23.376">
493        <path d="M11.688 0a11.688 11.688 0 1 0 11.688 11.688A11.7 11.7 0 0 0 11.688 0M5.55 19.431a7.428 7.428 0 0 1 12.276-.006 9.832 9.832 0 0 1-12.276.006m2.241-8.942a3.9 3.9 0 1 1 3.9 3.9 3.9 3.9 0 0 1-3.9-3.9m11.34 7.692a9.357 9.357 0 0 0-4.059-3.139 5.694 5.694 0 1 0-6.768 0 9.357 9.357 0 0 0-4.059 3.139 9.891 9.891 0 1 1 14.885 0"/>
494    </svg>
495
496    </a>
497    <a href="/fr_FR/compte/favoris" aria-label="Mes favoris">
498            <svg class="fill-current w-[18px] h-[18px] lg:w-6 lg:h-6" xmlns="http://www.w3.org/2000/svg" width="23.729" height="20.392" viewBox="0 0 23.729 20.392">
499        <path d="M17.426 0a6.22 6.22 0 0 0-5.109 2.691 8.698 8.698 0 0 0-.452.672 8.51 8.51 0 0 0-.452-.672A6.22 6.22 0 0 0 6.3 0C2.538 0 0 3.024 0 6.732c0 4.839 4.6 7.885 11.271 13.446a.927.927 0 0 0 1.187 0c6.671-5.559 11.271-8.606 11.271-13.446 0-3.705-2.536-6.732-6.3-6.732m-5.564 18.261C5.721 13.178 1.854 10.484 1.854 6.732c0-2.424 1.528-4.878 4.449-4.878a4.365 4.365 0 0 1 3.59 1.9 7.272 7.272 0 0 1 1.081 2.066.927.927 0 0 0 1.781 0c.011-.04 1.182-3.964 4.671-3.964 2.921 0 4.449 2.454 4.449 4.878 0 3.756-3.887 6.462-10.011 11.529"/>
500    </svg>
501
502    </a>
503    <div class="relative indicator">
504                    
505    <div>
506        <button
507            class="block dropdown dropdown-bottom dropdown-end"
508            onclick="document.dispatchEvent(new CustomEvent('cart-sidebar:open'))"
509        >
510            <span class="flex items-center justify-end" >
511                 
512
513
514    <svg class="fill-current w-[18px] h-[18px] lg:w-6 lg:h-6" xmlns="http://www.w3.org/2000/svg" width="19.229" height="17.598" viewBox="0 0 19.229 17.598">
515        <path d="M15.225 17.595a2.4 2.4 0 1 1 2.4-2.4 2.4 2.4 0 0 1-2.4 2.4m0-3.357a.959.959 0 1 0 .959.959.96.96 0 0 0-.959-.959M16.759 11.772H5.562a.719.719 0 0 1-.7-.552L2.525 1.439H.719A.719.719 0 0 1 .719 0h2.374a.72.72 0 0 1 .7.552l.647 2.709h14.07a.719.719 0 0 1 .7.892l-1.75 7.073a.719.719 0 0 1-.7.546M6.13 10.333H16.2L17.59 4.7H4.784ZM6.518 17.595a2.4 2.4 0 1 1 2.4-2.4 2.4 2.4 0 0 1-2.4 2.4m0-3.357a.959.959 0 1 0 .959.959.96.96 0 0 0-.959-.959"/>
516    </svg>
517
518<span id="cart-total-quantity-badge" class="badge badge-primary badge-sm px-1 font-medium text-2xs indicator-item">0</span>
519
520
521
522            </span>
523        </button>
524    </div>
525
526
527
528            </div>
529</div>
530
531        </div>
532    </header>
533        
534
535
536
537
538    <div data-controller="megamenu"
539        class="megamenu w-full bg-alabaster flex-grow overflow-y-auto lg:z-20 lg:block lg:bg-white lg:border-b lg:border-alabaster lg:text-sm lg:opacity-1 lg:translate-x-0 lg:overflow-y-visible">
540        <div class="px-4 pb-3 bg-white lg:hidden">
541            <div class="lg:block pt-[5px]">
542    <div class="searchdiv relative z-[110]" data-controller="search-autocomplete" data-search-autocomplete-url-value="https://www.tonton-outdoor.com/fr_FR/search/auto-complete" data-search-autocomplete-brands-title-value="Marques" data-search-autocomplete-categories-title-value="Catégories" data-search-autocomplete-min-chars-value="2" data-search-autocomplete-products-title-value="Produits">
543    <div class="fixed inset-0 bg-black/20 backdrop-blur-[2px] z-[100] hidden transition-opacity duration-300" data-search-autocomplete-target="backdrop" data-action="click->
543search-autocomplete#clearResults"></div>
544    <div class="search-form relative z-[110]">
545        <form method="get" class="relative w-full" novalidate="novalidate" action="/fr_FR/recherche" autocomplete="off">
546        <input type="text" name="q" value=""
547               class="bg-neutral text-xs h-10 px-5 pr-12 rounded-full w-full focus:outline-none placeholder:text-silver placeholder:font-normal"
548               placeholder="Rechercher un produit, une marque, un sport…"
549               autocomplete="off"
550               autocorrect="off"
551               spellcheck="false"
552               data-search-autocomplete-target="input"
553               data-action="input->search-autocomplete#onInput" />
554        <button type="submit" class="absolute right-4 top-0 bottom-0 m-auto" aria-label="Rechercher">
555                <svg class="fill-current text-neutral-content h-4 w-4" xmlns="http://www.w3.org/2000/svg" width="18.247" height="18.247" viewBox="0 0 18.247 18.247">
556        <path d="m18.247 17.173-4.755-4.754a7.6 7.6 0 1 0-1.074 1.074l4.755 4.755Zm-10.63-3.482a6.074 6.074 0 1 1 6.074-6.074 6.074 6.074 0 0 1-6.074 6.074Z"/>
557    </svg>
558
559        </button>
560        </form>
561    </div>
562    <div class="search-results hidden absolute left-0 right-0 top-full m-auto w-[calc(100%_-_23px)] mt-[-5px] bg-neutral z-[110] max-h-[70vh] overflow-y-auto bg-white border-[1.5px] border-[#f0f0f0]" data-search-autocomplete-target="results"></div>
563
564    <template data-search-autocomplete-target="resultsTemplate">
565        <div class="flex flex-col gap-4 p-2"></div>
566    </template>
567
568    <template data-search-autocomplete-target="sectionTemplate">
569        <div>
570            <div class="text-sm font-bold uppercase text-base-300 mb-1" data-section-title></div>
571            <div class="px-2" data-section-items></div>
572        </div>
573    </template>
574
575    <template data-search-autocomplete-target="brandItemTemplate">
576        <a href="" class="block py-1 text-sm hover:text-primary transition-colors font-bold" data-brand-link></a>
577    </template>
578
579    <template data-search-autocomplete-target="taxonItemTemplate">
580        <a href="" class="block py-1 text-sm hover:text-primary transition-colors" data-taxon-link></a>
581    </template>
582
583    <template data-search-autocomplete-target="productItemTemplate">
584        <a href="" class="flex items-center gap-3 -mx-2 px-2 py-1 hover:bg-gray-50 rounded-md transition-colors group" data-product-link>
585            <div class="flex-shrink-0 w-14 h-14 overflow-hidden" data-product-image-container>
586                <img src="" alt="" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300" data-product-image>
587            </div>
588            <div class="flex flex-col min-w-0 flex-1">
589                <span class="text-xs font-normal mb-[-3px] text-[11px]" data-product-brand></span>
590                <span class="text-sm font-bold text-gray-900 truncate" data-product-name></span>
591                <span class="text-sm font-normal" data-product-price></span>
592            </div>
593        </a>
594    </template>
595</div>
596</div>
597
598        </div>
599        <div class="flex flex-col lg:flex-row lg:justify-center lg:relative">
600                                    
601                    <div tabindex="0" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="0"
602             class="group flex flex-col bg-white border-b border-b-neutral lg:block lg:px-2 lg:transition-colors lg:border-b-2 lg:hover:border-black lg:border-transparent lg:content-center lg:h-[45px]">
603            <a href="/fr_FR/c/homme" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
604               class="group/level0 flex flex-grow-0 justify-between items-center h-full py-3 lg:py-0 px-8 bg-white lg:transition-colors lg:justify-center lg:m-0 lg:px-2 lg:text-center">
605                <span
606                    class="leading-none uppercase transition-colors group-[.is-opened]/level0:font-bold group-[.is-opened]/level0:text-primary lg:group-[.is-opened]/level0:text-base-content lg:group-hover:text-primary">
607                    Homme
608                </span>
609                    <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level0:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
610        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
611    </svg>
612
613            </a>
614
615            <div data-megamenu-item-target="item"
616                class="hidden lg:p-0 lg:left-0 lg:absolute lg:z-30 lg:bg-white lg:w-full lg:top-full">
617                <div class="lg:max-w-screen-xl lg:m-auto lg:p-4 lg:pb-10">
618                    <a href="/fr_FR/c/homme"
619                       class="flex pl-12 py-3 lg:py-0 italic text-xs uppercase lg:inline-flex lg:pl-0  lg:hover:text-primary" >
620                        Voir tout Homme
621                    </a>
622                    <div
623                        class="lg:relative" data-controller="masonry" data-masonry-desktop-breakpoint-value="1024" data-masonry-options-value="{&quot;baseWidth&quot;:200,&quot;surroundingGutter&quot;:false,&quot;wedge&quot;:true}">
624                                                    <div
625                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
626                                        
627                                        <a href="/fr_FR/c/homme/vetements-homme" data-action="click->
627megamenu-item#toggle" data-megamenu-item-target="trigger"
628           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
629            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
630                                                        <img class="h-4 mr-1"
631                         src="https://static.tonton-outdoor.com/media/image/9a/82/b72ef2d66c4967666df61090729b.svg"
632                         loading="lazy"
633                         alt=""
634                         aria-hidden="true">
635                                Vêtements homme
636            </span>
637                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
638        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
639    </svg>
640
641        </a>
642        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
643            <a href="/fr_FR/c/homme/vetements-homme" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
644                Voir tout Vêtements homme
645            </a>
646                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
647                            
648                                        <a href="/fr_FR/c/homme/vetements-homme/vestes-coupes-vents"
649           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
650            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
651                                Vestes / Coupe-vents</span>
652        </a>
653    
654                </div>
655                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
656                            
657                                        <a href="/fr_FR/c/homme/vetements-homme/doudounes"
658           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
659            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
660                                Doudounes</span>
661        </a>
662    
663                </div>
664                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
665                            
666                                        <a href="/fr_FR/c/homme/vetements-homme/sweats-polaires"
667           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
668            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
669                                Sweats / Polaires</span>
670        </a>
671    
672                </div>
673                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
674                            
675                                        <a href="/fr_FR/c/homme/vetements-homme/seconde-couche"
676           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
677            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
678                                Pulls techniques</span>
679        </a>
680    
681                </div>
682                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
683                            
684                                        <a href="/fr_FR/c/homme/vetements-homme/chemises"
685           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
686            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
687                                Chemises</span>
688        </a>
689    
690                </div>
691                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
692                            
693                                        <a href="/fr_FR/c/homme/vetements-homme/sous-couches"
694           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
695            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
696                                Sous-couches</span>
697        </a>
698    
699                </div>
700                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
701                            
702                                        <a href="/fr_FR/c/homme/vetements-homme/t-shirts"
703           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
704            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
705                                T-shirts</span>
706        </a>
707    
708                </div>
709                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
710                            
711                                        <a href="/fr_FR/c/homme/vetements-homme/debardeurs"
712           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
713            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
714                                Débardeurs</span>
715        </a>
716    
717                </div>
718                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
719                            
720                                        <a href="/fr_FR/c/homme/vetements-homme/pantalons"
721           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
722            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
723                                Pantalons</span>
724        </a>
725    
726                </div>
727                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
728                            
729                                        <a href="/fr_FR/c/homme/vetements-homme/combinaisons"
730           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
731            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
732                                Combinaisons</span>
733        </a>
734    
735                </div>
736                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
737                            
738                                        <a href="/fr_FR/c/homme/vetements-homme/maillots-de-bain"
739           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
740            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
741                                Maillots de bain</span>
742        </a>
743    
744                </div>
745                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
746                            
747                                        <a href="/fr_FR/c/homme/vetements-homme/collants"
748           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
749            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
750                                Collants</span>
751        </a>
752    
753                </div>
754                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
755                            
756                                        <a href="/fr_FR/c/homme/vetements-homme/cuissards"
757           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
758            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
759                                Cuissards</span>
760        </a>
761    
762                </div>
763                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
764                            
765                                        <a href="/fr_FR/c/homme/vetements-homme/shorts-bermudas"
766           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
767            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
768                                Shorts / Bermudas</span>
769        </a>
770    
771                </div>
772                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
773                            
774                                        <a href="/fr_FR/c/homme/vetements-homme/sous-vetements"
775           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
776            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
777                                Boxers / Sous-vêtements</span>
778        </a>
779    
780                </div>
781                    </div>
782    
783                            </div>
784                                                    <div
785                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
786                                        
787                                        <a href="/fr_FR/c/homme/chaussures-homme" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
788           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
789            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
790                                                        <img class="h-4 mr-1"
791                         src="https://static.tonton-outdoor.com/media/image/cc/55/f70c741faf50a5522598bef85878.svg"
792                         loading="lazy"
793                         alt=""
794                         aria-hidden="true">
795                                Chaussures homme
796            </span>
797                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
798        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
799    </svg>
800
801        </a>
802        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
803            <a href="/fr_FR/c/homme/chaussures-homme" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
804                Voir tout Chaussures homme
805            </a>
806                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
807                            
808                                        <a href="/fr_FR/c/homme/chaussures-homme/chaussures-de-running"
809           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
810            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
811                                Chaussures de running</span>
812        </a>
813    
814                </div>
815                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
816                            
817                                        <a href="/fr_FR/c/homme/chaussures-homme/chaussures-de-trail"
818           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
819            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
820                                Chaussures de trail</span>
821        </a>
822    
823                </div>
824                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
825                            
826                                        <a href="/fr_FR/c/homme/chaussures-homme/chaussures-d-athletisme"
827           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
828            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
829                                Chaussures d&#039;athlétisme</span>
830        </a>
831    
832                </div>
833                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
834                            
835                                        <a href="/fr_FR/c/homme/chaussures-homme/chaussures-carbone"
836           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
837            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
838                                Chaussures plaque carbone</span>
839        </a>
840    
841                </div>
842                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
843                            
844                                        <a href="/fr_FR/c/homme/chaussures-homme/chaussures-minimalistes"
845           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
846            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
847                                Chaussures minimalistes</span>
848        </a>
849    
850                </div>
851                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
852                            
853                                        <a href="/fr_FR/c/homme/chaussures-homme/chaussures-de-recuperation"
854           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
855            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
856                                Chaussures de récupération</span>
857        </a>
858    
859                </div>
860                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
861                            
862                                        <a href="/fr_FR/c/homme/chaussures-homme/chaussures-de-randonnee"
863           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
864            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
865                                Chaussures de randonnée</span>
866        </a>
867    
868                </div>
869                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
870                            
871                                        <a href="/fr_FR/c/homme/chaussures-homme/sandales"
872           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
873            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
874                                Sandales</span>
875        </a>
876    
877                </div>
878                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
879                            
880                                        <a href="/fr_FR/c/homme/chaussures-homme/chaussures-de-crossfit-fitness"
881           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
882            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
883                                Chaussures de crossfit / fitness</span>
884        </a>
885    
886                </div>
887                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
888                            
889                                        <a href="/fr_FR/c/homme/chaussures-homme/chaussons-d-escalade"
890           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
891            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
892                                Chaussons d&#039;escalade</span>
893        </a>
894    
895                </div>
896                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
897                            
898                                        <a href="/fr_FR/c/homme/chaussures-homme/chaussures-d-hiver-ski"
899           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
900            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
901                                Chaussures d&#039;hiver / ski</span>
902        </a>
903    
904                </div>
905                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
906                            
907                                        <a href="/fr_FR/c/homme/chaussures-homme/chaussures-lifestyle"
908           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
909            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
910                                Chaussures lifestyle</span>
911        </a>
912    
913                </div>
914                    </div>
915    
916                            </div>
917                                                    <div
918                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
919                                        
920                                        <a href="/fr_FR/c/homme/accessoires" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
921           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
922            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
923                                                        <img class="h-4 mr-1"
924                         src="https://static.tonton-outdoor.com/media/image/da/83/54b09dcec9671da41bf6a5d39899.svg"
925                         loading="lazy"
926                         alt=""
927                         aria-hidden="true">
928                                Accessoires
929            </span>
930                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
931        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
932    </svg>
933
934        </a>
935        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
936            <a href="/fr_FR/c/homme/accessoires" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
937                Voir tout Accessoires
938            </a>
939                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
940                            
941                                        <a href="/fr_FR/c/homme/accessoires/chaussettes"
942           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
943            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
944                                Chaussettes</span>
945        </a>
946    
947                </div>
948                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
949                            
950                                        <a href="/fr_FR/c/homme/accessoires/lunettes-de-soleil"
951           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
952            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
953                                Lunettes de soleil</span>
954        </a>
955    
956                </div>
957                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
958                            
959                                        <a href="/fr_FR/c/homme/accessoires/casquettes-chapeaux-bandeaux"
960           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
961            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
962                                Casquettes / Chapeaux / Bandeaux</span>
963        </a>
964    
965                </div>
966                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
967                            
968                                        <a href="/fr_FR/c/homme/accessoires/gants"
969           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
970            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
971                                Gants</span>
972        </a>
973    
974                </div>
975                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
976                            
977                                        <a href="/fr_FR/c/homme/accessoires/bonnets"
978           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
979            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
980                                Bonnets</span>
981        </a>
982    
983                </div>
984                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
985                            
986                                        <a href="/fr_FR/c/homme/accessoires/tours-de-cou-cagoules"
987           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
988            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
989                                Tours de cou / Cagoules</span>
990        </a>
991    
992                </div>
993                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
994                            
995                                        <a href="/fr_FR/c/homme/accessoires/manchons-manchettes"
996           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
997            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
998                                Manchons / Manchettes</span>
999        </a>
1000    
1001                </div>
1002                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1003                            
1004                                        <a href="/fr_FR/c/homme/accessoires/protections-articulaires"
1005           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1006            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1007                                Protections articulaires</span>
1008        </a>
1009    
1010                </div>
1011                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1012                            
1013                                        <a href="/fr_FR/c/homme/accessoires/guetres"
1014           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1015            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1016                                Guêtres</span>
1017        </a>
1018    
1019                </div>
1020                    </div>
1021    
1022                            </div>
1023                                                    <div
1024                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
1025                                        
1026                                        <a href="/fr_FR/c/homme/bagagerie" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
1027           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
1028            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
1029                                                        <img class="h-4 mr-1"
1030                         src="https://static.tonton-outdoor.com/media/image/98/1e/71de6992b89a4d1af056c21374f2.svg"
1031                         loading="lazy"
1032                         alt=""
1033                         aria-hidden="true">
1034                                Bagagerie
1035            </span>
1036                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
1037        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
1038    </svg>
1039
1040        </a>
1041        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
1042            <a href="/fr_FR/c/homme/bagagerie" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
1043                Voir tout Bagagerie
1044            </a>
1045                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1046                            
1047                                        <a href="/fr_FR/c/homme/bagagerie/sacs-d-hydratation"
1048           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1049            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1050                                Sacs d&#039;hydratation</span>
1051        </a>
1052    
1053                </div>
1054                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1055                            
1056                                        <a href="/fr_FR/c/homme/bagagerie/sacs-a-dos-de-randonnee"
1057           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1058            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1059                                Sacs à dos de randonnée</span>
1060        </a>
1061    
1062                </div>
1063                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1064                            
1065                                        <a href="/fr_FR/c/homme/bagagerie/sacs-a-dos-d-alpinisme"
1066           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1067            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1068                                Sacs à dos d&#039;alpinisme</span>
1069        </a>
1070    
1071                </div>
1072                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1073                            
1074                                        <a href="/fr_FR/c/homme/bagagerie/duffels"
1075           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1076            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1077                                Duffels</span>
1078        </a>
1079    
1080                </div>
1081                    </div>
1082    
1083                            </div>
1084                                            </div>
1085                </div>
1086            </div>
1087        </div>
1088    
1089                                                    
1090                    <div tabindex="0" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="0"
1091             class="group flex flex-col bg-white border-b border-b-neutral lg:block lg:px-2 lg:transition-colors lg:border-b-2 lg:hover:border-black lg:border-transparent lg:content-center lg:h-[45px]">
1092            <a href="/fr_FR/c/femme" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
1093               class="group/level0 flex flex-grow-0 justify-between items-center h-full py-3 lg:py-0 px-8 bg-white lg:transition-colors lg:justify-center lg:m-0 lg:px-2 lg:text-center">
1094                <span
1095                    class="leading-none uppercase transition-colors group-[.is-opened]/level0:font-bold group-[.is-opened]/level0:text-primary lg:group-[.is-opened]/level0:text-base-content lg:group-hover:text-primary">
1096                    Femme
1097                </span>
1098                    <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level0:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
1099        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
1100    </svg>
1101
1102            </a>
1103
1104            <div data-megamenu-item-target="item"
1105                class="hidden lg:p-0 lg:left-0 lg:absolute lg:z-30 lg:bg-white lg:w-full lg:top-full">
1106                <div class="lg:max-w-screen-xl lg:m-auto lg:p-4 lg:pb-10">
1107                    <a href="/fr_FR/c/femme"
1108                       class="flex pl-12 py-3 lg:py-0 italic text-xs uppercase lg:inline-flex lg:pl-0  lg:hover:text-primary" >
1109                        Voir tout Femme
1110                    </a>
1111                    <div
1112                        class="lg:relative" data-controller="masonry" data-masonry-desktop-breakpoint-value="1024" data-masonry-options-value="{&quot;baseWidth&quot;:200,&quot;surroundingGutter&quot;:false,&quot;wedge&quot;:true}">
1113                                                    <div
1114                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
1115                                        
1116                                        <a href="/fr_FR/c/femme/vetements-femme" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
1117           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
1118            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
1119                                                        <img class="h-4 mr-1"
1120                         src="https://static.tonton-outdoor.com/media/image/20/93/3a4dcac2f9012cfb943c4c2641c1.svg"
1121                         loading="lazy"
1122                         alt=""
1123                         aria-hidden="true">
1124                                Vêtements femme
1125            </span>
1126                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
1127        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
1128    </svg>
1129
1130        </a>
1131        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
1132            <a href="/fr_FR/c/femme/vetements-femme" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
1133                Voir tout Vêtements femme
1134            </a>
1135                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1136                            
1137                                        <a href="/fr_FR/c/femme/vetements-femme/vestes-coupes-vents"
1138           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1139            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1140                                Vestes / Coupe-vents</span>
1141        </a>
1142    
1143                </div>
1144                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1145                            
1146                                        <a href="/fr_FR/c/femme/vetements-femme/doudounes"
1147           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1148            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1149                                Doudounes</span>
1150        </a>
1151    
1152                </div>
1153                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1154                            
1155                                        <a href="/fr_FR/c/femme/vetements-femme/sweats-polaires"
1156           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1157            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1158                                Sweats / Polaires</span>
1159        </a>
1160    
1161                </div>
1162                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1163                            
1164                                        <a href="/fr_FR/c/femme/vetements-femme/seconde-couche"
1165           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1166            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1167                                Pulls techniques</span>
1168        </a>
1169    
1170                </div>
1171                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1172                            
1173                                        <a href="/fr_FR/c/femme/vetements-femme/chemises"
1174           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1175            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1176                                Chemises</span>
1177        </a>
1178    
1179                </div>
1180                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1181                            
1182                                        <a href="/fr_FR/c/femme/vetements-femme/sous-couches"
1183           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1184            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1185                                Sous-couches</span>
1186        </a>
1187    
1188                </div>
1189                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1190                            
1191                                        <a href="/fr_FR/c/femme/vetements-femme/t-shirts"
1192           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1193            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1194                                T-shirts</span>
1195        </a>
1196    
1197                </div>
1198                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1199                            
1200                                        <a href="/fr_FR/c/femme/vetements-femme/debardeurs"
1201           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1202            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1203                                Débardeurs</span>
1204        </a>
1205    
1206                </div>
1207                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1208                            
1209                                        <a href="/fr_FR/c/femme/vetements-femme/pantalons"
1210           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1211            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1212                                Pantalons</span>
1213        </a>
1214    
1215                </div>
1216                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1217                            
1218                                        <a href="/fr_FR/c/femme/vetements-femme/combinaisons"
1219           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1220            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1221                                Combinaisons</span>
1222        </a>
1223    
1224                </div>
1225                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1226                            
1227                                        <a href="/fr_FR/c/femme/vetements-femme/maillots-de-bain"
1228           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1229            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1230                                Maillots de bain</span>
1231        </a>
1232    
1233                </div>
1234                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1235                            
1236                                        <a href="/fr_FR/c/femme/vetements-femme/collants"
1237           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1238            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1239                                Collants</span>
1240        </a>
1241    
1242                </div>
1243                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1244                            
1245                                        <a href="/fr_FR/c/femme/vetements-femme/shorts-bermudas"
1246           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1247            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1248                                Shorts / Bermudas</span>
1249        </a>
1250    
1251                </div>
1252                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1253                            
1254                                        <a href="/fr_FR/c/femme/vetements-femme/cuissards"
1255           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1256            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1257                                Cuissards</span>
1258        </a>
1259    
1260                </div>
1261                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1262                            
1263                                        <a href="/fr_FR/c/femme/vetements-femme/jupes"
1264           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1265            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1266                                Jupes</span>
1267        </a>
1268    
1269                </div>
1270                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1271                            
1272                                        <a href="/fr_FR/c/femme/vetements-femme/sous-vetements-brassieres"
1273           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1274            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1275                                Brassières</span>
1276        </a>
1277    
1278                </div>
1279                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1280                            
1281                                        <a href="/fr_FR/c/culottes"
1282           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1283            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1284                                Culottes</span>
1285        </a>
1286    
1287                </div>
1288                    </div>
1289    
1290                            </div>
1291                                                    <div
1292                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
1293                                        
1294                                        <a href="/fr_FR/c/femme/chaussures-femme" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
1295           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
1296            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
1297                                                        <img class="h-4 mr-1"
1298                         src="https://static.tonton-outdoor.com/media/image/5e/ef/f207af302068770978d348546864.svg"
1299                         loading="lazy"
1300                         alt=""
1301                         aria-hidden="true">
1302                                Chaussures femme
1303            </span>
1304                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
1305        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
1306    </svg>
1307
1308        </a>
1309        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
1310            <a href="/fr_FR/c/femme/chaussures-femme" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
1311                Voir tout Chaussures femme
1312            </a>
1313                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1314                            
1315                                        <a href="/fr_FR/c/femme/chaussures-femme/chaussures-de-running"
1316           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1317            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1318                                Chaussures de running</span>
1319        </a>
1320    
1321                </div>
1322                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1323                            
1324                                        <a href="/fr_FR/c/femme/chaussures-femme/chaussures-de-trail"
1325           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1326            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1327                                Chaussures de trail</span>
1328        </a>
1329    
1330                </div>
1331                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1332                            
1333                                        <a href="/fr_FR/c/femme/chaussures-femme/chaussures-d-athletisme"
1334           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1335            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1336                                Chaussures d&#039;athlétisme</span>
1337        </a>
1338    
1339                </div>
1340                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1341                            
1342                                        <a href="/fr_FR/c/femme/chaussures-femme/chaussures-carbone"
1343           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1344            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1345                                Chaussures plaque carbone</span>
1346        </a>
1347    
1348                </div>
1349                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1350                            
1351                                        <a href="/fr_FR/c/femme/chaussures-femme/chaussures-minimalistes"
1352           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1353            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1354                                Chaussures minimalistes</span>
1355        </a>
1356    
1357                </div>
1358                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1359                            
1360                                        <a href="/fr_FR/c/femme/chaussures-femme/chaussures-de-recuperation"
1361           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1362            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1363                                Chaussures de récupération</span>
1364        </a>
1365    
1366                </div>
1367                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1368                            
1369                                        <a href="/fr_FR/c/femme/chaussures-femme/chaussures-de-randonnee"
1370           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1371            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1372                                Chaussures de randonnée</span>
1373        </a>
1374    
1375                </div>
1376                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1377                            
1378                                        <a href="/fr_FR/c/femme/chaussures-femme/sandales"
1379           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1380            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1381                                Sandales</span>
1382        </a>
1383    
1384                </div>
1385                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1386                            
1387                                        <a href="/fr_FR/c/femme/chaussures-femme/chaussures-de-crossfit-fitness"
1388           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1389            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1390                                Chaussures de crossfit / fitness</span>
1391        </a>
1392    
1393                </div>
1394                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1395                            
1396                                        <a href="/fr_FR/c/femme/chaussures-femme/chaussons-d-escalade"
1397           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1398            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1399                                Chaussons d&#039;escalade</span>
1400        </a>
1401    
1402                </div>
1403                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1404                            
1405                                        <a href="/fr_FR/c/femme/chaussures-femme/chaussures-d-hiver-ski"
1406           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1407            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1408                                Chaussures d&#039;hiver / ski</span>
1409        </a>
1410    
1411                </div>
1412                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1413                            
1414                                        <a href="/fr_FR/c/femme/chaussures-femme/chaussures-lifestyle"
1415           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1416            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1417                                Chaussures lifestyle</span>
1418        </a>
1419    
1420                </div>
1421                    </div>
1422    
1423                            </div>
1424                                                    <div
1425                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
1426                                        
1427                                        <a href="/fr_FR/c/femme/accessoires" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
1428           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
1429            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
1430                                                        <img class="h-4 mr-1"
1431                         src="https://static.tonton-outdoor.com/media/image/91/87/444f35e858ae28a4dc63aa097193.svg"
1432                         loading="lazy"
1433                         alt=""
1434                         aria-hidden="true">
1435                                Accessoires
1436            </span>
1437                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
1438        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
1439    </svg>
1440
1441        </a>
1442        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
1443            <a href="/fr_FR/c/femme/accessoires" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
1444                Voir tout Accessoires
1445            </a>
1446                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1447                            
1448                                        <a href="/fr_FR/c/femme/accessoires/chaussettes"
1449           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1450            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1451                                Chaussettes</span>
1452        </a>
1453    
1454                </div>
1455                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1456                            
1457                                        <a href="/fr_FR/c/femme/accessoires/lunettes-de-soleil"
1458           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1459            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1460                                Lunettes de soleil</span>
1461        </a>
1462    
1463                </div>
1464                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1465                            
1466                                        <a href="/fr_FR/c/femme/accessoires/casquettes-chapeaux-bandeaux"
1467           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1468            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1469                                Casquettes / Chapeaux / Bandeaux</span>
1470        </a>
1471    
1472                </div>
1473                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1474                            
1475                                        <a href="/fr_FR/c/femme/accessoires/gants"
1476           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1477            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1478                                Gants</span>
1479        </a>
1480    
1481                </div>
1482                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1483                            
1484                                        <a href="/fr_FR/c/femme/accessoires/bonnets-gants"
1485           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1486            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1487                                Bonnets</span>
1488        </a>
1489    
1490                </div>
1491                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1492                            
1493                                        <a href="/fr_FR/c/femme/accessoires/tours-de-cou-cagoules"
1494           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1495            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1496                                Tours de cou / Cagoules</span>
1497        </a>
1498    
1499                </div>
1500                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1501                            
1502                                        <a href="/fr_FR/c/femme/accessoires/manchons-manchettes"
1503           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1504            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1505                                Manchons / Manchettes</span>
1506        </a>
1507    
1508                </div>
1509                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1510                            
1511                                        <a href="/fr_FR/c/femme/accessoires/protections-articulaires"
1512           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1513            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1514                                Protections articulaires</span>
1515        </a>
1516    
1517                </div>
1518                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1519                            
1520                                        <a href="/fr_FR/c/femme/accessoires/guetres"
1521           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1522            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1523                                Guêtres</span>
1524        </a>
1525    
1526                </div>
1527                    </div>
1528    
1529                            </div>
1530                                                    <div
1531                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
1532                                        
1533                                        <a href="/fr_FR/c/femme/bagagerie" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
1534           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
1535            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
1536                                                        <img class="h-4 mr-1"
1537                         src="https://static.tonton-outdoor.com/media/image/2f/8b/b9d8932dd2f9bb130f3cb78c1077.svg"
1538                         loading="lazy"
1539                         alt=""
1540                         aria-hidden="true">
1541                                Bagagerie
1542            </span>
1543                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
1544        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
1545    </svg>
1546
1547        </a>
1548        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
1549            <a href="/fr_FR/c/femme/bagagerie" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
1550                Voir tout Bagagerie
1551            </a>
1552                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1553                            
1554                                        <a href="/fr_FR/c/femme/bagagerie/sacs-d-hydratation"
1555           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1556            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1557                                Sacs d&#039;hydratation</span>
1558        </a>
1559    
1560                </div>
1561                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1562                            
1563                                        <a href="/fr_FR/c/femme/bagagerie/sacs-a-dos-de-randonnee"
1564           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1565            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1566                                Sacs à dos de randonnée</span>
1567        </a>
1568    
1569                </div>
1570                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1571                            
1572                                        <a href="/fr_FR/c/femme/bagagerie/sacs-a-dos-d-alpinisme"
1573           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1574            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1575                                Sacs à dos d&#039;alpinisme</span>
1576        </a>
1577    
1578                </div>
1579                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1580                            
1581                                        <a href="/fr_FR/c/femme/bagagerie/duffels"
1582           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1583            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1584                                Duffels</span>
1585        </a>
1586    
1587                </div>
1588                    </div>
1589    
1590                            </div>
1591                                            </div>
1592                </div>
1593            </div>
1594        </div>
1595    
1596                                    <div class="h-6 bg-white border-b border-b-neutral"></div>
1597                                                    
1598                    <div tabindex="0" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="0"
1599             class="group flex flex-col bg-white border-b border-b-neutral lg:block lg:px-2 lg:transition-colors lg:border-b-2 lg:hover:border-black lg:border-transparent lg:content-center lg:h-[45px]">
1600            <a href="/fr_FR/c/trail-running" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
1601               class="group/level0 flex flex-grow-0 justify-between items-center h-full py-3 lg:py-0 px-8 bg-white lg:transition-colors lg:justify-center lg:m-0 lg:px-2 lg:text-center">
1602                <span
1603                    class="leading-none uppercase transition-colors group-[.is-opened]/level0:font-bold group-[.is-opened]/level0:text-primary lg:group-[.is-opened]/level0:text-base-content lg:group-hover:text-primary">
1604                    Trail / Running
1605                </span>
1606                    <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level0:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
1607        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
1608    </svg>
1609
1610            </a>
1611
1612            <div data-megamenu-item-target="item"
1613                class="hidden lg:p-0 lg:left-0 lg:absolute lg:z-30 lg:bg-white lg:w-full lg:top-full">
1614                <div class="lg:max-w-screen-xl lg:m-auto lg:p-4 lg:pb-10">
1615                    <a href="/fr_FR/c/trail-running"
1616                       class="flex pl-12 py-3 lg:py-0 italic text-xs uppercase lg:inline-flex lg:pl-0  lg:hover:text-primary" >
1617                        Voir tout Trail / Running
1618                    </a>
1619                    <div
1620                        class="lg:relative" data-controller="masonry" data-masonry-desktop-breakpoint-value="1024" data-masonry-options-value="{&quot;baseWidth&quot;:200,&quot;surroundingGutter&quot;:false,&quot;wedge&quot;:true}">
1621                                                    <div
1622                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
1623                                        
1624                                        <a href="/fr_FR/c/trail-running/vetements" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
1625           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
1626            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
1627                                                        <img class="h-4 mr-1"
1628                         src="https://static.tonton-outdoor.com/media/image/81/b0/24fa01f96435abfd5d1f5b3d845a.svg"
1629                         loading="lazy"
1630                         alt=""
1631                         aria-hidden="true">
1632                                Vêtements
1633            </span>
1634                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
1635        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
1636    </svg>
1637
1638        </a>
1639        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
1640            <a href="/fr_FR/c/trail-running/vetements" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
1641                Voir tout Vêtements
1642            </a>
1643                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1644                            
1645                                        <a href="/fr_FR/c/trail-running/vetements/vestes-et-coupe-vents"
1646           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1647            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1648                                Vestes / Coupe-vents</span>
1649        </a>
1650    
1651                </div>
1652                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1653                            
1654                                        <a href="/fr_FR/c/trail-running/vetements/seconde-couche"
1655           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1656            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1657                                Pulls techniques</span>
1658        </a>
1659    
1660                </div>
1661                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1662                            
1663                                        <a href="/fr_FR/c/trail-running/vetements/sous-couches"
1664           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1665            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1666                                Sous-couches</span>
1667        </a>
1668    
1669                </div>
1670                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1671                            
1672                                        <a href="/fr_FR/c/trail-running/vetements/t-shirts"
1673           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1674            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1675                                T-shirts</span>
1676        </a>
1677    
1678                </div>
1679                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1680                            
1681                                        <a href="/fr_FR/c/trail-running/vetements/debardeurs"
1682           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1683            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1684                                Débardeurs</span>
1685        </a>
1686    
1687                </div>
1688                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1689                            
1690                                        <a href="/fr_FR/c/trail-running/vetements/shorts"
1691           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1692            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1693                                Shorts</span>
1694        </a>
1695    
1696                </div>
1697                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1698                            
1699                                        <a href="/fr_FR/c/trail-running/vetements/cuissards"
1700           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1701            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1702                                Cuissards</span>
1703        </a>
1704    
1705                </div>
1706                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1707                            
1708                                        <a href="/fr_FR/c/trail-running/vetements/collants"
1709           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1710            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1711                                Collants</span>
1712        </a>
1713    
1714                </div>
1715                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1716                            
1717                                        <a href="/fr_FR/c/trail-running/vetements/pantalons"
1718           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1719            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1720                                Pantalons</span>
1721        </a>
1722    
1723                </div>
1724                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1725                            
1726                                        <a href="/fr_FR/c/trail-running/vetements/jupes"
1727           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1728            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1729                                Jupes</span>
1730        </a>
1731    
1732                </div>
1733                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1734                            
1735                                        <a href="/fr_FR/c/trail-running/vetements/brassieres"
1736           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1737            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1738                                Brassières</span>
1739        </a>
1740    
1741                </div>
1742                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1743                            
1744                                        <a href="/fr_FR/c/trail-running/vetements/sous-vetements"
1745           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1746            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1747                                Sous-vêtements</span>
1748        </a>
1749    
1750                </div>
1751                    </div>
1752    
1753                            </div>
1754                                                    <div
1755                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
1756                                        
1757                                        <a href="/fr_FR/c/trail-running/chaussures" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
1758           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
1759            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
1760                                                        <img class="h-4 mr-1"
1761                         src="https://static.tonton-outdoor.com/media/image/b2/1c/986ecbd9dd7d57f912ea39a9ede3.svg"
1762                         loading="lazy"
1763                         alt=""
1764                         aria-hidden="true">
1765                                Chaussures
1766            </span>
1767                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
1768        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
1769    </svg>
1770
1771        </a>
1772        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
1773            <a href="/fr_FR/c/trail-running/chaussures" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
1774                Voir tout Chaussures
1775            </a>
1776                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1777                            
1778                                        <a href="/fr_FR/c/trail-running/chaussures/chaussures-de-running"
1779           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1780            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1781                                Chaussures de running</span>
1782        </a>
1783    
1784                </div>
1785                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1786                            
1787                                        <a href="/fr_FR/c/trail-running/chaussures/chaussures-de-trail"
1788           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1789            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1790                                Chaussures de trail</span>
1791        </a>
1792    
1793                </div>
1794                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1795                            
1796                                        <a href="/fr_FR/c/trail-running/chaussures/chaussures-carbone"
1797           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1798            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1799                                Chaussures plaque carbone running</span>
1800        </a>
1801    
1802                </div>
1803                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1804                            
1805                                        <a href="/fr_FR/c/trail-running/chaussures/chaussures-plaque-carbone-trail"
1806           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1807            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1808                                Chaussures plaque carbone trail</span>
1809        </a>
1810    
1811                </div>
1812                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1813                            
1814                                        <a href="/fr_FR/c/trail-running/chaussures-minimalistes"
1815           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1816            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1817                                Chaussures minimalistes running</span>
1818        </a>
1819    
1820                </div>
1821                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1822                            
1823                                        <a href="/fr_FR/c/trail-running/chaussures/chaussures-minimalistes-trail"
1824           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1825            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1826                                Chaussures minimalistes trail</span>
1827        </a>
1828    
1829                </div>
1830                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1831                            
1832                                        <a href="/fr_FR/c/trail-running/chaussures/chaussures-de-recuperation"
1833           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1834            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1835                                Chaussures de récupération</span>
1836        </a>
1837    
1838                </div>
1839                    </div>
1840    
1841                            </div>
1842                                                    <div
1843                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
1844                                        
1845                                        <a href="/fr_FR/c/trail-running/sacs-dhydratation" data-action="click->
1845megamenu-item#toggle" data-megamenu-item-target="trigger"
1846           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
1847            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
1848                                                        <img class="h-4 mr-1"
1849                         src="https://static.tonton-outdoor.com/media/image/b4/ca/5c8787598841dcc71b1359e7ca89.svg"
1850                         loading="lazy"
1851                         alt=""
1852                         aria-hidden="true">
1853                                Sacs d’hydratation
1854            </span>
1855                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
1856        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
1857    </svg>
1858
1859        </a>
1860        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
1861            <a href="/fr_FR/c/trail-running/sacs-dhydratation" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
1862                Voir tout Sacs d’hydratation
1863            </a>
1864                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1865                            
1866                                        <a href="/fr_FR/c/trail-running/sacs-dhydratation/sacs-6l"
1867           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1868            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1869                                Sacs &lt; 6 L</span>
1870        </a>
1871    
1872                </div>
1873                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1874                            
1875                                        <a href="/fr_FR/c/trail-running/sacs-dhydratation/sacs-6-10-l"
1876           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1877            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1878                                Sacs 6-10 L</span>
1879        </a>
1880    
1881                </div>
1882                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1883                            
1884                                        <a href="/fr_FR/c/trail-running/sacs-dhydratation/sacs-11-20-l"
1885           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1886            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1887                                Sacs 11 - 20 L</span>
1888        </a>
1889    
1890                </div>
1891                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1892                            
1893                                        <a href="/fr_FR/c/trail-running/sacs-dhydratation/sacs-20-l"
1894           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1895            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1896                                Sacs &gt; 20 L</span>
1897        </a>
1898    
1899                </div>
1900                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1901                            
1902                                        <a href="/fr_FR/c/trail-running/sacs-dhydratation/accessoires-de-sacs"
1903           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1904            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1905                                Carquois</span>
1906        </a>
1907    
1908                </div>
1909                    </div>
1910    
1911                            </div>
1912                                                    <div
1913                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
1914                                        
1915                                        <a href="/fr_FR/c/trail-running/hydratation" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
1916           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
1917            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
1918                                                        <img class="h-4 mr-1"
1919                         src="https://static.tonton-outdoor.com/media/image/3b/7e/635c2f30ea123dc0a0359aee73f8.svg"
1920                         loading="lazy"
1921                         alt=""
1922                         aria-hidden="true">
1923                                Hydratation
1924            </span>
1925                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
1926        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
1927    </svg>
1928
1929        </a>
1930        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
1931            <a href="/fr_FR/c/trail-running/hydratation" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
1932                Voir tout Hydratation
1933            </a>
1934                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1935                            
1936                                        <a href="/fr_FR/c/trail-running/hydratation/ceintures-d-hydratation"
1937           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1938            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1939                                Ceintures d&#039;hydratation</span>
1940        </a>
1941    
1942                </div>
1943                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1944                            
1945                                        <a href="/fr_FR/c/trail-running/hydratation/accessoires-dhydratation"
1946           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1947            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1948                                Accessoires d’hydratation</span>
1949        </a>
1950    
1951                </div>
1952                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1953                            
1954                                        <a href="/fr_FR/c/trail-running/hydratation/flasques"
1955           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1956            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1957                                Flasques</span>
1958        </a>
1959    
1960                </div>
1961                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1962                            
1963                                        <a href="/fr_FR/c/trail-running/hydratation/poches-a-eau"
1964           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1965            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1966                                Poches à eau</span>
1967        </a>
1968    
1969                </div>
1970                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
1971                            
1972                                        <a href="/fr_FR/c/trail-running/hydratation/filtres"
1973           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
1974            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
1975                                Filtres</span>
1976        </a>
1977    
1978                </div>
1979                    </div>
1980    
1981                            </div>
1982                                                    <div
1983                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
1984                                        
1985                                        <a href="/fr_FR/c/trail-running/accessoires" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
1986           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
1987            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
1988                                                        <img class="h-4 mr-1"
1989                         src="https://static.tonton-outdoor.com/media/image/34/21/823a48bfc9eb9455c099d6a51c70.svg"
1990                         loading="lazy"
1991                         alt=""
1992                         aria-hidden="true">
1993                                Accessoires
1994            </span>
1995                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
1996        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
1997    </svg>
1998
1999        </a>
2000        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
2001            <a href="/fr_FR/c/trail-running/accessoires" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
2002                Voir tout Accessoires
2003            </a>
2004                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2005                            
2006                                        <a href="/fr_FR/c/trail-running/accessoires/chaussettes"
2007           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2008            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2009                                Chaussettes</span>
2010        </a>
2011    
2012                </div>
2013                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2014                            
2015                                        <a href="/fr_FR/c/trail-running/accessoires/lunettes-de-soleil"
2016           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2017            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2018                                Lunettes de soleil</span>
2019        </a>
2020    
2021                </div>
2022                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2023                            
2024                                        <a href="/fr_FR/c/trail-running/accessoires/casquettes-bandeaux"
2025           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2026            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2027                                Casquettes / Visières</span>
2028        </a>
2029    
2030                </div>
2031                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2032                            
2033                                        <a href="/fr_FR/c/trail-running/accessoires/bobs-chapeaux"
2034           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2035            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2036                                Bobs / Chapeaux</span>
2037        </a>
2038    
2039                </div>
2040                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2041                            
2042                                        <a href="/fr_FR/c/trail-running/accessoires/bandeaux"
2043           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2044            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2045                                Bandeaux</span>
2046        </a>
2047    
2048                </div>
2049                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2050                            
2051                                        <a href="/fr_FR/c/trail-running/accessoires/ceinture-trail-running"
2052           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2053            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2054                                Ceintures trail / running</span>
2055        </a>
2056    
2057                </div>
2058                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2059                            
2060                                        <a href="/fr_FR/c/trail-running/accessoires/bonnets-gants"
2061           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2062            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2063                                Gants</span>
2064        </a>
2065    
2066                </div>
2067                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2068                            
2069                                        <a href="/fr_FR/c/trail-running/accessoires/bonnets"
2070           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2071            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2072                                Bonnets</span>
2073        </a>
2074    
2075                </div>
2076                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2077                            
2078                                        <a href="/fr_FR/c/trail-running/accessoires/tours-de-cou"
2079           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2080            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2081                                Tours de cou</span>
2082        </a>
2083    
2084                </div>
2085                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2086                            
2087                                        <a href="/fr_FR/c/trail-running/accessoires/manchons-manchettes"
2088           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2089            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2090                                Manchons / Manchettes</span>
2091        </a>
2092    
2093                </div>
2094                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2095                            
2096                                        <a href="/fr_FR/c/trail-running/accessoires/ceintures-porte-dossards"
2097           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2098            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2099                                Porte-dossards running, trail et triathlon</span>
2100        </a>
2101    
2102                </div>
2103                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2104                            
2105                                        <a href="/fr_FR/c/trail-running/accessoires/protections-articulaires"
2106           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2107            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2108                                Protections articulaires</span>
2109        </a>
2110    
2111                </div>
2112                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2113                            
2114                                        <a href="/fr_FR/c/trail-running/accessoires/batons-de-trail"
2115           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2116            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2117                                Bâtons de trail</span>
2118        </a>
2119    
2120                </div>
2121                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2122                            
2123                                        <a href="/fr_FR/c/trail-running/accessoires/lacets"
2124           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2125            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2126                                Lacets</span>
2127        </a>
2128    
2129                </div>
2130                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2131                            
2132                                        <a href="/fr_FR/c/trail-running/accessoires/guetres"
2133           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2134            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2135                                Guêtres</span>
2136        </a>
2137    
2138                </div>
2139                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2140                            
2141                                        <a href="/fr_FR/c/trail-running/accessoires/poussettes"
2142           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2143            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2144                                Poussettes</span>
2145        </a>
2146    
2147                </div>
2148                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2149                            
2150                                        <a href="/fr_FR/c/trail-running/accessoires/hygiene-et-soins"
2151           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2152            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2153                                Hygiène et soins</span>
2154        </a>
2155    
2156                </div>
2157                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2158                            
2159                                        <a href="/fr_FR/c/trail-running/accessoires/semelles"
2160           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2161            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2162                                Semelles</span>
2163        </a>
2164    
2165                </div>
2166                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2167                            
2168                                        <a href="/fr_FR/c/trail-running/accessoires/accessoires-reflechissants"
2169           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2170            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2171                                Accessoires réfléchissants</span>
2172        </a>
2173    
2174                </div>
2175                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2176                            
2177                                        <a href="/fr_FR/c/trail-running/accessoires/crampons"
2178           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2179            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2180                                Crampons</span>
2181        </a>
2182    
2183                </div>
2184                    </div>
2185    
2186                            </div>
2187                                                    <div
2188                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
2189                                        
2190                                        <a href="/fr_FR/c/trail-running/electronique" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
2191           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
2192            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
2193                                                        <img class="h-4 mr-1"
2194                         src="https://static.tonton-outdoor.com/media/image/7c/2a/bcd59df797820c16d41a65882753.svg"
2195                         loading="lazy"
2196                         alt=""
2197                         aria-hidden="true">
2198                                Électronique
2199            </span>
2200                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
2201        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
2202    </svg>
2203
2204        </a>
2205        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
2206            <a href="/fr_FR/c/trail-running/electronique" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
2207                Voir tout Électronique
2208            </a>
2209                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2210                            
2211                                        <a href="/fr_FR/c/trail-running/electronique/montres"
2212           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2213            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2214                                Montres</span>
2215        </a>
2216    
2217                </div>
2218                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2219                            
2220                                        <a href="/fr_FR/c/trail-running/electronique/eclairage"
2221           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2222            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2223                                Éclairage</span>
2224        </a>
2225    
2226                </div>
2227                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2228                            
2229                                        <a href="/fr_FR/c/trail-running/electronique/audio"
2230           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2231            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2232                                Audio</span>
2233        </a>
2234    
2235                </div>
2236                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2237                            
2238                                        <a href="/fr_FR/c/trail-running/electronique/electrostimulation"
2239           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2240            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2241                                Électrostimulation</span>
2242        </a>
2243    
2244                </div>
2245                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2246                            
2247                                        <a href="/fr_FR/c/trail-running/electronique/recuperation"
2248           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2249            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2250                                Récupération</span>
2251        </a>
2252    
2253                </div>
2254                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2255                            
2256                                        <a href="/fr_FR/c/trail-running/electronique/capteurs-cardiaques"
2257           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2258            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2259                                Capteurs cardiaques</span>
2260        </a>
2261    
2262                </div>
2263                    </div>
2264    
2265                            </div>
2266                                                    <div
2267                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
2268                                        
2269                                        <a href="/fr_FR/c/trail-running/enfants" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
2270           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
2271            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
2272                                                        <img class="h-4 mr-1"
2273                         src="https://static.tonton-outdoor.com/media/image/65/51/2a110379c1e7b2d9ccd828c2271b.svg"
2274                         loading="lazy"
2275                         alt=""
2276                         aria-hidden="true">
2277                                Enfants
2278            </span>
2279                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
2280        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
2281    </svg>
2282
2283        </a>
2284        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
2285            <a href="/fr_FR/c/trail-running/enfants" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
2286                Voir tout Enfants
2287            </a>
2288                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2289                            
2290                                        <a href="/fr_FR/c/trail-running/enfants/chaussures"
2291           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2292            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2293                                Chaussures</span>
2294        </a>
2295    
2296                </div>
2297                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2298                            
2299                                        <a href="/fr_FR/c/trail-running/enfants/vetements"
2300           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2301            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2302                                Vêtements</span>
2303        </a>
2304    
2305                </div>
2306                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2307                            
2308                                        <a href="/fr_FR/c/trail-running/enfants/accessoires"
2309           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2310            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2311                                Accessoires</span>
2312        </a>
2313    
2314                </div>
2315                    </div>
2316    
2317                            </div>
2318                                            </div>
2319                </div>
2320            </div>
2321        </div>
2322    
2323                                                    
2324                    <div tabindex="0" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="0"
2325             class="group flex flex-col bg-white border-b border-b-neutral lg:block lg:px-2 lg:transition-colors lg:border-b-2 lg:hover:border-black lg:border-transparent lg:content-center lg:h-[45px]">
2326            <a href="/fr_FR/c/randonnee-voyage" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
2327               class="group/level0 flex flex-grow-0 justify-between items-center h-full py-3 lg:py-0 px-8 bg-white lg:transition-colors lg:justify-center lg:m-0 lg:px-2 lg:text-center">
2328                <span
2329                    class="leading-none uppercase transition-colors group-[.is-opened]/level0:font-bold group-[.is-opened]/level0:text-primary lg:group-[.is-opened]/level0:text-base-content lg:group-hover:text-primary">
2330                    Randonnée / Voyage
2331                </span>
2332                    <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level0:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
2333        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
2334    </svg>
2335
2336            </a>
2337
2338            <div data-megamenu-item-target="item"
2339                class="hidden lg:p-0 lg:left-0 lg:absolute lg:z-30 lg:bg-white lg:w-full lg:top-full">
2340                <div class="lg:max-w-screen-xl lg:m-auto lg:p-4 lg:pb-10">
2341                    <a href="/fr_FR/c/randonnee-voyage"
2342                       class="flex pl-12 py-3 lg:py-0 italic text-xs uppercase lg:inline-flex lg:pl-0  lg:hover:text-primary" >
2343                        Voir tout Randonnée / Voyage
2344                    </a>
2345                    <div
2346                        class="lg:relative" data-controller="masonry" data-masonry-desktop-breakpoint-value="1024" data-masonry-options-value="{&quot;baseWidth&quot;:200,&quot;surroundingGutter&quot;:false,&quot;wedge&quot;:true}">
2347                                                    <div
2348                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
2349                                        
2350                                        <a href="/fr_FR/c/randonnee-voyage/vetements" data-action="click->
2350megamenu-item#toggle" data-megamenu-item-target="trigger"
2351           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
2352            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
2353                                                        <img class="h-4 mr-1"
2354                         src="https://static.tonton-outdoor.com/media/image/fc/7d/882e814280a08315440aba4eddd6.svg"
2355                         loading="lazy"
2356                         alt=""
2357                         aria-hidden="true">
2358                                Vêtements
2359            </span>
2360                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
2361        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
2362    </svg>
2363
2364        </a>
2365        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
2366            <a href="/fr_FR/c/randonnee-voyage/vetements" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
2367                Voir tout Vêtements
2368            </a>
2369                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2370                            
2371                                        <a href="/fr_FR/c/randonnee-voyage/vetements/vestes-et-coupe-vents"
2372           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2373            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2374                                Vestes et coupe-vents</span>
2375        </a>
2376    
2377                </div>
2378                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2379                            
2380                                        <a href="/fr_FR/c/randonnee-voyage/vetements/doudounes"
2381           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2382            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2383                                Doudounes</span>
2384        </a>
2385    
2386                </div>
2387                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2388                            
2389                                        <a href="/fr_FR/c/randonnee-voyage/vetements/polaires"
2390           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2391            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2392                                Polaires / Sweats</span>
2393        </a>
2394    
2395                </div>
2396                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2397                            
2398                                        <a href="/fr_FR/c/randonnee-voyage/vetements/chemises"
2399           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2400            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2401                                Chemises</span>
2402        </a>
2403    
2404                </div>
2405                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2406                            
2407                                        <a href="/fr_FR/c/randonnee-voyage/vetements/sous-couches"
2408           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2409            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2410                                Sous-couches</span>
2411        </a>
2412    
2413                </div>
2414                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2415                            
2416                                        <a href="/fr_FR/c/randonnee-voyage/vetements/t-shirts"
2417           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2418            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2419                                T-shirts</span>
2420        </a>
2421    
2422                </div>
2423                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2424                            
2425                                        <a href="/fr_FR/c/randonnee-voyage/vetements/debardeurs"
2426           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2427            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2428                                Débardeurs</span>
2429        </a>
2430    
2431                </div>
2432                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2433                            
2434                                        <a href="/fr_FR/c/randonnee-voyage/vetements/pantalons"
2435           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2436            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2437                                Pantalons</span>
2438        </a>
2439    
2440                </div>
2441                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2442                            
2443                                        <a href="/fr_FR/c/randonnee-voyage/vetements/collants"
2444           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2445            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2446                                Collants</span>
2447        </a>
2448    
2449                </div>
2450                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2451                            
2452                                        <a href="/fr_FR/c/randonnee-voyage/vetements/shorts-bermudas"
2453           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2454            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2455                                Shorts / Bermudas</span>
2456        </a>
2457    
2458                </div>
2459                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2460                            
2461                                        <a href="/fr_FR/c/randonnee-voyage/vetements/jupes"
2462           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2463            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2464                                Jupes</span>
2465        </a>
2466    
2467                </div>
2468                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2469                            
2470                                        <a href="/fr_FR/c/randonnee-voyage/vetements/sous-vetements"
2471           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2472            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2473                                Sous-vêtements</span>
2474        </a>
2475    
2476                </div>
2477                    </div>
2478    
2479                            </div>
2480                                                    <div
2481                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
2482                                        
2483                                        <a href="/fr_FR/c/randonnee-voyage/chaussures" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
2484           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
2485            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
2486                                                        <img class="h-4 mr-1"
2487                         src="https://static.tonton-outdoor.com/media/image/10/84/e762fff7574385816e1eb2f04a8b.svg"
2488                         loading="lazy"
2489                         alt=""
2490                         aria-hidden="true">
2491                                Chaussures
2492            </span>
2493                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
2494        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
2495    </svg>
2496
2497        </a>
2498        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
2499            <a href="/fr_FR/c/randonnee-voyage/chaussures" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
2500                Voir tout Chaussures
2501            </a>
2502                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2503                            
2504                                        <a href="/fr_FR/c/randonnee-voyage/chaussures/chaussures-hautes"
2505           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2506            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2507                                Chaussures hautes</span>
2508        </a>
2509    
2510                </div>
2511                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2512                            
2513                                        <a href="/fr_FR/c/randonnee-voyage/chaussures/chaussures-mid"
2514           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2515            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2516                                Chaussures mid</span>
2517        </a>
2518    
2519                </div>
2520                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2521                            
2522                                        <a href="/fr_FR/c/randonnee-voyage/chaussures/chaussures-basses"
2523           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2524            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2525                                Chaussures basses</span>
2526        </a>
2527    
2528                </div>
2529                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2530                            
2531                                        <a href="/fr_FR/c/randonnee-voyage/chaussures/sandales"
2532           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2533            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2534                                Sandales</span>
2535        </a>
2536    
2537                </div>
2538                    </div>
2539    
2540                            </div>
2541                                                    <div
2542                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
2543                                        
2544                                        <a href="/fr_FR/c/randonnee-voyage/accessoires" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
2545           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
2546            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
2547                                                        <img class="h-4 mr-1"
2548                         src="https://static.tonton-outdoor.com/media/image/68/12/86da8a50cd1554f979b1174a5899.svg"
2549                         loading="lazy"
2550                         alt=""
2551                         aria-hidden="true">
2552                                Accessoires
2553            </span>
2554                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
2555        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
2556    </svg>
2557
2558        </a>
2559        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
2560            <a href="/fr_FR/c/randonnee-voyage/accessoires" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
2561                Voir tout Accessoires
2562            </a>
2563                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2564                            
2565                                        <a href="/fr_FR/c/randonnee-voyage/accessoires/lunettes-de-soleil"
2566           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2567            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2568                                Lunettes de soleil</span>
2569        </a>
2570    
2571                </div>
2572                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2573                            
2574                                        <a href="/fr_FR/c/randonnee-voyage/accessoires/chaussettes"
2575           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2576            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2577                                Chaussettes</span>
2578        </a>
2579    
2580                </div>
2581                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2582                            
2583                                        <a href="/fr_FR/c/randonnee-voyage/accessoires/casquettes-chapeaux-bandeaux"
2584           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2585            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2586                                Casquettes</span>
2587        </a>
2588    
2589                </div>
2590                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2591                            
2592                                        <a href="/fr_FR/c/randonnee-voyage/accessoires/bandeaux"
2593           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2594            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2595                                Bandeaux</span>
2596        </a>
2597    
2598                </div>
2599                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2600                            
2601                                        <a href="/fr_FR/c/randonnee-voyage/accessoires/chapeaux-et-bobs"
2602           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2603            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2604                                Chapeaux / Bobs</span>
2605        </a>
2606    
2607                </div>
2608                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2609                            
2610                                        <a href="/fr_FR/c/randonnee-voyage/accessoires/gants"
2611           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2612            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2613                                Gants</span>
2614        </a>
2615    
2616                </div>
2617                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2618                            
2619                                        <a href="/fr_FR/c/randonnee-voyage/accessoires/bonnets-gants"
2620           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2621            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2622                                Bonnets</span>
2623        </a>
2624    
2625                </div>
2626                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2627                            
2628                                        <a href="/fr_FR/c/randonnee-voyage/accessoires/tours-de-cou-cagoules"
2629           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2630            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2631                                Tours de cou / Cagoules</span>
2632        </a>
2633    
2634                </div>
2635                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2636                            
2637                                        <a href="/fr_FR/c/randonnee-voyage/accessoires/protections-articulaires"
2638           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2639            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2640                                Protections articulaires</span>
2641        </a>
2642    
2643                </div>
2644                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2645                            
2646                                        <a href="/fr_FR/c/randonnee-voyage/accessoires/guetres"
2647           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2648            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2649                                Guêtres</span>
2650        </a>
2651    
2652                </div>
2653                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2654                            
2655                                        <a href="/fr_FR/c/randonnee-voyage/accessoires/ceintures"
2656           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2657            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2658                                Ceintures</span>
2659        </a>
2660    
2661                </div>
2662                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2663                            
2664                                        <a href="/fr_FR/c/randonnee-voyage/accessoires/semelles"
2665           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2666            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2667                                Semelles</span>
2668        </a>
2669    
2670                </div>
2671                    </div>
2672    
2673                            </div>
2674                                                    <div
2675                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
2676                                        
2677                                        <a href="/fr_FR/c/randonnee-voyage/bagagerie" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
2678           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
2679            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
2680                                                        <img class="h-4 mr-1"
2681                         src="https://static.tonton-outdoor.com/media/image/60/44/d49412b4146bfa026d25b473a924.svg"
2682                         loading="lazy"
2683                         alt=""
2684                         aria-hidden="true">
2685                                Bagagerie
2686            </span>
2687                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
2688        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
2689    </svg>
2690
2691        </a>
2692        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
2693            <a href="/fr_FR/c/randonnee-voyage/bagagerie" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
2694                Voir tout Bagagerie
2695            </a>
2696                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2697                            
2698                                        <a href="/fr_FR/c/randonnee-voyage/bagagerie/sacs-a-dos"
2699           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2700            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2701                                Sacs à dos</span>
2702        </a>
2703    
2704                </div>
2705                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2706                            
2707                                        <a href="/fr_FR/c/randonnee-voyage/bagagerie/sacs-a-dos-10-l"
2708           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2709            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2710                                Sacs à dos &lt; 10 L</span>
2711        </a>
2712    
2713                </div>
2714                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2715                            
2716                                        <a href="/fr_FR/c/randonnee-voyage/bagagerie/sacs-a-dos-10-30-l"
2717           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2718            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2719                                Sacs à dos 10 L - 30 L</span>
2720        </a>
2721    
2722                </div>
2723                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2724                            
2725                                        <a href="/fr_FR/c/randonnee-voyage/bagagerie/sacs-a-dos-31-45-l"
2726           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2727            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2728                                Sacs à dos 31 L - 45 L</span>
2729        </a>
2730    
2731                </div>
2732                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2733                            
2734                                        <a href="/fr_FR/c/randonnee-voyage/bagagerie/sacs-a-dos-46-60-l"
2735           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2736            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2737                                Sacs à dos 46 L - 60 L</span>
2738        </a>
2739    
2740                </div>
2741                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2742                            
2743                                        <a href="/fr_FR/c/randonnee-voyage/bagagerie/sacs-a-dos-60-l"
2744           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2745            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2746                                Sacs à dos &gt; 60 L</span>
2747        </a>
2748    
2749                </div>
2750                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2751                            
2752                                        <a href="/fr_FR/c/randonnee-voyage/bagagerie/duffels"
2753           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2754            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2755                                Duffels</span>
2756        </a>
2757    
2758                </div>
2759                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2760                            
2761                                        <a href="/fr_FR/c/randonnee-voyage/bagagerie/porte-bebes"
2762           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2763            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2764                                Porte-bébés</span>
2765        </a>
2766    
2767                </div>
2768                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2769                            
2770                                        <a href="/fr_FR/c/randonnee-voyage/bagagerie/pochettes-sacoches"
2771           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2772            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2773                                Pochettes / Sacoches</span>
2774        </a>
2775    
2776                </div>
2777                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2778                            
2779                                        <a href="/fr_FR/c/randonnee-voyage/bagagerie/sacs-etanches"
2780           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2781            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2782                                Sacs étanches</span>
2783        </a>
2784    
2785                </div>
2786                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2787                            
2788                                        <a href="/fr_FR/c/randonnee-voyage/bagagerie/sacs-isothermes"
2789           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2790            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2791                                Sacs isothermes</span>
2792        </a>
2793    
2794                </div>
2795                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2796                            
2797                                        <a href="/fr_FR/c/randonnee-voyage/bagagerie/voyage"
2798           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2799            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2800                                Valises / Sacs de voyage</span>
2801        </a>
2802    
2803                </div>
2804                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2805                            
2806                                        <a href="/fr_FR/c/randonnee-voyage/bagagerie/sacoches"
2807           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2808            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2809                                Sacoches vélo</span>
2810        </a>
2811    
2812                </div>
2813                    </div>
2814    
2815                            </div>
2816                                                    <div
2817                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
2818                                        
2819                                        <a href="/fr_FR/c/randonnee-voyage/couchage" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
2820           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
2821            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
2822                                                        <img class="h-4 mr-1"
2823                         src="https://static.tonton-outdoor.com/media/image/65/e3/cd24bd9a9740f51ff5aaa768d5de.svg"
2824                         loading="lazy"
2825                         alt=""
2826                         aria-hidden="true">
2827                                Équipements de couchage
2828            </span>
2829                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
2830        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
2831    </svg>
2832
2833        </a>
2834        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
2835            <a href="/fr_FR/c/randonnee-voyage/couchage" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
2836                Voir tout Équipements de couchage
2837            </a>
2838                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2839                            
2840                                        <a href="/fr_FR/c/randonnee-voyage/couchage/tentes"
2841           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2842            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2843                                Tentes</span>
2844        </a>
2845    
2846                </div>
2847                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2848                            
2849                                        <a href="/fr_FR/c/randonnee-voyage/couchage/tarps"
2850           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2851            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2852                                Tarps</span>
2853        </a>
2854    
2855                </div>
2856                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2857                            
2858                                        <a href="/fr_FR/c/randonnee-voyage/couchage/tapis-de-sol"
2859           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2860            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2861                                Tapis de sol</span>
2862        </a>
2863    
2864                </div>
2865                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2866                            
2867                                        <a href="/fr_FR/c/randonnee-voyage/couchage/matelas"
2868           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2869            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2870                                Matelas</span>
2871        </a>
2872    
2873                </div>
2874                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2875                            
2876                                        <a href="/fr_FR/c/randonnee-voyage/couchage/sacs-de-couchage"
2877           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2878            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2879                                Sacs de couchage</span>
2880        </a>
2881    
2882                </div>
2883                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2884                            
2885                                        <a href="/fr_FR/c/randonnee-voyage/couchage/hamacs"
2886           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2887            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2888                                Hamacs</span>
2889        </a>
2890    
2891                </div>
2892                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2893                            
2894                                        <a href="/fr_FR/c/randonnee-voyage/couchage/accessoires-de-couchage"
2895           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2896            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2897                                Oreillers</span>
2898        </a>
2899    
2900                </div>
2901                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2902                            
2903                                        <a href="/fr_FR/c/randonnee-voyage/couchage/draps-de-sac"
2904           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2905            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2906                                Draps de sac</span>
2907        </a>
2908    
2909                </div>
2910                    </div>
2911    
2912                            </div>
2913                                                    <div
2914                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
2915                                        
2916                                        <a href="/fr_FR/c/randonnee-voyage/autres-equipements" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
2917           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
2918            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
2919                                                        <img class="h-4 mr-1"
2920                         src="https://static.tonton-outdoor.com/media/image/85/1c/741d8f75d001d2bfc07a3c87536c.svg"
2921                         loading="lazy"
2922                         alt=""
2923                         aria-hidden="true">
2924                                Autres équipements
2925            </span>
2926                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
2927        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
2928    </svg>
2929
2930        </a>
2931        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
2932            <a href="/fr_FR/c/randonnee-voyage/autres-equipements" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
2933                Voir tout Autres équipements
2934            </a>
2935                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2936                            
2937                                        <a href="/fr_FR/c/randonnee-voyage/autres-equipements/batons-de-marche"
2938           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2939            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2940                                Bâtons de marche</span>
2941        </a>
2942    
2943                </div>
2944                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2945                            
2946                                        <a href="/fr_FR/c/randonnee-voyage/autres-equipements/crampons"
2947           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2948            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2949                                Crampons</span>
2950        </a>
2951    
2952                </div>
2953                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2954                            
2955                                        <a href="/fr_FR/c/randonnee-voyage/autres-equipements/mobilier-de-camping"
2956           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2957            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2958                                Mobilier de camping</span>
2959        </a>
2960    
2961                </div>
2962                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2963                            
2964                                        <a href="/fr_FR/c/randonnee-voyage/autres-equipements/sacs-de-compresion"
2965           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2966            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2967                                Sacs de compression</span>
2968        </a>
2969    
2970                </div>
2971                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2972                            
2973                                        <a href="/fr_FR/c/randonnee-voyage/autres-equipements/boussoles"
2974           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2975            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2976                                Boussoles</span>
2977        </a>
2978    
2979                </div>
2980                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2981                            
2982                                        <a href="/fr_FR/c/randonnee-voyage/autres-equipements/jumelles"
2983           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2984            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2985                                Jumelles</span>
2986        </a>
2987    
2988                </div>
2989                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2990                            
2991                                        <a href="/fr_FR/c/randonnee-voyage/autres-equipements/entretien-reparation"
2992           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
2993            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
2994                                Entretien / Réparation</span>
2995        </a>
2996    
2997                </div>
2998                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
2999                            
3000                                        <a href="/fr_FR/c/randonnee-voyage/autres-equipements/raquettes-a-neige"
3001           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3002            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3003                                Raquettes à neige</span>
3004        </a>
3005    
3006                </div>
3007                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3008                            
3009                                        <a href="/fr_FR/c/randonnee-voyage/autres-equipements/autres"
3010           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3011            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3012                                Petit matériel</span>
3013        </a>
3014    
3015                </div>
3016                    </div>
3017    
3018                            </div>
3019                                                    <div
3020                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
3021                                        
3022                                        <a href="/fr_FR/c/randonnee-voyage/cuisine" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
3023           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
3024            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
3025                                                        <img class="h-4 mr-1"
3026                         src="https://static.tonton-outdoor.com/media/image/05/3d/188262b2a9619ea32d2e51bec1fd.svg"
3027                         loading="lazy"
3028                         alt=""
3029                         aria-hidden="true">
3030                                Cuisine
3031            </span>
3032                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
3033        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
3034    </svg>
3035
3036        </a>
3037        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
3038            <a href="/fr_FR/c/randonnee-voyage/cuisine" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
3039                Voir tout Cuisine
3040            </a>
3041                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3042                            
3043                                        <a href="/fr_FR/c/randonnee-voyage/cuisine/rechauds"
3044           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3045            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3046                                Réchauds / Cartouches de gaz</span>
3047        </a>
3048    
3049                </div>
3050                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3051                            
3052                                        <a href="/fr_FR/c/randonnee-voyage/cuisine/popotes-casseroles"
3053           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3054            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3055                                Popotes / Casseroles</span>
3056        </a>
3057    
3058                </div>
3059                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3060                            
3061                                        <a href="/fr_FR/c/randonnee-voyage/cuisine/couverts"
3062           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3063            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3064                                Couverts</span>
3065        </a>
3066    
3067                </div>
3068                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3069                            
3070                                        <a href="/fr_FR/c/randonnee-voyage/cuisine/gobelets-tasses"
3071           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3072            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3073                                Gobelets /  Tasses / Bols</span>
3074        </a>
3075    
3076                </div>
3077                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3078                            
3079                                        <a href="/fr_FR/c/randonnee-voyage/cuisine/coutellerie"
3080           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3081            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3082                                Coutellerie</span>
3083        </a>
3084    
3085                </div>
3086                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3087                            
3088                                        <a href="/fr_FR/c/randonnee-voyage/cuisine/accessoires-de-cuisine"
3089           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3090            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3091                                Accessoires de cuisine</span>
3092        </a>
3093    
3094                </div>
3095                    </div>
3096    
3097                            </div>
3098                                                    <div
3099                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
3100                                        
3101                                        <a href="/fr_FR/c/randonnee-voyage/hygiene-soins" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
3102           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
3103            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
3104                                                        <img class="h-4 mr-1"
3105                         src="https://static.tonton-outdoor.com/media/image/b4/b2/5d6341cde6779760dd0baae1395f.svg"
3106                         loading="lazy"
3107                         alt=""
3108                         aria-hidden="true">
3109                                Hygiène / Soins
3110            </span>
3111                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
3112        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
3113    </svg>
3114
3115        </a>
3116        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
3117            <a href="/fr_FR/c/randonnee-voyage/hygiene-soins" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
3118                Voir tout Hygiène / Soins
3119            </a>
3120                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3121                            
3122                                        <a href="/fr_FR/c/randonnee-voyage/hygiene-soins/savons"
3123           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3124            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3125                                Savons / Dentifrices</span>
3126        </a>
3127    
3128                </div>
3129                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3130                            
3131                                        <a href="/fr_FR/c/randonnee-voyage/hygiene-soins/lingettes"
3132           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3133            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3134                                Lingettes biodégradables</span>
3135        </a>
3136    
3137                </div>
3138                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3139                            
3140                                        <a href="/fr_FR/c/randonnee-voyage/hygiene-soins/serviettes"
3141           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3142            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3143                                Serviettes</span>
3144        </a>
3145    
3146                </div>
3147                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3148                            
3149                                        <a href="/fr_FR/c/randonnee-voyage/hygiene-soins/protection-solaire"
3150           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3151            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3152                                Protection solaire</span>
3153        </a>
3154    
3155                </div>
3156                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3157                            
3158                                        <a href="/fr_FR/c/randonnee-voyage/hygiene-soins/cremes-gels"
3159           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3160            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3161                                Crèmes / Gels</span>
3162        </a>
3163    
3164                </div>
3165                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3166                            
3167                                        <a href="/fr_FR/c/randonnee-voyage/hygiene-soins/secours"
3168           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3169            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3170                                Secours</span>
3171        </a>
3172    
3173                </div>
3174                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3175                            
3176                                        <a href="/fr_FR/c/randonnee-voyage/hygiene-soins/repulsifs-moustiquaires"
3177           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3178            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3179                                Répulsifs / Moustiquaires</span>
3180        </a>
3181    
3182                </div>
3183                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3184                            
3185                                        <a href="/fr_FR/c/randonnee-voyage/hygiene-soins/trousses"
3186           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3187            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3188                                Trousses de toilette</span>
3189        </a>
3190    
3191                </div>
3192                    </div>
3193    
3194                            </div>
3195                                                    <div
3196                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
3197                                        
3198                                        <a href="/fr_FR/c/randonnee-voyage/hydratation" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
3199           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
3200            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
3201                                                        <img class="h-4 mr-1"
3202                         src="https://static.tonton-outdoor.com/media/image/00/fc/3bb3a6324e0157cb5f9b64c18d93.svg"
3203                         loading="lazy"
3204                         alt=""
3205                         aria-hidden="true">
3206                                Hydratation
3207            </span>
3208                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
3209        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
3210    </svg>
3211
3212        </a>
3213        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
3214            <a href="/fr_FR/c/randonnee-voyage/hydratation" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
3215                Voir tout Hydratation
3216            </a>
3217                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3218                            
3219                                        <a href="/fr_FR/c/randonnee-voyage/hydratation/accessoires-dhydratation"
3220           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3221            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3222                                Accessoires d’hydratation</span>
3223        </a>
3224    
3225                </div>
3226                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3227                            
3228                                        <a href="/fr_FR/c/randonnee-voyage/hydratation/gourdes"
3229           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3230            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3231                                Gourdes</span>
3232        </a>
3233    
3234                </div>
3235                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3236                            
3237                                        <a href="/fr_FR/c/randonnee-voyage/hydratation/flasques"
3238           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3239            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3240                                Flasques</span>
3241        </a>
3242    
3243                </div>
3244                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3245                            
3246                                        <a href="/fr_FR/c/randonnee-voyage/hydratation/poches-a-eau"
3247           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3248            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3249                                Poches à eau</span>
3250        </a>
3251    
3252                </div>
3253                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3254                            
3255                                        <a href="/fr_FR/c/randonnee-voyage/hydratation/filtres"
3256           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3257            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3258                                Filtres</span>
3259        </a>
3260    
3261                </div>
3262                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3263                            
3264                                        <a href="/fr_FR/c/randonnee-voyage/hydratation/pastilles-purifiantes"
3265           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3266            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3267                                Pastilles purifiantes</span>
3268        </a>
3269    
3270                </div>
3271                    </div>
3272    
3273                            </div>
3274                                                    <div
3275                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
3276                                        
3277                                        <a href="/fr_FR/c/randonnee-voyage/librairie" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
3278           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
3279            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
3280                                                        <img class="h-4 mr-1"
3281                         src="https://static.tonton-outdoor.com/media/image/6d/c7/cbbec91cbdb4108aa5a8d6eb36a5.svg"
3282                         loading="lazy"
3283                         alt=""
3284                         aria-hidden="true">
3285                                Librairie
3286            </span>
3287                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
3288        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
3289    </svg>
3290
3291        </a>
3292        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
3293            <a href="/fr_FR/c/randonnee-voyage/librairie" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
3294                Voir tout Librairie
3295            </a>
3296                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3297                            
3298                                        <a href="/fr_FR/c/randonnee-voyage/librairie/guides"
3299           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3300            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3301                                Guides</span>
3302        </a>
3303    
3304                </div>
3305                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3306                            
3307                                        <a href="/fr_FR/c/randonnee-voyage/librairie/romans"
3308           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3309            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3310                                Romans / Essais</span>
3311        </a>
3312    
3313                </div>
3314                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3315                            
3316                                        <a href="/fr_FR/c/randonnee-voyage/librairie/cartes-topo"
3317           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3318            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3319                                Cartes / Topo</span>
3320        </a>
3321    
3322                </div>
3323                    </div>
3324    
3325                            </div>
3326                                                    <div
3327                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
3328                                        
3329                                        <a href="/fr_FR/c/randonnee-voyage/enfants" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
3330           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
3331            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
3332                                                        <img class="h-4 mr-1"
3333                         src="https://static.tonton-outdoor.com/media/image/07/ed/8a939e2970562543274a2d662823.svg"
3334                         loading="lazy"
3335                         alt=""
3336                         aria-hidden="true">
3337                                Enfants
3338            </span>
3339                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
3340        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
3341    </svg>
3342
3343        </a>
3344        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
3345            <a href="/fr_FR/c/randonnee-voyage/enfants" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
3346                Voir tout Enfants
3347            </a>
3348                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3349                            
3350                                        <a href="/fr_FR/c/randonnee-voyage/enfants/vetements"
3351           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3352            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3353                                Vêtements</span>
3354        </a>
3355    
3356                </div>
3357                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3358                            
3359                                        <a href="/fr_FR/c/randonnee-voyage/enfants/chaussures"
3360           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3361            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3362                                Chaussures</span>
3363        </a>
3364    
3365                </div>
3366                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3367                            
3368                                        <a href="/fr_FR/c/randonnee-voyage/enfants/accessoires"
3369           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3370            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3371                                Accessoires</span>
3372        </a>
3373    
3374                </div>
3375                    </div>
3376    
3377                            </div>
3378                                            </div>
3379                </div>
3380            </div>
3381        </div>
3382    
3383                                                    
3384                    <div tabindex="0" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="0"
3385             class="group flex flex-col bg-white border-b border-b-neutral lg:block lg:px-2 lg:transition-colors lg:border-b-2 lg:hover:border-black lg:border-transparent lg:content-center lg:h-[45px]">
3386            <a href="/fr_FR/c/triathlon-natation" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
3387               class="group/level0 flex flex-grow-0 justify-between items-center h-full py-3 lg:py-0 px-8 bg-white lg:transition-colors lg:justify-center lg:m-0 lg:px-2 lg:text-center">
3388                <span
3389                    class="leading-none uppercase transition-colors group-[.is-opened]/level0:font-bold group-[.is-opened]/level0:text-primary lg:group-[.is-opened]/level0:text-base-content lg:group-hover:text-primary">
3390                    Triathlon / Natation
3391                </span>
3392                    <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level0:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
3393        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
3394    </svg>
3395
3396            </a>
3397
3398            <div data-megamenu-item-target="item"
3399                class="hidden lg:p-0 lg:left-0 lg:absolute lg:z-30 lg:bg-white lg:w-full lg:top-full">
3400                <div class="lg:max-w-screen-xl lg:m-auto lg:p-4 lg:pb-10">
3401                    <a href="/fr_FR/c/triathlon-natation"
3402                       class="flex pl-12 py-3 lg:py-0 italic text-xs uppercase lg:inline-flex lg:pl-0  lg:hover:text-primary" >
3403                        Voir tout Triathlon / Natation
3404                    </a>
3405                    <div
3406                        class="lg:relative" data-controller="masonry" data-masonry-desktop-breakpoint-value="1024" data-masonry-options-value="{&quot;baseWidth&quot;:200,&quot;surroundingGutter&quot;:false,&quot;wedge&quot;:true}">
3407                                                    <div
3408                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
3409                                        
3410                                        <a href="/fr_FR/c/triathlon-natation/trifonctions" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
3411           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
3412            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
3413                                                        <img class="h-4 mr-1"
3414                         src="https://static.tonton-outdoor.com/media/image/76/40/2f1f4761c65475e0f50aea2fb449.svg"
3415                         loading="lazy"
3416                         alt=""
3417                         aria-hidden="true">
3418                                Trifonctions
3419            </span>
3420                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
3421        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
3422    </svg>
3423
3424        </a>
3425        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
3426            <a href="/fr_FR/c/triathlon-natation/trifonctions" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
3427                Voir tout Trifonctions
3428            </a>
3429                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3430                            
3431                                        <a href="/fr_FR/c/triathlon-natation/trifonctions/trifonctions-homme"
3432           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3433            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3434                                Trifonctions homme</span>
3435        </a>
3436    
3437                </div>
3438                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3439                            
3440                                        <a href="/fr_FR/c/triathlon-natation/trifonctions/trifonctions-femme"
3441           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3442            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3443                                Trifonctions femme</span>
3444        </a>
3445    
3446                </div>
3447                    </div>
3448    
3449                            </div>
3450                                                    <div
3451                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
3452                                        
3453                                        <a href="/fr_FR/c/triathlon-natation/combinaisons" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
3454           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
3455            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
3456                                                        <img class="h-4 mr-1"
3457                         src="https://static.tonton-outdoor.com/media/image/8d/cf/bbd5f2bd995b7599c35cdf63d108.svg"
3458                         loading="lazy"
3459                         alt=""
3460                         aria-hidden="true">
3461                                Combinaisons
3462            </span>
3463                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
3464        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
3465    </svg>
3466
3467        </a>
3468        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
3469            <a href="/fr_FR/c/triathlon-natation/combinaisons" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
3470                Voir tout Combinaisons
3471            </a>
3472                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3473                            
3474                                        <a href="/fr_FR/c/triathlon-natation/combinaisons/combinaisons-homme"
3475           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3476            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3477                                Combinaisons homme</span>
3478        </a>
3479    
3480                </div>
3481                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3482                            
3483                                        <a href="/fr_FR/c/triathlon-natation/combinaisons/combinaisons-femme"
3484           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3485            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3486                                Combinaisons femme</span>
3487        </a>
3488    
3489                </div>
3490                    </div>
3491    
3492                            </div>
3493                                                    <div
3494                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
3495                                        
3496                                        <a href="/fr_FR/c/triathlon-natation/lunettes-de-natation" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
3497           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
3498            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
3499                                                        <img class="h-4 mr-1"
3500                         src="https://static.tonton-outdoor.com/media/image/7b/4c/885af38feaced50053515277ab3e.svg"
3501                         loading="lazy"
3502                         alt=""
3503                         aria-hidden="true">
3504                                Lunettes de natation
3505            </span>
3506                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
3507        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
3508    </svg>
3509
3510        </a>
3511        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
3512            <a href="/fr_FR/c/triathlon-natation/lunettes-de-natation" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
3513                Voir tout Lunettes de natation
3514            </a>
3515                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3516                            
3517                                        <a href="/fr_FR/c/triathlon-natation/lunettes-de-natation/arena"
3518           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3519            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3520                                Arena</span>
3521        </a>
3522    
3523                </div>
3524                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3525                            
3526                                        <a href="/fr_FR/c/triathlon-natation/lunettes-de-natation/speedo"
3527           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3528            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3529                                Speedo</span>
3530        </a>
3531    
3532                </div>
3533                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3534                            
3535                                        <a href="/fr_FR/c/triathlon-natation/lunettes-de-natation/zoggs"
3536           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3537            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3538                                Zoggs</span>
3539        </a>
3540    
3541                </div>
3542                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3543                            
3544                                        <a href="/fr_FR/c/triathlon-natation/lunettes-de-natation/swans"
3545           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3546            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3547                                Swans</span>
3548        </a>
3549    
3550                </div>
3551                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3552                            
3553                                        <a href="/fr_FR/c/triathlon-natation/lunettes-de-natation/orca"
3554           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3555            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3556                                Orca</span>
3557        </a>
3558    
3559                </div>
3560                    </div>
3561    
3562                            </div>
3563                                                    <div
3564                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
3565                                        
3566                                        <a href="/fr_FR/c/triathlon-natation/maillots-de-bain" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
3567           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
3568            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
3569                                                        <img class="h-4 mr-1"
3570                         src="https://static.tonton-outdoor.com/media/image/f3/9a/d28ec9bbd9e566b41fe43c980302.svg"
3571                         loading="lazy"
3572                         alt=""
3573                         aria-hidden="true">
3574                                Maillots de bain
3575            </span>
3576                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
3577        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
3578    </svg>
3579
3580        </a>
3581        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
3582            <a href="/fr_FR/c/triathlon-natation/maillots-de-bain" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
3583                Voir tout Maillots de bain
3584            </a>
3585                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3586                            
3587                                        <a href="/fr_FR/c/triathlon-natation/maillots-de-bain/maillots-de-bain-homme"
3588           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3589            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3590                                Maillots de bain homme</span>
3591        </a>
3592    
3593                </div>
3594                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3595                            
3596                                        <a href="/fr_FR/c/triathlon-natation/maillots-de-bain/maillots-de-bain-femme"
3597           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3598            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3599                                Maillots de bain femme</span>
3600        </a>
3601    
3602                </div>
3603                    </div>
3604    
3605                            </div>
3606                                                    <div
3607                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
3608                                        
3609                                        <a href="/fr_FR/c/triathlon-natation/enfants" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
3610           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
3611            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
3612                                                        <img class="h-4 mr-1"
3613                         src="https://static.tonton-outdoor.com/media/image/dd/5a/a8541656ea376b2b5dc9405eba3c.svg"
3614                         loading="lazy"
3615                         alt=""
3616                         aria-hidden="true">
3617                                Enfants
3618            </span>
3619                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
3620        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
3621    </svg>
3622
3623        </a>
3624        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
3625            <a href="/fr_FR/c/triathlon-natation/enfants" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
3626                Voir tout Enfants
3627            </a>
3628                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3629                            
3630                                        <a href="/fr_FR/c/triathlon-natation/enfants/maillots-de-bain"
3631           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3632            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3633                                Maillots de bain</span>
3634        </a>
3635    
3636                </div>
3637                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3638                            
3639                                        <a href="/fr_FR/c/triathlon-natation/enfants/combinaisons"
3640           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3641            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3642                                Combinaisons</span>
3643        </a>
3644    
3645                </div>
3646                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3647                            
3648                                        <a href="/fr_FR/c/triathlon-natation/enfants/autres"
3649           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3650            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3651                                Lunettes</span>
3652        </a>
3653    
3654                </div>
3655                    </div>
3656    
3657                            </div>
3658                                                    <div
3659                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
3660                                        
3661                                        <a href="/fr_FR/c/triathlon-natation/accessoires" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
3662           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
3663            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
3664                                                        <img class="h-4 mr-1"
3665                         src="https://static.tonton-outdoor.com/media/image/8c/a9/9249972fc4d0f9a1ab28467fae22.svg"
3666                         loading="lazy"
3667                         alt=""
3668                         aria-hidden="true">
3669                                Accessoires
3670            </span>
3671                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
3672        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
3673    </svg>
3674
3675        </a>
3676        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
3677            <a href="/fr_FR/c/triathlon-natation/accessoires" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
3678                Voir tout Accessoires
3679            </a>
3680                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3681                            
3682                                        <a href="/fr_FR/c/triathlon-natation/accessoires/bonnets-de-bain"
3683           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3684            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3685                                Bonnets de bain</span>
3686        </a>
3687    
3688                </div>
3689                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3690                            
3691                                        <a href="/fr_FR/c/triathlon-natation/accessoires/accessoires-neoprene"
3692           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3693            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3694                                Accessoires néoprène</span>
3695        </a>
3696    
3697                </div>
3698                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3699                            
3700                                        <a href="/fr_FR/c/triathlon-natation/accessoires/plaquettes-palmes"
3701           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3702            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3703                                Plaquettes / Palmes</span>
3704        </a>
3705    
3706                </div>
3707                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3708                            
3709                                        <a href="/fr_FR/c/triathlon-natation/accessoires/pull-buoy-planches"
3710           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3711            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3712                                Pull-buoy / Planches</span>
3713        </a>
3714    
3715                </div>
3716                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3717                            
3718                                        <a href="/fr_FR/c/triathlon-natation/accessoires/bouees-de-securite"
3719           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3720            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3721                                Bouées de sécurité</span>
3722        </a>
3723    
3724                </div>
3725                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3726                            
3727                                        <a href="/fr_FR/c/triathlon-natation/accessoires/ceintures-porte-dossards"
3728           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3729            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3730                                Ceintures / Porte-dossards</span>
3731        </a>
3732    
3733                </div>
3734                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3735                            
3736                                        <a href="/fr_FR/c/triathlon-natation/accessoires/claquettes-tongues"
3737           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3738            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3739                                Claquettes / Tongues</span>
3740        </a>
3741    
3742                </div>
3743                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3744                            
3745                                        <a href="/fr_FR/c/triathlon-natation/accessoires/pinces-nez-bouchons-d-oreille"
3746           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3747            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3748                                Pinces-nez / Bouchons d&#039;oreille</span>
3749        </a>
3750    
3751                </div>
3752                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3753                            
3754                                        <a href="/fr_FR/c/triathlon-natation/accessoires/ponchos"
3755           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3756            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3757                                Ponchos</span>
3758        </a>
3759    
3760                </div>
3761                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3762                            
3763                                        <a href="/fr_FR/c/triathlon-natation/accessoires/serviettes"
3764           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3765            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3766                                Serviettes de bain</span>
3767        </a>
3768    
3769                </div>
3770                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3771                            
3772                                        <a href="/fr_FR/c/triathlon-natation/accessoires/autres-accessoires"
3773           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3774            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3775                                Autres accessoires</span>
3776        </a>
3777    
3778                </div>
3779                    </div>
3780    
3781                            </div>
3782                                                    <div
3783                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
3784                                        
3785                                        <a href="/fr_FR/c/triathlon-natation/bagagerie"
3786           class="flex justify-between items-center py-2 pl-12 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3787            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none uppercase lg:font-bold">
3788                                                        <img class="h-4 mr-1"
3789                         src="https://static.tonton-outdoor.com/media/image/91/e6/16c3d03da524f61950c2e374ac11.svg"
3790                         loading="lazy"
3791                         alt=""
3792                         aria-hidden="true">
3793                                Bagagerie</span>
3794        </a>
3795    
3796                            </div>
3797                                                    <div
3798                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
3799                                        
3800                                        <a href="/fr_FR/c/triathlon-natation/parka"
3801           class="flex justify-between items-center py-2 pl-12 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3802            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none uppercase lg:font-bold">
3803                                Parka</span>
3804        </a>
3805    
3806                            </div>
3807                                                    <div
3808                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
3809                                        
3810                                        <a href="/fr_FR/c/triathlon-natation/autres-equipements" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
3811           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
3812            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
3813                                Autres équipements
3814            </span>
3815                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
3816        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
3817    </svg>
3818
3819        </a>
3820        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
3821            <a href="/fr_FR/c/triathlon-natation/autres-equipements" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
3822                Voir tout Autres équipements
3823            </a>
3824                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3825                            
3826                                        <a href="/fr_FR/c/triathlon-natation/autres-equipements/entretien-reparation"
3827           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3828            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3829                                Entretien / Réparation</span>
3830        </a>
3831    
3832                </div>
3833                    </div>
3834    
3835                            </div>
3836                                            </div>
3837                </div>
3838            </div>
3839        </div>
3840    
3841                                                    
3842                    <div tabindex="0" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="0"
3843             class="group flex flex-col bg-white border-b border-b-neutral lg:block lg:px-2 lg:transition-colors lg:border-b-2 lg:hover:border-black lg:border-transparent lg:content-center lg:h-[45px]">
3844            <a href="/fr_FR/c/autres-sports" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
3845               class="group/level0 flex flex-grow-0 justify-between items-center h-full py-3 lg:py-0 px-8 bg-white lg:transition-colors lg:justify-center lg:m-0 lg:px-2 lg:text-center">
3846                <span
3847                    class="leading-none uppercase transition-colors group-[.is-opened]/level0:font-bold group-[.is-opened]/level0:text-primary lg:group-[.is-opened]/level0:text-base-content lg:group-hover:text-primary">
3848                    Autres sports
3849                </span>
3850                    <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level0:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
3851        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
3852    </svg>
3853
3854            </a>
3855
3856            <div data-megamenu-item-target="item"
3857                class="hidden lg:p-0 lg:left-0 lg:absolute lg:z-30 lg:bg-white lg:w-full lg:top-full">
3858                <div class="lg:max-w-screen-xl lg:m-auto lg:p-4 lg:pb-10">
3859                    <a href="/fr_FR/c/autres-sports"
3860                       class="flex pl-12 py-3 lg:py-0 italic text-xs uppercase lg:inline-flex lg:pl-0  lg:hover:text-primary" >
3861                        Voir tout Autres sports
3862                    </a>
3863                    <div
3864                        class="lg:relative" data-controller="masonry" data-masonry-desktop-breakpoint-value="1024" data-masonry-options-value="{&quot;baseWidth&quot;:200,&quot;surroundingGutter&quot;:false,&quot;wedge&quot;:true}">
3865                                                    <div
3866                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
3867                                        
3868                                        <a href="/fr_FR/c/autres-sports/velo" data-action="click->
3868megamenu-item#toggle" data-megamenu-item-target="trigger"
3869           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
3870            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
3871                                                        <img class="h-4 mr-1"
3872                         src="https://static.tonton-outdoor.com/media/image/29/98/03d5688ceb34dac130f7456e1b36.svg"
3873                         loading="lazy"
3874                         alt=""
3875                         aria-hidden="true">
3876                                Vélo
3877            </span>
3878                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
3879        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
3880    </svg>
3881
3882        </a>
3883        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
3884            <a href="/fr_FR/c/autres-sports/velo" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
3885                Voir tout Vélo
3886            </a>
3887                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3888                            
3889                                        <a href="/fr_FR/c/autres-sports/velo/maillots-de-velo"
3890           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3891            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3892                                Maillots</span>
3893        </a>
3894    
3895                </div>
3896                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3897                            
3898                                        <a href="/fr_FR/c/autres-sports/velo/cuissards-de-velo"
3899           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3900            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3901                                Cuissards</span>
3902        </a>
3903    
3904                </div>
3905                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3906                            
3907                                        <a href="/fr_FR/c/autres-sports/velo/sacoches-de-velo"
3908           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3909            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3910                                Sacoches</span>
3911        </a>
3912    
3913                </div>
3914                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3915                            
3916                                        <a href="/fr_FR/c/autres-sports/velo/accessoires-de-velo"
3917           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3918            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3919                                Accessoires</span>
3920        </a>
3921    
3922                </div>
3923                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3924                            
3925                                        <a href="/fr_FR/c/autres-sports/velo/tentes-bikepacking"
3926           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3927            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3928                                Tentes bikepacking</span>
3929        </a>
3930    
3931                </div>
3932                    </div>
3933    
3934                            </div>
3935                                                    <div
3936                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
3937                                        
3938                                        <a href="/fr_FR/c/autres-sports/athletisme" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
3939           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
3940            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
3941                                                        <img class="h-4 mr-1"
3942                         src="https://static.tonton-outdoor.com/media/image/1a/94/486bcc6b762ef97a90cbfb04c4f2.svg"
3943                         loading="lazy"
3944                         alt=""
3945                         aria-hidden="true">
3946                                Athlétisme
3947            </span>
3948                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
3949        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
3950    </svg>
3951
3952        </a>
3953        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
3954            <a href="/fr_FR/c/autres-sports/athletisme" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
3955                Voir tout Athlétisme
3956            </a>
3957                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3958                            
3959                                        <a href="/fr_FR/c/autres-sports/athletisme/chaussures-d-athletisme"
3960           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3961            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3962                                Pointes d&#039;athlétisme</span>
3963        </a>
3964    
3965                </div>
3966                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
3967                            
3968                                        <a href="/fr_FR/c/autres-sports/athletisme/chaussures-de-cross"
3969           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
3970            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
3971                                Pointes de cross</span>
3972        </a>
3973    
3974                </div>
3975                    </div>
3976    
3977                            </div>
3978                                                    <div
3979                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
3980                                        
3981                                        <a href="/fr_FR/c/autres-sports/hyrox" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
3982           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
3983            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
3984                                                        <img class="h-4 mr-1"
3985                         src="https://static.tonton-outdoor.com/media/image/36/d5/b62fc107849163a567abd5cb47f8.svg"
3986                         loading="lazy"
3987                         alt=""
3988                         aria-hidden="true">
3989                                Hyrox
3990            </span>
3991                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
3992        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
3993    </svg>
3994
3995        </a>
3996        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
3997            <a href="/fr_FR/c/autres-sports/hyrox" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
3998                Voir tout Hyrox
3999            </a>
4000                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4001                            
4002                                        <a href="/fr_FR/c/autres-sports/hyrox/chaussures"
4003           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4004            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4005                                Chaussures</span>
4006        </a>
4007    
4008                </div>
4009                    </div>
4010    
4011                            </div>
4012                                                    <div
4013                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
4014                                        
4015                                        <a href="/fr_FR/c/autres-sports/escalade" data-action="click->
4015megamenu-item#toggle" data-megamenu-item-target="trigger"
4016           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
4017            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
4018                                                        <img class="h-4 mr-1"
4019                         src="https://static.tonton-outdoor.com/media/image/bc/60/f63519044dabe5ab80f33fabc067.svg"
4020                         loading="lazy"
4021                         alt=""
4022                         aria-hidden="true">
4023                                Escalade
4024            </span>
4025                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
4026        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
4027    </svg>
4028
4029        </a>
4030        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
4031            <a href="/fr_FR/c/autres-sports/escalade" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
4032                Voir tout Escalade
4033            </a>
4034                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4035                            
4036                                        <a href="/fr_FR/c/autres-sports/escalade/chaussons-d-escalade"
4037           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4038            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4039                                Chaussons</span>
4040        </a>
4041    
4042                </div>
4043                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4044                            
4045                                        <a href="/fr_FR/c/autres-sports/escalade/vetements-d-escalade"
4046           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4047            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4048                                Vêtements</span>
4049        </a>
4050    
4051                </div>
4052                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4053                            
4054                                        <a href="/fr_FR/c/autres-sports/escalade/t-shirts"
4055           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4056            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4057                                T-shirts</span>
4058        </a>
4059    
4060                </div>
4061                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4062                            
4063                                        <a href="/fr_FR/c/autres-sports/escalade/pantalons"
4064           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4065            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4066                                Pantalons</span>
4067        </a>
4068    
4069                </div>
4070                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4071                            
4072                                        <a href="/fr_FR/c/autres-sports/escalade/shorts"
4073           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4074            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4075                                Shorts</span>
4076        </a>
4077    
4078                </div>
4079                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4080                            
4081                                        <a href="/fr_FR/c/autres-sports/escalade/baudriers"
4082           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4083            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4084                                Baudriers</span>
4085        </a>
4086    
4087                </div>
4088                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4089                            
4090                                        <a href="/fr_FR/c/autres-sports/escalade/casques-de-securite"
4091           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4092            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4093                                Casques de sécurité</span>
4094        </a>
4095    
4096                </div>
4097                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4098                            
4099                                        <a href="/fr_FR/c/autres-sports/escalade/degaines"
4100           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4101            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4102                                Dégaines</span>
4103        </a>
4104    
4105                </div>
4106                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4107                            
4108                                        <a href="/fr_FR/c/autres-sports/escalade/mousquetons"
4109           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4110            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4111                                Mousquetons</span>
4112        </a>
4113    
4114                </div>
4115                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4116                            
4117                                        <a href="/fr_FR/c/autres-sports/escalade/cordes-sangles"
4118           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4119            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4120                                Cordes</span>
4121        </a>
4122    
4123                </div>
4124                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4125                            
4126                                        <a href="/fr_FR/c/autres-sports/escalade/longes"
4127           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4128            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4129                                Longes</span>
4130        </a>
4131    
4132                </div>
4133                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4134                            
4135                                        <a href="/fr_FR/c/autres-sports/escalade/magnesie-sacs-a-magnesie"
4136           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4137            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4138                                Magnésie / Sacs à magnésie</span>
4139        </a>
4140    
4141                </div>
4142                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4143                            
4144                                        <a href="/fr_FR/c/autres-sports/escalade/crashpad"
4145           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4146            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4147                                Crash Pad</span>
4148        </a>
4149    
4150                </div>
4151                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4152                            
4153                                        <a href="/fr_FR/c/autres-sports/escalade/bloqueurs"
4154           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4155            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4156                                Bloqueurs</span>
4157        </a>
4158    
4159                </div>
4160                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4161                            
4162                                        <a href="/fr_FR/c/autres-sports/escalade/coinceurs"
4163           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4164            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4165                                Coinceurs</span>
4166        </a>
4167    
4168                </div>
4169                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4170                            
4171                                        <a href="/fr_FR/c/autres-sports/escalade/assureurs-descendeurs"
4172           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4173            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4174                                Assureurs / descendeurs</span>
4175        </a>
4176    
4177                </div>
4178                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4179                            
4180                                        <a href="/fr_FR/c/autres-sports/escalade/sangles"
4181           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4182            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4183                                Sangles</span>
4184        </a>
4185    
4186                </div>
4187                    </div>
4188    
4189                            </div>
4190                                                    <div
4191                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
4192                                        
4193                                        <a href="/fr_FR/c/autres-sports/alpinisme" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
4194           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
4195            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
4196                                                        <img class="h-4 mr-1"
4197                         src="https://static.tonton-outdoor.com/media/image/bb/23/ef77e2bb5cc4159f0fc4858b56eb.svg"
4198                         loading="lazy"
4199                         alt=""
4200                         aria-hidden="true">
4201                                Alpinisme
4202            </span>
4203                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
4204        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
4205    </svg>
4206
4207        </a>
4208        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
4209            <a href="/fr_FR/c/autres-sports/alpinisme" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
4210                Voir tout Alpinisme
4211            </a>
4212                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4213                            
4214                                        <a href="/fr_FR/c/autres-sports/alpinisme/vetements-d-alpinisme"
4215           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4216            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4217                                Vêtements</span>
4218        </a>
4219    
4220                </div>
4221                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4222                            
4223                                        <a href="/fr_FR/c/autres-sports/alpinisme/chaussures-d-alpinisme"
4224           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4225            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4226                                Chaussures</span>
4227        </a>
4228    
4229                </div>
4230                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4231                            
4232                                        <a href="/fr_FR/c/autres-sports/alpinisme/sac-a-dos-d-alpinisme"
4233           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4234            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4235                                Sacs à dos</span>
4236        </a>
4237    
4238                </div>
4239                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4240                            
4241                                        <a href="/fr_FR/c/autres-sports/alpinisme/casques-de-securite"
4242           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4243            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4244                                Casques de sécurité</span>
4245        </a>
4246    
4247                </div>
4248                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4249                            
4250                                        <a href="/fr_FR/c/autres-sports/alpinisme/piolets-crampons"
4251           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4252            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4253                                Piolets / Crampons</span>
4254        </a>
4255    
4256                </div>
4257                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4258                            
4259                                        <a href="/fr_FR/c/autres-sports/alpinisme/accessoires-d-alpinisme"
4260           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4261            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4262                                Accessoires</span>
4263        </a>
4264    
4265                </div>
4266                    </div>
4267    
4268                            </div>
4269                                                    <div
4270                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
4271                                        
4272                                        <a href="/fr_FR/c/autres-sports/ski" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
4273           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
4274            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
4275                                                        <img class="h-4 mr-1"
4276                         src="https://static.tonton-outdoor.com/media/image/73/d4/0b14023a4f26b38b35a8b6b97dc7.svg"
4277                         loading="lazy"
4278                         alt=""
4279                         aria-hidden="true">
4280                                Ski
4281            </span>
4282                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
4283        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
4284    </svg>
4285
4286        </a>
4287        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
4288            <a href="/fr_FR/c/autres-sports/ski" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
4289                Voir tout Ski
4290            </a>
4291                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4292                            
4293                                        <a href="/fr_FR/c/autres-sports/ski/vestes-de-ski"
4294           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4295            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4296                                Vestes</span>
4297        </a>
4298    
4299                </div>
4300                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4301                            
4302                                        <a href="/fr_FR/c/autres-sports/ski/pantalons-de-ski"
4303           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4304            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4305                                Pantalons</span>
4306        </a>
4307    
4308                </div>
4309                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4310                            
4311                                        <a href="/fr_FR/c/autres-sports/ski/sous-couches-de-ski"
4312           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4313            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4314                                Sous-couches</span>
4315        </a>
4316    
4317                </div>
4318                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4319                            
4320                                        <a href="/fr_FR/c/autres-sports/ski/masques-de-ski"
4321           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4322            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4323                                Masques</span>
4324        </a>
4325    
4326                </div>
4327                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4328                            
4329                                        <a href="/fr_FR/c/autres-sports/ski/casques-de-ski"
4330           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4331            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4332                                Casques</span>
4333        </a>
4334    
4335                </div>
4336                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4337                            
4338                                        <a href="/fr_FR/c/autres-sports/alpinisme/sacs-a-dos-de-ski"
4339           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4340            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4341                                Sacs à dos</span>
4342        </a>
4343    
4344                </div>
4345                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4346                            
4347                                        <a href="/fr_FR/c/autres-sports/ski/raquettes-a-neige"
4348           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4349            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4350                                Raquettes à neige</span>
4351        </a>
4352    
4353                </div>
4354                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4355                            
4356                                        <a href="/fr_FR/c/autres-sports/ski/apres-ski"
4357           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4358            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4359                                Après-ski</span>
4360        </a>
4361    
4362                </div>
4363                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4364                            
4365                                        <a href="/fr_FR/c/autres-sports/ski/gants-de-ski"
4366           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4367            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4368                                Gants</span>
4369        </a>
4370    
4371                </div>
4372                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4373                            
4374                                        <a href="/fr_FR/c/autres-sports/ski/chaussettes-de-ski"
4375           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4376            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4377                                Chaussettes</span>
4378        </a>
4379    
4380                </div>
4381                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4382                            
4383                                        <a href="/fr_FR/c/autres-sports/ski/accessoires-de-ski"
4384           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4385            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4386                                Accessoires</span>
4387        </a>
4388    
4389                </div>
4390                    </div>
4391    
4392                            </div>
4393                                                    <div
4394                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
4395                                        
4396                                        <a href="/fr_FR/c/autres-sports/swimrun" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
4397           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
4398            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
4399                                                        <img class="h-4 mr-1"
4400                         src="https://static.tonton-outdoor.com/media/image/18/96/0554376760462e7a443584c20e0b.svg"
4401                         loading="lazy"
4402                         alt=""
4403                         aria-hidden="true">
4404                                Swimrun
4405            </span>
4406                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
4407        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
4408    </svg>
4409
4410        </a>
4411        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
4412            <a href="/fr_FR/c/autres-sports/swimrun" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
4413                Voir tout Swimrun
4414            </a>
4415                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4416                            
4417                                        <a href="/fr_FR/c/autres-sports/swimrun/combinaisons-de-swimrun"
4418           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4419            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4420                                Combinaisons</span>
4421        </a>
4422    
4423                </div>
4424                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4425                            
4426                                        <a href="/fr_FR/c/autres-sports/swimrun/chaussures-swimrun"
4427           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4428            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4429                                Chaussures</span>
4430        </a>
4431    
4432                </div>
4433                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4434                            
4435                                        <a href="/fr_FR/c/autres-sports/swimrun/accessoires-de-swimrun"
4436           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4437            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4438                                Accessoires</span>
4439        </a>
4440    
4441                </div>
4442                    </div>
4443    
4444                            </div>
4445                                                    <div
4446                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
4447                                        
4448                                        <a href="/fr_FR/c/autres-sports/crossfit-fitness" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
4449           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
4450            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
4451                                                        <img class="h-4 mr-1"
4452                         src="https://static.tonton-outdoor.com/media/image/8a/2f/e861f33de8acc6d95f74eb604e42.svg"
4453                         loading="lazy"
4454                         alt=""
4455                         aria-hidden="true">
4456                                Crossfit / Fitness
4457            </span>
4458                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
4459        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
4460    </svg>
4461
4462        </a>
4463        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
4464            <a href="/fr_FR/c/autres-sports/crossfit-fitness" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
4465                Voir tout Crossfit / Fitness
4466            </a>
4467                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4468                            
4469                                        <a href="/fr_FR/c/autres-sports/crossfit-fitness/chaussures-de-crossfit"
4470           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4471            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4472                                Chaussures</span>
4473        </a>
4474    
4475                </div>
4476                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4477                            
4478                                        <a href="/fr_FR/c/autres-sports/crossfit-fitness/vetements-de-crossfit-fitness"
4479           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4480            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4481                                Vêtements</span>
4482        </a>
4483    
4484                </div>
4485                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4486                            
4487                                        <a href="/fr_FR/c/autres-sports/crossfit-fitness/accessoires-de-crossfit-fitness"
4488           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4489            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4490                                Accessoires</span>
4491        </a>
4492    
4493                </div>
4494                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4495                            
4496                                        <a href="/fr_FR/c/autres-sports/crossfit-fitness/balles-rouleaux-de-massage"
4497           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4498            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4499                                Balles / Rouleaux de massage</span>
4500        </a>
4501    
4502                </div>
4503                    </div>
4504    
4505                            </div>
4506                                                    <div
4507                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
4508                                        
4509                                        <a href="/fr_FR/c/autres-sports/yoga" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
4510           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
4511            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
4512                                                        <img class="h-4 mr-1"
4513                         src="https://static.tonton-outdoor.com/media/image/a5/db/915984ab7e1bc83a1b5f9ab10feb.svg"
4514                         loading="lazy"
4515                         alt=""
4516                         aria-hidden="true">
4517                                Yoga
4518            </span>
4519                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
4520        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
4521    </svg>
4522
4523        </a>
4524        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
4525            <a href="/fr_FR/c/autres-sports/yoga" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
4526                Voir tout Yoga
4527            </a>
4528                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4529                            
4530                                        <a href="/fr_FR/c/autres-sports/yoga/vetements-de-yoga"
4531           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4532            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4533                                Vêtements</span>
4534        </a>
4535    
4536                </div>
4537                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4538                            
4539                                        <a href="/fr_FR/c/autres-sports/yoga/tapis"
4540           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4541            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4542                                Tapis</span>
4543        </a>
4544    
4545                </div>
4546                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4547                            
4548                                        <a href="/fr_FR/c/autres-sports/yoga/briques"
4549           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4550            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4551                                Briques</span>
4552        </a>
4553    
4554                </div>
4555                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4556                            
4557                                        <a href="/fr_FR/c/autres-sports/yoga/coussins"
4558           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4559            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4560                                Coussins</span>
4561        </a>
4562    
4563                </div>
4564                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4565                            
4566                                        <a href="/fr_FR/c/autres-sports/yoga/sangles"
4567           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4568            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4569                                Sangles</span>
4570        </a>
4571    
4572                </div>
4573                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4574                            
4575                                        <a href="/fr_FR/c/autres-sports/yoga/sprays-parfumes"
4576           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4577            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4578                                Sprays parfumés</span>
4579        </a>
4580    
4581                </div>
4582                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4583                            
4584                                        <a href="/fr_FR/c/autres-sports/yoga/sacs-de-transport"
4585           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4586            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4587                                Sacs de transport</span>
4588        </a>
4589    
4590                </div>
4591                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4592                            
4593                                        <a href="/fr_FR/c/autres-sports/yoga/accessoires-de-yoga"
4594           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4595            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4596                                Accessoires</span>
4597        </a>
4598    
4599                </div>
4600                    </div>
4601    
4602                            </div>
4603                                                    <div
4604                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
4605                                        
4606                                        <a href="/fr_FR/c/autres-sports/marche-nordique" data-action="click->
4606megamenu-item#toggle" data-megamenu-item-target="trigger"
4607           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
4608            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
4609                                                        <img class="h-4 mr-1"
4610                         src="https://static.tonton-outdoor.com/media/image/35/c5/6d37a148d1fa1c361502bb16af69.svg"
4611                         loading="lazy"
4612                         alt=""
4613                         aria-hidden="true">
4614                                Marche nordique
4615            </span>
4616                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
4617        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
4618    </svg>
4619
4620        </a>
4621        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
4622            <a href="/fr_FR/c/autres-sports/marche-nordique" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
4623                Voir tout Marche nordique
4624            </a>
4625                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4626                            
4627                                        <a href="/fr_FR/c/autres-sports/marche-nordique/chaussures"
4628           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4629            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4630                                Chaussures</span>
4631        </a>
4632    
4633                </div>
4634                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4635                            
4636                                        <a href="/fr_FR/c/autres-sports/marche-nordique/batons-de-marche"
4637           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4638            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4639                                Bâtons</span>
4640        </a>
4641    
4642                </div>
4643                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4644                            
4645                                        <a href="/fr_FR/c/autres-sports/marche-nordique/accessoires-de-marche-nordique"
4646           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4647            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4648                                Accessoires</span>
4649        </a>
4650    
4651                </div>
4652                    </div>
4653    
4654                            </div>
4655                                                    <div
4656                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
4657                                        
4658                                        <a href="/fr_FR/c/autres-sports/surf" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
4659           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
4660            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
4661                                                        <img class="h-4 mr-1"
4662                         src="https://static.tonton-outdoor.com/media/image/fa/a4/3cd5f33c79b6fbbfcae4b883af2b.svg"
4663                         loading="lazy"
4664                         alt=""
4665                         aria-hidden="true">
4666                                Surf
4667            </span>
4668                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
4669        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
4670    </svg>
4671
4672        </a>
4673        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
4674            <a href="/fr_FR/c/autres-sports/surf" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
4675                Voir tout Surf
4676            </a>
4677                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4678                            
4679                                        <a href="/fr_FR/c/autres-sports/surf/combinaisons-de-surf"
4680           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4681            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4682                                Combinaisons</span>
4683        </a>
4684    
4685                </div>
4686                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4687                            
4688                                        <a href="/fr_FR/c/autres-sports/surf/maillots-de-bain"
4689           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4690            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4691                                Maillots / Shorts de bain</span>
4692        </a>
4693    
4694                </div>
4695                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4696                            
4697                                        <a href="/fr_FR/c/autres-sports/surf/lycras"
4698           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4699            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4700                                Lycras</span>
4701        </a>
4702    
4703                </div>
4704                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4705                            
4706                                        <a href="/fr_FR/c/autres-sports/surf/accessoires-de-surf"
4707           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4708            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4709                                Accessoires</span>
4710        </a>
4711    
4712                </div>
4713                    </div>
4714    
4715                            </div>
4716                                                    <div
4717                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
4718                                        
4719                                        <a href="/fr_FR/c/autres-sports/lifestyle" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
4720           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
4721            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
4722                                                        <img class="h-4 mr-1"
4723                         src="https://static.tonton-outdoor.com/media/image/cf/0f/06d6c13db394bce7e22d20d1b4fd.svg"
4724                         loading="lazy"
4725                         alt=""
4726                         aria-hidden="true">
4727                                Lifestyle
4728            </span>
4729                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
4730        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
4731    </svg>
4732
4733        </a>
4734        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
4735            <a href="/fr_FR/c/autres-sports/lifestyle" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
4736                Voir tout Lifestyle
4737            </a>
4738                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4739                            
4740                                        <a href="/fr_FR/c/autres-sports/lifestyle/vetements-lifestyle"
4741           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4742            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4743                                Vêtements</span>
4744        </a>
4745    
4746                </div>
4747                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4748                            
4749                                        <a href="/fr_FR/c/autres-sports/lifestyle/chaussures-lifestyle"
4750           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4751            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4752                                Chaussures</span>
4753        </a>
4754    
4755                </div>
4756                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4757                            
4758                                        <a href="/fr_FR/c/autres-sports/lifestyle/bottes"
4759           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4760            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4761                                Bottes</span>
4762        </a>
4763    
4764                </div>
4765                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4766                            
4767                                        <a href="/fr_FR/c/autres-sports/lifestyle/sacs-lifestyle"
4768           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4769            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4770                                Sacs</span>
4771        </a>
4772    
4773                </div>
4774                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4775                            
4776                                        <a href="/fr_FR/c/autres-sports/lifestyle/accessoires-lifestyle"
4777           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4778            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4779                                Accessoires</span>
4780        </a>
4781    
4782                </div>
4783                    </div>
4784    
4785                            </div>
4786                                            </div>
4787                </div>
4788            </div>
4789        </div>
4790    
4791                                                    
4792                    <div tabindex="0" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="0"
4793             class="group flex flex-col bg-white border-b border-b-neutral lg:block lg:px-2 lg:transition-colors lg:border-b-2 lg:hover:border-black lg:border-transparent lg:content-center lg:h-[45px]">
4794            <a href="/fr_FR/c/electronique" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
4795               class="group/level0 flex flex-grow-0 justify-between items-center h-full py-3 lg:py-0 px-8 bg-white lg:transition-colors lg:justify-center lg:m-0 lg:px-2 lg:text-center">
4796                <span
4797                    class="leading-none uppercase transition-colors group-[.is-opened]/level0:font-bold group-[.is-opened]/level0:text-primary lg:group-[.is-opened]/level0:text-base-content lg:group-hover:text-primary">
4798                    Électronique
4799                </span>
4800                    <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level0:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
4801        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
4802    </svg>
4803
4804            </a>
4805
4806            <div data-megamenu-item-target="item"
4807                class="hidden lg:p-0 lg:left-0 lg:absolute lg:z-30 lg:bg-white lg:w-full lg:top-full">
4808                <div class="lg:max-w-screen-xl lg:m-auto lg:p-4 lg:pb-10">
4809                    <a href="/fr_FR/c/electronique"
4810                       class="flex pl-12 py-3 lg:py-0 italic text-xs uppercase lg:inline-flex lg:pl-0  lg:hover:text-primary" >
4811                        Voir tout Électronique
4812                    </a>
4813                    <div
4814                        class="lg:relative" data-controller="masonry" data-masonry-desktop-breakpoint-value="1024" data-masonry-options-value="{&quot;baseWidth&quot;:200,&quot;surroundingGutter&quot;:false,&quot;wedge&quot;:true}">
4815                                                    <div
4816                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
4817                                        
4818                                        <a href="/fr_FR/c/electronique/montres" data-action="click->
4818megamenu-item#toggle" data-megamenu-item-target="trigger"
4819           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
4820            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
4821                                                        <img class="h-4 mr-1"
4822                         src="https://static.tonton-outdoor.com/media/image/72/6e/7f54d876fe86b8a1e5e754711553.svg"
4823                         loading="lazy"
4824                         alt=""
4825                         aria-hidden="true">
4826                                Montres
4827            </span>
4828                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
4829        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
4830    </svg>
4831
4832        </a>
4833        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
4834            <a href="/fr_FR/c/electronique/montres" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
4835                Voir tout Montres
4836            </a>
4837                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4838                            
4839                                        <a href="/fr_FR/c/electronique/montres/garmin"
4840           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4841            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4842                                Garmin</span>
4843        </a>
4844    
4845                </div>
4846                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4847                            
4848                                        <a href="/fr_FR/c/electronique/montres/coros"
4849           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4850            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4851                                Coros</span>
4852        </a>
4853    
4854                </div>
4855                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4856                            
4857                                        <a href="/fr_FR/c/electronique/montres/suunto"
4858           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4859            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4860                                Suunto</span>
4861        </a>
4862    
4863                </div>
4864                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4865                            
4866                                        <a href="/fr_FR/c/electronique/montres/polar"
4867           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4868            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4869                                Polar</span>
4870        </a>
4871    
4872                </div>
4873                    </div>
4874    
4875                            </div>
4876                                                    <div
4877                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
4878                                        
4879                                        <a href="/fr_FR/c/electronique/audio" data-action="click->
4879megamenu-item#toggle" data-megamenu-item-target="trigger"
4880           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
4881            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
4882                                                        <img class="h-4 mr-1"
4883                         src="https://static.tonton-outdoor.com/media/image/c5/dd/a78492758e4034a73f60b39eb98d.svg"
4884                         loading="lazy"
4885                         alt=""
4886                         aria-hidden="true">
4887                                Audio
4888            </span>
4889                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
4890        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
4891    </svg>
4892
4893        </a>
4894        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
4895            <a href="/fr_FR/c/electronique/audio" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
4896                Voir tout Audio
4897            </a>
4898                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4899                            
4900                                        <a href="/fr_FR/c/electronique/audio/conduction-osseuse"
4901           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4902            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4903                                Conduction osseuse</span>
4904        </a>
4905    
4906                </div>
4907                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4908                            
4909                                        <a href="/fr_FR/c/electronique/audio/intra-auriculaire"
4910           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4911            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4912                                Intra auriculaire</span>
4913        </a>
4914    
4915                </div>
4916                    </div>
4917    
4918                            </div>
4919                                                    <div
4920                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
4921                                        
4922                                        <a href="/fr_FR/c/electronique/eclairage" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
4923           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
4924            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
4925                                                        <img class="h-4 mr-1"
4926                         src="https://static.tonton-outdoor.com/media/image/25/91/e635acced7af0145a78f5326ef1c.svg"
4927                         loading="lazy"
4928                         alt=""
4929                         aria-hidden="true">
4930                                Éclairage
4931            </span>
4932                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
4933        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
4934    </svg>
4935
4936        </a>
4937        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
4938            <a href="/fr_FR/c/electronique/eclairage" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
4939                Voir tout Éclairage
4940            </a>
4941                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4942                            
4943                                        <a href="/fr_FR/c/electronique/eclairage/lampes-frontales"
4944           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4945            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4946                                Lampes frontales</span>
4947        </a>
4948    
4949                </div>
4950                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4951                            
4952                                        <a href="/fr_FR/c/electronique/eclairage/lampes-dorsales-ventrales"
4953           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4954            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4955                                Lampes dorsales / ventrales</span>
4956        </a>
4957    
4958                </div>
4959                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4960                            
4961                                        <a href="/fr_FR/c/electronique/eclairage/lampes-torches"
4962           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4963            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4964                                Lampes torches</span>
4965        </a>
4966    
4967                </div>
4968                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
4969                            
4970                                        <a href="/fr_FR/c/electronique/eclairage/lanternes"
4971           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
4972            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
4973                                Lanternes</span>
4974        </a>
4975    
4976                </div>
4977                    </div>
4978    
4979                            </div>
4980                                                    <div
4981                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
4982                                        
4983                                        <a href="/fr_FR/c/electronique/electrostimulation-et-recuperation" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
4984           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
4985            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
4986                                                        <img class="h-4 mr-1"
4987                         src="https://static.tonton-outdoor.com/media/image/e5/2a/c17a87ea02e2d2cdd2dc04342932.svg"
4988                         loading="lazy"
4989                         alt=""
4990                         aria-hidden="true">
4991                                Électrostimulation et récupération
4992            </span>
4993                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
4994        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
4995    </svg>
4996
4997        </a>
4998        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
4999            <a href="/fr_FR/c/electronique/electrostimulation-et-recuperation" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
5000                Voir tout Électrostimulation et récupération
5001            </a>
5002                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5003                            
5004                                        <a href="/fr_FR/c/electronique/electrostimulation-et-recuperation/pistolet-massage"
5005           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5006            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5007                                Pistolets de massage</span>
5008        </a>
5009    
5010                </div>
5011                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5012                            
5013                                        <a href="/fr_FR/c/electronique/electrostimulation-et-recuperation/bottes"
5014           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5015            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5016                                Bottes</span>
5017        </a>
5018    
5019                </div>
5020                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5021                            
5022                                        <a href="/fr_FR/c/electronique/accessoires/electrodes"
5023           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5024            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5025                                Électrodes</span>
5026        </a>
5027    
5028                </div>
5029                    </div>
5030    
5031                            </div>
5032                                                    <div
5033                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
5034                                        
5035                                        <a href="/fr_FR/c/electronique/gps" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
5036           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
5037            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
5038                                                        <img class="h-4 mr-1"
5039                         src="https://static.tonton-outdoor.com/media/image/8b/15/6d99f520bf9b125cec141ab34715.svg"
5040                         loading="lazy"
5041                         alt=""
5042                         aria-hidden="true">
5043                                GPS
5044            </span>
5045                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
5046        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
5047    </svg>
5048
5049        </a>
5050        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
5051            <a href="/fr_FR/c/electronique/gps" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
5052                Voir tout GPS
5053            </a>
5054                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5055                            
5056                                        <a href="/fr_FR/c/electronique/gps/velo"
5057           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5058            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5059                                Vélo</span>
5060        </a>
5061    
5062                </div>
5063                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5064                            
5065                                        <a href="/fr_FR/c/electronique/gps/randonnee"
5066           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5067            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5068                                Randonnée</span>
5069        </a>
5070    
5071                </div>
5072                    </div>
5073    
5074                            </div>
5075                                                    <div
5076                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
5077                                        
5078                                        <a href="/fr_FR/c/electronique/capteurs-cardio" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
5079           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
5080            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
5081                                                        <img class="h-4 mr-1"
5082                         src="https://static.tonton-outdoor.com/media/image/ac/34/cb70704caa8be4990359859c53fd.svg"
5083                         loading="lazy"
5084                         alt=""
5085                         aria-hidden="true">
5086                                Capteurs cardio
5087            </span>
5088                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
5089        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
5090    </svg>
5091
5092        </a>
5093        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
5094            <a href="/fr_FR/c/electronique/capteurs-cardio" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
5095                Voir tout Capteurs cardio
5096            </a>
5097                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5098                            
5099                                        <a href="/fr_FR/c/electronique/capteurs-cardio/ceintures"
5100           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5101            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5102                                Ceintures</span>
5103        </a>
5104    
5105                </div>
5106                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5107                            
5108                                        <a href="/fr_FR/c/electronique/capteurs-cardio/brassards"
5109           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5110            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5111                                Brassards</span>
5112        </a>
5113    
5114                </div>
5115                    </div>
5116    
5117                            </div>
5118                                                    <div
5119                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
5120                                        
5121                                        <a href="/fr_FR/c/electronique/recharge-electrique" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
5122           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
5123            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
5124                                                        <img class="h-4 mr-1"
5125                         src="https://static.tonton-outdoor.com/media/image/c2/52/b4d791950507213d8e010c222c52.svg"
5126                         loading="lazy"
5127                         alt=""
5128                         aria-hidden="true">
5129                                Recharge électrique
5130            </span>
5131                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
5132        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
5133    </svg>
5134
5135        </a>
5136        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
5137            <a href="/fr_FR/c/electronique/recharge-electrique" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
5138                Voir tout Recharge électrique
5139            </a>
5140                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5141                            
5142                                        <a href="/fr_FR/c/electronique/recharge-electrique/panneaux-solaires"
5143           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5144            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5145                                Panneaux solaires</span>
5146        </a>
5147    
5148                </div>
5149                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5150                            
5151                                        <a href="/fr_FR/c/electronique/recharge-electrique/batteries"
5152           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5153            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5154                                Batteries</span>
5155        </a>
5156    
5157                </div>
5158                    </div>
5159    
5160                            </div>
5161                                                    <div
5162                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
5163                                        
5164                                        <a href="/fr_FR/c/electronique/accessoires" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
5165           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
5166            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
5167                                                        <img class="h-4 mr-1"
5168                         src="https://static.tonton-outdoor.com/media/image/09/1a/663fa6194a6c4542f816a2776ee0.svg"
5169                         loading="lazy"
5170                         alt=""
5171                         aria-hidden="true">
5172                                Accessoires
5173            </span>
5174                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
5175        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
5176    </svg>
5177
5178        </a>
5179        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
5180            <a href="/fr_FR/c/electronique/accessoires" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
5181                Voir tout Accessoires
5182            </a>
5183                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5184                            
5185                                        <a href="/fr_FR/c/electronique/accessoires/lunettes"
5186           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5187            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5188                                Lunettes connectées</span>
5189        </a>
5190    
5191                </div>
5192                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5193                            
5194                                        <a href="/fr_FR/c/electronique/accessoires/brassards-telephone"
5195           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5196            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5197                                Brassards téléphone</span>
5198        </a>
5199    
5200                </div>
5201                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5202                            
5203                                        <a href="/fr_FR/c/electronique/accessoires/cables"
5204           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5205            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5206                                Câbles</span>
5207        </a>
5208    
5209                </div>
5210                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5211                            
5212                                        <a href="/fr_FR/c/electronique/accessoires/bracelets-de-montre"
5213           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5214            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5215                                Bracelets de montre</span>
5216        </a>
5217    
5218                </div>
5219                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5220                            
5221                                        <a href="/fr_FR/c/electronique/accessoires/balances"
5222           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5223            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5224                                Balances</span>
5225        </a>
5226    
5227                </div>
5228                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5229                            
5230                                        <a href="/fr_FR/c/electronique/accessoires/supports-de-velo"
5231           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5232            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5233                                Supports de vélo</span>
5234        </a>
5235    
5236                </div>
5237                    </div>
5238    
5239                            </div>
5240                                                    <div
5241                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
5242                                        
5243                                        <a href="/fr_FR/c/electronique/dva"
5244           class="flex justify-between items-center py-2 pl-12 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5245            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none uppercase lg:font-bold">
5246                                                        <img class="h-4 mr-1"
5247                         src="https://static.tonton-outdoor.com/media/image/97/99/c3880ae1166e8c67f4e0f6471fe1.svg"
5248                         loading="lazy"
5249                         alt=""
5250                         aria-hidden="true">
5251                                DVA</span>
5252        </a>
5253    
5254                            </div>
5255                                                    <div
5256                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
5257                                        
5258                                        <a href="/fr_FR/c/electronique/home-trainers"
5259           class="flex justify-between items-center py-2 pl-12 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5260            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none uppercase lg:font-bold">
5261                                                        <img class="h-4 mr-1"
5262                         src="https://static.tonton-outdoor.com/media/image/8c/09/f1fe48dab3f2d058dc6e4f68451c.svg"
5263                         loading="lazy"
5264                         alt=""
5265                         aria-hidden="true">
5266                                Home trainers</span>
5267        </a>
5268    
5269                            </div>
5270                                            </div>
5271                </div>
5272            </div>
5273        </div>
5274    
5275                                                    
5276                    <div tabindex="0" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="0"
5277             class="group flex flex-col bg-white border-b border-b-neutral lg:block lg:px-2 lg:transition-colors lg:border-b-2 lg:hover:border-black lg:border-transparent lg:content-center lg:h-[45px]">
5278            <a href="/fr_FR/c/nutrition" data-action="click->
5278megamenu-item#toggle" data-megamenu-item-target="trigger"
5279               class="group/level0 flex flex-grow-0 justify-between items-center h-full py-3 lg:py-0 px-8 bg-white lg:transition-colors lg:justify-center lg:m-0 lg:px-2 lg:text-center">
5280                <span
5281                    class="leading-none uppercase transition-colors group-[.is-opened]/level0:font-bold group-[.is-opened]/level0:text-primary lg:group-[.is-opened]/level0:text-base-content lg:group-hover:text-primary">
5282                    Nutrition
5283                </span>
5284                    <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level0:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
5285        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
5286    </svg>
5287
5288            </a>
5289
5290            <div data-megamenu-item-target="item"
5291                class="hidden lg:p-0 lg:left-0 lg:absolute lg:z-30 lg:bg-white lg:w-full lg:top-full">
5292                <div class="lg:max-w-screen-xl lg:m-auto lg:p-4 lg:pb-10">
5293                    <a href="/fr_FR/c/nutrition"
5294                       class="flex pl-12 py-3 lg:py-0 italic text-xs uppercase lg:inline-flex lg:pl-0  lg:hover:text-primary" >
5295                        Voir tout Nutrition
5296                    </a>
5297                    <div
5298                        class="lg:relative" data-controller="masonry" data-masonry-desktop-breakpoint-value="1024" data-masonry-options-value="{&quot;baseWidth&quot;:200,&quot;surroundingGutter&quot;:false,&quot;wedge&quot;:true}">
5299                                                    <div
5300                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
5301                                        
5302                                        <a href="/fr_FR/c/nutrition/barres-et-gels" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
5303           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
5304            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
5305                                                        <img class="h-4 mr-1"
5306                         src="https://static.tonton-outdoor.com/media/image/4b/f4/4d6eb16a4f8018eeba10a5fc6155.svg"
5307                         loading="lazy"
5308                         alt=""
5309                         aria-hidden="true">
5310                                Gels et barres
5311            </span>
5312                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
5313        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
5314    </svg>
5315
5316        </a>
5317        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
5318            <a href="/fr_FR/c/nutrition/barres-et-gels" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
5319                Voir tout Gels et barres
5320            </a>
5321                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5322                            
5323                                        <a href="/fr_FR/c/nutrition/barres-et-gels/gels-purees-energetiques"
5324           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5325            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5326                                Gels / Purées énergétiques</span>
5327        </a>
5328    
5329                </div>
5330                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5331                            
5332                                        <a href="/fr_FR/c/nutrition/barres-et-gels/barres-energetiques"
5333           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5334            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5335                                Barres énergétiques</span>
5336        </a>
5337    
5338                </div>
5339                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5340                            
5341                                        <a href="/fr_FR/c/nutrition/barres-et-gels/gommes-energetiques"
5342           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5343            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5344                                Gommes énergétiques</span>
5345        </a>
5346    
5347                </div>
5348                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5349                            
5350                                        <a href="/fr_FR/c/nutrition/barres-et-gels/gateaux-et-petits-dejeuner"
5351           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5352            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5353                                Gâteaux et petits-déjeuner</span>
5354        </a>
5355    
5356                </div>
5357                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5358                            
5359                                        <a href="/fr_FR/c/nutrition/barres-et-gels/nougats-cookies-pates-de-fruits"
5360           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5361            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5362                                Nougats / Cookies / Pâtes de fruits</span>
5363        </a>
5364    
5365                </div>
5366                    </div>
5367    
5368                            </div>
5369                                                    <div
5370                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
5371                                        
5372                                        <a href="/fr_FR/c/nutrition/boissons" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
5373           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
5374            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
5375                                                        <img class="h-4 mr-1"
5376                         src="https://static.tonton-outdoor.com/media/image/f9/78/ac6ce882276c46fd34d1443ce9a7.svg"
5377                         loading="lazy"
5378                         alt=""
5379                         aria-hidden="true">
5380                                Boissons
5381            </span>
5382                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
5383        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
5384    </svg>
5385
5386        </a>
5387        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
5388            <a href="/fr_FR/c/nutrition/boissons" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
5389                Voir tout Boissons
5390            </a>
5391                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5392                            
5393                                        <a href="/fr_FR/c/nutrition/boissons/boissons-avant-l-effort"
5394           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5395            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5396                                Boissons avant l&#039;effort</span>
5397        </a>
5398    
5399                </div>
5400                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5401                            
5402                                        <a href="/fr_FR/c/nutrition/boissons/boissons-pendant-l-effort"
5403           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5404            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5405                                Boissons pendant l&#039;effort</span>
5406        </a>
5407    
5408                </div>
5409                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5410                            
5411                                        <a href="/fr_FR/c/nutrition/boissons/boissons-de-recuperation"
5412           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5413            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5414                                Boissons de récupération</span>
5415        </a>
5416    
5417                </div>
5418                    </div>
5419    
5420                            </div>
5421                                                    <div
5422                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
5423                                        
5424                                        <a href="/fr_FR/c/nutrition/packs-nutrition"
5425           class="flex justify-between items-center py-2 pl-12 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5426            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none uppercase lg:font-bold">
5427                                                        <img class="h-4 mr-1"
5428                         src="https://static.tonton-outdoor.com/media/image/55/34/95a733d5452fb7d841864a2fb574.svg"
5429                         loading="lazy"
5430                         alt=""
5431                         aria-hidden="true">
5432                                Packs nutrition</span>
5433        </a>
5434    
5435                            </div>
5436                                                    <div
5437                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
5438                                        
5439                                        <a href="/fr_FR/c/nutrition/lyophilises" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
5440           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
5441            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
5442                                                        <img class="h-4 mr-1"
5443                         src="https://static.tonton-outdoor.com/media/image/3e/56/478ed04817073059e6e626786d01.svg"
5444                         loading="lazy"
5445                         alt=""
5446                         aria-hidden="true">
5447                                Lyophilisés
5448            </span>
5449                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
5450        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
5451    </svg>
5452
5453        </a>
5454        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
5455            <a href="/fr_FR/c/nutrition/lyophilises" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
5456                Voir tout Lyophilisés
5457            </a>
5458                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5459                            
5460                                        <a href="/fr_FR/c/nutrition/lyophilises/petits-dejeuners"
5461           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5462            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5463                                Petits-déjeuners</span>
5464        </a>
5465    
5466                </div>
5467                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5468                            
5469                                        <a href="/fr_FR/c/nutrition/lyophilises/repas"
5470           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5471            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5472                                Plats</span>
5473        </a>
5474    
5475                </div>
5476                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5477                            
5478                                        <a href="/fr_FR/c/nutrition/lyophilises/soupes"
5479           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5480            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5481                                Soupes</span>
5482        </a>
5483    
5484                </div>
5485                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5486                            
5487                                        <a href="/fr_FR/c/nutrition/lyophilises/desserts"
5488           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5489            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5490                                Desserts</span>
5491        </a>
5492    
5493                </div>
5494                    </div>
5495    
5496                            </div>
5497                                                    <div
5498                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
5499                                        
5500                                        <a href="/fr_FR/c/nutrition/sterilises" data-action="click->megamenu-item#toggle" data-megamenu-item-target="trigger"
5501           class="group/level1 flex justify-between items-center py-3 pl-12 pr-8 lg:m-0 lg:inline-flex lg:hover:text-primary lg:pl-0 lg:py-1.5 lg:font-bold">
5502            <span class="line-clamp-1 uppercase transition-colors lg:text-xs flex items-center leading-none group-[.is-opened]/level1:font-bold">
5503                                                        <img class="h-4 mr-1"
5504                         src="https://static.tonton-outdoor.com/media/image/d7/f9/856d0019dab71736059203428036.svg"
5505                         loading="lazy"
5506                         alt=""
5507                         aria-hidden="true">
5508                                Stérilisés
5509            </span>
5510                <svg class="fill-none stroke-current w-3 h-3 lg:hidden transition-transform group-[.is-opened]/level1:rotate-90" xmlns="http://www.w3.org/2000/svg" width="10.405" height="10.405" viewBox="0 0 10.405 10.405">
5511        <path stroke-linecap="round" stroke-width="2" d="M5.202 1.414 8.99 5.202 5.202 8.99"/>
5512    </svg>
5513
5514        </a>
5515        <div class="hidden lg:flex lg:flex-col lg:items-start" data-megamenu-item-target="item">
5516            <a href="/fr_FR/c/nutrition/sterilises" class="flex justify-between items-center py-2 pl-16 italic lg:hidden">
5517                Voir tout Stérilisés
5518            </a>
5519                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5520                            
5521                                        <a href="/fr_FR/c/nutrition/sterilises/repas"
5522           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5523            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5524                                Repas</span>
5525        </a>
5526    
5527                </div>
5528                            <div data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="2">
5529                            
5530                                        <a href="/fr_FR/c/nutrition/sterilises/desserts"
5531           class="flex justify-between items-center py-2 pl-16 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5532            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none ">
5533                                Desserts</span>
5534        </a>
5535    
5536                </div>
5537                    </div>
5538    
5539                            </div>
5540                                                    <div
5541                                class="lg:absolute" data-controller="megamenu-item" data-megamenu-item-desktop-breakpoint-value="1024" data-megamenu-item-level-value="1">
5542                                        
5543                                        <a href="/fr_FR/c/nutrition/complements-alimentaires"
5544           class="flex justify-between items-center py-2 pl-12 transition-colors lg:hover:text-primary lg:inline-flex lg:flex-col lg:pl-0 lg:py-0.5">
5545            <span class="line-clamp-1 transition-colors lg:text-xs flex items-center leading-none uppercase lg:font-bold">
5546                                                        <img class="h-4 mr-1"
5547                         src="https://static.tonton-outdoor.com/media/image/aa/3d/7af1e5f32391b1d4df0e126c107a.svg"
5548                         loading="lazy"
5549                         alt=""
5550                         aria-hidden="true">
5551                                Compléments alimentaires</span>
5552        </a>
5553    
5554                            </div>
5555                                            </div>
5556                </div>
5557            </div>
5558        </div>
5559    
5560                                                                <div tabindex="0" role="button"
5561         class=" group flex flex-col bg-white border-b border-b-neutral lg:block lg:px-2 lg:transition-colors lg:border-b-2 lg:hover:border-black lg:border-transparent lg:content-center lg:h-[45px]">
5562        <a href="/fr_FR/marques"
5563           class="flex flex-grow-0 justify-between items-center py-3 px-8 bg-white lg:transition-colors lg:justify-center lg:m-0 lg:pb-3 lg:px-2 lg:text-center">
5564            <span class="text-dusty-gray uppercase transition-colors lg:group-hover:text-primary leading-none ">
5565                                Marques
5566            </span>
5567        </a>
5568    </div>
5569
5570                        <div tabindex="0" role="button"
5571         class=" group flex flex-col bg-white border-b border-b-neutral lg:block lg:px-2 lg:transition-colors lg:border-b-2 lg:hover:border-black lg:border-transparent lg:content-center lg:h-[45px]">
5572        <a href="/fr_FR/promotions"
5573           class="flex flex-grow-0 justify-between items-center py-3 px-8 bg-white lg:transition-colors lg:justify-center lg:m-0 lg:pb-3 lg:px-2 lg:text-center">
5574            <span class="font-medium text-persimmon uppercase transition-colors lg:group-hover:text-primary leading-none ">
5575                                Promo
5576            </span>
5577        </a>
5578    </div>
5579
5580                                                    <div tabindex="0" role="button"
5581         class="lg:hidden group flex flex-col bg-white border-b border-b-neutral lg:block lg:px-2 lg:transition-colors lg:border-b-2 lg:hover:border-black lg:border-transparent lg:content-center lg:h-[45px]">
5582        <a href="/fr_FR/p/carte-cadeau"
5583           class="flex flex-grow-0 justify-between items-center py-3 px-8 bg-white lg:transition-colors lg:justify-center lg:m-0 lg:pb-2 lg:px-2 lg:text-center">
5584            <span class=" uppercase transition-colors lg:group-hover:text-primary leading-none flex items-center gap-2 lg:-mt-1">
5585                                        <svg xmlns="http://www.w3.org/2000/svg" width="30.899" height="24.17" class="w-5 h-5 shrink-0" viewB
5585ox="0 0 30.899 24.17">
5586        <path fill-rule="evenodd" d="m29.34 9.134-10.596 1.49a3.56 3.56 0 0 1-1.16 2.025 5.9 5.9 0 0 1-2.563 1.12l2.23 1.685a.99.99 0 1 1-1.192 1.581l-2.464-1.862 1.032 7.34 12.683-1.782a3.62 3.62 0 0 0 3.084-4.095ZM5.355 12.505l-4.071.572 1.054 7.503a3.62 3.62 0 0 0 4.093 3.084l6.239-.877-1.044-7.427L9.7 17.923a.99.99 0 1 1-1.581-1.191l1.68-2.23a5.9 5.9 0 0 1-2.774-.37 3.56 3.56 0 0 1-1.67-1.627m1.652-1.293a.93.93 0 0 1 .112-.494 1.48 1.48 0 0 1 1.97-.418 3.55 3.55 0 0 1 1.2 1.274c.186.283.353.57.494.833-.325.05-.693.097-1.07.122a3.94 3.94 0 0 1-1.827-.176 1.52 1.52 0 0 1-.86-1l-.01-.079c-.004-.026-.004-.042-.01-.062m9.813-1.236a1.52 1.52 0 0 1-.554 1.2 3.94 3.94 0 0 1-1.707.672c-.37.078-.735.137-1.063.178a10 10 0 0 1 .245-.937 3.55 3.55 0 0 1 .807-1.556 1.48 1.48 0 0 1 2.008-.145.93.93 0 0 1 .243.447l.01.063zm-5.035-7.69.9 6.41a3.538 3.538 0 0 1 5.286-.688 3 3 0 0 1 .481.661l10.614-1.492-.504-3.588A3.62 3.62 0 0 0 24.467.504Zm-1.956.276-6.238.877A3.62 3.62 0 0 0 .504 7.532l.505 3.589 4.086-.575a3 3 0 0 1 .281-.768 3.473 3.473 0 0 1 4.57-1.258 3.6 3.6 0 0 1 .796.547Z"/>
5587    </svg>
5588
5589                                Carte cadeau
5590            </span>
5591        </a>
5592    </div>
5593
5594                    </div>
5595        <div class="pb-12 flex flex-col lg:hidden">
5596                                                        <a href="/fr_FR/mon-panier/" class="flex space-x-3 items-center m-3 mx-8">
5597            <svg class="fill-current w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="19.229" height="17.598" viewBox="0 0 19.229 17.598">
5598        <path d="M15.225 17.595a2.4 2.4 0 1 1 2.4-2.4 2.4 2.4 0 0 1-2.4 2.4m0-3.357a.959.959 0 1 0 .959.959.96.96 0 0 0-.959-.959M16.759 11.772H5.562a.719.719 0 0 1-.7-.552L2.525 1.439H.719A.719.719 0 0 1 .719 0h2.374a.72.72 0 0 1 .7.552l.647 2.709h14.07a.719.719 0 0 1 .7.892l-1.75 7.073a.719.719 0 0 1-.7.546M6.13 10.333H16.2L17.59 4.7H4.784ZM6.518 17.595a2.4 2.4 0 1 1 2.4-2.4 2.4 2.4 0 0 1-2.4 2.4m0-3.357a.959.959 0 1 0 .959.959.96.96 0 0 0-.959-.959"/>
5599    </svg>
5600
5601        <span class="uppercase">Mon panier</span>
5602    </a>
5603
5604                                <a href="/fr_FR/compte/favoris" class="flex space-x-3 items-center m-3 mx-8">
5605            <svg class="fill-current w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="23.729" height="20.392" viewBox="0 0 23.729 20.392">
5606        <path d="M17.426 0a6.22 6.22 0 0 0-5.109 2.691 8.698 8.698 0 0 0-.452.672 8.51 8.51 0 0 0-.452-.672A6.22 6.22 0 0 0 6.3 0C2.538 0 0 3.024 0 6.732c0 4.839 4.6 7.885 11.271 13.446a.927.927 0 0 0 1.187 0c6.671-5.559 11.271-8.606 11.271-13.446 0-3.705-2.536-6.732-6.3-6.732m-5.564 18.261C5.721 13.178 1.854 10.484 1.854 6.732c0-2.424 1.528-4.878 4.449-4.878a4.365 4.365 0 0 1 3.59 1.9 7.272 7.272 0 0 1 1.081 2.066.927.927 0 0 0 1.781 0c.011-.04 1.182-3.964 4.671-3.964 2.921 0 4.449 2.454 4.449 4.878 0 3.756-3.887 6.462-10.011 11.529"/>
5607    </svg>
5608
5609        <span class="uppercase">Mes favoris</span>
5610    </a>
5611
5612                                <a href="/fr_FR/blog/articles" class="flex space-x-3 items-center m-3 mx-8">
5613            <svg class="fill-current w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="16.649" height="19.876" viewBox="0 0 16.649 19.876">
5614        <path d="M13.36 0H3.32c-.082 0-.166 0-.249.007A3.343 3.343 0 0 0 0 3.38v10.931a2.356 2.356 0 0 0 1.731 2.269v2.674a.621.621 0 0 0 1.006.488l3.905-3.079h5.083a2.355 2.355 0 0 0 2.352-2.352V5.186h1.951a.621.621 0 0 0 .621-.621V3.288A3.292 3.292 0 0 0 13.36 0m-1.635 15.422h-5.3a.622.622 0 0 0-.385.133l-3.066 2.419v-1.931a.621.621 0 0 0-.621-.621 1.112 1.112 0 0 1-1.11-1.11V3.38a2.1 2.1 0 0 1 1.908-2.133H3.3a2.046 2.046 0 0 1 2.034 2.041v1.277a.621.621 0 0 0 .621.621h6.879v9.126a1.111 1.111 0 0 1-1.11 1.11m3.683-11.479h-8.83v-.655a3.3 3.3 0 0 0-.715-2.046h7.5a2.048 2.048 0 0 1 2.046 2.046v.655Z"/>
5615        <path d="M10.872 7.064h-7.3a.466.466 0 1 0 0 .932h7.3a.466.466 0 1 0 0-.932M10.872 9.664h-7.3a.466.466 0 1 0 0 .932h7.3a.466.466 0 1 0 0-.932M10.872 12.266h-7.3a.466.466 0 1 0 0 .932h7.3a.466.466 0 1 0 0-.932"/>
5616    </svg>
5617
5618        <span class="uppercase">Le blog des tontons</span>
5619    </a>
5620
5621                                <a href="/fr_FR/contact/" class="flex space-x-3 items-center m-3 mx-8">
5622            <svg class="fill-current w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="19.229" height="18.927" viewB
5622ox="0 0 19.229 18.927">
5623        <path d="m19.159 14.941-1.117-3.25A8.131 8.131 0 0 0 10.877 0a8.122 8.122 0 0 0-8.253 8.016 5.918 5.918 0 0 0-1.8 7.272l-.766 2.238a1.058 1.058 0 0 0 1 1.4 1.065 1.065 0 0 0 .346-.058l2.235-.768a5.943 5.943 0 0 0 2.53.571h.009a5.91 5.91 0 0 0 4.778-2.43 8.147 8.147 0 0 0 3.356-.822l3.25 1.117a1.265 1.265 0 0 0 .412.069 1.257 1.257 0 0 0 1.184-1.665M6.179 17.527h-.008a4.787 4.787 0 0 1-2.223-.552.573.573 0 0 0-.454-.035l-2.3.789.789-2.3a.572.572 0 0 0-.035-.454 4.772 4.772 0 0 1 .782-5.529 8.153 8.153 0 0 0 6.8 6.707 4.76 4.76 0 0 1-3.348 1.373m11.871-2.1a.1.1 0 0 1-.115.026l-3.479-1.2a.572.572 0 0 0-.454.035 6.991 6.991 0 0 1-3.247.806h-.011a7.005 7.005 0 0 1-6.979-6.858 6.978 6.978 0 0 1 7.09-7.09 6.979 6.979 0 0 1 6.059 10.235.572.572 0 0 0-.035.454l1.2 3.479a.1.1 0 0 1-.027.115"/>
5624        <path d="M14.155 5.088H7.336a.573.573 0 0 0 0 1.145h6.819a.573.573 0 0 0 0-1.145M14.155 7.442H7.336a.573.573 0 1 0 0 1.145h6.819a.573.573 0 0 0 0-1.145M11.53 9.796H7.336a.573.573 0 0 0 0 1.145h4.194a.573.573 0 0 0 0-1.145"/>
5625    </svg>
5626
5627        <span class="uppercase">Contact</span>
5628    </a>
5629
5630                    </div>
5631    </div>
5632
5633    <div class="sticky z-20 w-full border-b px-4 pb-3 bg-white hidden lg:hidden" data-search-bar-target="searchBar" style="top: 3.75rem">
5634    <div class="lg:block pt-[5px]">
5635    <div class="searchdiv relative z-[110]" data-controller="search-autocomplete" data-search-autocomplete-url-value="https://www.tonton-outdoor.com/fr_FR/search/auto-complete" data-search-autocomplete-brands-title-value="Marques" data-search-autocomplete-categories-title-value="Catégories" data-search-autocomplete-min-chars-value="2" data-search-autocomplete-products-title-value="Produits">
5636    <div class="fixed inset-0 bg-black/20 backdrop-blur-[2px] z-[100] hidden transition-opacity duration-300" data-search-autocomplete-target="backdrop" data-action="click->search-autocomplete#clearResults"></div>
5637    <div class="search-form relative z-[110]">
5638        <form method="get" class="relative w-full" novalidate="novalidate" action="/fr_FR/recherche" autocomplete="off">
5639        <input type="text" name="q" value=""
5640               class="bg-neutral text-xs h-10 px-5 pr-12 rounded-full w-full focus:outline-none placeholder:text-silver placeholder:font-normal"
5641               placeholder="Rechercher un produit, une marque, un sport…"
5642               autocomplete="off"
5643               autocorrect="off"
5644               spellcheck="false"
5645               data-search-autocomplete-target="input"
5646               data-action="input->search-autocomplete#onInput" />
5647        <button type="submit" class="absolute right-4 top-0 bottom-0 m-auto" aria-label="Rechercher">
5648                <svg class="fill-current text-neutral-content h-4 w-4" xmlns="http://www.w3.org/2000/svg" width="18.247" height="18.247" viewBox="0 0 18.247 18.247">
5649        <path d="m18.247 17.173-4.755-4.754a7.6 7.6 0 1 0-1.074 1.074l4.755 4.755Zm-10.63-3.482a6.074 6.074 0 1 1 6.074-6.074 6.074 6.074 0 0 1-6.074 6.074Z"/>
5650    </svg>
5651
5652        </button>
5653        </form>
5654    </div>
5655    <div class="search-results hidden absolute left-0 right-0 top-full m-auto w-[calc(100%_-_23px)] mt-[-5px] bg-neutral z-[110] max-h-[70vh] overflow-y-auto bg-white border-[1.5px] border-[#f0f0f0]" data-search-autocomplete-target="results"></div>
5656
5657    <template data-search-autocomplete-target="resultsTemplate">
5658        <div class="flex flex-col gap-4 p-2"></div>
5659    </template>
5660
5661    <template data-search-autocomplete-target="sectionTemplate">
5662        <div>
5663            <div class="text-sm font-bold uppercase text-base-300 mb-1" data-section-title></div>
5664            <div class="px-2" data-section-items></div>
5665        </div>
5666    </template>
5667
5668    <template data-search-autocomplete-target="brandItemTemplate">
5669        <a href="" class="block py-1 text-sm hover:text-primary transition-colors font-bold" data-brand-link></a>
5670    </template>
5671
5672    <template data-search-autocomplete-target="taxonItemTemplate">
5673        <a href="" class="block py-1 text-sm hover:text-primary transition-colors" data-taxon-link></a>
5674    </template>
5675
5676    <template data-search-autocomplete-target="productItemTemplate">
5677        <a href="" class="flex items-center gap-3 -mx-2 px-2 py-1 hover:bg-gray-50 rounded-md transition-colors group" data-product-link>
5678            <div class="flex-shrink-0 w-14 h-14 overflow-hidden" data-product-image-container>
5679                <img src="" alt="" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300" data-product-image>
5680            </div>
5681            <div class="flex flex-col min-w-0 flex-1">
5682                <span class="text-xs font-normal mb-[-3px] text-[11px]" data-product-brand></span>
5683                <span class="text-sm font-bold text-gray-900 truncate" data-product-name></span>
5684                <span class="text-sm font-normal" data-product-price></span>
5685            </div>
5686        </a>
5687    </template>
5688</div>
5689</div>
5690
5691</div>
5692</div>
5693
5694
5695
5696		
5697		<div class="min-h-[50vh]" id="main">
5698            
5699	        	        	        	        	
5700
5701            
5702
5703
5704
5705                <section class='container'>
5706        <div class="grid grid-cols-12 md:grid-cols-6 gap-2 lg:gap-4 mb-3">
5707            <div class='col-span-full'>
5708                
5709                
5710
5711            </div>
5712            
5713
5714
5715
5716<div class="mb-3 col-span-full lg:col-span-2 lg:col-start-3 w-full flex flex-col" data-controller="gtag"
5717     >
5718    <div class="mx-auto text-center mb-6">
5719        <h1 class="uppercase  font-bold">Connexion</h1>
5720        <div class="items-center hidden text-center uppercase flex flex-col gap-2">
5721            <span>    <svg class="fill-current text-green h-6 w-6" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
5722        <path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm5.676 8.237-6 5.5a1 1 0 0 1-1.383-.03l-3-3a1 1 0 1 1 1.414-1.414l2.323 2.323 5.294-4.853a1 1 0 1 1 1.352 1.474Z"/>
5723    </svg>
5724</span>
5725            <p class="font-bold">Mot de passe modifié !</p>
5726            <p>Connecte-toi avec ton nouveau mot de passe</p>
5727        </div>
5728    </div>
5729
5730    <form method="post" action="/fr_FR/verification-connexion" class="loadable" novalidate="novalidate">
5731
5732    
5733
5734<div class="flex flex-col gap-3">
5735                <div class="form-input">
5736                <input type="text" id="_username" name="_username" required="required" placeholder="E-mail *" class="grow w-full" />        </div>
5737    
5738    <div data-controller="password-visibility" class="relative">
5739                <div class="form-input">
5740                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="w-4 h-4 opacity-70"><path fill-rule="evenodd" d="M14 6a4 4 0 0 1-4.899 3.899l-1.955 1.955a.5.5 0 0 1-.353.146H5v1.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2.293a.5.5 0 0 1 .146-.353l3.955-3.955A4 4 0 1 1 14 6Zm-4-2a.75.75 0 0 0 0 1.5.5.5 0 0 1 .5.5.75.75 0 0 0 1.5 0 2 2 0 0 0-2-2Z" clip-rule="evenodd" /></svg>
5741            <input type="password" id="_password" name="_password" required="required" placeholder="Mot de passe *" data-password-visibility-target="input" class="mr-10 grow w-full" />        </div>
5742    
5743        <button type="button" data-action="password-visibility#toggle" class="absolute right-4 top-1/2 -translate-y-1/2" aria-label="Voir / cacher">
5744            <span  data-password-visibility-target="icon">
5745                    <svg class="fill-current text-dove-gray" xmlns="http://www.w3.org/2000/svg" width="23.775" height="15.974" viewBox="0 0 23.775 15.974">
5746        <path d="M22.138 8.428a11.728 11.728 0 0 1-20.5 0 .874.874 0 0 1 0-.883 11.728 11.728 0 0 1 20.5 0 .861.861 0 0 1 0 .883Zm1.323-1.62a13.242 13.242 0 0 0-23.148 0 2.371 2.371 0 0 0 0 2.357 13.241 13.241 0 0 0 23.148 0 2.371 2.371 0 0 0 0-2.357ZM11.889 11.1a3.109 3.109 0 1 0-3.111-3.113 3.112 3.112 0 0 0 3.111 3.113m0-7.734a4.625 4.625 0 1 0 4.624 4.625 4.63 4.63 0 0 0-4.624-4.625Z"/>
5747    </svg>
5748
5749            </span>
5750            <span  data-password-visibility-target="icon" class="hidden">
5751                    <svg class="fill-current text-dove-gray" xmlns="http://www.w3.org/2000/svg" width="23.775" height="15.974" viewBox="0 0 23.775 15.974">
5752        <path class="fill-current text-dove-gray" d="M22.138 8.428a11.728 11.728 0 0 1-20.5 0 .874.874 0 0 1 0-.883 11.728 11.728 0 0 1 20.5 0 .861.861 0 0 1 0 .883Zm1.323-1.62a13.242 13.242 0 0 0-23.148 0 2.371 2.371 0 0 0 0 2.357 13.241 13.241 0 0 0 23.148 0 2.371 2.371 0 0 0 0-2.357ZM11.889 11.1a3.109 3.109 0 1 0-3.111-3.113 3.112 3.112 0 0 0 3.111 3.113m0-7.734a4.625 4.625 0 1 0 4.624 4.625 4.63 4.63 0 0 0-4.624-4.625Z"/>
5753        <line class="stroke-current text-dove-gray" x1="22.22" y1="2.15" x2="2.22" y2="14.15" stroke-width="2"/>
5754    </svg>
5755
5756            </span>
5757        </button>
5758    </div>
5759    <button type="submit" class="btn btn-secondary uppercase font-normal">
5760        Se connecter
5761    </button>
5762    <div class="mt-2 flex items-center justify-between">
5763        <label class="flex items-center gap-2">
5764            <input type="checkbox" id="_remember_me" name="_remember_me" class="toggle" value="1" />
5765            Rester connecté
5766        </label>
5767
5768        <a href="/fr_FR/mot-de-passe-oublie"
5769           class="text-dove-gray text-sm underline">Mot de passe oublié ?</a>
5770    </div>
5771</div>
5772
5773    
5774
5775
5776    
5777<div class="flex w-full flex-col mt-4">
5778    <div class="divider text-silver uppercase">Ou continuer avec</div>
5779</div>
5780
5781<div class="lg:w-2/3 mx-auto">
5782            <a href="/fr_FR/connect/apple"
5783           rel="nofollow"
5784           class="flex leading-3 py-2.5 items-center mt-4 justify-center gap-2 text-sm border bg-black border-black text-white w-full text-center rounded-lg uppercase duration-200 active:hover:scale-95 active:focus:scale-95">
5785                <svg class="fill-current h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" width="14" height="14">
5786        <path d="M318.7 268.2c-.3-37.3 16.4-65.4 50-86.2-18.8-27-47.2-41.8-84.9-44.5-35.6-2.5-74.1 21.1-88.2 21.1-14.6 0-48.3-20.1-74.8-19.6-38.5.6-72.4 22.3-91.8 56.5-39.2 67.9-10 168.5 28.1 223.8 18.7 27.1 41 57.4 70.3 56.3 28.1-1.1 38.7-18.1 72.6-18.1s43.5 18.1 73.2 17.6c30.3-.5 49.5-27.7 67.9-54.9 21.4-31.4 30.3-61.8 30.6-63.4-.7-.3-58.8-22.6-59-89.6zm-55.6-162c16.4-19.8 27.4-47.3 24.4-74.7-23.6.9-52 15.7-68.8 35.5-15.1 17.3-28.4 45-24.9 71.4 26.3 2 52.9-13.2 69.3-32.2z"/>
5787    </svg>
5788
5789            <span class="mt-0.5">Apple</span>
5790        </a>
5791                <a href="/fr_FR/connect/facebook"
5792           rel="nofollow"
5793           class="flex leading-3 py-2.5 items-center mt-2 justify-center gap-2 text-sm border bg-facebook border-facebook text-white w-full text-center rounded-lg uppercase duration-200 active:hover:scale-95 active:focus:scale-95">
5794                <svg class="fill-current h-4" xmlns="http://www.w3.org/2000/svg" width="7.483" height="14.339" viewBox="0 0 7.483 14.339">
5795        <path d="M6.3 2.577h1.183V0H5.7a3.359 3.359 0 0 0-3.723 3.642v2.027H0v2.447h1.977v6.224h2.966V8.116h1.978l.561-2.446H4.943V4A1.306 1.306 0 0 1 6.3 2.577"/>
5796    </svg>
5797
5798            <span class="mt-0.5">Facebook</span>
5799        </a>
5800                <a href="/fr_FR/connect/google"
5801           rel="nofollow"
5802           class="flex leading-3 py-2.5 items-center mt-2 justify-center gap-2 text-sm border bg-white border-mine-shaft w-full text-center rounded-lg uppercase duration-200 active:hover:scale-95 active:focus:scale-95">
5803                <svg class="h-4" xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">
5804        <path fill="#ffc107" d="M12.874 5.227h-.524V5.2H6.5v2.6h3.673a3.9 3.9 0 1 1-1.086-4.212l1.839-1.839A6.493 6.493 0 1 0 13 6.5a6.544 6.544 0 0 0-.126-1.273"/>
5805        <path fill="#ff3d00" d="m.749 3.475 2.136 1.566a3.892 3.892 0 0 1 6.2-1.453l1.839-1.839A6.487 6.487 0 0 0 .749 3.475"/>
5806        <path fill="#4caf50" d="M6.5 13a6.47 6.47 0 0 0 4.358-1.687l-2.012-1.7A3.89 3.89 0 0 1 2.833 7.82L.713 9.453A6.5 6.5 0 0 0 6.5 13.002"/>
5807        <path fill="#1976d2" d="M12.874 5.227h-.524V5.2H6.5v2.6h3.673a3.913 3.913 0 0 1-1.328 1.811l2.012 1.7A6.288 6.288 0 0 0 13 6.5a6.544 6.544 0 0 0-.126-1.273"/>
5808    </svg>
5809
5810            <span class="mt-0.5">Google</span>
5811        </a>
5812    </div>
5813
5814    <input type="hidden" name="_csrf_shop_security_token" value="ccdba48ec6b25f1f5f6b82baaa705984.X9R_YIgLO9g6SyM7RhnMHGtXRtJxM1otV-KUf-XhUTw.MLVNJ_E8X71vGE5vPnK_RQgEduQICz9kFLr7N5KbYVMauxc5xk5IslwgFw">
5815
5816    </form>
5817</div>
5818
5819
5820
5821            
5822
5823<div class="col-span-full flex flex-col items-center ">
5824    <h4 class="text-lg font-bold mb-2 leading-6 uppercase">Pas encore de compte ?</h4>
5825    <div>
5826        <span class="text-sm">&#10148;</span>
5827        <a href="/fr_FR/inscription" class="underline">
5828            Créer un compte
5829        </a>
5830    </div>
5831</div>
5832
5833
5834
5835        </div>
5836    </section>
5837
5838            
5839
5840
5841                                            <div data-controller="wrong-locale-dialog" data-wrong-locale-dialog-pop-in-link-value="/popin/wrong-locale" data-action="click->wrong-locale-dialog#backdropClose">
5842                </div>
5843
5844                
5845<div
5846    data-controller="cart-sidebar" data-cart-sidebar-refresh-url-value="/cart/items/sidebar/render" data-cart-sidebar-quantity-url-value="/commande/quantite-totale-panier" data-cart-sidebar-total-order-url-value="/cart/total-cart"
5847    id="cartSidebar"
5848>
5849        <div data-cart-sidebar-target="sidebar"
5850        class="fixed top-0 z-[100] right-0 translate-x-full w-full max-w-full sm:max-w-[500px] h-dvh flex flex-col overflow-hidden bg-white transition-transform duration-500 ease-in-out">
5851        <div class="flex w-full justify-between items-center border-b bg-white p-5">
5852                    <div class="flex flex-col gap-1">
5853            <span class="font-bold uppercase">Mon panier</span>
5854            <span class="text-gray-600 text-xs uppercase"><span
5855                    id="cart-sidebar-item-count">0</span> Article(s)</span>
5856        </div>
5857                <button type="button" data-action="click->cart-sidebar#closeSidebar">
5858                    <svg class="stroke-current " xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26">
5859        <g stroke-linecap="round" stroke-width="2">
5860            <path d="m5.5 5.237 14.142 14.142M19.642 5.237 5.5 19.379"/>
5861        </g>
5862    </svg>
5863
5864            </button>
5865        </div>
5866                <div class="flex flex-col h-full" data-cart-sidebar-target="items">
5867            <div class="flex-1 min-h-0 overflow-y-auto pb-[5rem]">
5868                            </div>
5869            <div class="border-t px-6 w-full bg-white shrink-0 sticky bottom-0 pb-[max(1rem,env(safe-area-inset-bottom))]">
5870                                <div class="w-full pt-4">
5871                    <div class="flex justify-between items-center uppercase text-sm">
5872                        <span>Sous-total</span>
5873                        <span id="cart-sidebar-subtotal-order">0,00 €</span>
5874                    </div>
5875                                        <div class="flex justify-between items-center uppercase font-bold mb-5 text-xl">
5876                        <span>Total</span>
5877                        <span id="cart-sidebar-total-order">0,00 €</span>
5878                    </div>
5879                    <a
5880                        class="btn btn-secondary w-full"
5881                        href="/fr_FR/mon-panier/"
5882                    >
5883                        Mon panier
5884                    </a>
5885                </div>
5886            </div>
5887        </div>
5888        </div>
5889    <div
5890        data-cart-sidebar-target="overlay"
5891        data-action="click->cart-sidebar#closeOnOverlayClick"
5892        class="fixed z-40 top-0 left-0 w-full min-h-full bg-cod-gray opacity-0 pointer-events-none transition-opacity duration-200">
5893    </div>
5894</div>
5895
5896                    </div>
5897
5898					<footer>
5899        
5900
5901
5902<!-- [mobile] Shop & Contact -->
5903<div class="grid grid-cols-2 gap-[1px] border-y border-gallery bg-gallery xl:hidden">
5904    <a href="/fr_FR/nos-magasins" class="h-40 flex flex-col items-center justify-center gap-2 bg-white text-center">
5905        <img class="w-8 h-8" src="https://static.tonton-outdoor.com/themes/tailwind-theme/images/marker.d66acce8.svg" alt="">
5906        <span class="text-xs uppercase">Trouver un magasin</span>
5907    </a>
5908    <a href="/fr_FR/contact/" class="h-40 flex flex-col items-center justify-center gap-2 bg-white text-center">
5909        <img class="w-8 h-8" src="https://static.tonton-outdoor.com/themes/tailwind-theme/images/contact-us.66f57248.svg" alt="">
5910        <span class="text-xs uppercase">Contactez-nous</span>
5911    </a>
5912</div>
5913
5914<!-- Reinsurance -->
5915<div class="border-b border-gallery">
5916    <div class="grid grid-cols-4 py-6 lg:grid-cols-5 lg:max-w-6xl lg:mx-auto flex justify-start items-start">
5917        <div class="hidden lg:flex flex flex-col items-center justify-center gap-2 text-center px-1 lg:px-0">
5918            <div class="h-6 lg:h-8">
5919                    <svg class="fill-current w-5 h-5 lg:w-7 lg:h-7 text-black" xmlns="http://www.w3.org/2000/svg" width="17.421" height="19.598" viewBox="0 0 17.421 19.598">
5920        <path d="M0 3.779v4.577a11.89 11.89 0 0 0 7.575 11.03 3.17 3.17 0 0 0 2.271 0l.68-.262a10.89 10.89 0 0 0 6.895-10.325v-5.02a.7.7 0 0 0-.673-.7A13.9 13.9 0 0 1 9.123.133a.7.7 0 0 0-.826 0A13.9 13.9 0 0 1 .673 3.079a.7.7 0 0 0-.673.7m1.4.655a15.4 15.4 0 0 0 7.31-2.876 15.4 15.4 0 0 0 7.311 2.876v4.365a9.5 9.5 0 0 1-6 9.015l-.678.262a1.76 1.76 0 0 1-1.267 0A10.48 10.48 0 0 1 1.4 8.356Z"/>
5921        <path d="M7.276 12.69a.7.7 0 0 0 .99 0l4.354-4.352a.7.7 0 0 0-.99-.99l-3.859 3.857L5.79 9.223a.7.7 0 1 0-.99.99Z"/>
5922    </svg>
5923
5924            </div>
5925            <span class="text-2xs uppercase">Paiement sécurisé</span>
5926        </div>
5927        <div class="flex flex-col items-center justify-center gap-2 text-center px-1 lg:px-0 cursor-pointer" data-action="click->dialog#openWithKey" data-dialog-key-param="shipping-free">
5928            <div class="h-6 lg:h-8">
5929                    <svg class="fill-current w-5 h-5 lg:w-7 lg:h-7 text-black" xmlns="http://www.w3.org/2000/svg" width="15.731" height="16.623" viewBox="0 0 15.731 16.623">
5930        <path d="M15.731 3.538a.52.52 0 0 0-.322-.481L8.063.039a.52.52 0 0 0-.4 0L.322 3.057A.52.52 0 0 0 0 3.538v9.548a.52.52 0 0 0 .322.481l7.346 3.018a.518.518 0 0 0 .395 0l7.346-3.018a.52.52 0 0 0 .322-.481Zm-7.866 2.5L5.159 4.925l5.849-2.552L13.9 3.56ZM1.04 4.358l2.335.959v2.706a.52.52 0 0 0 1.04 0V5.744l2.93 1.2v8.38L1.04 12.737Zm6.826-3.275 1.8.741-5.847 2.551-1.984-.815Zm.52 5.865 6.305-2.59v8.38l-6.305 2.59Z"/>
5931    </svg>
5932
5933            </div>
5934            <span class="text-2xs uppercase">Livraison gratuite à partir de 30€</span>
5935        </div>
5936        <div class="flex flex-col items-center justify-center gap-2 text-center px-1 lg:px-0 cursor-pointer" data-action="click->dialog#openWithKey" data-dialog-key-param="return">
5937            <div class="h-6 lg:h-8">
5938                    <svg class="fill-current w-5 h-5 lg:w-7 lg:h-7 text-black" xmlns="http://www.w3.org/2000/svg" width="20" height="16.022" viewBox="0 0 20 16.022">
5939        <defs>
5940            <clipPath>
5941                <path fill="none" d="M0 0h20v16.022H0z"/>
5942            </clipPath>
5943        </defs>
5944        <g clip-path="url(#a)">
5945            <path d="M9.001 4.051V1a1 1 0 0 0-1.7-.71l-7 7a1 1 0 0 0 0 1.42l7 7a1 1 0 0 0 1.7-.71v-3.1h.85a10.9 10.9 0 0 1 8.362 3.721.994.994 0 0 0 1.788-.621c0-9.119-8.083-10.679-11-10.949m.85 5.831a15 15 0 0 0-2 .13 1 1 0 0 0-.85.988v1.59L2.416 8l4.585-4.589V5a1 1 0 0 0 1 1c.91 0 8.112.2 9.672 6.431a13.07 13.07 0 0 0-7.821-2.55"/>
5946        </g>
5947    </svg>
5948
5949            </div>
5950                            <span class="text-2xs uppercase">Retours possibles sous 30 jours</span>
5951                    </div>
5952        <div class="flex flex-col items-center justify-center gap-2 text-center px-1 lg:px-0 cursor-pointer" data-action="click->dialog#openWithKey" data-dialog-key-param="delivery">
5953            <div class="h-6 lg:h-8">
5954                    <svg class="fill-current w-5 h-5 lg:w-7 lg:h-7 text-black" xmlns="http://www.w3.org/2000/svg" width="19.323" height="13.396" viewBox="0 0 19.323 13.396">
5955        <path d="m19.195 6.649-1.136-1.462-1.826-3.634a.609.609 0 0 0-.544-.335h-2.6V.609A.609.609 0 0 0 12.482 0H2.334a.609.609 0 1 0 0 1.218h9.54V5.48a.609.609 0 0 0 .609.609h4.735l.887 1.142v3.14h-1.148a2.435 2.435 0 0 0-4.727 0h-3.6a2.435 2.435 0 0 0-4.727 0H2.334a.609.609 0 1 0 0 1.218h1.585a2.435 2.435 0 0 0 4.706 0h3.616a2.435 2.435 0 0 0 4.706 0h1.764a.609.609 0 0 0 .609-.609V7.023a.61.61 0 0 0-.128-.373m-6.1-4.214h2.219l1.225 2.436h-3.445Zm-6.82 9.743a1.218 1.218 0 1 1 1.218-1.218 1.219 1.219 0 0 1-1.218 1.218m8.322 0a1.218 1.218 0 1 1 1.217-1.219 1.219 1.219 0 0 1-1.218 1.218"/>
5956        <path d="M5.014 7.896a.609.609 0 0 0-.609-.609h-2.8a.609.609 0 0 0 0 1.218h2.8a.609.609 0 0 0 .609-.609M6.414 5.501a.609.609 0 0 0-.609-.609H.609a.609.609 0 1 0 0 1.218H
59565.8a.609.609 0 0 0 .609-.609M1.604 3.715h5.2a.609.609 0 0 0 0-1.218h-5.2a.609.609 0 0 0 0 1.218"/>
5957    </svg>
5958
5959            </div>
5960            <span class="text-2xs uppercase">Expédié en 24h</span>
5961        </div>
5962        <div class="flex flex-col items-center justify-center gap-2 text-center px-1 lg:px-0 cursor-pointer" data-action="click->dialog#openWithKey" data-dialog-key-param="payment-4x">
5963            <div class="h-6 lg:h-8 flex items-center">
5964                    <span class="inline-flex items-center justify-center w-6 h-6 lg:w-5 lg:h-5 text-black">4X</span>
5965
5966            </div>
5967            <span class="text-2xs uppercase">Paiement en 4 fois sans frais dès 150€</span>
5968        </div>
5969    </div>
5970</div>
5971
5972
5973<div class="flex flex-col gap-6 py-6 border-b border-gallery lg:hidden">
5974    <!-- [mobile] Social -->
5975    <div class="flex items-center justify-center gap-4">
5976        <a target="_blank" rel="nofollow" href="https://www.instagram.com/tontonoutdoor/" aria-label="Instagram">
5977                <svg class="fill-current w-8 h-8" xmlns="http://www.w3.org/2000/svg" width="26.88" height="26.88" viewBox="0 0 26.88 26.88">
5978        <path d="M16.334 13.44a2.894 2.894 0 1 1-2.894-2.894 2.894 2.894 0 0 1 2.894 2.894"/>
5979        <path d="M16.818 6.935h-6.754a2.862 2.862 0 0 0-2.858 2.866v7.275a2.862 2.862 0 0 0 2.857 2.867h6.757a2.862 2.862 0 0 0 2.858-2.866V9.802a2.862 2.862 0 0 0-2.857-2.867m-3.378 10.967a4.462 4.462 0 1 1 4.462-4.462 4.462 4.462 0 0 1-4.462 4.462m4.417-8.2a.681.681 0 0 1-.681-.68.673.673 0 0 1 .674-.672h.007a.665.665 0 0 1 .672.659s0 .009 0 .013a.673.673 0 0 1-.665.681h-.007"/>
5980        <path d="M13.44 0a13.44 13.44 0 1 0 13.44 13.44A13.44 13.44 0 0 0 13.44 0m7.8 17.078a4.422 4.422 0 0 1-4.422 4.422h-6.756a4.422 4.422 0 0 1-4.417-4.426V9.8a4.422 4.422 0 0 1 4.417-4.426h6.756A4.422 4.422 0 0 1 21.235 9.8Z"/>
5981    </svg>
5982
5983        </a>
5984        <a target="_blank" rel="nofollow" href="https://www.facebook.com/tontonoutdoor" aria-label="Facebook">
5985                <svg class="fill-current w-8 h-8" xmlns="http://www.w3.org/2000/svg" width="27.549" height="27.549" viewBox="0 0 27.549 27.549">
5986        <path d="M13.776.001A13.775 13.775 0 1 0 27.55 13.776 13.79 13.79 0 0 0 13.776.001m3.425 14.26H14.96v7.988h-3.321v-7.988h-1.578v-2.823h1.579V9.612a3.114 3.114 0 0 1 3.351-3.352l2.461.009v2.74h-1.787a.676.676 0 0 0-.7.769v1.659h2.53Z"/>
5987    </svg>
5988
5989        </a>
5990        <a target="_blank" rel="nofollow" href="https://www.tiktok.com/@tontonoutdoor" aria-label="Tiktok">
5991                <svg class="fill-current w-8 h-8" xmlns="http://www.w3.org/2000/svg" width="27.068" height="27.068" viewBox="0 0 27.068 27.068">
5992        <path d="M13.534-.001a13.534 13.534 0 1 0 13.534 13.535A13.534 13.534 0 0 0 13.534-.001m6.1 12.026a5.241 5.241 0 0 1-3.277-.953c0 .1.03 3.191-.021 4.666a5.024 5.024 0 0 1-1.781 3.845 4.225 4.225 0 0 1-6.945-2.26 4.356 4.356 0 0 1 1.321-4.6 4.865 4.865 0 0 1 2.769-1.164c.221-.029.443-.041.682-.062v2.393c-.3.075-.609.141-.91.23a4.088 4.088 0 0 0-.609.23 1.959 1.959 0 0 0-.712 3.027 2.137 2.137 0 0 0 2.043.862 1.885 1.885 0 0 0 1.555-1.287A4.452 4.452 0 0 0 14 15.213c-.011-2.906-.011-5.811-.016-8.717A.8.8 0 0 1 14 6.407h2.324c.26 1.945 1.247 3.177 3.312 3.352Z"/>
5993    </svg>
5994
5995        </a>
5996        <a target="_blank" rel="nofollow" href="https://www.youtube.com/@tonton_outdoor" aria-label="Youtube">
5997                <svg class="fill-current w-8 h-8" xmlns="http://www.w3.org/2000/svg" width="27.069" height="27.069" viewBox="0 0 27.069 27.069">
5998        <path d="M13.534 0a13.534 13.534 0 1 0 13.535 13.534A13.534 13.534 0 0 0 13.534 0m7.123 15.93a2.694 2.694 0 0 1-2.693 2.7H9.105a2.694 2.694 0 0 1-2.694-2.694v-4.797A2.694 2.694 0 0 1 9.1 8.443h8.86a2.694 2.694 0 0 1 2.694 2.694v4.793Z"/>
5999        <path d="m11.12 16.663 5.379-3.121-5.379-3.139Z"/>
6000    </svg>
6001
6002        </a>
6003        <a target="_blank" rel="nofollow" href="https://www.strava.com/clubs/1157251" aria-label="Strava">
6004                <svg class="fill-current w-8 h-8" xmlns="http://www.w3.org/2000/svg" width="28.067" height="28.071" viewBox="0 0 28.067 28.071">
6005        <path stroke="rgba(0,0,0,0)" d="M14.036 27.571a13.451 13.451 0 0 1-9.571-3.964 13.448 13.448 0 0 1-3.964-9.572 13.447 13.447 0 0 1 3.964-9.571A13.453 13.453 0 0 1 14.036.5a13.445 13.445 0 0 1 9.568 3.964 13.451 13.451 0 0 1 3.964 9.571 13.453 13.453 0 0 1-3.964 9.572 13.445 13.445 0 0 1-9.568 3.964ZM11.608 15.96l5.2 9.076 4.995-9.08h-3.12L12.23 3.249 5.567 15.96h3.959l2.7-5.048 2.5 5.044h-3.124Zm5.2 3.429-2.08-3.428h3.956l-1.874 3.427Z"/>
6006    </svg>
6007
6008        </a>
6009        <a target="_blank" rel="nofollow" href="https://www.pinterest.fr/TontonOutdoor/" aria-label="Pinterest">
6010                <svg class="fill-current w-8 h-8" xmlns="http://www.w3.org/2000/svg" width="27.068" height="27.068" viewBox="0 0 27.068 27.068">
6011        <path d="M27.068 13.534a13.534 13.534 0 1 0-13.534 13.534 13.534 13.534 0 0 0 13.534-13.534M14.84 17.3a2.787 2.787 0 0 1-2.375-1.212s-.56
60115 2.24-.683 2.672a10.361 10.361 0 0 1-1.755 3.18.129.129 0 0 1-.231-.055 10.933 10.933 0 0 1 .029-3.692l1.248-5.3a3.73 3.73 0 0 1-.308-1.539c0-1.44.835-2.515 1.875-2.515a1.3 1.3 0 0 1 1.311 1.46 20.9 20.9 0 0 1-.858 3.449 1.505 1.505 0 0 0 1.539 1.872c1.846 0 3.077-2.366 3.077-5.169 0-2.129-1.434-3.725-4.045-3.725a4.6 4.6 0 0 0-4.786 4.649 2.8 2.8 0 0 0 .642 1.906.469.469 0 0 1 .14.542c-.046.18-.154.615-.2.78a.332.332 0 0 1-.486.243c-1.358-.546-1.991-2.035-1.991-3.706 0-2.762 2.329-6.073 6.948-6.073 3.711 0 6.154 2.685 6.154 5.568 0 3.817-2.12 6.663-5.245 6.663"/>
6012    </svg>
6013
6014        </a>
6015        <a target="_blank" rel="nofollow" href="https://www.linkedin.com/company/tonton-outdoor/" aria-label="LinkedIn">
6016                <svg class="fill-current w-8 h-8" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28">
6017        <path d="M13.526,0A13.526,13.526,0,1,0,27.053,13.526,13.526,13.526,0,0,0,13.526,0M9.593,20.646H6.642V11.14H9.593ZM8.116,9.842a1.717,1.717,0,1,1,1.71-1.726,1.717,1.717,0,0,1-1.71,1.726m12.53,10.8H17.7V16.018c0-1.1-.021-2.518-1.534-2.518s-1.78,1.2-1.78,2.438v4.708H11.444V11.14h2.832v1.3h.041A3.1,3.1,0,0,1,17.109,10.9c2.987,0,3.536,1.968,3.536,4.524Z"/>
6018    </svg>
6019
6020        </a>
6021    </div>
6022    <!-- [mobile] Newsletter -->
6023    <div class="flex justify-center">
6024        <a href="/fr_FR/newsletter/inscription" class="btn btn-primary w-max">
6025            Abonnez-vous !
6026        </a>
6027    </div>
6028</div>
6029
6030
6031
6032<!-- Content -->
6033<div class="lg:container lg:pt-12 lg:pb-4 lg:flex lg:gap-4 lg:items-center 2xl:gap-10">
6034    <!-- [desktop] Shop & Contact -->
6035    <div class="hidden xl:flex flex-col items-start gap-6 xl:pr-12 2xl:pr-20">
6036        <a href="/fr_FR/nos-magasins">
6037            <div class="flex items-center justify-center gap-2 bg-white text-center">
6038                <div class="flex items-center justify-center w-8 h-8">
6039                    <img class="w-8 h-8" src="https://static.tonton-outdoor.com/themes/tailwind-theme/images/marker.d66acce8.svg" alt="">
6040                </div>
6041                <span class="text-xs uppercase whitespace-nowrap">Trouver un magasin</span>
6042            </div>
6043        </a>
6044        <a href="/fr_FR/contact/">
6045            <div class="flex items-center justify-center gap-2 bg-white text-center">
6046                <div class="flex items-center justify-center w-8 h-8">
6047                    <img class="w-8 h-8" src="https://static.tonton-outdoor.com/themes/tailwind-theme/images/contact-us.66f57248.svg" alt="">
6048                </div>
6049                <span class="text-xs uppercase whitespace-nowrap">Contactez-nous</span>
6050            </div>
6051        </a>
6052    </div>
6053    <!-- Links -->
6054    <ul class="join join-vertical w-full lg:grid lg:grid-cols-3">
6055        <li
6056            class="collapse collapse-arrow border-b border-gallery rounded-none lg:border-none lg:collapse-open lg:row-start-1 lg:col-start-1">
6057            <input type="radio" name="links-accordion" checked="checked" aria-label="LES + DE TONTON OUTDOOR" />
6058            <div
6059                class="collapse-title flex items-center px-4 text-sm line-clamp-1 uppercase lg:after:!content-none">
6060                Les + de Tonton Outdoor
6061            </div>
6062            <div class="collapse-content">
6063                <ul>
6064                    <li class="py-1 lg:py-0">
6065                        <a href="/fr_FR/blog/articles" class="text-sm text-dusty-gray">Le blog</a>
6066                    </li>
6067                                                                                <ul>
6068            <li class="py-1 lg:py-0">
6069            <a href="/fr_FR/cashback-tonton-outdoor" class="text-sm text-dusty-gray">
6070                Le cashback
6071            </a>
6072        </li>
6073            <li class="py-1 lg:py-0">
6074            <a href="/fr_FR/codes-promos" class="text-sm text-dusty-gray">
6075                Les codes promos
6076            </a>
6077        </li>
6078    </ul>
6079
6080                </ul>
6081            </div>
6082        </li>
6083        <li
6084            class="collapse collapse-arrow border-b border-gallery rounded-none lg:border-none lg:collapse-open lg:row-span-2">
6085            <input type="radio" name="links-accordion" aria-label="Service Client" />
6086            <div
6087                class="collapse-title flex items-center px-4 text-sm line-clamp-1 uppercase lg:after:!content-none">
6088                Service Client
6089            </div>
6090            <div class="collapse-content">
6091                <ul>
6092                    <li class="py-1 lg:py-0">
6093                        <a href="/fr_FR/compte/profil/modifier" class="text-sm text-dusty-gray">Mon compte</a>
6094                    </li>
6095                                        <li class="py-1 lg:py-0">
6096                        <a href="/fr_FR/inscription" class="text-sm text-dusty-gray">M&#039;inscrire</a>
6097                    </li>
6098                    <li class="py-1 lg:py-0">
6099                        <a href="/fr_FR/compte/commandes/" class="text-sm text-dusty-gray">Suivre mes commandes</a>
6100                    </li>
6101                    <li class="py-1 lg:py-0">
6102                        <a href="/fr_FR/foire-aux-questions" class="text-sm text-dusty-gray">Foire aux questions</a>
6103                    </li>
6104                    <li class="py-1 lg:py-0">
6105                        <a href="/fr_FR/compte/nouveau-retour" class="text-sm text-dusty-gray">Je retourne un article</a>
6106                    </li>
6107                                                            <ul>
6108            <li class="py-1 lg:py-0">
6109            <a href="/fr_FR/comment-bien-choisir-votre-pointure" class="text-sm text-dusty-gray">
6110                Comment bien choisir votre pointure ?
6111            </a>
6112        </li>
6113            <li class="py-1 lg:py-0">
6114            <a href="/fr_FR/conditions-de-retour" class="text-sm text-dusty-gray">
6115                Conditions de retour
6116            </a>
6117        </li>
6118    </ul>
6119
6120                </ul>
6121            </div>
6122        </li>
6123        <li
6124            class="collapse collapse-arrow border-b border-gallery rounded-none lg:border-none lg:collapse-open lg:row-span-2">
6125            <input type="radio" name="links-accordion" aria-label="À propos" />
6126            <div
6127                class="collapse-title flex items-center px-4 text-sm line-clamp-1 uppercase lg:after:!content-none">
6128                À propos
6129            </div>
6130            <div class="collapse-content">
6131                <ul>
6132                    <li class="py-1 lg:py-0">
6133                        <a href="/fr_FR/nos-magasins" class="text-sm text-dusty-gray">Nos magasins</a>
6134                    </li>
6135                    <ul>
6136            <li class="py-1 lg:py-0">
6137            <a href="/fr_FR/qui-sommes-nous" class="text-sm text-dusty-gray">
6138                Qui sommes-nous ?
6139            </a>
6140        </li>
6141            <li class="py-1 lg:py-0">
6142            <a href="/fr_FR/cgv" class="text-sm text-dusty-gray">
6143                CGV
6144            </a>
6145        </li>
6146            <li class="py-1 lg:py-0">
6147            <a href="/fr_FR/politique-de-confidentialite" class="text-sm text-dusty-gray">
6148                Politique de confidentialité
6149            </a>
6150        </li>
6151            <li class="py-1 lg:py-0">
6152            <a href="/fr_FR/informations-legales" class="text-sm text-dusty-gray">
6153                Mentions légales
6154            </a>
6155        </li>
6156    </ul>
6157
6158                    <li class="py-1 lg:py-0">
6159                        <a href="javascript:openAxeptioCookies()" class="text-sm text-dusty-gray">Gérer mes cookies</a>
6160                    </li>
6161                </ul>
6162            </div>
6163        </li>
6164        <li class="collapse collapse-arrow border-b border-gallery rounded-none lg:border-none lg:hidden">
6165            <input type="radio" name="links-accordion" aria-label="Contactez-nous" />
6166            <div
6167                class="collapse-title flex items-center px-4 text-sm line-clamp-1 uppercase lg:after:!content-none">
6168                Contactez-nous
6169            </div>
6170            <div class="collapse-content">
6171                <ul>
6172                    <li class="py-1 lg:py-0">
6173                        <a href="/fr_FR/contact/" class="text-sm text-dusty-gray">Contactez-nous</a>
6174                    </li>
6175                </ul>
6176            </div>
6177        </li>
6178        <li
6179            class="collapse collapse-arrow border-b border-gallery rounded-none lg:border-none lg:collapse-open lg:row-start-2 lg:col-start-1">
6180            <input type="radio" name="links-accordion" aria-label="Nos partenaires" />
6181            <div
6182                class="collapse-title flex items-center px-4 text-sm line-clamp-1 uppercase lg:after:!content-none">
6183                Nos partenaires
6184            </div>
6185            <div class="collapse-content">
6186                <ul>
6187                    <li class="py-1 lg:py-0">
6188                        <a href="/fr_FR/athletes/tous-les-athletes" class="text-sm text-dusty-gray">Athlètes</a>
6189                    </li>
6190                    <li class="py-1 lg:py-0">
6191                        <a href="/fr_FR/nos-partenaires/athlete" class="text-sm text-dusty-gray">Ambassadeurs</a>
6192                    </li>
6193                    <ul>
6194    </ul>
6195
6196                </ul>
6197            </div>
6198        </li>
6199    </ul>
6200    <!-- [desktop] social & newsletter -->
6201    <div class="hidden lg:flex flex-col gap-6">
6202        <!-- Social -->
6203        <div class="flex flex-col gap-2 pb-4">
6204            <div class="text-sm uppercase">Suivez-nous !</div>
6205            <div class="flex items-center gap-4">
6206                <a target="_blank" rel="nofollow" href="https://www.instagram.com/tontonoutdoor/" aria-label="Instagram">
6207                        <svg class="fill-current w-8 h-8" xmlns="http://www.w3.org/2000/svg" width="26.88" height="26.88" viewBox="0 0 26.88 26.88">
6208        <path d="M16.334 13.44a2.894 2.894 0 1 1-2.894-2.894 2.894 2.894 0 0 1 2.894 2.894"/>
6209        <path d="M16.818 6.935h-6.754a2.862 2.862 0 0 0-2.858 2.866v7.275a2.862 2.862 0 0 0 2.857 2.867h6.757a2.862 2.862 0 0 0 2.858-2.866V9.802a2.862 2.862 0 0 0-2.857-2.867m-3.378 10.967a4.462 4.462 0 1 1 4.462-4.462 4.462 4.462 0 0 1-4.462 4.462m4.417-8.2a.681.681 0 0 1-.681-.68.673.673 0 0 1 .674-.672h.007a.665.665 0 0 1 .672.659s0 .009 0 .013a.673.673 0 0 1-.665.681h-.007"/>
6210        <path d="M13.44 0a13.44 13.44 0 1 0 13.44 13.44A13.44 13.44 0 0 0 13.44 0m7.8 17.078a4.422 4.422 0 0 1-4.422 4.422h-6.756a4.422 4.422 0 0 1-4.417-4.426V9.8a4.422 4.422 0 0 1 4.417-4.426h6.756A4.422 4.422 0 0 1 21.235 9.8Z"/>
6211    </svg>
6212
6213                </a>
6214                <a target="_blank" rel="nofollow" href="https://www.facebook.com/tontonoutdoor" aria-label="Facebook">
6215                        <svg class="fill-current w-8 h-8" xmlns="http://www.w3.org/2000/svg" width="27.549" height="27.549" viewBox="0 0 27.549 27.549">
6216        <path d="M13.776.001A13.775 13.775 0 1 0 27.55 13.776 13.79 13.79 0 0 0 13.776.001m3.425 14.26H14.96v7.988h-3.321v-7.988h-1.578v-2.823h1.579V9.612a3.114 3.114 0 0 1 3.351-3.352l2.461.009v2.74h-1.787a.676.676 0 0 0-.7.769v1.659h2.53Z"/>
6217    </svg>
6218
6219                </a>
6220                <a target="_blank" rel="nofollow" href="https://www.tiktok.com/@tontonoutdoor" aria-label="Tiktok">
6221                        <svg class="fill-current w-8 h-8" xmlns="http://www.w3.org/2000/svg" width="27.068" height="27.068" viewBox="0 0 27.068 27.068">
6222        <path d="M13.534-.001a13.534 13.534 0 1 0 13.534 13.535A13.534 13.534 0 0 0 13.534-.001m6.1 12.026a5.241 5.241 0 0 1-3.277-.953c0 .1.03 3.191-.021 4.666a5.024 5.024 0 0 1-1.781 3.845 4.225 4.225 0 0 1-6.945-2.26 4.356 4.356 0 0 1 1.321-4.6 4.865 4.865 0 0 1 2.769-1.164c.221-.029.443-.041.682-.062v2.393c-.3.075-.609.141-.91.23a4.088 4.088 0 0 0-.609.23 1.959 1.959 0 0 0-.712 3.027 2.137 2.137 0 0 0 2.043.862 1.885 1.885 0 0 0 1.555-1.287A4.452 4.452 0 0 0 14 15.213c-.011-2.906-.011-5.811-.016-8.717A.8.8 0 0 1 14 6.407h2.324c.26 1.945 1.247 3.177 3.312 3.352Z"/>
6223    </svg>
6224
6225                </a>
6226                <a target="_blank" rel="nofollow" href="https://www.youtube.com/@tonton_outdoor" aria-label="Youtube">
6227                        <svg class="fill-current w-8 h-8" xmlns="http://www.w3.org/2000/svg" width="27.069" height="27.069" viewBox="0 0 27.069 27.069">
6228        <path d="M13.534 0a13.534 13.534 0 1 0 13.535 13.534A13.534 13.534 0 0 0 13.534 0m7.123 15.93a2.694 2.694 0 0 1-2.693 2.7H9.105a2.694 2.694 0 0 1-2.694-2.694v-4.797A2.694 2.694 0 0 1 9.1 8.443h8.8
62286a2.694 2.694 0 0 1 2.694 2.694v4.793Z"/>
6229        <path d="m11.12 16.663 5.379-3.121-5.379-3.139Z"/>
6230    </svg>
6231
6232                </a>
6233                <a target="_blank" rel="nofollow" href="https://www.strava.com/clubs/1157251" aria-label="Strava">
6234                        <svg class="fill-current w-8 h-8" xmlns="http://www.w3.org/2000/svg" width="28.067" height="28.071" viewBox="0 0 28.067 28.071">
6235        <path stroke="rgba(0,0,0,0)" d="M14.036 27.571a13.451 13.451 0 0 1-9.571-3.964 13.448 13.448 0 0 1-3.964-9.572 13.447 13.447 0 0 1 3.964-9.571A13.453 13.453 0 0 1 14.036.5a13.445 13.445 0 0 1 9.568 3.964 13.451 13.451 0 0 1 3.964 9.571 13.453 13.453 0 0 1-3.964 9.572 13.445 13.445 0 0 1-9.568 3.964ZM11.608 15.96l5.2 9.076 4.995-9.08h-3.12L12.23 3.249 5.567 15.96h3.959l2.7-5.048 2.5 5.044h-3.124Zm5.2 3.429-2.08-3.428h3.956l-1.874 3.427Z"/>
6236    </svg>
6237
6238                </a>
6239                <a target="_blank" rel="nofollow" href="https://www.pinterest.fr/TontonOutdoor/" aria-label="Pinterest">
6240                        <svg class="fill-current w-8 h-8" xmlns="http://www.w3.org/2000/svg" width="27.068" height="27.068" viewBox="0 0 27.068 27.068">
6241        <path d="M27.068 13.534a13.534 13.534 0 1 0-13.534 13.534 13.534 13.534 0 0 0 13.534-13.534M14.84 17.3a2.787 2.787 0 0 1-2.375-1.212s-.565 2.24-.683 2.672a10.361 10.361 0 0 1-1.755 3.18.129.129 0 0 1-.231-.055 10.933 10.933 0 0 1 .029-3.692l1.248-5.3a3.73 3.73 0 0 1-.308-1.539c0-1.44.835-2.515 1.875-2.515a1.3 1.3 0 0 1 1.311 1.46 20.9 20.9 0 0 1-.858 3.449 1.505 1.505 0 0 0 1.539 1.872c1.846 0 3.077-2.366 3.077-5.169 0-2.129-1.434-3.725-4.045-3.725a4.6 4.6 0 0 0-4.786 4.649 2.8 2.8 0 0 0 .642 1.906.469.469 0 0 1 .14.542c-.046.18-.154.615-.2.78a.332.332 0 0 1-.486.243c-1.358-.546-1.991-2.035-1.991-3.706 0-2.762 2.329-6.073 6.948-6.073 3.711 0 6.154 2.685 6.154 5.568 0 3.817-2.12 6.663-5.245 6.663"/>
6242    </svg>
6243
6244                </a>
6245                <a target="_blank" rel="nofollow" href="https://www.linkedin.com/company/tonton-outdoor/" aria-label="LinkedIn">
6246                        <svg class="fill-current w-8 h-8" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28">
6247        <path d="M13.526,0A13.526,13.526,0,1,0,27.053,13.526,13.526,13.526,0,0,0,13.526,0M9.593,20.646H6.642V11.14H9.593ZM8.116,9.842a1.717,1.717,0,1,1,1.71-1.726,1.717,1.717,0,0,1-1.71,1.726m12.53,10.8H17.7V16.018c0-1.1-.021-2.518-1.534-2.518s-1.78,1.2-1.78,2.438v4.708H11.444V11.14h2.832v1.3h.041A3.1,3.1,0,0,1,17.109,10.9c2.987,0,3.536,1.968,3.536,4.524Z"/>
6248    </svg>
6249
6250                </a>
6251            </div>
6252        </div>
6253        <!-- Newsletter -->
6254        <div class="flex flex-col gap-2">
6255            <div class="text-sm uppercase">Abonnez-vous !</div>
6256            <a href="/fr_FR/newsletter/inscription" class="btn btn-primary w-auto">
6257                Abonnez-vous à notre newsletter !
6258            </a>
6259        </div>
6260    </div>
6261</div>
6262
6263<!-- [desktop] Payment & shipping -->
6264<div class="hidden bg-alabaster lg:block">
6265    <div class="container flex flex-col gap-6 xl:flex-row justify-between py-4">
6266        <div class="flex flex-col gap-2">
6267            <span class="text-sm text-dusty-gray uppercase">
6268                Moyens de paiement
6269            </span>
6270            <div class="flex items-center gap-4">
6271                <img class="h-8"
6272                     width="32"
6273                     height="32"
6274                     srcset="https://static.tonton-outdoor.com/themes/tailwind-theme/images/cb.5b216fe2.png, https://static.tonton-outdoor.com/themes/tailwind-theme/images/[email protected] 2x"
6275                     src="https://static.tonton-outdoor.com/themes/tailwind-theme/images/cb.5b216fe2.png"
6276                     alt="CB">
6277                <img class="h-7"
6278                     width="48"
6279                     height="28"
6280                     src="https://static.tonton-outdoor.com/themes/tailwind-theme/images/mastercard.14681807.svg"
6281                     alt="Mastercard">
6282                <img class="h-8"
6283                     width="56"
6284                     height="32"
6285                     srcset="https://static.tonton-outdoor.com/themes/tailwind-theme/images/visa.04591278.png, https://static.tonton-outdoor.com/themes/tailwind-theme/images/[email protected] 2x"
6286                     src="https://static.tonton-outdoor.com/themes/tailwind-theme/images/visa.04591278.png"
6287                     alt="Visa">
6288                <img class="h-8"
6289                     width="81"
6290                     height="32"
6291                     src="https://static.tonton-outdoor.com/themes/tailwind-theme/images/apple_pay.662a1a9c.png"
6292                     alt="Visa">
6293                <img class="h-6 opacity-25"
6294                     width="64"
6295                     height="24"
6296                     srcset="https://static.tonton-outdoor.com/themes/tailwind-theme/images/google_pay.04421e47.png, https://static.tonton-outdoor.com/themes/tailwind-theme/images/[email protected] 2x"
6297                     src="https://static.tonton-outdoor.com/themes/tailwind-theme/images/google_pay.04421e47.png"
6298                     alt="Google Pay">
6299                <img class="h-8 opacity-50"
6300                     width="32"
6301                     height="32"
6302                     srcset="https://static.tonton-outdoor.com/themes/tailwind-theme/images/american_express.ee0a1e96.png, https://static.tonton-outdoor.com/themes/tailwind-theme/images/[email protected] 2x"
6303                     src="https://static.tonton-outdoor.com/themes/tailwind-theme/images/american_express.ee0a1e96.png"
6304                     alt="American Express">
6305                <img class="h-8"
6306                     width="57"
6307                     height="32"
6308                     src="https://static.tonton-outdoor.com/themes/tailwind-theme/images/paypal.39684782.png"
6309                     alt="PayPal">
6310                <img class="h-8 opacity-50"
6311                     width="91"
6312                     height="32"
6313                     src="https://static.tonton-outdoor.com/themes/tailwind-theme/images/amazonpay.12baa5bf.png"
6314                     alt="Amazon pay">
6315                <img class="h-8 filter grayscale opacity-50"
6316                     width="61"
6317                     height="32"
6318                     srcset="https://static.tonton-outdoor.com/themes/tailwind-theme/images/klarna.3f40e068.png, https://static.tonton-outdoor.com/themes/tailwind-theme/images/[email protected] 2x"
6319                     src="https://static.tonton-outdoor.com/themes/tailwind-theme/images/klarna.3f40e068.png"
6320                     alt="Klarna">
6321            </div>
6322        </div>
6323        <div class="flex flex-col gap-2">
6324            <span class="text-sm text-dusty-gray uppercase">
6325                Moyens de livraison
6326            </span>
6327            <div class="flex items-center gap-4">
6328                <picture>
6329                    <img class="h-[41px]"
6330                         srcset="https://static.tonton-outdoor.com/themes/tailwind-theme/images/chronopost.3e66165d.png, https://static.tonton-outdoor.com/themes/tailwind-theme/images/[email protected] 2x"
6331                         src="https://static.tonton-outdoor.com/themes/tailwind-theme/images/[email protected]"
6332                         alt="Chronopost" />
6333                </picture>
6334                <picture>
6335                    <img class="h-[50px]"
6336                         srcset="https://static.tonton-outdoor.com/themes/tailwind-theme/images/colissimo.a00c413a.png, https://static.tonton-outdoor.com/themes/tailwind-theme/images/[email protected] 2x"
6337                         src="https://static.tonton-outdoor.com/themes/tailwind-theme/images/[email protected]"
6338                         alt="Colissimo" />
6339                </picture>
6340                                    <picture>
6341                        <img class="h-[24px] mx-2"
6342                             src="https://static.tonton-outdoor.com/themes/tailwind-theme/images/dpd.8ca21407.png"
6343                             alt="DPD" />
6344                    </picture>
6345                    <picture>
6346                        <img class="h-[24px] mx-2"
6347                             src="https://static.tonton-outdoor.com/themes/tailwind-theme/images/mondial-relay.9891a8f2.png"
6348                             alt="Mondial Relay" />
6349                    </picture>
6350                    <div class="flex items-center gap-1">
6351                        <img class="h-7" src="https://static.tonton-outdoor.com/themes/tailwind-theme/images/cnc.2979bee0.svg" alt="C&C">
6352                        <span class="font-medium text-xs text-[#b5b5b5] leading-none uppercase">Click &amp;<br/>Collect</span>
6353                    </div>
6354                            </div>
6355        </div>
6356    </div>
6357</div>
6358
6359
6360
6361
6362</footer>
6363		
6364		
6365
6366
6367        <div data-js-megamenu-overlay class="hidden absolute z-10 top-[104px] left-0 w-full min-h-full bg-cod-gray opacity-60"></div>
6368
6369		<div class="loading-overlay" data-js-loading-overlay>
6370			<div class="loading loading-spinner loading-md" role="status">
6371				<span class="sr-only">Loading...</span>
6372			</div>
6373		</div>
6374
6375        
6376
6377
6378  
6379<dialog data-action="click->dialog#backdropClose" data-dialog-target="dialog"
6380        class="info-modal-dialog">
6381    <div class="dialog-panel relative bg-white rounded-lg shadow-xl max-w-lg w-full p-6">
6382        <button data-action="click->dialog#close"
6383                aria-label="Fermer"
6384                class="absolute top-3 right-3 text-gray-400 hover:text-black transition">
6385                <svg class="stroke-current w-5 h-5" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26">
6386        <g stroke-linecap="round" stroke-width="2">
6387            <path d="m5.5 5.237 14.142 14.142M19.642 5.237 5.5 19.379"/>
6388        </g>
6389    </svg>
6390
6391        </button>
6392                        <div class="w-full flex flex-col gap-4 text-center justify-center items-center hidden"
6393         data-dialog-target="slot"
6394         data-key="shipping-free">
6395                    <div class="flex flex-col gap-2 justify-center items-center">
6396                    <svg class="fill-current w-12 h-12 text-black" xmlns="http://www.w3.org/2000/svg" width="15.731" height="16.623" viewBox="0 0 15.731 16.623">
6397        <path d="M15.731 3.538a.52.52 0 0 0-.322-.481L8.063.039a.52.52 0 0 0-.4 0L.322 3.057A.52.52 0 0 0 0 3.538v9.548a.52.52 0 0 0 .322.481l7.346 3.018a.518.518 0 0 0 .395 0l7.346-3.018a.52.52 0 0 0 .322-.481Zm-7.866 2.5L5.159 4.925l5.849-2.552L13.9 3.56ZM1.04 4.358l2.335.959v2.706a.52.52 0 0 0 1.04 0V5.744l2.93 1.2v8.38L1.04 12.737Zm6.826-3.275 1.8.741-5.847 2.551-1.984-.815Zm.52 5.865 6.305-2.59v8.38l-6.305 2.59Z"/>
6398    </svg>
6399
6400                <h2 class="font-bold text-xl">livraison gratuite à partir de 30€</h2>
6401            </div>
6402            <p class="text-sm">Profitez de la livraison offerte dès 30€ d’achat sur une sélection de modes de livraison : en point relais ou lockers</p>
6403                            <a href="/fr_FR/cgv" target="_blank" class="text-xs italic hover:text-primary">+ d&#039;info sur la page dédiée</a>
6404                        </div>
6405
6406                        <div class="w-full flex flex-col gap-4 text-center justify-center items-center hidden"
6407         data-dialog-target="slot"
6408         data-key="delivery">
6409                    <div class="flex flex-col gap-2 justify-center items-center">
6410                    <svg class="fill-current w-12 h-12 text-black" xmlns="http://www.w3.org/2000/svg" width="18.29" height="18.29" viewBox="0 0 22 22">
6411        <g fill-rule="evenodd" clip-path="url(#a)" transform="translate(0 .074)">
6412            <path d="M12.793.1a.73.73 0 0 0-.737 0l-8.77 5.116a.73.73 0 0 0 0 1.263l8.77 5.116a.73.73 0 0 0 .737 0l8.77-5.116a.73.73 0 0 0 0-1.263Zm-.37 1.477 7.32 4.27-7.32 4.27-7.32-4.27Z"/>
6413            <path d="M11.694 10.963v10.232a.731.731 0 1 0 1.462 0V10.963a.731.731 0 1 0-1.462 0"/>
6414            <path d="M2.923 5.847v3.654a.731.731 0 1 0 1.462 0V5.847a.731.731 0 1 0-1.462 0"/>
6415            <path d="M20.464 5.847v10.232a.731.731 0 1 0 1.462 0V5.847a.731.731 0 1 0-1.462 0"/>
6416            <path d="m8.402 19.694 3.654 2.132a.731.731 0 0 0 .737-1.263l-3.654-2.131a.731.731 0 1 0-.737 1.262"/>
6417            <path d="m20.826 15.447-8.77 5.116a.731.731 0 0 0 .737 1.263l8.77-5.116a.731.731 0 1 0-.737-1.263"/>
6418            <path d="m8.554 9.083 8.26-5.413a.731.731 0 1 0-.8-1.223L7.755 7.861a.731.731 0 1 0 .8 1.222Z"/>
6419            <path d="M.731 12.425h6.578a.731.731 0 1 0 0-1.462H.731a.731.731 0 1 0 0 1.462"/>
6420            <path d="M.731 18.272h6.578a.731.731 0 0 0 0-1.462H.731a.731.731 0 0 0 0 1.462"/>
6421            <path d="M9.502 13.89H2.924a.731.731 0 0 0 0 1.462h6.578a.731.731 0 0 0 0-1.462"/>
6422        </g>
6423    </svg>
6424
6425                <h2 class="font-bold text-xl">Expédié en 24h</h2>
6426            </div>
6427            <p class="text-sm">Les commandes sont préparées rapidement pour une livraison en 24h à 48h selon le transporteur choisi et le nombre de produits dans le panier. Les commandes passées le week-end sont expédiées le jour ouvré suivant.</p>
6428                            <a href="/fr_FR/cgv" target="_blank" class="text-xs italic hover:text-primary">+ d&#039;info sur la page dédiée</a>
6429                        </div>
6430
6431                        <div class="w-full flex flex-col gap-4 text-center justify-center items-center hidden"
6432         data-dialog-target="slot"
6433         data-key="cashback">
6434                    <div class="flex flex-col gap-2 justify-center items-center">
6435                    <svg class="fill-current w-12 h-12 text-black" xmlns="http://www.w3.org/2000/svg" width="17.44" height="17.5" viewB
6435ox="0 0 17.44 17.5">
6436        <path d="M8.69 0a8.684 8.684 0 0 0-5.614 2.05V.971a.75.75 0 1 0-1.5 0V3.8a.75.75 0 0 0 .75.75h2.828a.75.75 0 0 0 0-1.5H4.21a7.248 7.248 0 1 1-2.716 6.608.75.75 0 1 0-1.488.185A8.751 8.751 0 1 0 8.69 0"/>
6437        <path d="M11.14 11.368A2.774 2.774 0 0 1 9.374 12a2.987 2.987 0 0 1-2.656-1.75h2.894a.5.5 0 1 0 0-1h-3.2a3.429 3.429 0 0 1-.047-.5 3.429 3.429 0 0 1 .047-.5h3.2a.5.5 0 1 0 0-1H6.718A2.986 2.986 0 0 1 9.374 5.5a2.779 2.779 0 0 1 1.766.632.75.75 0 0 0 .946-1.165A4.261 4.261 0 0 0 9.375 4a4.531 4.531 0 0 0-4.259 3.25h-1.5a.5.5 0 0 0 0 1h1.3a4.863 4.863 0 0 0-.048.5 4.863 4.863 0 0 0 .048.5h-1.3a.5.5 0 0 0 0 1h1.5a4.532 4.532 0 0 0 4.259 3.25 4.261 4.261 0 0 0 2.711-.967.75.75 0 0 0-.946-1.165"/>
6438    </svg>
6439
6440                <h2 class="font-bold text-xl">Cashback</h2>
6441            </div>
6442            <p class="text-sm">À chaque commande (hors frais de livraison), 5% du montant des articles est crédité sur votre compte fidélité.</p>
6443                            <a href="/fr_FR/cashback-tonton-outdoor" target="_blank" class="text-xs italic hover:text-primary">+ d&#039;info sur la page dédiée</a>
6444                        </div>
6445
6446                        <div class="w-full flex flex-col gap-4 text-center justify-center items-center hidden"
6447         data-dialog-target="slot"
6448         data-key="payment-4x">
6449                    <div class="flex flex-col gap-2 justify-center items-center">
6450                    <span class="inline-flex items-center justify-center w-12 h-12 lg:w-5 lg:h-5 text-black text-2xl font-bold">4X</span>
6451
6452                <h2 class="font-bold text-xl">Paiement en 4 fois sans frais dès 150€</h2>
6453            </div>
6454            <p class="text-sm">Réglez votre commande en plusieurs fois dès 150€ d’achat grâce à nos solutions de paiement sécurisée (PayPal ou Alma) , pour vous équiper sans tout payer d’un coup.</p>
6455                        </div>
6456
6457                        <div class="w-full flex flex-col gap-4 text-center justify-center items-center hidden"
6458         data-dialog-target="slot"
6459         data-key="return">
6460                    <div class="flex flex-col gap-2 justify-center items-center">
6461                    <svg class="fill-current w-12 h-12 text-black" xmlns="http://www.w3.org/2000/svg" width="20" height="16.022" viewBox="0 0 20 16.022">
6462        <defs>
6463            <clipPath>
6464                <path fill="none" d="M0 0h20v16.022H0z"/>
6465            </clipPath>
6466        </defs>
6467        <g clip-path="url(#a)">
6468            <path d="M9.001 4.051V1a1 1 0 0 0-1.7-.71l-7 7a1 1 0 0 0 0 1.42l7 7a1 1 0 0 0 1.7-.71v-3.1h.85a10.9 10.9 0 0 1 8.362 3.721.994.994 0 0 0 1.788-.621c0-9.119-8.083-10.679-11-10.949m.85 5.831a15 15 0 0 0-2 .13 1 1 0 0 0-.85.988v1.59L2.416 8l4.585-4.589V5a1 1 0 0 0 1 1c.91 0 8.112.2 9.672 6.431a13.07 13.07 0 0 0-7.821-2.55"/>
6469        </g>
6470    </svg>
6471
6472                <h2 class="font-bold text-xl">Retours possibles sous 30 jours</h2>
6473            </div>
6474            <p class="text-sm">Un article ne convient pas ? Vous disposez de 30 jours après la réception de votre commande pour faire une demande de retour, puis de 30 jours supplémentaires pour renvoyer votre article dans son état d’origine.</p>
6475                            <a href="/fr_FR/conditions-de-retour" target="_blank" class="text-xs italic hover:text-primary">+ d&#039;info sur la page dédiée</a>
6476                        </div>
6477
6478            </div>
6479</dialog>
6480
6481        
6481<script>
6482window.addEventListener('load', () => {
6483    setTimeout(() => {
6484        const klaviyo_script = document.createElement('script');
6485        klaviyo_script.src = 'https://static.klaviyo.com/onsite/js/S3j3fd/klaviyo.js';
6486        klaviyo_script.async = true;
6487        klaviyo_script.id = 'klaviyojs';
6488
6489        document.head.appendChild(klaviyo_script);
6490
6491                    }, 3000);
6492});
6493</script>
6493
6494
6495
6496                    
6496<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"08e80e2aa46a4676b26ed614a8bca4d0","r":1,"spa":2}' crossorigin="anonymous"></script>
6496
6497</body>
6498</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.