Mode de livraison
Livraison
Retrait en magasin
Merci de sélectionner votre mode de livraison préféré
Magasins
Rechercher
</noscript> <main> <header id="header"> <div data-elementor-type="header" data-elementor-id="2170101" class="elementor elementor-2170101"> <div class="elementor-section-wrap"> <header class="elementor-element elementor-element-22f4c78 elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="22f4c78" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-row"> <div class="elementor-element elementor-element-887ecca ce-widgets-space--gap ce-tablet-valign-top ce-mobile-valign-bottom elementor-column elementor-col-33 elementor-top-column" data-id="887ecca" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <section class="elementor-element elementor-element-c6300d0 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="c6300d0" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div class="elementor-element elementor-element-66c0fcd ce-widgets-space--gap ce-mobile-valign-bottom elementor-column elementor-col-100 elementor-inner-column" data-id="66c0fcd" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-633fea1 elementor-widget-mobile__width-auto elementor-widget__width-auto elementor-widget elementor-widget-theme-site-logo elementor-widget-image" data-id="633fea1" data-element_type="widget" data-widget_type="theme-site-logo.default"> <div class="elementor-widget-container"><a href="https://www.cyclable.com/"><img src="/img/logo-1744124821.svg" alt="CYCLABLE"></a></div> </div> <div class="elementor-element elementor-element-7370ae5 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="7370ae5" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"><img src="/img/cms/Acceuil%20WEBP%20Compress%C3%A9/Logo_ESCDA_2026_Distributuion_d_articles_de_sports_et_loisirs_CMJN-_1_%20(1).webp" alt="Service Client de l’Année - catégorie Distribution d’articles de sport et de loisirs" loading="lazy" width="77" height="81"></div> </div> </div> </div> </div> </div> </div> </section> <div class="elementor-element elementor-element-eaafaf1 elementor-widget__width-auto elementor-widget-mobile__width-auto elementor-hidden-desktop elementor-hidden-tablet elementor-nav--align-right elementor-widget elementor-widget-sign-in elementor-widget-nav-menu" data-id="eaafaf1" data-element_type="widget" data-settings="{"layout":"horizontal","submenu_icon":{"value":"fas fa-caret-down","library":"fa-solid"},"show_submenu_on":"hover"}" data-widget_type="sign-in.default"> <div class="elementor-widget-container"> <nav class="ce-user-menu elementor-nav--main elementor-nav__container elementor-nav--layout-horizontal e--pointer-underline e--animation-fade" aria-label="Menu utilisateur"> <ul class="elementor-nav" id="usermenu-eaafaf1" role="none"> <li class="menu-item menu-item-type-account menu-item-account-0"> <a class="elementor-item" href="https://www.cyclable.com/mon-compte" aria-label="Mon compte"> <i class="ceicon ceicon-user-simple"></i> </a> </li> </ul> </nav> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-8db66e4 ce-widgets-space--gap elementor-column elementor-col-33 elementor-top-column" data-id="8db66e4" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-6950ab8 elementor-nav--align-left elementor-widget__width-auto elementor-widget-mobile__width-initial elementor-hidden-desktop elementor-hidden-tablet elementor-nav--stretch elementor-nav--dropdown-tablet elementor-nav--text-align-aside elementor-nav--toggle elementor-nav--burger elementor-widget elementor-widget-nav-menu" data-id="6950ab8" data-element_type="widget" data-settings="{"submenu_icon":{"value":"ceicon ceicon-sort-down","library":"ce-icons"},"full_width":"stretch","layout":"horizontal","show_submenu_on":"hover","animation_dropdown":"toggle","toggle":"burger"}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <nav class="elementor-nav-menu elementor-nav--main elementor-nav__container elementor-nav--layout-horizontal e--pointer-underline e--animation-fade" aria-label="Liens des catégories"> <ul class="elementor-nav" id="menu-1-6950ab8"> <li class="menu-item menu-item-type-category menu-item-category-945 menu-item-has-children"> <a class="elementor-item" href="https://www.cyclable.com/945-tous-les-velos"> Tous les vélos <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-13 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/13-velo-electrique"> Vélo électrique <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-294"> <a class="elementor-sub-item" href="https://www.cyclable.com/294-vtc-electrique"> VTC électrique </a> </li> <li class="menu-item menu-item-type-category menu-item-category-183"> <a class="elementor-sub-item" href="https://www.cyclable.com/183-velo-electrique-ville"> Vélo électrique ville </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1352"> <a class="elementor-sub-item" href="https://www.cyclable.com/1352-velo-randonnee-electrique"> Vélo randonnée électrique </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1326"> <a class="elementor-sub-item" href="https://www.cyclable.com/1326-velo-cargo-electrique"> Vélo cargo électrique </a> </li> <li class="menu-item menu-item-type-category menu-item-category-268"> <a class="elementor-sub-item" href="https://www.cyclable.com/268-velo-electrique-pliant"> Vélo électrique pliant </a> </li> <li class="menu-item menu-item-type-category menu-item-category-946"> <a class="elementor-sub-item" href="https://www.cyclable.com/946-vtt-electrique"> VTT électrique </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-963 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/963-velo-cargo"> Vélo cargo <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-160"> <a class="elementor-sub-item" href="https://www.cyclable.com/160-biporteur"> Biporteur </a> </li> <li class="menu-item menu-item-type-category menu-item-category-954"> <a class="elementor-sub-item" href="https://www.cyclable.com/954-triporteur"> Triporteur </a> </li> <li class="menu-item menu-item-type-category menu-item-category-955"> <a class="elementor-sub-item" href="https://www.cyclable.com/955-longtail"> Longtail </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-1467 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/1467-velos-gravel-trekking"> Vélo gravel & trekking <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-1327"> <a class="elementor-sub-item" href="https://www.cyclable.com/1327-gravel-bike"> Gravel bike </a> </li> <li class="menu-item menu-item-type-category menu-item-category-16"> <a class="elementor-sub-item" href="https://www.cyclable.com/16-velo-trekking"> Vélo trekking </a> </li> <li class="menu-item menu-item-type-category menu-item-category-941"> <a class="elementor-sub-item" href="https://www.cyclable.com/941-kit-cadre"> Kit cadre </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-14 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/14-velo-pliant"> Vélo pliant <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-947"> <a class="elementor-sub-item" href="https://www.cyclable.com/947-velo-pliant-classique"> Vélo pliant classique </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1385"> <a class="elementor-sub-item" href="https://www.cyclable.com/1385-velo-pliant-electrique"> Vélo pliant électrique </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-1468 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/1468-velo-musculaire"> Vélo musculaire <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-9"> <a class="elementor-sub-item" href="https://www.cyclable.com/9-velo-de-ville"> Vélo de ville </a> </li> <li class="menu-item menu-item-type-category menu-item-category-179"> <a class="elementor-sub-item" href="https://www.cyclable.com/179-velo-tout-chemin"> Vélo tout chemin </a> </li> </ul> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-934 menu-item-has-children"> <a class="elementor-item" href="https://www.cyclable.com/934-accessoires-et-pieces"> Accessoires et pièces <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-27 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/27-velo-et-enfant"> Vélos et accessoires enfant <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-1070 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/1070-draisiennes-et-velos-enfant"> Draisiennes et vélos enfant <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-22"> <a class="elementor-sub-item" href="https://www.cyclable.com/22-draisiennes"> Draisiennes </a> </li> <li class="menu-item menu-item-type-category menu-item-category-23"> <a class="elementor-sub-item" href="https://www.cyclable.com/23-velos-enfant"> Vélos enfant </a> </li> <li class="menu-item menu-item-type-category menu-item-category-201"> <a class="elementor-sub-item" href="https://www.cyclable.com/201-pieces-et-accessoires-draisiennes"> Pièces et accessoires draisiennes </a> </li> <li class="menu-item menu-item-type-category menu-item-category-203"> <a class="elementor-sub-item" href="https://www.cyclable.com/203-pieces-et-accessoires-velos-enfants"> Pièces et accessoires vélos enfants </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-29"> <a class="elementor-sub-item" href="https://www.cyclable.com/29-casques-enfant"> Casques enfant </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1319 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/1319-porte-bebes-et-accessoires"> Porte-bébés et accessoires <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-1064"> <a class="elementor-sub-item" href="https://www.cyclable.com/1064-porte-bebes-velo-arriere"> Porte-bébés vélo arrière </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1063"> <a class="elementor-sub-item" href="https://www.cyclable.com/1063-porte-bebe-velo-avant"> Porte-bébé vélo avant </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1065"> <a class="elementor-sub-item" href="https://www.cyclable.com/1065-sieges-velo-enfants-6-a-10-ans-22-35-kg"> Sièges vélo enfants 6 à 10 ans (22-35 kg) </a> </li> <li class="menu-item menu-item-type-category menu-item-category-200"> <a class="elementor-sub-item" href="https://www.cyclable.com/200-pieces-et-accessoires-porte-bebes"> Pièces et accessoires porte-bébés </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-1303 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/1303-barres-de-traction"> Barres de traction <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-24"> <a class="elementor-sub-item" href="https://www.cyclable.com/24-barres-de-traction-velo-enfant"> Barres de traction vélo enfant </a> </li> <li class="menu-item menu-item-type-category menu-item-category-213"> <a class="elementor-sub-item" href="https://www.cyclable.com/213-pieces-et-accessoires-barres-de-traction"> Pièces et accessoires barres de traction </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-1301"> <a class="elementor-sub-item" href="https://www.cyclable.com/1301-remorques-velo-enfant"> Remorques vélo enfant </a> </li> <li class="menu-item menu-item-type-category menu-item-category-242"> <a class="elementor-sub-item" href="https://www.cyclable.com/242-protection-pluie-enfant"> Protection pluie enfant </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-39 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/39-equipement-du-cycliste"> Equipement du cycliste <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-82 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/82-casques"> Casques <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-929"> <a class="elementor-sub-item" href="https://www.cyclable.com/929-casques-velo"> Casques vélo </a> </li> <li class="menu-item menu-item-type-category menu-item-category-216"> <a class="elementor-sub-item" href="https://www.cyclable.com/216-pieces-et-accessoires-casques"> Pièces et accessoires casques </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-962 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/962-vetements-et-accessoires-de-pluie"> Vêtements et accessoires de pluie <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-84"> <a class="elementor-sub-item" href="https://www.cyclable.com/84-ponchos-velo"> Ponchos vélo </a> </li> <li class="menu-item menu-item-type-category menu-item-category-149"> <a class="elementor-sub-item" href="https://www.cyclable.com/149-pantalons-de-pluie"> Pantalons de pluie </a> </li> <li class="menu-item menu-item-type-category menu-item-category-177"> <a class="elementor-sub-item" href="https://www.cyclable.com/177-accessoires-de-pluie-et-pinces-pantalon"> Accessoires de pluie et pinces-pantalon </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1275"> <a class="elementor-sub-item" href="https://www.cyclable.com/1275-vestes-de-pluie-velo"> Vestes de pluie </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-1277"> <a class="elementor-sub-item" href="https://www.cyclable.com/1277-vetements-et-accessoires-haute-visibilite"> Vêtements et accessoires haute visibilité </a> </li> <li class="menu-item menu-item-type-category menu-item-category-151"> <a class="elementor-sub-item" href="https://www.cyclable.com/151-gants-manchons-velo"> Gants et manchons </a> </li> <li class="menu-item menu-item-type-category menu-item-category-214"> <a class="elementor-sub-item" href="https://www.cyclable.com/214-bonnets-cagoules-et-tours-de-cou"> Bonnets, cagoules et tours de cou </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1252"> <a class="elementor-sub-item" href="https://www.cyclable.com/1252-couvre-chaussures-et-chaussettes"> Couvre-chaussures et chaussettes </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1282"> <a class="elementor-sub-item" href="https://www.cyclable.com/1282-vestes-et-gilets"> Vestes et gilets </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1283"> <a class="elementor-sub-item" href="https://www.cyclable.com/1283-pantalons-shorts-et-cuissards"> Pantalons, shorts et cuissards </a> </li> <li class="menu-item menu-item-type-category menu-item-category-286"> <a class="elementor-sub-item" href="https://www.cyclable.com/286-masques-anti-pollution"> Masques anti-pollution </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1401"> <a class="elementor-sub-item" href="https://www.cyclable.com/1401-chaussures-de-velo"> Chaussures de vélo </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-234 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/234-equipement-du-velo"> Accessoires vélo <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-1228 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/1228-sacoches-velo-paniers-et-sac-a-dos"> Sacoches et sacs <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-244"> <a class="elementor-sub-item" href="https://www.cyclable.com/244-sacoches-de-randonnee-et-voyage"> Sacoches de randonnée et voyage </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1078"> <a class="elementor-sub-item" href="https://www.cyclable.com/1078-sacoches-de-bikepacking"> Sacoches de Bikepacking </a> </li> <li class="menu-item menu-item-type-category menu-item-category-34"> <a class="elementor-sub-item" href="https://www.cyclable.com/34-sacoches-de-ville"> Sacoches de ville </a> </li> <li class="menu-item menu-item-type-category menu-item-category-156"> <a class="elementor-sub-item" href="https://www.cyclable.com/156-sacoches-de-selle-cadre-et-cintre"> Sacoches de selle, cadre et cintre </a> </li> <li class="menu-item menu-item-type-category menu-item-category-62"> <a class="elementor-sub-item" href="https://www.cyclable.com/62-sacs-a-dos"> Sacs à dos </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1040"> <a class="elementor-sub-item" href="https://www.cyclable.com/1040-sacs-bandoulieres"> Sacs bandoulières </a> </li> <li class="menu-item menu-item-type-category menu-item-category-229"> <a class="elementor-sub-item" href="https://www.cyclable.com/229-accessoires-sacoches"> Accessoires sacoches </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-42"> <a class="elementor-sub-item" href="https://www.cyclable.com/42-antivols"> Antivols </a> </li> <li class="menu-item menu-item-type-category menu-item-category-89"> <a class="elementor-sub-item" href="https://www.cyclable.com/89-eclairages-velo"> Eclairages </a> </li> <li class="menu-item menu-item-type-category menu-item-category-131"> <a class="elementor-sub-item" href="https://www.cyclable.com/131-paniers-et-top-cases"> Paniers et top cases </a> </li> <li class="menu-item menu-item-type-category menu-item-category-164"> <a class="elementor-sub-item" href="https://www.cyclable.com/164-porte-bagages"> Porte-bagages </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1244"> <a class="elementor-sub-item" href="https://www.cyclable.com/1244-supports-et-housses-smartphones"> Supports et housses smartphones </a> </li> <li class="menu-item menu-item-type-category menu-item-category-935"> <a class="elementor-sub-item" href="https://www.cyclable.com/935-bidons-porte-bidons-et-poches-a-eau"> Bidons, porte-bidons et poches à eau </a> </li> <li class="menu-item menu-item-type-category menu-item-category-45 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/45-outillage-entretien-et-pompes"> Outillage, entretien et pompes <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-1066"> <a class="elementor-sub-item" href="https://www.cyclable.com/1066-multi-outils"> Multi-outils </a> </li> <li class="menu-item menu-item-type-category menu-item-category-103"> <a class="elementor-sub-item" href="https://www.cyclable.com/103-outillage-general"> Outillage général </a> </li> <li class="menu-item menu-item-type-category menu-item-category-104"> <a class="elementor-sub-item" href="https://www.cyclable.com/104-pompes-velo"> Pompes </a> </li> <li class="menu-item menu-item-type-category menu-item-category-105"> <a class="elementor-sub-item" href="https://www.cyclable.com/105-produits-d-entretien"> Produits d'entretien </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-168"> <a class="elementor-sub-item" href="https://www.cyclable.com/168-transport-et-rangement-velo"> Transport et rangement vélo </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-7 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/7-composants-et-peripheriques"> Composants et périphériques <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-153 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/153-selles-et-tiges-de-selle"> Selles et tiges de selle <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-170 current-menu-item"> <a class="elementor-sub-item elementor-item-active" href="https://www.cyclable.com/170-selles"> Selles </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1123"> <a class="elementor-sub-item" href="https://www.cyclable.com/1123-tiges-de-selle"> Tiges de selle </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-53"> <a class="elementor-sub-item" href="https://www.cyclable.com/53-pneus-chambres-a-air-velo"> Pneus et chambres à air </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1119 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/1119-peripheriques"> Périphériques <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-1141"> <a class="elementor-sub-item" href="https://www.cyclable.com/1141-cintres-rubans-et-embouts"> Cintres, rubans et embouts </a> </li> <li class="menu-item menu-item-type-category menu-item-category-87"> <a class="elementor-sub-item" href="https://www.cyclable.com/87-grips-et-bar-ends"> Grips et bar-ends </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-46"> <a class="elementor-sub-item" href="https://www.cyclable.com/46-freinage"> Freinage </a> </li> <li class="menu-item menu-item-type-category menu-item-category-944"> <a class="elementor-sub-item" href="https://www.cyclable.com/944-transmission"> Transmission </a> </li> <li class="menu-item menu-item-type-category menu-item-category-49"> <a class="elementor-sub-item" href="https://www.cyclable.com/49-pedales-et-accessoires"> Pédales et Accessoires </a> </li> <li class="menu-item menu-item-type-category menu-item-category-231"> <a class="elementor-sub-item" href="https://www.cyclable.com/231-pieces-et-accessoires-velos-cargo"> Pièces et accessoires vélos cargo </a> </li> <li class="menu-item menu-item-type-category menu-item-category-36 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/36-bequilles-et-garde-boues"> Béquilles et garde-boues <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-85"> <a class="elementor-sub-item" href="https://www.cyclable.com/85-bequilles"> Béquilles </a> </li> <li class="menu-item menu-item-type-category menu-item-category-47"> <a class="elementor-sub-item" href="https://www.cyclable.com/47-garde-boues"> Garde-boues </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-198"> <a class="elementor-sub-item" href="https://www.cyclable.com/198-pieces-et-accessoires-velos-pliants"> Pièces et accessoires vélos pliants </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-1088"> <a class="elementor-sub-item" href="https://www.cyclable.com/1088-idees-cadeaux"> Idées cadeaux </a> </li> </ul> </li> </ul> </nav> <a href="javascript://toggle" class="elementor-menu-toggle" role="button" aria-label="Menu" aria-expanded="false"> <i class="ceicon ceicon-menu" aria-hidden="true"></i> </a> <nav class="elementor-nav--dropdown elementor-nav__container" aria-label="Liens des catégories"> <ul class="elementor-nav" id="menu-2-6950ab8"> <li class="menu-item menu-item-type-category menu-item-category-945 menu-item-has-children"> <a class="elementor-item" href="https://www.cyclable.com/945-tous-les-velos"> Tous les vélos <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-13 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/13-velo-electrique"> Vélo électrique <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-294"> <a class="elementor-sub-item" href="https://www.cyclable.com/294-vtc-electrique"> VTC électrique </a> </li> <li class="menu-item menu-item-type-category menu-item-category-183"> <a class="elementor-sub-item" href="https://www.cyclable.com/183-velo-electrique-ville"> Vélo électrique ville </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1352"> <a class="elementor-sub-item" href="https://www.cyclable.com/1352-velo-randonnee-electrique"> Vélo randonnée électrique </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1326"> <a class="elementor-sub-item" href="https://www.cyclable.com/1326-velo-cargo-electrique"> Vélo cargo électrique </a> </li> <li class="menu-item menu-item-type-category menu-item-category-268"> <a class="elementor-sub-item" href="https://www.cyclable.com/268-velo-electrique-pliant"> Vélo électrique pliant </a> </li> <li class="menu-item menu-item-type-category menu-item-category-946"> <a class="elementor-sub-item" href="https://www.cyclable.com/946-vtt-electrique"> VTT électrique </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-963 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/963-velo-cargo"> Vélo cargo <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-160"> <a class="elementor-sub-item" href="https://www.cyclable.com/160-biporteur"> Biporteur </a> </li> <li class="menu-item menu-item-type-category menu-item-category-954"> <a class="elementor-sub-item" href="https://www.cyclable.com/954-triporteur"> Triporteur </a> </li> <li class="menu-item menu-item-type-category menu-item-category-955"> <a class="elementor-sub-item" href="https://www.cyclable.com/955-longtail"> Longtail </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-1467 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/1467-velos-gravel-trekking"> Vélo gravel & trekking <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-1327"> <a class="elementor-sub-item" href="https://www.cyclable.com/1327-gravel-bike"> Gravel bike </a> </li> <li class="menu-item menu-item-type-category menu-item-category-16"> <a class="elementor-sub-item" href="https://www.cyclable.com/16-velo-trekking"> Vélo trekking </a> </li> <li class="menu-item menu-item-type-category menu-item-category-941"> <a class="elementor-sub-item" href="https://www.cyclable.com/941-kit-cadre"> Kit cadre </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-14 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/14-velo-pliant"> Vélo pliant <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-947"> <a class="elementor-sub-item" href="https://www.cyclable.com/947-velo-pliant-classique"> Vélo pliant classique </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1385"> <a class="elementor-sub-item" href="https://www.cyclable.com/1385-velo-pliant-electrique"> Vélo pliant électrique </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-1468 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/1468-velo-musculaire"> Vélo musculaire <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-9"> <a class="elementor-sub-item" href="https://www.cyclable.com/9-velo-de-ville"> Vélo de ville </a> </li> <li class="menu-item menu-item-type-category menu-item-category-179"> <a class="elementor-sub-item" href="https://www.cyclable.com/179-velo-tout-chemin"> Vélo tout chemin </a> </li> </ul> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-934 menu-item-has-children"> <a class="elementor-item" href="https://www.cyclable.com/934-accessoires-et-pieces"> Accessoires et pièces <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-27 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/27-velo-et-enfant"> Vélos et accessoires enfant <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-1070 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/1070-draisiennes-et-velos-enfant"> Draisiennes et vélos enfant <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-22"> <a class="elementor-sub-item" href="https://www.cyclable.com/22-draisiennes"> Draisiennes </a> </li> <li class="menu-item menu-item-type-category menu-item-category-23"> <a class="elementor-sub-item" href="https://www.cyclable.com/23-velos-enfant"> Vélos enfant </a> </li> <li class="menu-item menu-item-type-category menu-item-category-201"> <a class="elementor-sub-item" href="https://www.cyclable.com/201-pieces-et-accessoires-draisiennes"> Pièces et accessoires draisiennes </a> </li> <li class="menu-item menu-item-type-category menu-item-category-203"> <a class="elementor-sub-item" href="https://www.cyclable.com/203-pieces-et-accessoires-velos-enfants"> Pièces et accessoires vélos enfants </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-29"> <a class="elementor-sub-item" href="https://www.cyclable.com/29-casques-enfant"> Casques enfant </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1319 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/1319-porte-bebes-et-accessoires"> Porte-bébés et accessoires <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-1064"> <a class="elementor-sub-item" href="https://www.cyclable.com/1064-porte-bebes-velo-arriere"> Porte-bébés vélo arrière </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1063"> <a class="elementor-sub-item" href="https://www.cyclable.com/1063-porte-bebe-velo-avant"> Porte-bébé vélo avant </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1065"> <a class="elementor-sub-item" href="https://www.cyclable.com/1065-sieges-velo-enfants-6-a-10-ans-22-35-kg"> Sièges vélo enfants 6 à 10 ans (22-35 kg) </a> </li> <li class="menu-item menu-item-type-category menu-item-category-200"> <a class="elementor-sub-item" href="https://www.cyclable.com/200-pieces-et-accessoires-porte-bebes"> Pièces et accessoires porte-bébés </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-1303 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/1303-barres-de-traction"> Barres de traction <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-24"> <a class="elementor-sub-item" href="https://www.cyclable.com/24-barres-de-traction-velo-enfant"> Barres de traction vélo enfant </a> </li> <li class="menu-item menu-item-type-category menu-item-category-213"> <a class="elementor-sub-item" href="https://www.cyclable.com/213-pieces-et-accessoires-barres-de-traction"> Pièces et accessoires barres de traction </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-1301"> <a class="elementor-sub-item" href="https://www.cyclable.com/1301-remorques-velo-enfant"> Remorques vélo enfant </a> </li> <li class="menu-item menu-item-type-category menu-item-category-242"> <a class="elementor-sub-item" href="https://www.cyclable.com/242-protection-pluie-enfant"> Protection pluie enfant </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-39 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/39-equipement-du-cycliste"> Equipement du cycliste <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-82 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/82-casques"> Casques <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-929"> <a class="elementor-sub-item" href="https://www.cyclable.com/929-casques-velo"> Casques vélo </a> </li> <li class="menu-item menu-item-type-category menu-item-category-216"> <a class="elementor-sub-item" href="https://www.cyclable.com/216-pieces-et-accessoires-casques"> Pièces et accessoires casques </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-962 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/962-vetements-et-accessoires-de-pluie"> Vêtements et accessoires de pluie <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-84"> <a class="elementor-sub-item" href="https://www.cyclable.com/84-ponchos-velo"> Ponchos vélo </a> </li> <li class="menu-item menu-item-type-category menu-item-category-149"> <a class="elementor-sub-item" href="https://www.cyclable.com/149-pantalons-de-pluie"> Pantalons de pluie </a> </li> <li class="menu-item menu-item-type-category menu-item-category-177"> <a class="elementor-sub-item" href="https://www.cyclable.com/177-accessoires-de-pluie-et-pinces-pantalon"> Accessoires de pluie et pinces-pantalon </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1275"> <a class="elementor-sub-item" href="https://www.cyclable.com/1275-vestes-de-pluie-velo"> Vestes de pluie </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-1277"> <a class="elementor-sub-item" href="https://www.cyclable.com/1277-vetements-et-accessoires-haute-visibilite"> Vêtements et accessoires haute visibilité </a> </li> <li class="menu-item menu-item-type-category menu-item-category-151"> <a class="elementor-sub-item" href="https://www.cyclable.com/151-gants-manchons-velo"> Gants et manchons </a> </li> <li class="menu-item menu-item-type-category menu-item-category-214"> <a class="elementor-sub-item" href="https://www.cyclable.com/214-bonnets-cagoules-et-tours-de-cou"> Bonnets, cagoules et tours de cou </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1252"> <a class="elementor-sub-item" href="https://www.cyclable.com/1252-couvre-chaussures-et-chaussettes"> Couvre-chaussures et chaussettes </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1282"> <a class="elementor-sub-item" href="https://www.cyclable.com/1282-vestes-et-gilets"> Vestes et gilets </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1283"> <a class="elementor-sub-item" href="https://www.cyclable.com/1283-pantalons-shorts-et-cuissards"> Pantalons, shorts et cuissards </a> </li> <li class="menu-item menu-item-type-category menu-item-category-286"> <a class="elementor-sub-item" href="https://www.cyclable.com/286-masques-anti-pollution"> Masques anti-pollution </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1401"> <a class="elementor-sub-item" href="https://www.cyclable.com/1401-chaussures-de-velo"> Chaussures de vélo </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-234 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/234-equipement-du-velo"> Accessoires vélo <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-1228 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/1228-sacoches-velo-paniers-et-sac-a-dos"> Sacoches et sacs <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-244"> <a class="elementor-sub-item" href="https://www.cyclable.com/244-sacoches-de-randonnee-et-voyage"> Sacoches de randonnée et voyage </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1078"> <a class="elementor-sub-item" href="https://www.cyclable.com/1078-sacoches-de-bikepacking"> Sacoches de Bikepacking </a> </li> <li class="menu-item menu-item-type-category menu-item-category-34"> <a class="elementor-sub-item" href="https://www.cyclable.com/34-sacoches-de-ville"> Sacoches de ville </a> </li> <li class="menu-item menu-item-type-category menu-item-category-156"> <a class="elementor-sub-item" href="https://www.cyclable.com/156-sacoches-de-selle-cadre-et-cintre"> Sacoches de selle, cadre et cintre </a> </li> <li class="menu-item menu-item-type-category menu-item-category-62"> <a class="elementor-sub-item" href="https://www.cyclable.com/62-sacs-a-dos"> Sacs à dos </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1040"> <a class="elementor-sub-item" href="https://www.cyclable.com/1040-sacs-bandoulieres"> Sacs bandoulières </a> </li> <li class="menu-item menu-item-type-category menu-item-category-229"> <a class="elementor-sub-item" href="https://www.cyclable.com/229-accessoires-sacoches"> Accessoires sacoches </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-42"> <a class="elementor-sub-item" href="https://www.cyclable.com/42-antivols"> Antivols </a> </li> <li class="menu-item menu-item-type-category menu-item-category-89"> <a class="elementor-sub-item" href="https://www.cyclable.com/89-eclairages-velo"> Eclairages </a> </li> <li class="menu-item menu-item-type-category menu-item-category-131"> <a class="elementor-sub-item" href="https://www.cyclable.com/131-paniers-et-top-cases"> Paniers et top cases </a> </li> <li class="menu-item menu-item-type-category menu-item-category-164"> <a class="elementor-sub-item" href="https://www.cyclable.com/164-porte-bagages"> Porte-bagages </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1244"> <a class="elementor-sub-item" href="https://www.cyclable.com/1244-supports-et-housses-smartphones"> Supports et housses smartphones </a> </li> <li class="menu-item menu-item-type-category menu-item-category-935"> <a class="elementor-sub-item" href="https://www.cyclable.com/935-bidons-porte-bidons-et-poches-a-eau"> Bidons, porte-bidons et poches à eau </a> </li> <li class="menu-item menu-item-type-category menu-item-category-45 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/45-outillage-entretien-et-pompes"> Outillage, entretien et pompes <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-1066"> <a class="elementor-sub-item" href="https://www.cyclable.com/1066-multi-outils"> Multi-outils </a> </li> <li class="menu-item menu-item-type-category menu-item-category-103"> <a class="elementor-sub-item" href="https://www.cyclable.com/103-outillage-general"> Outillage général </a> </li> <li class="menu-item menu-item-type-category menu-item-category-104"> <a class="elementor-sub-item" href="https://www.cyclable.com/104-pompes-velo"> Pompes </a> </li> <li class="menu-item menu-item-type-category menu-item-category-105"> <a class="elementor-sub-item" href="https://www.cyclable.com/105-produits-d-entretien"> Produits d'entretien </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-168"> <a class="elementor-sub-item" href="https://www.cyclable.com/168-transport-et-rangement-velo"> Transport et rangement vélo </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-7 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/7-composants-et-peripheriques"> Composants et périphériques <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-153 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/153-selles-et-tiges-de-selle"> Selles et tiges de selle <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-170 current-menu-item"> <a class="elementor-sub-item elementor-item-active" href="https://www.cyclable.com/170-selles"> Selles </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1123"> <a class="elementor-sub-item" href="https://www.cyclable.com/1123-tiges-de-selle"> Tiges de selle </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-53"> <a class="elementor-sub-item" href="https://www.cyclable.com/53-pneus-chambres-a-air-velo"> Pneus et chambres à air </a> </li> <li class="menu-item menu-item-type-category menu-item-category-1119 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/1119-peripheriques"> Périphériques <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-1141"> <a class="elementor-sub-item" href="https://www.cyclable.com/1141-cintres-rubans-et-embouts"> Cintres, rubans et embouts </a> </li> <li class="menu-item menu-item-type-category menu-item-category-87"> <a class="elementor-sub-item" href="https://www.cyclable.com/87-grips-et-bar-ends"> Grips et bar-ends </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-46"> <a class="elementor-sub-item" href="https://www.cyclable.com/46-freinage"> Freinage </a> </li> <li class="menu-item menu-item-type-category menu-item-category-944"> <a class="elementor-sub-item" href="https://www.cyclable.com/944-transmission"> Transmission </a> </li> <li class="menu-item menu-item-type-category menu-item-category-49"> <a class="elementor-sub-item" href="https://www.cyclable.com/49-pedales-et-accessoires"> Pédales et Accessoires </a> </li> <li class="menu-item menu-item-type-category menu-item-category-231"> <a class="elementor-sub-item" href="https://www.cyclable.com/231-pieces-et-accessoires-velos-cargo"> Pièces et accessoires vélos cargo </a> </li> <li class="menu-item menu-item-type-category menu-item-category-36 menu-item-has-children"> <a class="elementor-sub-item" href="https://www.cyclable.com/36-bequilles-et-garde-boues"> Béquilles et garde-boues <span class="sub-arrow ceicon ceicon-sort-down" aria-hidden="true"></span> </a> <ul class="sub-menu elementor-nav--dropdown"> <li class="menu-item menu-item-type-category menu-item-category-85"> <a class="elementor-sub-item" href="https://www.cyclable.com/85-bequilles"> Béquilles </a> </li> <li class="menu-item menu-item-type-category menu-item-category-47"> <a class="elementor-sub-item" href="https://www.cyclable.com/47-garde-boues"> Garde-boues </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-198"> <a class="elementor-sub-item" href="https://www.cyclable.com/198-pieces-et-accessoires-velos-pliants"> Pièces et accessoires vélos pliants </a> </li> </ul> </li> <li class="menu-item menu-item-type-category menu-item-category-1088"> <a class="elementor-sub-item" href="https://www.cyclable.com/1088-idees-cadeaux"> Idées cadeaux </a> </li> </ul> </li> </ul> </nav> </div> </div> <div class="elementor-element elementor-element-f286c15 elementor-search--skin-minimal elementor-widget-mobile__width-initial elementor-widget elementor-widget-ajax-search" data-id="f286c15" data-element_type="widget" data-settings="{"skin":"minimal","list_limit":10,"show_image":"yes","show_category":"yes","show_price":"yes"}" data-widget_type="ajax-search.default"> <div class="elementor-widget-container"> <form class="elementor-search" role="search" action="https://www.cyclable.com/recherche" method="get"> <div class="elementor-search__container"> <div class="elementor-search__icon" aria-label="Rechercher"> <i aria-hidden="true" class="fas fa-magnifying-glass"></i> </div> <input class="elementor-search__input" type="search" name="s" placeholder="Produit, vélo, marque..." value="" minlength="3" role="combobox" aria-expanded="false" aria-haspopup="listbox" aria-autocomplete="list"> <div class="elementor-search__icon elementor-search__clear" aria-hidden="true"><i class="ceicon-close"></i></div> </div> </form> </div> </div> <div class="elementor-element elementor-element-e97da07 elementor-widget__width-auto elementor-widget-mobile__width-auto elementor-hidden-desktop elementor-hidden-tablet elementor-cart--empty-indicator-hide elementor-cart--items-indicator-bubble elementor-cart--show-shipping-yes elementor-cart--show-view-cart-yes elementor-cart--show-checkout-yes elementor-cart--buttons-inline elementor-widget elementor-widget-shopping-cart" data-id="e97da07" data-element_type="widget" data-settings="{"modal_url":"https:\/\/www.cyclable.com\/module\/creativeelements\/ajax","labels":{"gift":"Cadeau","facetLabelFacetValue":"%facet_label%: %facet_value%","productDetails":"D\u00e9tails du produit","regularPrice":"Prix de base","removeFromCart":"supprimer du panier"},"action_show_modal":"yes","remove_item_icon":{"value":"far fa-circle-xmark","library":"fa-regular"}}" data-widget_type="shopping-cart.default"> <div class="elementor-widget-container"> <dialog class="elementor-cart__container elementor-lightbox" id="elementor-cart__dialog-e97da07" aria-modal="true" aria-labelledby="elementor-cart__title-e97da07"> <div class="elementor-cart__main"> <a class="elementor-cart__close-button ceicon-close" href="javascript://close" role="button" aria-label="Fermer"></a> <div class="elementor-cart__title" id="elementor-cart__title-e97da07"> <span class="screen-reader-text">Panier</span> </div> <div class="elementor-cart__empty-message" role="alert" aria-live="polite">Aucun produit dans le chariot.</div> <div class="elementor-cart__products ce-scrollbar-y--auto" role="list"> </div> <div class="elementor-cart__summary" role="list" aria-label="Your order"> <div class="elementor-cart__summary-label" role="term">0 articles</div> <div class="elementor-cart__summary-value" role="definition">0,00 €</div> <span class="elementor-cart__summary-label" role="term">Livraison</span> <span class="elementor-cart__summary-value" role="definition"></span> <strong class="elementor-cart__summary-label" role="term">Total</strong> <strong class="elementor-cart__summary-value" role="definition">0,00 €</strong> </div> <div class="elementor-alert elementor-alert-warning" hidden role="alert" aria-live="polite"> <span class="elementor-alert-description"></span> </div> <footer class="elementor-cart__footer-buttons"> <div class="elementor-align-justify"> <a href="https://www.cyclable.com/panier?action=show" class="elementor-button elementor-button--cart elementor-size-md"> <span class="elementor-button-text">Voir le panier</span> </a> </div> <div class="elementor-align-justify"> <a href="https://www.cyclable.com/commande" class="elementor-button elementor-button--checkout elementor-size-md"tabindex="-1" aria-disabled="true"> <span class="elementor-button-text">Commander</span> </a> </div> </footer> </div> </dialog> <div class="elementor-cart__toggle"> <a href="https://www.cyclable.com/panier?action=show" class="elementor-button elementor-size-sm" role="button" aria-label="Panier" aria-controls="elementor-cart__dialog-e97da07" aria-expanded="false" aria-description="0 articles"> <span class="elementor-button-icon" data-counter="0" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M29.1756 5.69229C28.6194 5.05692 27.8265 4.70695 26.9433 4.70695H5.58998L5.37506 3.09563C5.14343 1.35979 3.93494 0 2.62367 0H1.05469C0.569229 0 0.175781 0.393448 0.175781 0.878906C0.175781 1.36436 0.569229 1.75781 1.05469 1.75781H2.62367C2.90565 1.75781 3.50281 2.35405 3.63258 3.32794L6.14845 22.1974C6.25923 23.0292 6.68655 23.8078 7.35168 24.3901C7.84492 24.822 8.42789 25.1093 9.03854 25.2294C8.78975 25.687 8.6483 26.2111 8.6483 26.7675C8.6483 28.55 10.0985 30 11.8808 30C13.6631 30 15.1133 28.55 15.1133 26.7675C15.1133 26.2365 14.9837 25.7355 14.7558 25.293H19.3613C19.1334 25.7355 19.0038 26.2365 19.0038 26.7675C19.0038 28.55 20.454 30 22.2363 30C24.0186 30 25.4688 28.55 25.4688 26.7675C25.4688 26.2365 25.3393 25.7355 25.1113 25.293H27.4141C27.8993 25.293 28.293 24.8994 28.293 24.4141C28.293 23.9287 27.8993 23.5352 27.4141 23.5352H9.68422C8.82545 23.5352 8.00423 22.8161 7.8907 21.9649L7.70691 20.5859H14.5475C14.5477 20.5859 14.548 20.5861 14.5482 20.5861C14.5484 20.5861 14.5486 20.5859 14.5491 20.5859H20.1956C20.1958 20.5859 20.1961 20.5861 20.1965 20.5861C20.1968 20.5861 20.1968 20.5859 20.197 20.5859H25.0605C25.8996 20.5859 26.7279 20.2652 27.393 19.6832C28.0582 19.1009 28.4855 18.322 28.5963 17.4902L29.8569 8.03513C29.9737 7.15965 29.7318 6.32767 29.1756 5.69229ZM13.3555 26.7675C13.3555 27.5807 12.694 28.2422 11.8808 28.2422C11.0678 28.2422 10.4061 27.5807 10.4061 26.7675C10.4061 25.9545 11.0678 25.293 11.8808 25.293C12.694 25.293 13.3555 25.9545 13.3555 26.7675ZM23.711 26.7675C23.711 27.5807 23.0495 28.2422 22.2363 28.2422C21.4231 28.2422 20.7616 27.5807 20.7616 26.7675C20.7616 25.9545 21.4231 25.293 22.2363 25.293C23.0495 25.293 23.711 25.9545 23.711 26.7675ZM27.8529 6.8502C28.0705 7.09877 28.1635 7.43683 28.1145 7.80258L27.586 11.7675H21.6058L21.9592 6.46477H26.9433C27.3125 6.46477 27.6354 6.60164 27.8529 6.8502ZM15.3712 18.828L15.0176 13.5253H19.7269L19.3732 18.828H15.3712ZM14.9004 11.7675L14.547 6.46477H20.1974L19.8441 11.7675H14.9004ZM12.7853 6.46477L13.1387 11.7675H6.53114L5.82413 6.46477H12.7853ZM6.76552 13.5253H13.2559L13.6095 18.828H7.47253L6.76552 13.5253ZM25.0605 18.828H21.1349L21.4886 13.5253H27.3516L26.854 17.2579C26.7405 18.1091 25.919 18.828 25.0605 18.828Z" fill="#140808"></path></svg> </span> <span class="elementor-button-text">0,00 €</span> </a> </div> </div> </div> <div class="elementor-element elementor-element-3e3fac7 elementor-widget-mobile__width-auto elementor-hidden-desktop elementor-hidden-tablet elementor-view-default elementor-widget elementor-widget-icon" data-id="3e3fac7" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <a class="elementor-icon" href="https://www.cyclable.com/magasins"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M20.0084 19.8214C23.2007 14.812 22.7994 15.437 22.8914 15.3064C24.0537 13.6671 24.668 11.7376 24.668 9.72656C24.668 4.39336 20.3402 0 15 0C9.67723 0 5.33203 4.38469 5.33203 9.72656C5.33203 11.7363 5.95922 13.7163 7.15957 15.3777L9.99152 19.8214C6.96369 20.2867 1.81641 21.6734 1.81641 24.7266C1.81641 25.8396 2.54285 27.4257 6.00363 28.6617C8.42016 29.5247 11.6151 30 15 30C21.3296 30 28.1836 28.2145 28.1836 24.7266C28.1836 21.6728 23.0423 20.2877 20.0084 19.8214ZM8.62787 14.4108C8.6182 14.3957 8.60812 14.381 8.59758 14.3664C7.59873 12.9923 7.08984 11.3637 7.08984 9.72656C7.08984 5.33098 10.6293 1.75781 15 1.75781C19.3617 1.75781 22.9102 5.33256 22.9102 9.72656C22.9102 11.3664 22.4109 12.9397 21.4661 14.2776C21.3814 14.3893 21.8231 13.703 15 24.4095L8.62787 14.4108ZM15 28.2422C8.08629 28.2422 3.57422 26.21 3.57422 24.7266C3.57422 23.7295 5.89266 22.0901 11.0302 21.4511L14.2588 26.5173C14.4202 26.7705 14.6996 26.9238 14.9999 26.9238C15.3002 26.9238 15.5798 26.7705 15.7411 26.5173L18.9697 21.4511C24.1073 22.0901 26.4258 23.7295 26.4258 24.7266C26.4258 26.1974 21.9543 28.2422 15 28.2422Z" fill="#140808"></path><path d="M15 5.33203C12.5769 5.33203 10.6055 7.30342 10.6055 9.72656C10.6055 12.1497 12.5769 14.1211 15 14.1211C17.4231 14.1211 19.3945 12.1497 19.3945 9.72656C19.3945 7.30342 17.4231 5.33203 15 5.33203ZM15 12.3633C13.5461 12.3633 12.3633 11.1804 12.3633 9.72656C12.3633 8.27268 13.5461 7.08984 15 7.08984C16.4539 7.08984 17.6367 8.27268 17.6367 9.72656C17.6367 11.1804 16.4539 12.3633 15 12.3633Z" fill="#140808"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-e625ffc ce-widgets-space--gap elementor-hidden-phone ce-tablet-valign-top elementor-column elementor-col-33 elementor-top-column" data-id="e625ffc" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-4ba3422 elementor-button-secondary elementor-align-right elementor-widget elementor-widget-button" data-id="4ba3422" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <a href="https://www.cyclable.com/magasins" class="elementor-button-link elementor-button elementor-size-sm"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon elementor-align-icon-left" aria-hidden="true"><i class="fas fa-location-dot"></i></span> <span class="elementor-button-text">Magasins</span> </span> </a> </div> </div> </div> </div> </div> </div> </div> </header> <section class="elementor-element elementor-element-8ead66a elementor-section-full_width elementor-section-content-space-between elementor-hidden-phone elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="8ead66a" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div class="elementor-element elementor-element-bbe8a9d ce-widgets-space--gap elementor-column elementor-col-50 elementor-top-column" data-id="bbe8a9d" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-1dbc649 elementor-button-primary elementor-align-left elementor-hidden-phone elementor-widget__width-auto elementor-hidden-tablet elementor-widget elementor-widget-button" data-id="1dbc649" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <a role="button" class="elementor-button elementor-size-sm" id="display_sidebar"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon elementor-align-icon-left" aria-hidden="true"><i class="ceicon ceicon-burger"></i></span> <span class="elementor-button-text">Produits</span> </span> </a> </div> </div> <div class="elementor-element elementor-element-781b836 elementor-nav--align-left elementor-widget__width-auto elementor-widget-mobile__width-initial elementor-nav--dropdown-tablet elementor-nav--text-align-aside elementor-nav--toggle elementor-nav--burger elementor-widget elementor-widget-nav-menu" data-id="781b836" data-element_type="widget" data-settings="{"submenu_icon":{"value":"ceicon ceicon-sort-down","library":"ce-icons"},"layout":"horizontal","show_submenu_on":"hover","animation_dropdown":"toggle","toggle":"burger"}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <nav class="elementor-nav-menu elementor-nav--main elementor-nav__container elementor-nav--layout-horizontal e--pointer-underline e--animation-fade" aria-label="Menu principal"> <ul class="elementor-nav" id="menu-1-781b836"> <li class="menu-item menu-item-type-link menu-item-lnk-gravel-time-jusqu-a-600-de-reduction-sur-le-gravel"> <a class="elementor-item" href="https://www.cyclable.com/gravel-time"> Gravel Time : jusqu’à 600€ de réduction sur le gravel </a> </li> <li class="menu-item menu-item-type-link menu-item-lnk--nouveau-elwing-chez-cyclable-"> <a class="elementor-item" href="https://www.cyclable.com/369_elwing" target="_blank"> 🚲 Nouveau : Elwing chez Cyclable ! </a> </li> </ul> </nav> <a href="javascript://toggle" class="elementor-menu-toggle" role="button" aria-label="Menu" aria-expanded="false"> <i class="ceicon ceicon-menu" aria-hidden="true"></i> </a> <nav class="elementor-nav--dropdown elementor-nav__container" aria-label="Menu principal"> <ul class="elementor-nav" id="menu-2-781b836"> <li class="menu-item menu-item-type-link menu-item-lnk-gravel-time-jusqu-a-600-de-reduction-sur-le-gravel"> <a class="elementor-item" href="https://www.cyclable.com/gravel-time"> Gravel Time : jusqu’à 600€ de réduction sur le gravel </a> </li> <li class="menu-item menu-item-type-link menu-item-lnk--nouveau-elwing-chez-cyclable-"> <a class="elementor-item" href="https://www.cyclable.com/369_elwing" target="_blank"> 🚲 Nouveau : Elwing chez Cyclable ! </a> </li> </ul> </nav> </div> </div> <div class="elementor-element elementor-element-9093592 elementor-widget elementor-widget-shortcode" data-id="9093592" data-element_type="widget" data-widget_type="shortcode.default"> <div class="elementor-widget-container"><div id="sidebar"> <div class="sidebar-content"> <div id="main-menu" class="mobile-menu"> <div class="menu-section special-offers-section"> <ul class="menu-items"> <li class="menu-item-wrapper"> <a href="#" class="sidebar-menu-item special-offer-btn" data-id="special_offer_Offres du moment" data-group="Offres du moment"> <span class="menu-content"> <span class="menu-icon" aria-hidden="true" style="margin-right: 8px;"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="20" height="20" rx="10" fill="#B5131D"/> <path d="M6.556 10.292C6.148 10.292 5.776 10.208 5.44 10.04C5.104 9.872 4.836 9.62 4.636 9.284C4.444 8.948 4.348 8.532 4.348 8.036C4.348 7.628 4.408 7.28 4.528 6.992C4.656 6.696 4.824 6.46 5.032 6.284C5.248 6.1 5.488 5.968 5.752 5.888C6.024 5.8 6.3 5.756 6.58 5.756C7.004 5.756 7.38 5.84 7.708 6.008C8.044 6.176 8.308 6.428 8.5 6.764C8.7 7.1 8.8 7.52 8.8 8.024C8.8 8.568 8.688 9.008 8.464 9.344C8.248 9.68 7.968 9.924 7.624 10.076C7.288 10.22 6.932 10.292 6.556 10.292ZM6.604 9.272C6.78 9.272 6.952 9.232 7.12 9.152C7.288 9.072 7.424 8.944 7.528 8.768C7.64 8.592 7.696 8.356 7.696 8.06C7.696 7.74 7.636 7.488 7.516 7.304C7.396 7.12 7.248 6.988 7.072 6.908C6.904 6.828 6.728 6.788 6.544 6.788C6.36 6.788 6.184 6.828 6.016 6.908C5.856 6.988 5.724 7.116 5.62 7.292C5.516 7.468 5.464 7.7 5.464 7.988C5.464 8.292 5.52 8.54 5.632 8.732C5.744 8.916 5.888 9.052 6.064 9.14C6.24 9.228 6.42 9.272 6.604 9.272ZM12.772 14.36C12.356 14.36 11.98 14.276 11.644 14.108C11.308 13.94 11.044 13.688 10.852 13.352C10.66 13.008 10.564 12.588 10.564 12.092C10.564 11.684 10.624 11.336 10.744 11.048C10.872 10.76 11.04 10.528 11.248 10.352C11.464 10.168 11.704 10.032 11.968 9.944C12.24 9.856 12.516 9.812 12.796 9.812C13.212 9.812 13.584 9.896 13.912 10.064C14.248 10.232 14.512 10.484 14.704 10.82C14.904 11.156 15.004 11.58 15.004 12.092C15.004 12.636 14.896 13.076 14.68 13.412C14.464 13.74 14.184 13.98 13.84 14.132C13.504 14.284 13.148 14.36 12.772 14.36ZM12.82 13.328C12.996 13.328 13.164 13.288 13.324 13.208C13.492 13.128 13.628 13.004 13.732 12.836C13.844 12.66 13.9 12.424 13.9 12.128C13.9 11.808 13.84 11.556 13.72 11.372C13.608 11.188 13.464 11.056 13.288 10.976C13.112 10.888 12.932 10.844 12.748 10.844C12.572 10.844 12.4 10.888 12.232 10.976C12.064 11.056 11.928 11.184 11.824 11.36C11.72 11.528 11.668 11.76 11.668 12.056C11.668 12.352 11.724 12.596 11.836 12.788C11.948 12.98 12.092 13.12 12.268 13.208C12.452 13.288 12.636 13.328 12.82 13.328ZM6.556 14L11.344 6.08H12.652L7.852 14H6.556Z" fill="white"/> </svg> </span> <span>Offres du moment</span> </span> <span class="arrow">›</span> </a> </li> </ul> </div> <div class="menu-section "> <div class="menu-group-title">Produits</div> <ul class="menu-items"> <li class="menu-item-wrapper"> <a href="#" class="sidebar-menu-item" data-id="11" data-group="Produits"> <span class="menu-content"> <span class="menu-icon" aria-hidden="true"> <img src="/img/cms/68710d89bd5b3.svg" alt="Vélo électrique" width="30" height="30" loading="lazy" /> </span> <span class="menu-title">Vélo électrique</span> </span> <span class="arrow">›</span> </a> </li> <li class="menu-item-wrapper"> <a href="#" class="sidebar-menu-item" data-id="12" data-group="Produits"> <span class="menu-content"> <span class="menu-icon" aria-hidden="true"> <img src="/img/cms/68809cf220de3.png" alt="Vélo cargo" width="30" height="30" loading="lazy" /> </span> <span class="menu-title">Vélo cargo</span> </span> <span class="arrow">›</span> </a> </li> <li class="menu-item-wrapper"> <a href="#" class="sidebar-menu-item" data-id="13" data-group="Produits"> <span class="menu-content"> <span class="menu-icon" aria-hidden="true"> <img src="/img/cms/68809d7c66981.png" alt="Vélo gravel & trekking" width="30" height="30" loading="lazy" /> </span> <span class="menu-title">Vélo gravel & trekking</span> </span> <span class="arrow">›</span> </a> </li> <li class="menu-item-wrapper"> <a href="#" class="sidebar-menu-item" data-id="14" data-group="Produits"> <span class="menu-content"> <span class="menu-icon" aria-hidden="true"> <img src="/img/cms/68809dc4c5098.png" alt="Vélo pliant" width="30" height="30" loading="lazy" /> </span> <span class="menu-title">Vélo pliant</span> </span> <span class="arrow">›</span> </a> </li> <li class="menu-item-wrapper"> <a href="#" class="sidebar-menu-item" data-id="15" data-group="Produits"> <span class="menu-content"> <span class="menu-icon" aria-hidden="true"> <img src="/img/cms/68809dde59c8a.png" alt="Vélo enfant" width="30" height="30" loading="lazy" /> </span> <span class="menu-title">Vélo enfant</span> </span> <span class="arrow">›</span> </a> </li> <li class="menu-item-wrapper"> <a href="#" class="sidebar-menu-item" data-id="16" data-group="Produits"> <span class="menu-content"> <span class="menu-icon" aria-hidden="true"> <img src="/img/cms/68809e472b921.png" alt="Accessoire de vélo" width="30" height="30" loading="lazy" /> </span> <span class="menu-title">Accessoire de vélo</span> </span> <span class="arrow">›</span> </a> </li> <li class="menu-item-wrapper"> <a href="#" class="sidebar-menu-item" data-id="17" data-group="Produits"> <span class="menu-content"> <span class="menu-icon" aria-hidden="true"> <img src="/img/cms/68809e5ee5372.png" alt="Équipement du cycliste" width="30" height="30" loading="lazy" /> </span> <span class="menu-title">Équipement du cycliste</span> </span> <span class="arrow">›</span> </a> </li> <li class="menu-item-wrapper"> <a href="#" class="sidebar-menu-item" data-id="18" data-group="Produits"> <span class="menu-content"> <span class="menu-icon" aria-hidden="true"> <img src="/img/cms/68809e6eb0951.png" alt="Composants de vélo" width="30" height="30" loading="lazy" /> </span> <span class="menu-title">Composants de vélo</span> </span> <span class="arrow">›</span> </a> </li> </ul> </div> <div class="menu-section "> <div class="menu-group-title">Services</div> <ul class="menu-items"> <li class="menu-item-wrapper"> <a href="https://www.cyclable.com/reparation-velo" class="sidebar-menu-item" data-id="70" data-group="Services"> <span class="menu-content"> <span class="menu-icon" aria-hidden="true"> </span> <span class="menu-title">Réparation / entretien vélo</span> </span> <span class="arrow"></span> </a> </li> <li class="menu-item-wrapper"> <a href="https://www.cyclable.com/occasions" class="sidebar-menu-item" data-id="159" data-group="Services"> <span class="menu-content"> <span class="menu-icon" aria-hidden="true"> </span> <span class="menu-title">Cyclable occasion : donnez une seconde vie à votre vélo !</span> </span> <span class="arrow"></span> </a> </li> <li class="menu-item-wrapper"> <a href="https://www.cyclable-entreprises.com/" class="sidebar-menu-item" data-id="71" data-group="Services"> <span class="menu-content"> <span class="menu-icon" aria-hidden="true"> </span> <span class="menu-title">Nos solutions pour les entreprises</span> </span> <span class="arrow"></span> </a> </li> <li class="menu-item-wrapper"> <a href="https://www.cyclable.com/financement-velo/" class="sidebar-menu-item" data-id="132" data-group="Services"> <span class="menu-content"> <span class="menu-icon" aria-hidden="true"> </span> <span class="menu-title">Nos solutions de financement</span> </span> <span class="arrow"></span> </a> </li> <li class="menu-item-wrapper"> <a href="https://www.cyclable.com/aides-et-subventions-achat-velo-electrique" class="sidebar-menu-item" data-id="158" data-group="Services"> <span class="menu-content"> <span class="menu-icon" aria-hidden="true"> </span> <span class="menu-title">Subventions et aide à l'achat de vélo</span> </span> <span class="arrow"></span> </a> </li> </ul> </div> </div> <div id="submenu" class="mobile-submenu hidden"> <button id="back-to-main" class="back-btn">← Retour</button> <div id="submenu-image-container"> <img id="submenu-image" src="" alt="" /> </div> <h3 id="submenu-title" class="submenu-title"></h3> <ul id="submenu-items" class="menu-items"></ul> </div> <script type="application/json" id="menu-data-json"> [{"title":"Offres du moment","items":[{"id_custom_menu_item":"160","id_custom_menu":"7","title":"Gravel time : partez \u00e0 l'aventure !","id_category":"0","custom_url":"https:\/\/www.cyclable.com\/gravel-time","image":"","position":"0","id_parent_item":"0","url":"https:\/\/www.cyclable.com\/gravel-time","subitems":[]},{"id_custom_menu_item":"161","id_custom_menu":"7","title":"Nouveau : Elwing d\u00e9barque chez Cyclable !","id_category":"0","custom_url":"https:\/\/www.cyclable.com\/369_elwing","image":"","position":"1","id_parent_item":"0","url":"https:\/\/www.cyclable.com\/369_elwing","subitems":[]},{"id_custom_menu_item":"127","id_custom_menu":"7","title":"Nouveaut\u00e9 : d\u00e9couvrez le shortail O2feel Buzz !","id_category":"0","custom_url":"https:\/\/www.cyclable.com\/18882-velo-cargo-electrique-o2feel-buzz-8.html","image":"","position":"2","id_parent_item":"0","url":"https:\/\/www.cyclable.com\/18882-velo-cargo-electrique-o2feel-buzz-8.html","subitems":[]},{"id_custom_menu_item":"157","id_custom_menu":"7","title":"Kalkhoff Image 3 Advance : votre VAE \u00e0 2499\u20ac","id_category":"0","custom_url":"https:\/\/www.cyclable.com\/18708-velo-de-ville-electrique-kalkhoff-image-3-advance-625-wh.html","image":"","position":"3","id_parent_item":"0","url":"https:\/\/www.cyclable.com\/18708-velo-de-ville-electrique-kalkhoff-image-3-advance-625-wh.html","subitems":[]}],"type":"special_offer","id_custom_menu":"7"},{"title":"Produits","items":[{"id_custom_menu_item":"11","id_custom_menu":"8","title":"V\u00e9lo \u00e9lectrique","id_category":"0","custom_url":null,"image":"\/img\/cms\/68710d89bd5b3.svg","position":"0","id_parent_item":null,"url":"#","subitems":[{"id_custom_menu_item":"119","id_custom_menu":"8","title":"Tous les v\u00e9los \u00e9lectriques","id_category":"13","custom_url":"","image":"","position":"1","id_parent_item":"11","url":"https:\/\/www.cyclable.com\/13-velo-electrique"},{"id_custom_menu_item":"116","id_custom_menu":"8","title":"V\u00e9lo tout chemin \u00e9lectrique","id_category":"294","custom_url":"","image":null,"position":"2","id_parent_item":"11","url":"https:\/\/www.cyclable.com\/294-vtc-electrique"},{"id_custom_menu_item":"117","id_custom_menu":"8","title":"V\u00e9lo ville \u00e9lectrique","id_category":"183","custom_url":"","image":null,"position":"3","id_parent_item":"11","url":"https:\/\/www.cyclable.com\/183-velo-electrique-ville"},{"id_custom_menu_item":"118","id_custom_menu":"8","title":"V\u00e9lo randonn\u00e9e \u00e9lectrique","id_category":"1352","custom_url":"","image":null,"position":"4","id_parent_item":"11","url":"https:\/\/www.cyclable.com\/1352-velo-randonnee-electrique"},{"id_custom_menu_item":"105","id_custom_menu":"8","title":"V\u00e9lo cargo \u00e9lectrique","id_category":"1326","custom_url":"","image":"","position":"5","id_parent_item":"11","url":"https:\/\/www.cyclable.com\/1326-velo-cargo-electrique"},{"id_custom_menu_item":"106","id_custom_menu":"8","title":"V\u00e9lo pliant \u00e9lectrique","id_category":"268","custom_url":"","image":"","position":"6","id_parent_item":"11","url":"https:\/\/www.cyclable.com\/268-velo-electrique-pliant"},{"id_custom_menu_item":"107","id_custom_menu":"8","title":"VTT \u00e9lectrique","id_category":"946","custom_url":"","image":"","position":"7","id_parent_item":"11","url":"https:\/\/www.cyclable.com\/946-vtt-electrique"}]},{"id_custom_menu_item":"12","id_custom_menu":"8","title":"V\u00e9lo cargo","id_category":"0","custom_url":"","image":"\/img\/cms\/68809cf220de3.png","position":"0","id_parent_item":null,"url":"#","subitems":[{"id_custom_menu_item":"120","id_custom_menu":"8","title":"Tous les v\u00e9los cargo","id_category":"963","custom_url":"","image":null,"position":"1","id_parent_item":"12","url":"https:\/\/www.cyclable.com\/963-velo-cargo"},{"id_custom_menu_item":"26","id_custom_menu":"8","title":"Longtail","id_category":"955","custom_url":"","image":"","position":"2","id_parent_item":"12","url":"https:\/\/www.cyclable.com\/955-longtail"},{"id_custom_menu_item":"27","id_custom_menu":"8","title":"Biporteur","id_category":"160","custom_url":"","image":"","position":"3","id_parent_item":"12","url":"https:\/\/www.cyclable.com\/160-biporteur"},{"id_custom_menu_item":"28","id_custom_menu":"8","title":"Triporteur","id_category":"954","custom_url":"","image":"","position":"4","id_parent_item":"12","url":"https:\/\/www.cyclable.com\/954-triporteur"}]},{"id_custom_menu_item":"13","id_custom_menu":"8","title":"V\u00e9lo gravel & trekking","id_category":"0","custom_url":"","image":"\/img\/cms\/68809d7c66981.png","position":"0","id_parent_item":null,"url":"#","subitems":[{"id_custom_menu_item":"121","id_custom_menu":"8","title":"Tous les v\u00e9los gravel & trekking","id_category":"1467","custom_url":"","image":null,"position":"1","id_parent_item":"13","url":"https:\/\/www.cyclable.com\/1467-velos-gravel-trekking"},{"id_custom_menu_item":"29","id_custom_menu":"8","title":"V\u00e9lo gravel","id_category":"1327","custom_url":"","image":"","position":"2","id_parent_item":"13","url":"https:\/\/www.cyclable.com\/1327-gravel-bike"},{"id_custom_menu_item":"30","id_custom_menu":"8","title":"V\u00e9lo trekking","id_category":"16","custom_url":"","image":"","position":"3","id_parent_item":"13","url":"https:\/\/www.cyclable.com\/16-velo-trekking"},{"id_custom_menu_item":"31","id_custom_menu":"8","title":"Kit cadre","id_category":"941","custom_url":"","image":"","position":"4","id_parent_item":"13","url":"https:\/\/www.cyclable.com\/941-kit-cadre"}]},{"id_custom_menu_item":"14","id_custom_menu":"8","title":"V\u00e9lo pliant","id_category":"0","custom_url":"","image":"\/img\/cms\/68809dc4c5098.png","position":"0","id_parent_item":null,"url":"#","subitems":[{"id_custom_menu_item":"122","id_custom_menu":"8","title":"Tous les v\u00e9los pliants","id_category":"14","custom_url":"","image":null,"position":"1","id_parent_item":"14","url":"https:\/\/www.cyclable.com\/14-velo-pliant"},{"id_custom_menu_item":"32","id_custom_menu":"8","title":"V\u00e9lo pliant classique","id_category":"947","custom_url":"","image":"","position":"2","id_parent_item":"14","url":"https:\/\/www.cyclable.com\/947-velo-pliant-classique"},{"id_custom_menu_item":"33","id_custom_menu":"8","title":"V\u00e9lo pliant \u00e9lectrique","id_category":"268","custom_url":"","image":"","position":"3","id_parent_item":"14","url":"https:\/\/www.cyclable.com\/268-velo-electrique-pliant"}]},{"id_custom_menu_item":"15","id_custom_menu":"8","title":"V\u00e9lo enfant","id_category":"0","custom_url":"","image":"\/img\/cms\/68809dde59c8a.png","position":"0","id_parent_item":null,"url":"#","subitems":[{"id_custom_menu_item":"34","id_custom_menu":"8","title":"Draisienne","id_category":"22","custom_url":null,"image":null,"position":"1","id_parent_item":"15","url":"https:\/\/www.cyclable.com\/22-draisiennes"},{"id_custom_menu_item":"35","id_custom_menu":"8","title":"V\u00e9lo enfant","id_category":"23","custom_url":null,"image":null,"position":"2","id_parent_item":"15","url":"https:\/\/www.cyclable.com\/23-velos-enfant"},{"id_custom_menu_item":"36","id_custom_menu":"8","title":"Casque v\u00e9lo enfant","id_category":"29","custom_url":"","image":"","position":"3","id_parent_item":"15","url":"https:\/\/www.cyclable.com\/29-casques-enfant"},{"id_custom_menu_item":"37","id_custom_menu":"8","title":"Porte-b\u00e9b\u00e9 v\u00e9lo","id_category":"1319","custom_url":null,"image":null,"position":"4","id_parent_item":"15","url":"https:\/\/www.cyclable.com\/1319-porte-bebes-et-accessoires"},{"id_custom_menu_item":"38","id_custom_menu":"8","title":"Barre de traction v\u00e9lo","id_category":"1303","custom_url":null,"image":null,"position":"5","id_parent_item":"15","url":"https:\/\/www.cyclable.com\/1303-barres-de-traction"},{"id_custom_menu_item":"39","id_custom_menu":"8","title":"Remorque v\u00e9lo enfant","id_category":"1301","custom_url":null,"image":null,"position":"6","id_parent_item":"15","url":"https:\/\/www.cyclable.com\/1301-remorques-velo-enfant"},{"id_custom_menu_item":"40","id_custom_menu":"8","title":"Protection pluie enfant","id_category":"242","custom_url":null,"image":null,"position":"7","id_parent_item":"15","url":"https:\/\/www.cyclable.com\/242-protection-pluie-enfant"},{"id_custom_menu_item":"41","id_custom_menu":"8","title":"Pi\u00e8ces et accessoires v\u00e9los enfant","id_category":"203","custom_url":null,"image":null,"position":"8","id_parent_item":"15","url":"https:\/\/www.cyclable.com\/203-pieces-et-accessoires-velos-enfants"}]},{"id_custom_menu_item":"16","id_custom_menu":"8","title":"Accessoire de v\u00e9lo","id_category":"0","custom_url":"","image":"\/img\/cms\/68809e472b921.png","position":"0","id_parent_item":null,"url":"#","subitems":[{"id_custom_menu_item":"42","id_custom_menu":"8","title":"Sacoche et sac v\u00e9lo","id_category":"1228","custom_url":null,"image":null,"position":"1","id_parent_item":"16","url":"https:\/\/www.cyclable.com\/1228-sacoches-velo-paniers-et-sac-a-dos"},{"id_custom_menu_item":"43","id_custom_menu":"8","title":"Antivol v\u00e9lo","id_category":"42","custom_url":null,"image":null,"position":"2","id_parent_item":"16","url":"https:\/\/www.cyclable.com\/42-antivols"},{"id_custom_menu_item":"44","id_custom_menu":"8","title":"\u00c9clairage v\u00e9lo","id_category":"89","custom_url":null,"image":null,"position":"3","id_parent_item":"16","url":"https:\/\/www.cyclable.com\/89-eclairages-velo"},{"id_custom_menu_item":"45","id_custom_menu":"8","title":"Panier et top case","id_category":"131","custom_url":null,"image":null,"position":"4","id_parent_item":"16","url":"https:\/\/www.cyclable.com\/131-paniers-et-top-cases"},{"id_custom_menu_item":"46","id_custom_menu":"8","title":"Porte-bagages v\u00e9lo","id_category":"164","custom_url":null,"image":null,"position":"5","id_parent_item":"16","url":"https:\/\/www.cyclable.com\/164-porte-bagages"},{"id_custom_menu_item":"49","id_custom_menu":"8","title":"Support smartphone","id_category":"1244","custom_url":null,"image":null,"position":"8","id_parent_item":"16","url":"https:\/\/www.cyclable.com\/1244-supports-et-housses-smartphones"},{"id_custom_menu_item":"50","id_custom_menu":"8","title":"Bidon et porte-bidon","id_category":"935","custom_url":null,"image":null,"position":"9","id_parent_item":"16","url":"https:\/\/www.cyclable.com\/935-bidons-porte-bidons-et-poches-a-eau"},{"id_custom_menu_item":"51","id_custom_menu":"8","title":"Outillage, entretien et pompe","id_category":"45","custom_url":null,"image":null,"position":"10","id_parent_item":"16","url":"https:\/\/www.cyclable.com\/45-outillage-entretien-et-pompes"},{"id_custom_menu_item":"52","id_custom_menu":"8","title":"Rangement v\u00e9lo","id_category":"0","custom_url":"https:\/\/www.cyclable.com\/168-transport-et-rangement-velo","image":"","position":"11","id_parent_item":"16","url":"https:\/\/www.cyclable.com\/168-transport-et-rangement-velo"}]},{"id_custom_menu_item":"17","id_custom_menu":"8","title":"\u00c9quipement du cycliste","id_category":"0","custom_url":"","image":"\/img\/cms\/68809e5ee5372.png","position":"0","id_parent_item":null,"url":"#","subitems":[{"id_custom_menu_item":"53","id_custom_menu":"8","title":"Casque de v\u00e9lo","id_category":"929","custom_url":null,"image":null,"position":"1","id_parent_item":"17","url":"https:\/\/www.cyclable.com\/929-casques-velo"},{"id_custom_menu_item":"54","id_custom_menu":"8","title":"Poncho v\u00e9lo","id_category":"84","custom_url":null,"image":null,"position":"2","id_parent_item":"17","url":"https:\/\/www.cyclable.com\/84-ponchos-velo"},{"id_custom_menu_item":"55","id_custom_menu":"8","title":"Veste de pluie","id_category":"1275","custom_url":null,"image":null,"position":"3","id_parent_item":"17","url":"https:\/\/www.cyclable.com\/1275-vestes-de-pluie-velo"},{"id_custom_menu_item":"56","id_custom_menu":"8","title":"Pantalon de pluie","id_category":"149","custom_url":null,"image":null,"position":"4","id_parent_item":"17","url":"https:\/\/www.cyclable.com\/149-pantalons-de-pluie"},{"id_custom_menu_item":"57","id_custom_menu":"8","title":"V\u00eatements r\u00e9fl\u00e9chissants","id_category":"1277","custom_url":null,"image":null,"position":"5","id_parent_item":"17","url":"https:\/\/www.cyclable.com\/1277-vetements-et-accessoires-haute-visibilite"},{"id_custom_menu_item":"58","id_custom_menu":"8","title":"Gants et manchons","id_category":"151","custom_url":null,"image":null,"position":"6","id_parent_item":"17","url":"https:\/\/www.cyclable.com\/151-gants-manchons-velo"},{"id_custom_menu_item":"59","id_custom_menu":"8","title":"Bonnet, cagoule et tour de cou","id_category":"214","custom_url":null,"image":null,"position":"7","id_parent_item":"17","url":"https:\/\/www.cyclable.com\/214-bonnets-cagoules-et-tours-de-cou"},{"id_custom_menu_item":"60","id_custom_menu":"8","title":"Couvre-chaussures","id_category":"1252","custom_url":null,"image":null,"position":"8","id_parent_item":"17","url":"https:\/\/www.cyclable.com\/1252-couvre-chaussures-et-chaussettes"},{"id_custom_menu_item":"61","id_custom_menu":"8","title":"Shorts et cuissards","id_category":"1283","custom_url":null,"image":null,"position":"9","id_parent_item":"17","url":"https:\/\/www.cyclable.com\/1283-pantalons-shorts-et-cuissards"}]},{"id_custom_menu_item":"18","id_custom_menu":"8","title":"Composants de v\u00e9lo","id_category":"0","custom_url":"","image":"\/img\/cms\/68809e6eb0951.png","position":"0","id_parent_item":null,"url":"#","subitems":[{"id_custom_menu_item":"62","id_custom_menu":"8","title":"Selle v\u00e9lo","id_category":"153","custom_url":null,"image":null,"position":"1","id_parent_item":"18","url":"https:\/\/www.cyclable.com\/153-selles-et-tiges-de-selle"},{"id_custom_menu_item":"63","id_custom_menu":"8","title":"B\u00e9quilles et gardes-boues","id_category":"36","custom_url":null,"image":null,"position":"2","id_parent_item":"18","url":"https:\/\/www.cyclable.com\/36-bequilles-et-garde-boues"},{"id_custom_menu_item":"64","id_custom_menu":"8","title":"Pneus et chambre \u00e0 air","id_category":"53","custom_url":null,"image":null,"position":"3","id_parent_item":"18","url":"https:\/\/www.cyclable.com\/53-pneus-chambres-a-air-velo"},{"id_custom_menu_item":"65","id_custom_menu":"8","title":"Freinage","id_category":"46","custom_url":null,"image":null,"position":"4","id_parent_item":"18","url":"https:\/\/www.cyclable.com\/46-freinage"},{"id_custom_menu_item":"66","id_custom_menu":"8","title":"Transmission","id_category":"944","custom_url":null,"image":null,"position":"5","id_parent_item":"18","url":"https:\/\/www.cyclable.com\/944-transmission"},{"id_custom_menu_item":"67","id_custom_menu":"8","title":"Pi\u00e8ces et accessoires v\u00e9los pliants","id_category":"198","custom_url":null,"image":null,"position":"6","id_parent_item":"18","url":"https:\/\/www.cyclable.com\/198-pieces-et-accessoires-velos-pliants"},{"id_custom_menu_item":"69","id_custom_menu":"8","title":"Pi\u00e8ces et accessoires v\u00e9los cargo","id_category":"231","custom_url":"","image":"","position":"8","id_parent_item":"18","url":"https:\/\/www.cyclable.com\/231-pieces-et-accessoires-velos-cargo"}]}],"type":"default","id_custom_menu":"8"},{"title":"Services","items":[{"id_custom_menu_item":"70","id_custom_menu":"9","title":"R\u00e9paration \/ entretien v\u00e9lo","id_category":"0","custom_url":"https:\/\/www.cyclable.com\/reparation-velo","image":"","position":"0","id_parent_item":null,"url":"https:\/\/www.cyclable.com\/reparation-velo","subitems":[]},{"id_custom_menu_item":"159","id_custom_menu":"9","title":"Cyclable occasion : donnez une seconde vie \u00e0 votre v\u00e9lo !","id_category":"0","custom_url":"https:\/\/www.cyclable.com\/occasions","image":"","position":"1","id_parent_item":"0","url":"https:\/\/www.cyclable.com\/occasions","subitems":[]},{"id_custom_menu_item":"71","id_custom_menu":"9","title":"Nos solutions pour les entreprises","id_category":"0","custom_url":"https:\/\/www.cyclable-entreprises.com\/","image":"","position":"2","id_parent_item":null,"url":"https:\/\/www.cyclable-entreprises.com\/","subitems":[]},{"id_custom_menu_item":"132","id_custom_menu":"9","title":"Nos solutions de financement","id_category":"0","custom_url":"https:\/\/www.cyclable.com\/financement-velo\/","image":"","position":"3","id_parent_item":"0","url":"https:\/\/www.cyclable.com\/financement-velo\/","subitems":[]},{"id_custom_menu_item":"158","id_custom_menu":"9","title":"Subventions et aide \u00e0 l'achat de v\u00e9lo","id_category":"0","custom_url":"https:\/\/www.cyclable.com\/aides-et-subventions-achat-velo-electrique","image":"","position":"4","id_parent_item":"0","url":"https:\/\/www.cyclable.com\/aides-et-subventions-achat-velo-electrique","subitems":[]}],"type":"default","id_custom_menu":"9"}] </script> </div> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-1a2b1e5 ce-widgets-space--gap elementor-column elementor-col-50 elementor-top-column" data-id="1a2b1e5" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-9de84f1 elementor-widget__width-auto elementor-widget-mobile__width-auto elementor-cart--empty-indicator-hide elementor-cart--show-subtotal-yes elementor-cart--align-icon-left elementor-cart--items-indicator-bubble elementor-cart--show-shipping-yes elementor-cart--show-view-cart-yes elementor-cart--show-checkout-yes elementor-cart--buttons-inline elementor-widget elementor-widget-shopping-cart" data-id="9de84f1" data-element_type="widget" data-settings="{"modal_url":"https:\/\/www.cyclable.com\/module\/creativeelements\/ajax","labels":{"gift":"Cadeau","facetLabelFacetValue":"%facet_label%: %facet_value%","productDetails":"D\u00e9tails du produit","regularPrice":"Prix de base","removeFromCart":"supprimer du panier"},"action_show_modal":"yes","remove_item_icon":{"value":"far fa-circle-xmark","library":"fa-regular"}}" data-widget_type="shopping-cart.default"> <div class="elementor-widget-container"> <dialog class="elementor-cart__container elementor-lightbox" id="elementor-cart__dialog-9de84f1" aria-modal="true" aria-labelledby="elementor-cart__title-9de84f1"> <div class="elementor-cart__main"> <a class="elementor-cart__close-button ceicon-close" href="javascript://close" role="button" aria-label="Fermer"></a> <div class="elementor-cart__title" id="elementor-cart__title-9de84f1"> Panier </div> <div class="elementor-cart__empty-message" role="alert" aria-live="polite">Aucun produit dans le chariot.</div> <div class="elementor-cart__products ce-scrollbar-y--auto" role="list"> </div> <div class="elementor-cart__summary" role="list" aria-label="Your order"> <div class="elementor-cart__summary-label" role="term">0 articles</div> <div class="elementor-cart__summary-value" role="definition">0,00 €</div> <span class="elementor-cart__summary-label" role="term">Livraison</span> <span class="elementor-cart__summary-value" role="definition"></span> <strong class="elementor-cart__summary-label" role="term">Total</strong> <strong class="elementor-cart__summary-value" role="definition">0,00 €</strong> </div> <div class="elementor-alert elementor-alert-warning" hidden role="alert" aria-live="polite"> <span class="elementor-alert-description"></span> </div> <footer class="elementor-cart__footer-buttons"> <div class="elementor-align-justify"> <a href="https://www.cyclable.com/panier?action=show" class="elementor-button elementor-button--cart elementor-size-md"> <span class="elementor-button-text">Voir le panier</span> </a> </div> <div class="elementor-align-justify"> <a href="https://www.cyclable.com/commande" class="elementor-button elementor-button--checkout elementor-size-md"tabindex="-1" aria-disabled="true"> <span class="elementor-button-text">Commander</span> </a> </div> </footer> </div> </dialog> <div class="elementor-cart__toggle"> <a href="https://www.cyclable.com/panier?action=show" class="elementor-button elementor-size-md" role="button" aria-label="Panier" aria-controls="elementor-cart__dialog-9de84f1" aria-expanded="false" aria-description="0 articles, 0,00 €"> <span class="elementor-button-icon" data-counter="0" aria-hidden="true"> <i class="ceicon-basket-solid"></i> </span> <span class="elementor-button-text">0,00 €</span> </a> </div> </div> </div> <div class="elementor-element elementor-element-c87267b elementor-widget__width-auto elementor-widget-mobile__width-auto elementor-widget elementor-widget-sign-in elementor-widget-nav-menu" data-id="c87267b" data-element_type="widget" data-settings="{"layout":"horizontal","submenu_icon":{"value":"fas fa-caret-down","library":"fa-solid"},"show_submenu_on":"hover"}" data-widget_type="sign-in.default"> <div class="elementor-widget-container"> <nav class="ce-user-menu elementor-nav--main elementor-nav__container elementor-nav--layout-horizontal e--pointer-underline e--animation-fade" aria-label="Menu utilisateur"> <ul class="elementor-nav" id="usermenu-c87267b" role="none"> <li class="menu-item menu-item-type-account menu-item-account-0"> <a class="elementor-item" href="https://www.cyclable.com/mon-compte"> <i class="ceicon ceicon-user-simple"></i> <span>Connexion</span> </a> </li> </ul> </nav> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-element elementor-element-89a4720 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section" data-id="89a4720" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div class="elementor-element elementor-element-f4d7698 ce-widgets-space--gap elementor-column elementor-col-100 elementor-top-column" data-id="f4d7698" data-element_type="column"> <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> </div> </div> </div> </div> </div> </section> </div> </div> </header> <section id="wrapper"> <aside id="notifications"> <div class="notifications-container container"> </div> </aside> <div class="container"> <nav data-depth="6" class="breadcrumb"> <ol> <li> <a href="https://www.cyclable.com/"><span>Accueil</span></a> </li> <li> <a href="https://www.cyclable.com/934-accessoires-et-pieces"><span>Accessoires et pièces</span></a> </li> <li> <a href="https://www.cyclable.com/7-composants-et-peripheriques"><span>Composants et périphériques</span></a> </li> <li> <a href="https://www.cyclable.com/153-selles-et-tiges-de-selle"><span>Selles et tiges de selle</span></a> </li> <li> <a href="https://www.cyclable.com/170-selles"><span>Selles</span></a> </li> <li> <span>Selle de vélo ville SMP Martin Touring</span> </li> </ol> </nav> <div class="row"> <div id="content-wrapper" class="js-content-wrapper col-xs-12"> <section id="main"> <meta content="https://www.cyclable.com/17612-selle-velo-ville-smp-martin-touring.html#/158-couleur-noir/180-taille-m"> <div class="row product-container js-product-container"> <div class="col-md-6"> <section class="page-content" id="content"> <ul class="product-flags js-product-flags"> </ul> <div id="product-images"> <div class="swiper main-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide" data-id-image=48663> <img src="https://www.cyclable.com/48663-large_default/selle-velo-ville-smp-martin-touring.jpg" alt="Selle de vélo ville SMP Martin Touring" /> </div> <div class="swiper-slide" data-id-image=48661> <img src="https://www.cyclable.com/48661-large_default/selle-velo-ville-smp-martin-touring.jpg" alt="Selle de vélo ville SMP Martin Touring profil" /> </div> <div class="swiper-slide" data-id-image=48662> <img src="https://www.cyclable.com/48662-large_default/selle-velo-ville-smp-martin-touring.jpg" alt="Selle de vélo ville SMP Martin Touring ouverture" /> </div> </div> </div> <div class="bottom-slider"> <div class="swiper thumb-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide" data-id-image=48663> <img src="https://www.cyclable.com/48663-small_default/selle-velo-ville-smp-martin-touring.jpg" alt="Selle de vélo ville SMP Martin Touring" /> </div> <div class="swiper-slide" data-id-image=48661> <img src="https://www.cyclable.com/48661-small_default/selle-velo-ville-smp-martin-touring.jpg" alt="Selle de vélo ville SMP Martin Touring profil" /> </div> <div class="swiper-slide" data-id-image=48662> <img src="https://www.cyclable.com/48662-small_default/selle-velo-ville-smp-martin-touring.jpg" alt="Selle de vélo ville SMP Martin Touring ouverture" /> </div> </div> </div> <div class="swiper-nav"> <div class="swiper-nav-btn thumb-prev"> <svg class="arrow" xmlns="http://www.w3.org/2000/svg" width="24" height="23" viewBox="0 0 24 23" fill="none"> <path d="M23.0271 11.3109H1.17994M1.17994 11.3109L12.1035 22.2345M1.17994 11.3109L12.1035 0.387339" stroke="#140808" stroke-linejoin="bevel" /> </svg> </div> <div class="swiper-dots"></div> <div class="swiper-nav-btn thumb-next"> <svg class="reverse arrow" xmlns="http://www.w3.org/2000/svg" width="24" height="23" viewBox="0 0 24 23" fill="none"> <path d="M23.0271 11.3109H1.17994M1.17994 11.3109L12.1035 22.2345M1.17994 11.3109L12.1035 0.387339" stroke="#140808" stroke-linejoin="bevel" /> </svg> </div> </div> </div> </div> <div class="scroll-box-arrows"> <i class="material-icons left"></i> <i class="material-icons right"></i> </div> </section> </div> <div class="col-md-6"> <style> .title-product { margin-bottom: 0 !important; } .product-header-top { display: flex; justify-content: space-between; align-items: center; /* margin: 15px 0; */ } .product-header-top-left { flex: 1; } .product-header-top-right { flex: 0 0 auto; } </style> <div itemscope itemtype="https://schema.org/Product"> <meta itemprop="image" content="https://www.cyclable.com/48663-large_default/selle-velo-ville-smp-martin-touring.jpg" /> <meta itemprop="sku" content="" /> <meta itemprop="brand" content="SMP" /> <div itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <meta itemprop="url" content="https://www.cyclable.com/17612-selle-velo-ville-smp-martin-touring.html#/158-couleur-noir/180-taille-m" /> <meta itemprop="price" content="85" /> <meta itemprop="priceCurrency" content="EUR" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2027-03-05" /> </div> <div class="additional"> <small class="manufacturer-display">SMP</small> <small class="reference js-product-reference-header">Réf : <span class="reference-value">ZSTT02MARTOURMED-NE</span></small> </div> <h1 class="title-product" itemprop="name">Selle de vélo ville SMP Martin Touring</h1> <div class="product-header-top"> <div class="product-header-top-left"> <div class="wizville-product-reviews" style="cursor: pointer;"> <!-- WIZVILLE: Widget content is empty --> </div> </div> </div> </div> <div class="product-prices js-product-prices"> <div class="product-price h5 "> <div class="current-price"> <span class='current-price-value' content="85"> 85,00 € </span> </div> </div> </div> <div class="product-information"> <div id="product-description-short" class="product-description"><p>Une selle optimisée (largeur et rembourrage) pour conforter l'assise du cycliste en ville.</p> </div> <button class="see-more" id="see-more"><span>Lire la suite</span> <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13 7L8 12L3 7" stroke="#140808" stroke-linejoin="bevel" /> </svg> </button> <div class="product-actions js-product-actions"> <form action="https://www.cyclable.com/panier" method="post" id="add-to-cart-or-refresh"> <input type="hidden" name="token" value="7a72218524ccbdfc2f4b3eaad792e27b"> <input type="hidden" name="id_product" value="17612" id="product_page_product_id"> <input type="hidden" name="id_customization" value="0" id="product_customization_id" class="js-product-customization-id"> <div id="product-variants" class="product-variants js-product-variants"> <div class="clearfix product-variants-item"> <span class="control-label">Couleur : <span class="selected-variant-value" data-group-id="3"></span> </span> <select class="form-control form-control-select" id="group_3" aria-label="Couleur" data-product-attribute="3" name="group[3]"> <option value="" disabled data-placeholder="true">Sélectionnez</option> <option value="158" title="Noir" selected="selected">Noir</option> </select> </div> <div class="clearfix product-variants-item"> <span class="control-label">Taille : <span class="selected-variant-value" data-group-id="24"></span> </span> <select class="form-control form-control-select" id="group_24" aria-label="Taille" data-product-attribute="24" name="group[24]"> <option value="" disabled data-placeholder="true">Sélectionnez</option> <option value="180" title="M" selected="selected">M</option> <option value="174" title="L" >L</option> </select> </div> </div> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { if (typeof combinationActiveStatus === 'undefined' || !combinationActiveStatus) { console.log('combinationActiveStatus not available'); return; } console.log('Combination Active Status:', combinationActiveStatus); console.log('Combination Attributes Map:', combinationAttributesMap); let shouldShowAlert = false; let alertElement = null; function ensureAlert() { if (!alertElement || !document.body.contains(alertElement)) { alertElement = document.createElement('div'); alertElement.id = 'combination-unavailable-alert'; alertElement.className = 'alert alert-danger'; alertElement.style.cssText = 'display: none; font-weight: bold; margin: 20px auto; max-width: 600px; padding: 15px; position: relative; z-index: 1000;'; alertElement.textContent = 'Déclinaison indisponible'; const variantsDiv = document.getElementById('product-variants'); if (variantsDiv && variantsDiv.parentNode) { variantsDiv.parentNode.insertBefore(alertElement, variantsDiv.nextSibling); } } return alertElement; } const attributeInputs = document.querySelectorAll('input[name^="group["], select[name^="group["]'); attributeInputs.forEach(input => { input.addEventListener('change', function() { setTimeout(checkCombinationAvailability, 100); }); }); prestashop.on('updatedProduct', function() { setTimeout(checkCombinationAvailability, 200); }); setTimeout(checkCombinationAvailability, 500); function checkCombinationAvailability() { const alert = ensureAlert(); const selectedAttributeIds = []; const groupInputs = document.querySelectorAll('input[name^="group["], select[name^="group["]'); groupInputs.forEach(input => { if (input.type === 'radio') { if (input.checked) { selectedAttributeIds.push(parseInt(input.value)); } } else if (input.tagName === 'SELECT') { if (input.value) { selectedAttributeIds.push(parseInt(input.value)); } } }); console.log('Selected Attribute IDs:', selectedAttributeIds); if (selectedAttributeIds.length > 0) { const combinationId = findCombinationByAttributeIds(selectedAttributeIds); console.log('Found combination ID:', combinationId); if (combinationId) { const isActive = combinationActiveStatus[combinationId]; console.log('Combination ' + combinationId + ' active status:', isActive); if (isActive === 0) { shouldShowAlert = true; alert.style.display = 'block'; } else { shouldShowAlert = false; alert.style.display = 'none'; } } else { shouldShowAlert = false; alert.style.display = 'none'; } } else { shouldShowAlert = false; alert.style.display = 'none'; } } function findCombinationByAttributeIds(selectedAttributeIds) { selectedAttributeIds.sort((a, b) => a - b); if (typeof combinationAttributesMap !== 'undefined' && combinationAttributesMap) { for (const combId in combinationAttributesMap) { const comboAttrs = combinationAttributesMap[combId].map(attr => parseInt(attr)); const comboAttrsSorted = comboAttrs.sort((a, b) => a - b); if (JSON.stringify(selectedAttributeIds) === JSON.stringify(comboAttrsSorted)) { return parseInt(combId); } } } return null; } }); </script> <section class="product-discounts js-product-discounts"> </section> <div class="product-add-to-cart js-product-add-to-cart"> <span class="control-label">Quantité</span> <style> /* Masquer le label "Quantité" du template parent (en dehors de .product-quantity) */ .product-add-to-cart > .control-label { display: none !important; } /* Masquer le wrapper TouchSpin de PrestaShop pour les accessoires */ .product-quantity.not-bike .bootstrap-touchspin { display: none !important; } /* Container quantité + bouton add-to-cart pour accessoires */ .product-quantity.not-bike { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; width: 100%; max-width: 100%; box-sizing: border-box; } .product-quantity.not-bike .qty { flex: 0 0 auto; margin-bottom: 0 !important; } .product-quantity.not-bike .add { flex: 1 1 auto; min-width: 0; /* Permet au flex item de rétrécir en dessous de sa taille de contenu */ } /* Styles du sélecteur de quantité personnalisé */ .qty-selector { display: inline-flex; align-items: center; gap: 6px; } .qty-btn { background: white; border: 1px solid #00000014; padding: 8px; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; border-radius: 100px; height: 40px; width: 40px; flex-shrink: 0; } .qty-btn:hover:not(:disabled) { background: #e0e0e0; } .qty-btn:active:not(:disabled) { background: #d0d0d0; } .qty-btn:disabled { opacity: 0.5; cursor: not-allowed; } .qty-btn .material-icons { font-size: 15px; color: #333; } .qty-input { border: 1px solid #00000014; text-align: center; width: 45px; height: 40px; padding: 6px 2px; font-size: 15px; font-weight: 500; background: #1408080A; appearance: textfield; -moz-appearance: textfield; border-radius: 100px; } .qty-input::-webkit-outer-spin-button, .qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .qty-input:focus { outline: none; } /* Style pour le bouton add-to-cart accessoire */ .product-quantity.not-bike .ppw-add-to-cart { width: 100%; } .product-quantity.not-bike .btn-accessory.add-to-cart { width: 100%; height: 40px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 8px 16px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Style pour le bouton add-to-cart désactivé */ .add-to-cart:disabled, .add-to-cart[disabled] { opacity: 0.5; cursor: not-allowed !important; pointer-events: none; } .add-to-cart:disabled:hover, .add-to-cart[disabled]:hover { background: inherit !important; transform: none !important; } /* ==================== RESPONSIVE ==================== */ @media (max-width: 575px) { .product-quantity.not-bike { flex-direction: column; align-items: stretch; } .product-quantity.not-bike .qty, .product-quantity.not-bike .add { width: 100%; } .qty-selector { justify-content: center; width: 100%; } } </style> <div class="product-quantity clearfix not-bike"> <div class="qty"> <!-- Input original caché pour PrestaShop --> <input type="number" name="qty" id="quantity_wanted" inputmode="numeric" pattern="[0-9]*" value="1" min="1" class="input-group" aria-label="Quantité"> <!-- Notre sélecteur personnalisé --> <div class="qty-selector"> <button type="button" class="qty-btn qty-minus" aria-label="Diminuer"> <i class="material-icons">remove</i> </button> <input type="number" id="custom_quantity" inputmode="numeric" pattern="[0-9]*" value="1" min="1" class="qty-input" readonly> <button type="button" class="qty-btn qty-plus" aria-label="Augmenter"> <i class="material-icons">add</i> </button> </div> </div> <div class="add"> <div class="ppw-add-to-cart"> <button class="btn btn-accessory add-to-cart" data-button-action="add-to-cart" data-product-id="17612" data-product-attribute-id="571977" data-type="accessory" data-availability="available" data-quantity="4" type="submit"> <img src="/themes/cyclable_v5/assets/svg/cart.svg" alt="cart" />Ajouter au panier </button> </div> </div> </div> <script> (function() { function initCustomQtySelector() { var originalInput = document.getElementById('quantity_wanted'); var customInput = document.getElementById('custom_quantity'); var qtyMinus = document.querySelector('.qty-minus'); var qtyPlus = document.querySelector('.qty-plus'); if (!originalInput || !customInput || !qtyMinus || !qtyPlus) { return; } // Forcer la réinitialisation en supprimant le flag delete customInput.dataset.customQtyInit; // Marquer comme initialisé customInput.dataset.customQtyInit = 'true'; // Synchroniser les valeurs initiales customInput.value = originalInput.value || 1; // Fonction pour mettre à jour le bouton moins function updateMinusButton() { var currentValue = parseInt(customInput.value) || 1; var minValue = parseInt(originalInput.getAttribute('min')) || 1; qtyMinus.disabled = currentValue <= minValue; } // Gérer le bouton moins qtyMinus.onclick = function(e) { e.preventDefault(); var currentValue = parseInt(customInput.value) || 1; var minValue = parseInt(originalInput.getAttribute('min')) || 1; if (currentValue > minValue) { currentValue--; customInput.value = currentValue; originalInput.value = currentValue; updateMinusButton(); } return false; }; // Gérer le bouton plus qtyPlus.onclick = function(e) { e.preventDefault(); var currentValue = parseInt(customInput.value) || 1; var maxValue = parseInt(originalInput.getAttribute('max')) || 9999; if (currentValue < maxValue) { currentValue++; customInput.value = currentValue; originalInput.value = currentValue; updateMinusButton(); } return false; }; updateMinusButton(); } // Initialiser immédiatement if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initCustomQtySelector); } else { initCustomQtySelector(); } // Réessayer plusieurs fois setTimeout(initCustomQtySelector, 100); setTimeout(initCustomQtySelector, 500); // ✅ RÉINITIALISER après un refresh AJAX PrestaShop function bindPrestashopUpdatedProduct() { if (typeof prestashop !== 'undefined' && typeof prestashop.on === 'function') { prestashop.on('updatedProduct', function(event) { // Réinitialiser le sélecteur de quantité après le refresh setTimeout(initCustomQtySelector, 100); setTimeout(initCustomQtySelector, 300); setTimeout(initCustomQtySelector, 500); }); return true; } return false; } // Essayer immédiatement, sinon réessayer après un délai if (!bindPrestashopUpdatedProduct()) { var attempts = 0; var maxAttempts = 20; var checkInterval = setInterval(function() { attempts++; if (bindPrestashopUpdatedProduct() || attempts >= maxAttempts) { clearInterval(checkInterval); } }, 100); } })(); </script> <script> // Aligne l'URL "Tester ce vélo" avec le magasin Prestatill sélectionné (function() { if (window.__cyclableTesterStoreSyncBound) { return; } window.__cyclableTesterStoreSyncBound = true; var BUTTON_SELECTOR = '.product-quantity .test-btn'; function getCookieValue(name) { if (!document.cookie) { return null; } var pairs = document.cookie.split(';'); for (var i = 0; i < pairs.length; i++) { var parts = pairs[i].trim().split('='); if (parts[0] === name) { return decodeURIComponent(parts.slice(1).join('=')); } } return null; } function getActiveStoreId() { var cookieStore = getCookieValue('sbs_id_store'); if (cookieStore) { return cookieStore; } var pickup = document.getElementById('sbs_pickup'); if (pickup && pickup.dataset.id_store) { return pickup.dataset.id_store; } return null; } function buildTesterUrl(button) { var baseHref = button.getAttribute('data-base-href') || button.getAttribute('href'); if (!baseHref) { return null; } var url; try { url = new URL(baseHref, window.location.origin); } catch (error) { return null; } var storeId = getActiveStoreId(); if (storeId) { url.searchParams.set('store_id', storeId); } else { url.searchParams.delete('store_id'); } return url.pathname + url.search; } function syncButtonHref(button) { if (!button.dataset.baseHref) { button.dataset.baseHref = button.getAttribute('href') || ''; } var nextHref = buildTesterUrl(button); if (nextHref) { button.setAttribute('href', nextHref); } } function syncAllButtons() { var buttons = document.querySelectorAll(BUTTON_SELECTOR); if (!buttons.length) { return; } buttons.forEach(syncButtonHref); } syncAllButtons(); document.addEventListener('click', function(event) { var target = event.target; if (!target || typeof target.closest !== 'function') { return; } var button = target.closest(BUTTON_SELECTOR); if (button) { syncButtonHref(button); } }, true); setInterval(syncAllButtons, 3000); })(); </script> <script> // 🚴 Gestion spécifique pour les vélos : // 1. Désactiver si pas toutes les caractéristiques sélectionnées // 2. Désactiver si vélo non disponible en MAGASIN (pas le stock web) (function() { // Vérifier si c'est un vélo var isBike = window.__IS_BIKE__ === true; if (!isBike) return; // Flag pour éviter les appels multiples var isUpdating = false; /** * Vérifier si toutes les déclinaisons sont sélectionnées */ function areAllVariantsSelected() { var variantsRoot = document.querySelector('.js-product-variants'); if (!variantsRoot) { return true; // Si pas de variants, considérer comme OK } // Récupérer tous les groupes d'attributs var selects = variantsRoot.querySelectorAll('select[data-product-attribute]'); var radios = variantsRoot.querySelectorAll('input[type="radio"][data-product-attribute]'); // Vérifier les selects var allSelectsValid = true; selects.forEach(function(select) { if (!select.value || select.value === '' || select.value === '0') { allSelectsValid = false; } }); // Récupérer les groupes de radios (par data-product-attribute) var radioGroups = {}; radios.forEach(function(radio) { var groupId = radio.getAttribute('data-product-attribute'); if (!radioGroups[groupId]) { radioGroups[groupId] = []; } radioGroups[groupId].push(radio); }); // Vérifier que chaque groupe a au moins un radio coché var allRadiosValid = true; Object.keys(radioGroups).forEach(function(groupId) { var hasChecked = radioGroups[groupId].some(function(radio) { return radio.checked; }); if (!hasChecked) { allRadiosValid = false; } }); var allSelected = allSelectsValid && allRadiosValid; return allSelected; } /** * Lire le flag de sélection magasin pour la session en cours */ function hasStoreSelectionFlag() { if (!document.cookie) { return false; } var cookies = document.cookie.split(';'); for (var i = 0; i < cookies.length; i++) { var parts = cookies[i].trim().split('='); if (parts[0] === 'sbs_store_session_selected') { var value = parts.slice(1).join('=').trim(); return value === '1'; } } return false; } /** * Vérifie si la carte Prestatill affiche un magasin sélectionné (mode détaillé) */ function isStoreDetailsVisible() { var card = document.getElementById('sbs_product_availability'); if (!card) { return false; } // Mode loading = pas encore prêt if (card.classList.contains('ppw-storecard--loading')) { return false; } // Mode summary = pas de magasin sélectionné if (card.classList.contains('ppw-storecard--summary')) { return false; } // Vérifier qu'on a bien le contenu détaillé (adresse du magasin) return !!card.querySelector('.ppw-storecard__address'); } /** * Vérifie si un magasin est en cours de chargement */ function isStoreLoading() { var card = document.getElementById('sbs_product_availability'); return card && card.classList.contains('ppw-storecard--loading'); } /** * Considère qu'un magasin a été sélectionné * Logique améliorée pour détecter tous les états possibles */ function hasStoreSelectionThisSession() { var card = document.getElementById('sbs_product_availability'); console.log('[Bike Debug] hasStoreSelectionThisSession - card:', card); if (!card) { console.log('[Bike Debug] hasStoreSelectionThisSession: pas de carte'); return false; } // Si en mode loading, attendre if (card.classList.contains('ppw-storecard--loading')) { console.log('[Bike Debug] hasStoreSelectionThisSession: mode loading'); return false; } // Si en mode summary, pas de magasin sélectionné if (card.classList.contains('ppw-storecard--summary')) { console.log('[Bike Debug] hasStoreSelectionThisSession: mode summary'); return false; } // Vérifier si le cookie de sélection est défini var hasCookie = hasStoreSelectionFlag(); console.log('[Bike Debug] hasStoreSelectionThisSession: cookie=', hasCookie); // Vérifier si on a le contenu détaillé d'un magasin (adresse, nom, etc.) var hasStoreDetails = !!( card.querySelector('.ppw-storecard__address') || card.querySelector('.ppw-storecard__name') || card.querySelector('.ppw-stock') ); console.log('[Bike Debug] hasStoreSelectionThisSession: hasStoreDetails=', hasStoreDetails); // Si la carte n'est PAS en mode summary/loading et contient des détails = magasin sélectionné if (hasStoreDetails) { console.log('[Bike Debug] hasStoreSelectionThisSession: TRUE (détails trouvés)'); return true; } // Fallback: si le cookie est défini et qu'on n'est pas en summary/loading if (hasCookie) { console.log('[Bike Debug] hasStoreSelectionThisSession: TRUE (cookie présent)'); return true; } console.log('[Bike Debug] hasStoreSelectionThisSession: FALSE'); return false; } /** * Vérifier si le vélo est disponible en MAGASIN (pas le stock web) */ function isBikeAvailableInStore() { if (!hasStoreSelectionThisSession()) { console.log('[Bike Debug] isBikeAvailableInStore: pas de magasin sélectionné'); return false; } // Vérifier s'il y a un message d'erreur Prestatill (.avaspan) // Si présent = vélo NON disponible en magasin var avaSpan = document.querySelector('#product .avaspan, .avaspan'); if (avaSpan) { console.log('[Bike Debug] isBikeAvailableInStore: avaspan trouvé = non dispo'); return false; } // Vérifier l'état de la carte magasin détaillée var card = document.getElementById('sbs_product_availability'); if (!card) { console.log('[Bike Debug] isBikeAvailableInStore: carte non trouvée'); return false; } // Chercher l'indicateur de stock (plusieurs sélecteurs possibles) var statusNode = card.querySelector('.ppw-stock'); var stockIndicator = card.querySelector('.ppw-storecard__stock, .stock-indicator, [class*="stock"]'); console.log('[Bike Debug] isBikeAvailableInStore: statusNode=', statusNode, 'stockIndicator=', stockIndicator); if (statusNode) { var isIn = statusNode.classList.contains('is-in'); console.log('[Bike Debug] isBikeAvailableInStore: ppw-stock.is-in =', isIn); return isIn; } // Fallback: vérifier si le texte indique une disponibilité var cardText = card.textContent.toLowerCase(); var hasStock = cardText.includes('en stock') || cardText.includes('disponible'); var noStock = cardText.includes('rupture') || cardText.includes('indisponible') || cardText.includes('non disponible'); console.log('[Bike Debug] isBikeAvailableInStore: fallback text hasStock=', hasStock, 'noStock=', noStock); if (noStock) return false; if (hasStock) return true; // Si on ne peut pas déterminer, considérer comme disponible si un magasin est sélectionné return true; } function hasAvailableStoresForSelection() { var summaryCard = document.querySelector('#sbs_product_availability.ppw-storecard--summary'); if (!summaryCard) { return false; } var statusNode = summaryCard.querySelector('.ppw-stock'); if (!statusNode) { return false; } return ( statusNode.classList.contains('is-in') || statusNode.classList.contains('is-visible') ); } function toggleStoreTooltip(shouldShow) { var wrapper = document.querySelector('.ppw-add-to-cart'); if (!wrapper) { return; } if (shouldShow) { wrapper.classList.add('ppw-add-to-cart--needs-store'); } else { wrapper.classList.remove('ppw-add-to-cart--needs-store'); } } /** * Met à jour l'état du bouton d'ajout au panier pour les vélos */ function updateBikeAddToCartButton() { var addToCartBtn = document.querySelector('.add-to-cart'); if (!addToCartBtn) { console.log('[Bike Debug] ❌ Bouton add-to-cart non trouvé'); toggleStoreTooltip(false); return; } var allVariantsSelected = areAllVariantsSelected(); var storeSelected = hasStoreSelectionThisSession(); var bikeAvailable = (allVariantsSelected && storeSelected) ? isBikeAvailableInStore() : false; var shouldShowStoreTooltip = allVariantsSelected && !storeSelected && hasAvailableStoresForSelection(); console.log('[Bike Debug] ==================='); console.log('[Bike Debug] État du bouton:'); console.log('[Bike Debug] - allVariantsSelected:', allVariantsSelected); console.log('[Bike Debug] - storeSelected:', storeSelected); console.log('[Bike Debug] - bikeAvailable:', bikeAvailable); console.log('[Bike Debug] - shouldShowStoreTooltip:', shouldShowStoreTooltip); console.log('[Bike Debug] - Bouton actuellement disabled:', addToCartBtn.disabled); toggleStoreTooltip(shouldShowStoreTooltip); // Désactiver le bouton SI : // - Toutes les caractéristiques ne sont pas sélectionnées OU // - Le vélo n'est pas disponible en MAGASIN if (!allVariantsSelected || !storeSelected || !bikeAvailable) { console.log('[Bike Debug] 🔴 Désactivation du bouton'); addToCartBtn.disabled = true; addToCartBtn.setAttribute('disabled', 'disabled'); addToCartBtn.classList.add('btn-inactive'); } else { console.log('[Bike Debug] 🟢 ACTIVATION du bouton'); addToCartBtn.disabled = false; addToCartBtn.removeAttribute('disabled'); addToCartBtn.classList.remove('btn-inactive'); } } /** * Surveiller les changements de sélection des déclinaisons */ function watchVariantsChanges() { var variantsRoot = document.querySelector('.js-product-variants'); if (!variantsRoot) { return; } // Écouter les changements sur tous les inputs variantsRoot.addEventListener('change', function(e) { if (e.target.matches('select[data-product-attribute], input[type="radio"][data-product-attribute]')) { // Attendre un peu que PrestaShop mette à jour setTimeout(updateBikeAddToCartButton, 50); setTimeout(updateBikeAddToCartButton, 200); } }, true); } /** * Surveiller et forcer l'état du bouton en continu */ function monitorButtonState() { var addToCartBtn = document.querySelector('.add-to-cart'); if (addToCartBtn && !addToCartBtn.dataset.bikeMonitored) { addToCartBtn.dataset.bikeMonitored = 'true'; // Observer les changements d'attributs sur le bouton var observer = new MutationObserver(function(mutations) { var shouldRecheck = false; mutations.forEach(function(mutation) { if (mutation.type === 'attributes' && (mutation.attributeName === 'disabled' || mutation.attributeName === 'data-availability' || mutation.attributeName === 'data-quantity' || mutation.attributeName === 'class')) { shouldRecheck = true; } }); if (shouldRecheck) { // Re-vérifier l'état après un petit délai setTimeout(updateBikeAddToCartButton, 50); } }); observer.observe(addToCartBtn, { attributes: true, attributeFilter: ['disabled', 'data-availability', 'data-quantity', 'class'] }); } // Observer aussi les changements dans le conteneur Prestatill var sbsContainer = document.querySelector('#sbs_product_availability'); if (sbsContainer && !sbsContainer.dataset.bikeMonitored) { sbsContainer.dataset.bikeMonitored = 'true'; var sbsObserver = new MutationObserver(function(mutations) { setTimeout(updateBikeAddToCartButton, 100); }); sbsObserver.observe(sbsContainer, { childList: true, subtree: true, characterData: true }); } } /** * Écouter les changements de produit (déclinaisons) */ function listenToProductUpdates() { if (typeof prestashop === 'undefined') { setTimeout(listenToProductUpdates, 100); return; } // Écouter l'événement updatedProduct prestashop.on('updatedProduct', function(event) { // Mettre à jour les attributs data du bouton si possible if (prestashop.product) { var addToCartBtn = document.querySelector('.add-to-cart'); if (addToCartBtn) { addToCartBtn.setAttribute('data-availability', prestashop.product.availability || 'unavailable'); addToCartBtn.setAttribute('data-quantity', prestashop.product.quantity || 0); } } // Attendre que le DOM soit mis à jour ET que Prestatill ait fini setTimeout(updateBikeAddToCartButton, 100); setTimeout(updateBikeAddToCartButton, 300); setTimeout(updateBikeAddToCartButton, 600); }); } /** * Override de la fonction _initProductActions de Prestatill */ function overridePrestatillInit() { if (typeof window._initProductActions !== 'undefined') { var originalInit = window._initProductActions; window._initProductActions = function() { // Appeler la fonction originale var result = originalInit.apply(this, arguments); // Puis forcer notre logique après setTimeout(function() { updateBikeAddToCartButton(); }, 100); return result; }; } else { // Réessayer plus tard setTimeout(overridePrestatillInit, 200); } } /** * Initialisation */ function init() { console.log('[Bike Debug] Initialisation du script bike add-to-cart'); // Configurer les surveillances d'abord watchVariantsChanges(); monitorButtonState(); listenToProductUpdates(); overridePrestatillInit(); // Observer le conteneur Prestatill pour détecter quand il se charge observePrestatillContainer(); // Écouter les clics sur le bouton de sélection de magasin watchStoreSelection(); // Vérifier l'état du bouton avec des délais croissants // (Prestatill peut prendre du temps à charger) updateBikeAddToCartButton(); // Vérifier périodiquement pendant les premières secondes var checkTimes = [100, 200, 300, 500, 800, 1000, 1500, 2000, 3000, 5000]; checkTimes.forEach(function(delay) { setTimeout(function() { console.log('[Bike Debug] Vérification périodique à ' + delay + 'ms'); updateBikeAddToCartButton(); }, delay); }); } /** * Écouter les clics sur le bouton de sélection de magasin * ET observer la fermeture de la sidebar */ function watchStoreSelection() { // Écouter les clics sur les boutons de sélection de magasin dans la SIDEBAR document.addEventListener('click', function(event) { var target = event.target; // Chercher si le clic est sur ou dans un bouton de sélection de magasin var storeButton = null; var node = target; while (node && node !== document) { if (node.classList && ( node.classList.contains('sbs_selectStore') || node.classList.contains('ppw-storecard__btn') || node.classList.contains('sbs_geoloc') || node.classList.contains('toggle-sidebar-right') || node.id === 'store-selector-opener' )) { storeButton = node; break; } node = node.parentNode; } if (storeButton) { console.log('[Bike Debug] Clic sur sélection magasin détecté:', storeButton.className); // Polling intensif après sélection de magasin var pollCount = 0; var maxPolls = 30; // 30 * 200ms = 6 secondes max var pollInterval = setInterval(function() { pollCount++; console.log('[Bike Debug] Polling #' + pollCount); updateBikeAddToCartButton(); // Arrêter le polling si le bouton est activé ou si on a atteint le max var addToCartBtn = document.querySelector('.add-to-cart'); if ((addToCartBtn && !addToCartBtn.disabled) || pollCount >= maxPolls) { clearInterval(pollInterval); console.log('[Bike Debug] Polling terminé après ' + pollCount + ' itérations'); } }, 200); } }, true); // Capture phase pour intercepter avant Prestatill // Observer la fermeture de la sidebar (quand elle perd la classe 'open' ou similaire) observeSidebarClose(); } /** * Observer la fermeture de la sidebar Prestatill */ function observeSidebarClose() { var sidebar = document.getElementById('sidebar-right'); if (!sidebar) { // Réessayer plus tard si la sidebar n'existe pas encore setTimeout(observeSidebarClose, 500); return; } if (sidebar.dataset.bikeCloseObserver) { return; // Déjà observé } sidebar.dataset.bikeCloseObserver = 'true'; var wasOpen = false; var observer = new MutationObserver(function(mutations) { var isNowOpen = sidebar.classList.contains('open') || sidebar.classList.contains('active') || sidebar.style.display !== 'none'; // Détecter la fermeture (était ouvert, maintenant fermé) if (wasOpen && !isNowOpen) { console.log('[Bike Debug] Sidebar fermée - Mise à jour du bouton'); // La sidebar vient de se fermer, mettre à jour le bouton setTimeout(updateBikeAddToCartButton, 100); setTimeout(updateBikeAddToCartButton, 300); setTimeout(updateBikeAddToCartButton, 600); } wasOpen = isNowOpen; }); observer.observe(sidebar, { attributes: true, attributeFilter: ['class', 'style'] }); // État initial wasOpen = sidebar.classList.contains('open') || sidebar.classList.contains('active') || sidebar.style.display !== 'none'; } /** * Observer le conteneur Prestatill pour réagir quand il charge ses données * On observe aussi le PARENT du conteneur au cas où tout le bloc est remplacé */ function observePrestatillContainer() { var sbsContainer = document.querySelector('#sbs_product_availability'); if (!sbsContainer) { // Réessayer plus tard si le conteneur n'existe pas encore setTimeout(observePrestatillContainer, 200); return; } // Observer les changements à l'intérieur du conteneur if (!sbsContainer.dataset.initialObserverSet) { sbsContainer.dataset.initialObserverSet = 'true'; var observer = new MutationObserver(function(mutations) { // Prestatill a mis à jour ses données, vérifier l'état du bouton console.log('[Bike Debug] Mutation détectée dans #sbs_product_availability'); setTimeout(updateBikeAddToCartButton, 50); setTimeout(updateBikeAddToCartButton, 200); }); observer.observe(sbsContainer, { childList: true, subtree: true, characterData: true, attributes: true }); } // Observer aussi le PARENT du conteneur (au cas où le bloc entier est remplacé) var parent = sbsContainer.parentNode; if (parent && !parent.dataset.sbsParentObserver) { parent.dataset.sbsParentObserver = 'true'; var parentObserver = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.type === 'childList') { // Vérifier si le bloc Prestatill a été remplacé var newContainer = document.querySelector('#sbs_product_availability'); if (newContainer && !newContainer.dataset.initialObserverSet) { console.log('[Bike Debug] Bloc Prestatill remplacé - Réinitialisation'); // Réinitialiser l'observateur sur le nouveau conteneur observePrestatillContainer(); } // Mettre à jour le bouton dans tous les cas setTimeout(updateBikeAddToCartButton, 100); setTimeout(updateBikeAddToCartButton, 300); } }); }); parentObserver.observe(parent, { childList: true }); } } // Initialiser au chargement if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } // Vérifications initiales avec délais croissants pour attendre Prestatill setTimeout(updateBikeAddToCartButton, 100); setTimeout(updateBikeAddToCartButton, 300); setTimeout(updateBikeAddToCartButton, 500); setTimeout(updateBikeAddToCartButton, 1000); setTimeout(updateBikeAddToCartButton, 1500); setTimeout(updateBikeAddToCartButton, 2000); setTimeout(updateBikeAddToCartButton, 3000); })(); </script> <div id="product-availability" class="availability-box js-product-availability"> <div class="availability-status available"> <i class="material-icons rtl-no-flip"></i> <span>Article disponible</span> </div> <div class="availability-shipping"> <span class="shipping-badge">Livraison à domicile</span> <span class="shipping-delay">sous 1 à 2 jours</span> </div> </div> <div class="financing-box"> <h3 class="title">Financer votre achat vélo en plusieurs fois</h3> <div class="options"> <div id="alma" class="option"> </div> </div> </div> </div> </form> </div> </div> </div> </div> <script> // expose côté JS si vélo ou non (redondant avec head_seo mais conservé pour compatibilité) window.__IS_BIKE__ = false; </script> <script> document.documentElement.classList.add('not-bike'); </script> <script> document.addEventListener('DOMContentLoaded', function() { const productId = 17612; // Cibler le widget et tous ses éléments const wizvilleWidget = document.querySelector('.wizville-product-reviews'); if (wizvilleWidget) { // Rendre tout cliquable, y compris SVG const makeClickable = (element) => { element.style.cursor = 'pointer'; element.style.pointerEvents = 'auto'; element.addEventListener('click', handleWidgetClick, true); // useCapture = true }; // Faire le widget cliquable makeClickable(wizvilleWidget); // Aussi les enfants (SVG, div, etc.) wizvilleWidget.querySelectorAll('*').forEach(el => { makeClickable(el); }); } function handleWidgetClick(e) { e.preventDefault(); e.stopPropagation(); const reviewsButton = document.querySelector('#acc-head-reviews-' + productId + ' button'); if (reviewsButton) { const accordion = document.querySelector('#acc-panel-reviews-' + productId); // Ouvrir l'accordion s'il est fermé if (accordion && !accordion.classList.contains('show')) { reviewsButton.click(); // Attendre l'animation avant de scroll setTimeout(() => { reviewsButton.scrollIntoView({behavior: 'smooth', block: 'start'}); }, 400); } else { // Déjà ouvert, juste scroll reviewsButton.scrollIntoView({behavior: 'smooth', block: 'start'}); } } } }); window.addEventListener('message', function(event) { if (event.data && event.data.action === 'scroll_to_reviews') { const productId = event.data.product_id; const reviewsButton = document.querySelector('#acc-head-reviews-' + productId + ' button'); if (reviewsButton) { setTimeout(function() { reviewsButton.scrollIntoView({behavior: 'smooth', block: 'center'}); }, 100); setTimeout(function() { reviewsButton.click(); }, 300); } } }); </script> <script src="https://rqt-www.simulateurcofidis.com/widgets/cyclable/v2.0.0/cofidis-simulation-min.js" defer></script> <script> document.addEventListener('DOMContentLoaded', function() { const seeMoreBtn = document.getElementById("see-more") prestashop.on('updatedProduct', function(event) { const idProductAttribute = event.id_product_attribute || 0; const idProduct = event.id_product || 17612; // Mise à jour des champs cachés Prestatill const productInput = document.getElementById('sbs_id_product'); const attributeInput = document.getElementById('sbs_id_product_attribute'); if (productInput) { productInput.value = idProduct; } if (attributeInput) { attributeInput.value = idProductAttribute; } // Mettre à jour les cookies pour le sidebar document.cookie = 'sbs_current_product_id=' + idProduct + '; path=/'; document.cookie = 'sbs_current_attribute_id=' + idProductAttribute + '; path=/'; // Gestion du slider d'images if (idProductAttribute && combinations && combinations[idProductAttribute]) { const idImage = combinations[idProductAttribute].id_image; if (idImage) { const targetSlide = document.querySelector(`.main-swiper .swiper-slide[data-id-image="${idImage}"]`); if (targetSlide) { const index = Array.from(targetSlide.parentNode.children).indexOf(targetSlide); mainSwiper.slideTo(index); } } } }); if (seeMoreBtn) { seeMoreBtn.addEventListener('click', () => { document.getElementById('tab-content').scrollIntoView({behavior: 'smooth'}) }) } const thumbSwiper = new Swiper('.thumb-swiper', { spaceBetween: 8, slidesPerView: 'auto', freeMode: true, watchSlidesProgress: true, watchOverflow: true, slideToClickedSlide: true }); const mainSwiper = new Swiper('.main-swiper', { loop: false, pagination: { el: '.main-pagination', clickable: true, }, thumbs: { swiper: thumbSwiper, }, on: { slideChange: function() { thumbSwiper.slideTo(mainSwiper.activeIndex); } } }); // Exposer mainSwiper globalement pour le handler de déclinaisons window.mainSwiper = mainSwiper; document.querySelector('.thumb-next').addEventListener('click', () => { mainSwiper.slideNext(); }); document.querySelector('.thumb-prev').addEventListener('click', () => { mainSwiper.slidePrev(); }); const dotsContainer = document.querySelector('.swiper-dots'); const slideCount = mainSwiper.slides.length; // for (let i = 0; i <script slideCount; i++) for (let i = 0; i < slideCount; i++) { const dot = document.createElement('span'); dot.classList.add('dot'); dot.addEventListener('click', () => { mainSwiper.slideTo(i); }); if (i == 0) { dot.classList.add('dot--current'); } dotsContainer.appendChild(dot); } function updateDots() { const idx = mainSwiper.realIndex; const windowStart = idx; const windowEnd = Math.min(idx + 2, slideCount - 1); dotsContainer.querySelectorAll('.dot').forEach((dot, i) => { dot.classList.remove('dot--current'); if (i === idx) { dot.classList.add('dot--current'); } }); } mainSwiper.on('init slideChange', updateDots); mainSwiper.init(); }); // button ajouter au panier detaché du stock magasins // Mise à jour dynamique de la référence produit lors du changement de combinaison document.addEventListener('DOMContentLoaded', function() { if (typeof prestashop !== 'undefined') { prestashop.on('updatedProduct', function(event) { // Essayer de récupérer la référence depuis product_details (réponse AJAX) if (event && event.product_details) { var tempDiv = document.createElement('div'); tempDiv.innerHTML = event.product_details; var referenceElement = tempDiv.querySelector('.product-reference span:last-child'); if (referenceElement) { var newReference = referenceElement.textContent.trim(); // Mettre à jour l'affichage dans le header var headerReferenceValue = document.querySelector('.js-product-reference-header .reference-value'); if (headerReferenceValue && newReference) { headerReferenceValue.textContent = newReference; } } } }); } }); </script> <div class="modal fade js-product-images-modal" id="product-modal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <figure> <picture> <img class="js-modal-product-cover product-cover-modal" width="800" src="https://www.cyclable.com/48663-large_default/selle-velo-ville-smp-martin-touring.jpg" alt="Selle de vélo ville SMP Martin Touring" title="Selle de vélo ville SMP Martin Touring" height="800" > </picture> <figcaption class="image-caption"> <div id="product-description-short" class="product-description"><p>Une selle optimisée (largeur et rembourrage) pour conforter l'assise du cycliste en ville.</p> </div> <button class="see-more" id="see-more"><span>Lire la suite</span> <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13 7L8 12L3 7" stroke="#140808" stroke-linejoin="bevel" /> </svg> </button> </figcaption> </figure> <aside id="thumbnails" class="thumbnails js-thumbnails text-sm-center"> <div class="js-modal-mask mask nomargin "> <ul class="product-images js-modal-product-images"> <li class="thumb-container js-thumb-container"> <picture> <img data-image-large-src="https://www.cyclable.com/48663-large_default/selle-velo-ville-smp-martin-touring.jpg" data-image-large-sources="{"jpg":"https:\/\/www.cyclable.com\/48663-large_default\/selle-velo-ville-smp-martin-touring.jpg"}" class="thumb js-modal-thumb" src="https://www.cyclable.com/48663-home_default/selle-velo-ville-smp-martin-touring.jpg" alt="Selle de vélo ville SMP Martin Touring" title="Selle de vélo ville SMP Martin Touring" width="250" height="148" > </picture> </li> </ul> </div> </aside> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <footer class="page-footer"> <!-- Footer content --> </footer> </section> <div id="bloc-reassurance" role="complementary" aria-label="Nos avantages"> <ul class="ppw-benefits__list"> <li class="ppw-benefits__item"> <div class="ppw-benefits__icon" aria-hidden="true"> <img src="/themes/cyclable_v5/assets/svg/frais_de_port.svg" alt="" loading="lazy"> </div> <div class="ppw-benefits__text"> <span class="ppw-benefits__desc"> Frais de ports </span> <strong class="ppw-benefits__title"> offerts </strong> <br> <span class="ppw-benefits__desc"> En livraison magasin (dès 40€ d'achat) et à domicile (dès 90€, hors vélo) </span> </div> </li> <li class="ppw-benefits__item"> <div class="ppw-benefits__icon" aria-hidden="true"> <img src="/themes/cyclable_v5/assets/svg/magasin.svg" alt="" loading="lazy"> </div> <div class="ppw-benefits__text"> <span class="ppw-benefits__desc"> Retrait </span> <strong class="ppw-benefits__title"> gratuit </strong> <span class="ppw-benefits__desc"> en magasin </span> </div> </li> <li class="ppw-benefits__item"> <div class="ppw-benefits__icon" aria-hidden="true"> <img src="/themes/cyclable_v5/assets/svg/paiement.svg" alt="" loading="lazy"> </div> <div class="ppw-benefits__text"> <span class="ppw-benefits__desc"> Paiement </span> <strong class="ppw-benefits__title"> 100% sécurisé </strong> </div> </li> <li class="ppw-benefits__item"> <div class="ppw-benefits__icon" aria-hidden="true"> <img src="/themes/cyclable_v5/assets/svg/retours.svg" alt="" loading="lazy"> </div> <div class="ppw-benefits__text"> <span class="ppw-benefits__desc"> Retour </span> <strong class="ppw-benefits__title"> jusqu'à 30 jours </strong> <span class="ppw-benefits__desc"> (gratuit en magasin) </span> </div> </li> </ul> </div> <section class="product-accessories clearfix " id="ppw-accessories"> <p class="h5 text-uppercase">Ces accessoires pourraient vous intéresser</p> <div class="products row"> <div class="ppw-card"> <div data-elementor-type="product-miniature" data-elementor-id="11170101" class="elementor elementor-11170101"><article class="elementor-section-wrap" data-id-product="31" data-id-product-attribute="477327"><div class="elementor-element elementor-element-d731339 grid-element elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle elementor-section elementor-top-section" data-id="d731339" data-element_type="section"><div class="elementor-container elementor-column-gap-default"><div class="elementor-row"><div class="elementor-element elementor-element-215dc51 ce-widgets-space--gap elementor-column elementor-col-100 elementor-top-column" data-id="215dc51" data-element_type="column"><div class="elementor-column-wrap elementor-element-populated"><div class="elementor-widget-wrap"><section class="elementor-element elementor-element-ad702f2 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="ad702f2" data-element_type="section"><div class="elementor-container elementor-column-gap-default"><div class="elementor-row"><div class="elementor-element elementor-element-c527b54 ce-widgets-space--gap elementor-column elementor-col-100 elementor-inner-column" data-id="c527b54" data-element_type="column"><div class="elementor-column-wrap elementor-element-populated"><div class="elementor-widget-wrap"><div class="elementor-element elementor-element-2707976 elementor-widget__width-auto ce-product-prices--layout-inline elementor-widget-mobile__width-auto elementor-widget elementor-widget-product-miniature-price elementor-overflow-hidden elementor-widget-product-price" data-id="2707976" data-element_type="widget" data-widget_type="product-miniature-price.default"><div class="elementor-widget-container"> <div class="ce-product-prices"> <div class="ce-product-price"><span class="screen-reader-text">Prix:</span><span>43,90 €</span></div> </div> </div></div><div class="elementor-element elementor-element-8e26455 elementor-widget__width-auto ce-product-badges--inline elementor-widget elementor-widget-product-badges elementor-overflow-hidden" data-id="8e26455" data-element_type="widget" data-widget_type="product-badges.default"><div class="elementor-widget-container"><div class="ce-product-badges"> </div></div></div></div></div></div></div></div></section><div class="elementor-element elementor-element-79f8cb1 elementor-widget elementor-widget-product-miniature-image elementor-widget-image" data-id="79f8cb1" data-element_type="widget" data-widget_type="product-miniature-image.default"><div class="elementor-widget-container"><div class="ce-product-image elementor-image"> <a href="https://www.cyclable.com/31-schwalbe-marathon-plus.html#/9983-taille_pneu-40_635_28_x_1_1_2_700_x_38_b"><img src="https://www.cyclable.com/21413-large_default/schwalbe-marathon-plus.jpg" srcset="https://www.cyclable.com/21413-large_default/schwalbe-marathon-plus.jpg 800w, https://www.cyclable.com/21413-small_default/schwalbe-marathon-plus.jpg 98w, https://www.cyclable.com/21413-cart_default/schwalbe-marathon-plus.jpg 125w, https://www.cyclable.com/21413-home_default/schwalbe-marathon-plus.jpg 250w, https://www.cyclable.com/21413-medium_default/schwalbe-marathon-plus.jpg 452w" alt="Pneu Schwalbe Marathon Plus" loading="lazy"width="800" height="800" sizes="(max-width: 800px) 100vw, 800px"></a> </div></div></div><div class="elementor-element elementor-element-b21cae6 elementor-widget elementor-widget-text-editor" data-id="b21cae6" data-element_type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container">Schwalbe</div></div><div class="elementor-element elementor-element-a7594dd titre_hover elementor-widget-mobile__width-inherit elementor-widget elementor-widget-product-miniature-name elementor-widget-heading" data-id="a7594dd" data-element_type="widget" data-widget_type="product-miniature-name.default"><div class="elementor-widget-container"><h3 class="ce-product-name ce-product-name--full elementor-heading-title"><a href="https://www.cyclable.com/31-schwalbe-marathon-plus.html#/9983-taille_pneu-40_635_28_x_1_1_2_700_x_38_b">Pneu Schwalbe Marathon Plus</a></h3></div></div><div class="elementor-element elementor-element-4c0e34c only-feature-wheel elementor-widget-mobile__width-inherit elementor-widget elementor-widget-product-features elementor-widget-heading" data-id="4c0e34c" data-element_type="widget" data-widget_type="product-features.default"><div class="elementor-widget-container"><table class="ce-product-features" aria-label="Caractéristiques produit"> <tr class="ce-product-features__row"><th class="ce-product-features__label">Technologie</th><td class="ce-product-features__value">Protection SmartGuard (caoutchouc 5 mm), flancs TwinSkin</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Tringle</th><td class="ce-product-features__value">Rigide</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Indice de Protection Crevaison</th><td class="ce-product-features__value">7 / 7 (Indice Schwalbe)</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Trame</th><td class="ce-product-features__value">67 tpi</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Mélange de gomme</th><td class="ce-product-features__value">Endurance</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Bande Reflex</th><td class="ce-product-features__value">Oui</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Certification Pneu VAE</th><td class="ce-product-features__value">Oui</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Type de pneus</th><td class="ce-product-features__value">Ville et randonnée</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Origine</th><td class="ce-product-features__value">Fabriqué en Indonésie</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Marque</th><td class="ce-product-features__value">Schwalbe</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Nom Produit</th><td class="ce-product-features__value">Marathon Plus</td></tr> </table> </div></div><div class="elementor-element elementor-element-a11f96e elementor-widget elementor-widget-html" data-id="a11f96e" data-element_type="widget" data-widget_type="html.default"><div class="elementor-widget-container"><div class="product-feature-badges" style="display:none;"></div><style> .product-feature-badges { display: flex; gap: 10px; margin-top: 8px; } .feature-badge { background-color: rgba(20, 8, 8, 0.1); color: #140808; font-size: 0.75rem; font-weight: 600; padding: 4px 10px; border-radius: 12px; display: inline-block; line-height: 1; } @media (max-width: 767px) { .product-feature-badges{ display:flex; flex-wrap:wrap; } } </style><script> (function () { const map = { 'velo-electrique': { ids: [13, 183, 294, 268, 267, 1352, 946], features: ['Capacité batterie', 'Marque du moteur', 'Couple moteur (Nm)'] }, 'velo-cargo': { ids: [1326, 963, 160, 954, 955], features: ['Capacité batterie', 'Marque du moteur', 'Couple moteur (Nm)', 'Capacité de charge'] }, 'velo-pliant': { ids: [14, 947, 1385], features: ['Poids', 'Taille de roues'] }, 'gravel-trekking': { ids: [1467, 1327, 16], features: ['Matériau du cadre', 'Poids'] } }; const wsKey = 'ZS3INS1ZGW39NYF9QAMZK2A73GT9XVT1'; const handleWidget = (widget) => { const container = widget.closest('[data-id-product]'); const badgeContainer = container?.querySelector('.product-feature-badges'); if (!container || !badgeContainer) return; const productId = container.getAttribute('data-id-product'); const url = new URL(window.location.origin + '/api/products/'); url.searchParams.append('filter[id]', productId); url.searchParams.append('display', 'full'); url.searchParams.append('output_format', 'JSON'); url.searchParams.append('ws_key', wsKey); fetch(url.toString()) .then(r => r.json()) .then(data => { const cats = data.products?.[0]?.associations?.categories?.map(c => parseInt(c.id)) || []; let toShow = []; for (let g in map) { if (map[g].ids.some(id => cats.includes(id))) { toShow = map[g].features; break; } } if (toShow.length === 0) return; const values = Object.create(null); const rows = widget.querySelectorAll('tr.ce-product-features__row'); rows.forEach(row => { const label = row.querySelector('th.ce-product-features__label')?.textContent?.trim(); const value = row.querySelector('td.ce-product-features__value')?.textContent?.trim(); if (label && value && toShow.includes(label)) { values[label] = value; } }); let html = ''; toShow.forEach(label => { if (values[label]) { html += '<span class="feature-badge">' + values[label] + '</span>'; } }); if (html) { badgeContainer.innerHTML = html; badgeContainer.style.display = 'flex'; widget.style.display = 'none'; } }); }; const observer = new MutationObserver(() => { const widgets = document.querySelectorAll('.only-feature-wheel:not([data-enhanced])'); widgets.forEach(widget => { widget.setAttribute('data-enhanced', 'true'); handleWidget(widget); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); </script></div></div><div class="elementor-element elementor-element-6344401 elementor-widget elementor-widget-shortcode" data-id="6344401" data-element_type="widget" data-widget_type="shortcode.default"><div class="elementor-widget-container"> <div class="mini-stock-block mini-stock-block--accessory"> <div class="mini-stock__line"> <span class="mini-stock__status mini-stock__status--web"> En stock web </span> </div> </div> <script> (function() { function initCyclableMiniStockTooltip() { try { if (window.__cyclableMiniStockTooltipInit) { return; } window.__cyclableMiniStockTooltipInit = true; function adjustTooltipPosition(tooltip) { if (!tooltip || !tooltip.getBoundingClientRect || !tooltip.classList) { return; } // Attendre que le tooltip soit visible setTimeout(function() { if (!tooltip.isConnected) { return; } const rect = tooltip.getBoundingClientRect(); const tooltipWidth = 420; // max-width du tooltip (CSS) const tooltipLeft = rect.right + 12; // left: calc(100% + 12px) const viewportWidth = document.documentElement.clientWidth || window.innerWidth || 0; if (viewportWidth && (tooltipLeft + tooltipWidth > viewportWidth - 20)) { tooltip.classList.add('mini-stock__tooltip--left'); } else { tooltip.classList.remove('mini-stock__tooltip--left'); } }, 10); } function getTooltipTarget(event) { const target = event && event.target; if (!target || !target.closest) { return null; } return target.closest('.mini-stock__tooltip'); } document.addEventListener('mouseover', function(event) { const tooltip = getTooltipTarget(event); if (tooltip) { adjustTooltipPosition(tooltip); } }, { passive: true }); document.addEventListener('focusin', function(event) { const tooltip = getTooltipTarget(event); if (tooltip) { adjustTooltipPosition(tooltip); } }); } catch (e) { // Ne jamais faire remonter d'erreur JS côté front } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initCyclableMiniStockTooltip); } else { initCyclableMiniStockTooltip(); } })(); </script> </div></div><div class="elementor-element elementor-element-a511528 elementor-widget elementor-widget-html" data-id="a511528" data-element_type="widget" data-widget_type="html.default"><div class="elementor-widget-container"><button type="button" class="add_to_compare" data-id-product="31" style="display: flex; align-items: center; gap: 0.5em; background: none; border: none; cursor: pointer; padding: 0;"><input type="checkbox" /><span style="color: black; font-size: 12px;">Comparer</span></button></div></div><section class="elementor-element elementor-element-8a320db elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="8a320db" data-element_type="section"><div class="elementor-container elementor-column-gap-wider"><div class="elementor-row"><div class="elementor-element elementor-element-8a10c1a ce-widgets-space--gap elementor-column elementor-col-100 elementor-inner-column" data-id="8a10c1a" data-element_type="column"><div class="elementor-column-wrap elementor-element-populated"><div class="elementor-widget-wrap"><div class="elementor-element elementor-element-e5a1a0a elementor-widget__width-auto elementor-widget elementor-widget-shortcode" data-id="e5a1a0a" data-element_type="widget" data-widget_type="shortcode.default"><div class="elementor-widget-container"> <form action="https://www.cyclable.com/panier" method="post" class="ppw-add-to-cart"> <input type="hidden" name="token" value="7a72218524ccbdfc2f4b3eaad792e27b"> <input type="hidden" name="add" value="1"> <input type="hidden" name="id_product" value="31"> <input type="hidden" name="id_product_attribute" value="477327"> <input type="hidden" name="qty" value="1"> <button class="btn btn-primary" data-button-action="add-to-cart" type="submit"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2236_7817)"> <path d="M15.5603 3.03589C15.2637 2.69702 14.8408 2.51038 14.3698 2.51038H2.98132L2.8667 1.651C2.74316 0.72522 2.09863 0 1.39929 0H0.5625C0.303589 0 0.09375 0.209839 0.09375 0.46875C0.09375 0.727661 0.303589 0.9375 0.5625 0.9375H1.39929C1.54968 0.9375 1.86816 1.25549 1.93738 1.7749L3.27917 11.8386C3.33826 12.2822 3.56616 12.6975 3.9209 13.0081C4.18396 13.2384 4.49487 13.3916 4.82056 13.4557C4.68787 13.6997 4.61243 13.9792 4.61243 14.276C4.61243 15.2267 5.38586 16 6.33643 16C7.28699 16 8.06042 15.2267 8.06042 14.276C8.06042 13.9928 7.99133 13.7256 7.86975 13.4896H10.326C10.2045 13.7256 10.1354 13.9928 10.1354 14.276C10.1354 15.2267 10.9088 16 11.8594 16C12.8099 16 13.5834 15.2267 13.5834 14.276C13.5834 13.9928 13.5143 13.7256 13.3927 13.4896H14.6208C14.8796 13.4896 15.0896 13.2797 15.0896 13.0209C15.0896 12.762 14.8796 12.5521 14.6208 12.5521H5.16492C4.70691 12.5521 4.26892 12.1686 4.20837 11.7146L4.11035 10.9791H7.75867C7.75879 10.9791 7.75891 10.9792 7.75903 10.9792C7.75916 10.9792 7.75928 10.9791 7.75952 10.9791H10.771C10.7711 10.9791 10.7712 10.9792 10.7715 10.9792C10.7716 10.9792 10.7716 10.9791 10.7717 10.9791H13.3656C13.8131 10.9791 14.2549 10.8081 14.6096 10.4977C14.9644 10.1871 15.1923 9.77173 15.2513 9.32812L15.9237 4.2854C15.986 3.81848 15.8569 3.37476 15.5603 3.03589ZM7.12292 14.276C7.12292 14.7097 6.77014 15.0625 6.33643 15.0625C5.90283 15.0625 5.54993 14.7097 5.54993 14.276C5.54993 13.8424 5.90283 13.4896 6.33643 13.4896C6.77014 13.4896 7.12292 13.8424 7.12292 14.276ZM12.6459 14.276C12.6459 14.7097 12.2931 15.0625 11.8594 15.0625C11.4257 15.0625 11.0729 14.7097 11.0729 14.276C11.0729 13.8424 11.4257 13.4896 11.8594 13.4896C12.2931 13.4896 12.6459 13.8424 12.6459 14.276ZM14.8549 3.65344C14.9709 3.78601 15.0205 3.96631 14.9944 4.16138L14.7125 6.276H11.5231L11.7115 3.44788H14.3698C14.5667 3.44788 14.7389 3.52087 14.8549 3.65344ZM8.198 10.0416L8.0094 7.2135H10.521L10.3324 10.0416H8.198ZM7.9469 6.276L7.75842 3.44788H10.772L10.5835 6.276H7.9469ZM6.81885 3.44788L7.00732 6.276H3.48328L3.1062 3.44788H6.81885ZM3.60828 7.2135H7.06982L7.25842 10.0416H3.98535L3.60828 7.2135ZM13.3656 10.0416H11.272L11.4606 7.2135H14.5875L14.3221 9.20422C14.2616 9.6582 13.8235 10.0416 13.3656 10.0416Z" fill="#B5131D"/> </g> <defs> <clipPath id="clip0_2236_7817"> <rect width="16" height="16" fill="white"/> </clipPath> </defs> </svg> Ajouter </button> </form> </div></div></div></div></div></div></div></section></div></div></div></div></div></div></article></div> </div> <div class="ppw-card"> <div data-elementor-type="product-miniature" data-elementor-id="11170101" class="elementor elementor-11170101"><article class="elementor-section-wrap" data-id-product="17333" data-id-product-attribute="567944"><div class="elementor-element elementor-element-d731339 grid-element elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle elementor-section elementor-top-section" data-id="d731339" data-element_type="section"><div class="elementor-container elementor-column-gap-default"><div class="elementor-row"><div class="elementor-element elementor-element-215dc51 ce-widgets-space--gap elementor-column elementor-col-100 elementor-top-column" data-id="215dc51" data-element_type="column"><div class="elementor-column-wrap elementor-element-populated"><div class="elementor-widget-wrap"><section class="elementor-element elementor-element-ad702f2 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="ad702f2" data-element_type="section"><div class="elementor-container elementor-column-gap-default"><div class="elementor-row"><div class="elementor-element elementor-element-c527b54 ce-widgets-space--gap elementor-column elementor-col-100 elementor-inner-column" data-id="c527b54" data-element_type="column"><div class="elementor-column-wrap elementor-element-populated"><div class="elementor-widget-wrap"><div class="elementor-element elementor-element-2707976 elementor-widget__width-auto ce-product-prices--layout-inline elementor-widget-mobile__width-auto elementor-widget elementor-widget-product-miniature-price elementor-overflow-hidden elementor-widget-product-price" data-id="2707976" data-element_type="widget" data-widget_type="product-miniature-price.default"><div class="elementor-widget-container"> <div class="ce-product-prices"> <div class="ce-product-price"><span class="screen-reader-text">Prix:</span><span>70,00 €</span></div> </div> </div></div><div class="elementor-element elementor-element-8e26455 elementor-widget__width-auto ce-product-badges--inline elementor-widget elementor-widget-product-badges elementor-overflow-hidden" data-id="8e26455" data-element_type="widget" data-widget_type="product-badges.default"><div class="elementor-widget-container"><div class="ce-product-badges"> </div></div></div></div></div></div></div></div></section><div class="elementor-element elementor-element-79f8cb1 elementor-widget elementor-widget-product-miniature-image elementor-widget-image" data-id="79f8cb1" data-element_type="widget" data-widget_type="product-miniature-image.default"><div class="elementor-widget-container"><div class="ce-product-image elementor-image"> <a href="https://www.cyclable.com/17333-ruban-de-cintre-en-cuir-brooks-leather-bar-tape.html#/8883-couleur-black"><img src="https://www.cyclable.com/46647-large_default/ruban-de-cintre-en-cuir-brooks-leather-bar-tape.jpg" srcset="https://www.cyclable.com/46647-large_default/ruban-de-cintre-en-cuir-brooks-leather-bar-tape.jpg 800w, https://www.cyclable.com/46647-small_default/ruban-de-cintre-en-cuir-brooks-leather-bar-tape.jpg 98w, https://www.cyclable.com/46647-cart_default/ruban-de-cintre-en-cuir-brooks-leather-bar-tape.jpg 125w, https://www.cyclable.com/46647-home_default/ruban-de-cintre-en-cuir-brooks-leather-bar-tape.jpg 250w, https://www.cyclable.com/46647-medium_default/ruban-de-cintre-en-cuir-brooks-leather-bar-tape.jpg 452w" alt="Ruban de cintre en cuir Brooks Leather" loading="lazy"width="800" height="800" sizes="(max-width: 800px) 100vw, 800px"></a> </div></div></div><div class="elementor-element elementor-element-b21cae6 elementor-widget elementor-widget-text-editor" data-id="b21cae6" data-element_type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container">Brooks</div></div><div class="elementor-element elementor-element-a7594dd titre_hover elementor-widget-mobile__width-inherit elementor-widget elementor-widget-product-miniature-name elementor-widget-heading" data-id="a7594dd" data-element_type="widget" data-widget_type="product-miniature-name.default"><div class="elementor-widget-container"><h3 class="ce-product-name ce-product-name--full elementor-heading-title"><a href="https://www.cyclable.com/17333-ruban-de-cintre-en-cuir-brooks-leather-bar-tape.html#/8883-couleur-black">Ruban de cintre en cuir Brooks Leather</a></h3></div></div><div class="elementor-element elementor-element-4c0e34c only-feature-wheel elementor-widget-mobile__width-inherit elementor-widget elementor-widget-product-features elementor-widget-heading" data-id="4c0e34c" data-element_type="widget" data-widget_type="product-features.default"><div class="elementor-widget-container"><table class="ce-product-features" aria-label="Caractéristiques produit"> <tr class="ce-product-features__row"><th class="ce-product-features__label">Matériau</th><td class="ce-product-features__value">Cuir naturel</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Dimensions</th><td class="ce-product-features__value">2 mm (épaisseur), 30 mm (largeur), 215 cm (longueur)</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Usage</th><td class="ce-product-features__value">Polyvalent</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Compatibilité</th><td class="ce-product-features__value">Cintre route</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Livré avec</th><td class="ce-product-features__value">Bouchons de cintre en caoutchouc (x2), adhésifs en coton (x2)</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Marque</th><td class="ce-product-features__value">Brooks</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Nom Produit</th><td class="ce-product-features__value">Leather Bar Tape</td></tr> </table> </div></div><div class="elementor-element elementor-element-a11f96e elementor-widget elementor-widget-html" data-id="a11f96e" data-element_type="widget" data-widget_type="html.default"><div class="elementor-widget-container"><div class="product-feature-badges" style="display:none;"></div><style> .product-feature-badges { display: flex; gap: 10px; margin-top: 8px; } .feature-badge { background-color: rgba(20, 8, 8, 0.1); color: #140808; font-size: 0.75rem; font-weight: 600; padding: 4px 10px; border-radius: 12px; display: inline-block; line-height: 1; } @media (max-width: 767px) { .product-feature-badges{ display:flex; flex-wrap:wrap; } } </style><script> (function () { const map = { 'velo-electrique': { ids: [13, 183, 294, 268, 267, 1352, 946], features: ['Capacité batterie', 'Marque du moteur', 'Couple moteur (Nm)'] }, 'velo-cargo': { ids: [1326, 963, 160, 954, 955], features: ['Capacité batterie', 'Marque du moteur', 'Couple moteur (Nm)', 'Capacité de charge'] }, 'velo-pliant': { ids: [14, 947, 1385], features: ['Poids', 'Taille de roues'] }, 'gravel-trekking': { ids: [1467, 1327, 16], features: ['Matériau du cadre', 'Poids'] } }; const wsKey = 'ZS3INS1ZGW39NYF9QAMZK2A73GT9XVT1'; const handleWidget = (widget) => { const container = widget.closest('[data-id-product]'); const badgeContainer = container?.querySelector('.product-feature-badges'); if (!container || !badgeContainer) return; const productId = container.getAttribute('data-id-product'); const url = new URL(window.location.origin + '/api/products/'); url.searchParams.append('filter[id]', productId); url.searchParams.append('display', 'full'); url.searchParams.append('output_format', 'JSON'); url.searchParams.append('ws_key', wsKey); fetch(url.toString()) .then(r => r.json()) .then(data => { const cats = data.products?.[0]?.associations?.categories?.map(c => parseInt(c.id)) || []; let toShow = []; for (let g in map) { if (map[g].ids.some(id => cats.includes(id))) { toShow = map[g].features; break; } } if (toShow.length === 0) return; const values = Object.create(null); const rows = widget.querySelectorAll('tr.ce-product-features__row'); rows.forEach(row => { const label = row.querySelector('th.ce-product-features__label')?.textContent?.trim(); const value = row.querySelector('td.ce-product-features__value')?.textContent?.trim(); if (label && value && toShow.includes(label)) { values[label] = value; } }); let html = ''; toShow.forEach(label => { if (values[label]) { html += '<span class="feature-badge">' + values[label] + '</span>'; } }); if (html) { badgeContainer.innerHTML = html; badgeContainer.style.display = 'flex'; widget.style.display = 'none'; } }); }; const observer = new MutationObserver(() => { const widgets = document.querySelectorAll('.only-feature-wheel:not([data-enhanced])'); widgets.forEach(widget => { widget.setAttribute('data-enhanced', 'true'); handleWidget(widget); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); </script></div></div><div class="elementor-element elementor-element-6344401 elementor-widget elementor-widget-shortcode" data-id="6344401" data-element_type="widget" data-widget_type="shortcode.default"><div class="elementor-widget-container"> <div class="mini-stock-block mini-stock-block--accessory"> <div class="mini-stock__line"> <span class="mini-stock__status mini-stock__status--out"> En rupture de stock </span> </div> </div> <script> (function() { function initCyclableMiniStockTooltip() { try { if (window.__cyclableMiniStockTooltipInit) { return; } window.__cyclableMiniStockTooltipInit = true; function adjustTooltipPosition(tooltip) { if (!tooltip || !tooltip.getBoundingClientRect || !tooltip.classList) { return; } // Attendre que le tooltip soit visible setTimeout(function() { if (!tooltip.isConnected) { return; } const rect = tooltip.getBoundingClientRect(); const tooltipWidth = 420; // max-width du tooltip (CSS) const tooltipLeft = rect.right + 12; // left: calc(100% + 12px) const viewportWidth = document.documentElement.clientWidth || window.innerWidth || 0; if (viewportWidth && (tooltipLeft + tooltipWidth > viewportWidth - 20)) { tooltip.classList.add('mini-stock__tooltip--left'); } else { tooltip.classList.remove('mini-stock__tooltip--left'); } }, 10); } function getTooltipTarget(event) { const target = event && event.target; if (!target || !target.closest) { return null; } return target.closest('.mini-stock__tooltip'); } document.addEventListener('mouseover', function(event) { const tooltip = getTooltipTarget(event); if (tooltip) { adjustTooltipPosition(tooltip); } }, { passive: true }); document.addEventListener('focusin', function(event) { const tooltip = getTooltipTarget(event); if (tooltip) { adjustTooltipPosition(tooltip); } }); } catch (e) { // Ne jamais faire remonter d'erreur JS côté front } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initCyclableMiniStockTooltip); } else { initCyclableMiniStockTooltip(); } })(); </script> </div></div><div class="elementor-element elementor-element-a511528 elementor-widget elementor-widget-html" data-id="a511528" data-element_type="widget" data-widget_type="html.default"><div class="elementor-widget-container"><button type="button" class="add_to_compare" data-id-product="17333" style="display: flex; align-items: center; gap: 0.5em; background: none; border: none; cursor: pointer; padding: 0;"><input type="checkbox" /><span style="color: black; font-size: 12px;">Comparer</span></button></div></div><section class="elementor-element elementor-element-8a320db elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="8a320db" data-element_type="section"><div class="elementor-container elementor-column-gap-wider"><div class="elementor-row"><div class="elementor-element elementor-element-8a10c1a ce-widgets-space--gap elementor-column elementor-col-100 elementor-inner-column" data-id="8a10c1a" data-element_type="column"><div class="elementor-column-wrap elementor-element-populated"><div class="elementor-widget-wrap"><div class="elementor-element elementor-element-e5a1a0a elementor-widget__width-auto elementor-widget elementor-widget-shortcode" data-id="e5a1a0a" data-element_type="widget" data-widget_type="shortcode.default"><div class="elementor-widget-container"> <form action="https://www.cyclable.com/panier" method="post" class="ppw-add-to-cart"> <input type="hidden" name="token" value="7a72218524ccbdfc2f4b3eaad792e27b"> <input type="hidden" name="add" value="1"> <input type="hidden" name="id_product" value="17333"> <input type="hidden" name="id_product_attribute" value="567944"> <input type="hidden" name="qty" value="1"> <button class="btn btn-primary" data-button-action="add-to-cart" type="submit"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2236_7817)"> <path d="M15.5603 3.03589C15.2637 2.69702 14.8408 2.51038 14.3698 2.51038H2.98132L2.8667 1.651C2.74316 0.72522 2.09863 0 1.39929 0H0.5625C0.303589 0 0.09375 0.209839 0.09375 0.46875C0.09375 0.727661 0.303589 0.9375 0.5625 0.9375H1.39929C1.54968 0.9375 1.86816 1.25549 1.93738 1.7749L3.27917 11.8386C3.33826 12.2822 3.56616 12.6975 3.9209 13.0081C4.18396 13.2384 4.49487 13.3916 4.82056 13.4557C4.68787 13.6997 4.61243 13.9792 4.61243 14.276C4.61243 15.2267 5.38586 16 6.33643 16C7.28699 16 8.06042 15.2267 8.06042 14.276C8.06042 13.9928 7.99133 13.7256 7.86975 13.4896H10.326C10.2045 13.7256 10.1354 13.9928 10.1354 14.276C10.1354 15.2267 10.9088 16 11.8594 16C12.8099 16 13.5834 15.2267 13.5834 14.276C13.5834 13.9928 13.5143 13.7256 13.3927 13.4896H14.6208C14.8796 13.4896 15.0896 13.2797 15.0896 13.0209C15.0896 12.762 14.8796 12.5521 14.6208 12.5521H5.16492C4.70691 12.5521 4.26892 12.1686 4.20837 11.7146L4.11035 10.9791H7.75867C7.75879 10.9791 7.75891 10.9792 7.75903 10.9792C7.75916 10.9792 7.75928 10.9791 7.75952 10.9791H10.771C10.7711 10.9791 10.7712 10.9792 10.7715 10.9792C10.7716 10.9792 10.7716 10.9791 10.7717 10.9791H13.3656C13.8131 10.9791 14.2549 10.8081 14.6096 10.4977C14.9644 10.1871 15.1923 9.77173 15.2513 9.32812L15.9237 4.2854C15.986 3.81848 15.8569 3.37476 15.5603 3.03589ZM7.12292 14.276C7.12292 14.7097 6.77014 15.0625 6.33643 15.0625C5.90283 15.0625 5.54993 14.7097 5.54993 14.276C5.54993 13.8424 5.90283 13.4896 6.33643 13.4896C6.77014 13.4896 7.12292 13.8424 7.12292 14.276ZM12.6459 14.276C12.6459 14.7097 12.2931 15.0625 11.8594 15.0625C11.4257 15.0625 11.0729 14.7097 11.0729 14.276C11.0729 13.8424 11.4257 13.4896 11.8594 13.4896C12.2931 13.4896 12.6459 13.8424 12.6459 14.276ZM14.8549 3.65344C14.9709 3.78601 15.0205 3.96631 14.9944 4.16138L14.7125 6.276H11.5231L11.7115 3.44788H14.3698C14.5667 3.44788 14.7389 3.52087 14.8549 3.65344ZM8.198 10.0416L8.0094 7.2135H10.521L10.3324 10.0416H8.198ZM7.9469 6.276L7.75842 3.44788H10.772L10.5835 6.276H7.9469ZM6.81885 3.44788L7.00732 6.276H3.48328L3.1062 3.44788H6.81885ZM3.60828 7.2135H7.06982L7.25842 10.0416H3.98535L3.60828 7.2135ZM13.3656 10.0416H11.272L11.4606 7.2135H14.5875L14.3221 9.20422C14.2616 9.6582 13.8235 10.0416 13.3656 10.0416Z" fill="#B5131D"/> </g> <defs> <clipPath id="clip0_2236_7817"> <rect width="16" height="16" fill="white"/> </clipPath> </defs> </svg> Ajouter </button> </form> </div></div></div></div></div></div></div></section></div></div></div></div></div></div></article></div> </div> <div class="ppw-card"> <div data-elementor-type="product-miniature" data-elementor-id="11170101" class="elementor elementor-11170101"><article class="elementor-section-wrap" data-id-product="17347" data-id-product-attribute="0"><div class="elementor-element elementor-element-d731339 grid-element elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle elementor-section elementor-top-section" data-id="d731339" data-element_type="section"><div class="elementor-container elementor-column-gap-default"><div class="elementor-row"><div class="elementor-element elementor-element-215dc51 ce-widgets-space--gap elementor-column elementor-col-100 elementor-top-column" data-id="215dc51" data-element_type="column"><div class="elementor-column-wrap elementor-element-populated"><div class="elementor-widget-wrap"><section class="elementor-element elementor-element-ad702f2 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="ad702f2" data-element_type="section"><div class="elementor-container elementor-column-gap-default"><div class="elementor-row"><div class="elementor-element elementor-element-c527b54 ce-widgets-space--gap elementor-column elementor-col-100 elementor-inner-column" data-id="c527b54" data-element_type="column"><div class="elementor-column-wrap elementor-element-populated"><div class="elementor-widget-wrap"><div class="elementor-element elementor-element-2707976 elementor-widget__width-auto ce-product-prices--layout-inline elementor-widget-mobile__width-auto elementor-widget elementor-widget-product-miniature-price elementor-overflow-hidden elementor-widget-product-price" data-id="2707976" data-element_type="widget" data-widget_type="product-miniature-price.default"><div class="elementor-widget-container"> <div class="ce-product-prices"> <div class="ce-product-price"><span class="screen-reader-text">Prix:</span><span>70,00 €</span></div> </div> </div></div><div class="elementor-element elementor-element-8e26455 elementor-widget__width-auto ce-product-badges--inline elementor-widget elementor-widget-product-badges elementor-overflow-hidden" data-id="8e26455" data-element_type="widget" data-widget_type="product-badges.default"><div class="elementor-widget-container"><div class="ce-product-badges"> </div></div></div></div></div></div></div></div></section><div class="elementor-element elementor-element-79f8cb1 elementor-widget elementor-widget-product-miniature-image elementor-widget-image" data-id="79f8cb1" data-element_type="widget" data-widget_type="product-miniature-image.default"><div class="elementor-widget-container"><div class="ce-product-image elementor-image"> <a href="https://www.cyclable.com/17347-multi-outils-brooks-mt21.html"><img src="https://www.cyclable.com/52794-large_default/multi-outils-brooks-mt21.jpg" srcset="https://www.cyclable.com/52794-large_default/multi-outils-brooks-mt21.jpg 800w, https://www.cyclable.com/52794-small_default/multi-outils-brooks-mt21.jpg 98w, https://www.cyclable.com/52794-cart_default/multi-outils-brooks-mt21.jpg 125w, https://www.cyclable.com/52794-home_default/multi-outils-brooks-mt21.jpg 250w, https://www.cyclable.com/52794-medium_default/multi-outils-brooks-mt21.jpg 452w" alt="Multi-outils Brooks MT21" loading="lazy"width="800" height="800" sizes="(max-width: 800px) 100vw, 800px"></a> </div></div></div><div class="elementor-element elementor-element-b21cae6 elementor-widget elementor-widget-text-editor" data-id="b21cae6" data-element_type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container">Brooks</div></div><div class="elementor-element elementor-element-a7594dd titre_hover elementor-widget-mobile__width-inherit elementor-widget elementor-widget-product-miniature-name elementor-widget-heading" data-id="a7594dd" data-element_type="widget" data-widget_type="product-miniature-name.default"><div class="elementor-widget-container"><h3 class="ce-product-name ce-product-name--full elementor-heading-title"><a href="https://www.cyclable.com/17347-multi-outils-brooks-mt21.html">Multi-outils Brooks MT21</a></h3></div></div><div class="elementor-element elementor-element-4c0e34c only-feature-wheel elementor-widget-mobile__width-inherit elementor-widget elementor-widget-product-features elementor-widget-heading" data-id="4c0e34c" data-element_type="widget" data-widget_type="product-features.default"><div class="elementor-widget-container"><table class="ce-product-features" aria-label="Caractéristiques produit"> <tr class="ce-product-features__row"><th class="ce-product-features__label">Matériau</th><td class="ce-product-features__value">Acier</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Usage</th><td class="ce-product-features__value">Polyvalent</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Livré avec</th><td class="ce-product-features__value">Housse de protection cuir</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Marque</th><td class="ce-product-features__value">Brooks</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Nom Produit</th><td class="ce-product-features__value">Multitool M21</td></tr> </table> </div></div><div class="elementor-element elementor-element-a11f96e elementor-widget elementor-widget-html" data-id="a11f96e" data-element_type="widget" data-widget_type="html.default"><div class="elementor-widget-container"><div class="product-feature-badges" style="display:none;"></div><style> .product-feature-badges { display: flex; gap: 10px; margin-top: 8px; } .feature-badge { background-color: rgba(20, 8, 8, 0.1); color: #140808; font-size: 0.75rem; font-weight: 600; padding: 4px 10px; border-radius: 12px; display: inline-block; line-height: 1; } @media (max-width: 767px) { .product-feature-badges{ display:flex; flex-wrap:wrap; } } </style><script> (function () { const map = { 'velo-electrique': { ids: [13, 183, 294, 268, 267, 1352, 946], features: ['Capacité batterie', 'Marque du moteur', 'Couple moteur (Nm)'] }, 'velo-cargo': { ids: [1326, 963, 160, 954, 955], features: ['Capacité batterie', 'Marque du moteur', 'Couple moteur (Nm)', 'Capacité de charge'] }, 'velo-pliant': { ids: [14, 947, 1385], features: ['Poids', 'Taille de roues'] }, 'gravel-trekking': { ids: [1467, 1327, 16], features: ['Matériau du cadre', 'Poids'] } }; const wsKey = 'ZS3INS1ZGW39NYF9QAMZK2A73GT9XVT1'; const handleWidget = (widget) => { const container = widget.closest('[data-id-product]'); const badgeContainer = container?.querySelector('.product-feature-badges'); if (!container || !badgeContainer) return; const productId = container.getAttribute('data-id-product'); const url = new URL(window.location.origin + '/api/products/'); url.searchParams.append('filter[id]', productId); url.searchParams.append('display', 'full'); url.searchParams.append('output_format', 'JSON'); url.searchParams.append('ws_key', wsKey); fetch(url.toString()) .then(r => r.json()) .then(data => { const cats = data.products?.[0]?.associations?.categories?.map(c => parseInt(c.id)) || []; let toShow = []; for (let g in map) { if (map[g].ids.some(id => cats.includes(id))) { toShow = map[g].features; break; } } if (toShow.length === 0) return; const values = Object.create(null); const rows = widget.querySelectorAll('tr.ce-product-features__row'); rows.forEach(row => { const label = row.querySelector('th.ce-product-features__label')?.textContent?.trim(); const value = row.querySelector('td.ce-product-features__value')?.textContent?.trim(); if (label && value && toShow.includes(label)) { values[label] = value; } }); let html = ''; toShow.forEach(label => { if (values[label]) { html += '<span class="feature-badge">' + values[label] + '</span>'; } }); if (html) { badgeContainer.innerHTML = html; badgeContainer.style.display = 'flex'; widget.style.display = 'none'; } }); }; const observer = new MutationObserver(() => { const widgets = document.querySelectorAll('.only-feature-wheel:not([data-enhanced])'); widgets.forEach(widget => { widget.setAttribute('data-enhanced', 'true'); handleWidget(widget); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); </script></div></div><div class="elementor-element elementor-element-6344401 elementor-widget elementor-widget-shortcode" data-id="6344401" data-element_type="widget" data-widget_type="shortcode.default"><div class="elementor-widget-container"> <div class="mini-stock-block mini-stock-block--accessory"> <div class="mini-stock__line"> <span class="mini-stock__status mini-stock__status--out"> En rupture de stock </span> </div> </div> <script> (function() { function initCyclableMiniStockTooltip() { try { if (window.__cyclableMiniStockTooltipInit) { return; } window.__cyclableMiniStockTooltipInit = true; function adjustTooltipPosition(tooltip) { if (!tooltip || !tooltip.getBoundingClientRect || !tooltip.classList) { return; } // Attendre que le tooltip soit visible setTimeout(function() { if (!tooltip.isConnected) { return; } const rect = tooltip.getBoundingClientRect(); const tooltipWidth = 420; // max-width du tooltip (CSS) const tooltipLeft = rect.right + 12; // left: calc(100% + 12px) const viewportWidth = document.documentElement.clientWidth || window.innerWidth || 0; if (viewportWidth && (tooltipLeft + tooltipWidth > viewportWidth - 20)) { tooltip.classList.add('mini-stock__tooltip--left'); } else { tooltip.classList.remove('mini-stock__tooltip--left'); } }, 10); } function getTooltipTarget(event) { const target = event && event.target; if (!target || !target.closest) { return null; } return target.closest('.mini-stock__tooltip'); } document.addEventListener('mouseover', function(event) { const tooltip = getTooltipTarget(event); if (tooltip) { adjustTooltipPosition(tooltip); } }, { passive: true }); document.addEventListener('focusin', function(event) { const tooltip = getTooltipTarget(event); if (tooltip) { adjustTooltipPosition(tooltip); } }); } catch (e) { // Ne jamais faire remonter d'erreur JS côté front } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initCyclableMiniStockTooltip); } else { initCyclableMiniStockTooltip(); } })(); </script> </div></div><div class="elementor-element elementor-element-a511528 elementor-widget elementor-widget-html" data-id="a511528" data-element_type="widget" data-widget_type="html.default"><div class="elementor-widget-container"><button type="button" class="add_to_compare" data-id-product="17347" style="display: flex; align-items: center; gap: 0.5em; background: none; border: none; cursor: pointer; padding: 0;"><input type="checkbox" /><span style="color: black; font-size: 12px;">Comparer</span></button></div></div><section class="elementor-element elementor-element-8a320db elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="8a320db" data-element_type="section"><div class="elementor-container elementor-column-gap-wider"><div class="elementor-row"><div class="elementor-element elementor-element-8a10c1a ce-widgets-space--gap elementor-column elementor-col-100 elementor-inner-column" data-id="8a10c1a" data-element_type="column"><div class="elementor-column-wrap elementor-element-populated"><div class="elementor-widget-wrap"><div class="elementor-element elementor-element-e5a1a0a elementor-widget__width-auto elementor-widget elementor-widget-shortcode" data-id="e5a1a0a" data-element_type="widget" data-widget_type="shortcode.default"><div class="elementor-widget-container"> <form action="https://www.cyclable.com/panier" method="post" class="ppw-add-to-cart"> <input type="hidden" name="token" value="7a72218524ccbdfc2f4b3eaad792e27b"> <input type="hidden" name="add" value="1"> <input type="hidden" name="id_product" value="17347"> <input type="hidden" name="qty" value="1"> <button class="btn btn-primary" data-button-action="add-to-cart" type="submit"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2236_7817)"> <path d="M15.5603 3.03589C15.2637 2.69702 14.8408 2.51038 14.3698 2.51038H2.98132L2.8667 1.651C2.74316 0.72522 2.09863 0 1.39929 0H0.5625C0.303589 0 0.09375 0.209839 0.09375 0.46875C0.09375 0.727661 0.303589 0.9375 0.5625 0.9375H1.39929C1.54968 0.9375 1.86816 1.25549 1.93738 1.7749L3.27917 11.8386C3.33826 12.2822 3.56616 12.6975 3.9209 13.0081C4.18396 13.2384 4.49487 13.3916 4.82056 13.4557C4.68787 13.6997 4.61243 13.9792 4.61243 14.276C4.61243 15.2267 5.38586 16 6.33643 16C7.28699 16 8.06042 15.2267 8.06042 14.276C8.06042 13.9928 7.99133 13.7256 7.86975 13.4896H10.326C10.2045 13.7256 10.1354 13.9928 10.1354 14.276C10.1354 15.2267 10.9088 16 11.8594 16C12.8099 16 13.5834 15.2267 13.5834 14.276C13.5834 13.9928 13.5143 13.7256 13.3927 13.4896H14.6208C14.8796 13.4896 15.0896 13.2797 15.0896 13.0209C15.0896 12.762 14.8796 12.5521 14.6208 12.5521H5.16492C4.70691 12.5521 4.26892 12.1686 4.20837 11.7146L4.11035 10.9791H7.75867C7.75879 10.9791 7.75891 10.9792 7.75903 10.9792C7.75916 10.9792 7.75928 10.9791 7.75952 10.9791H10.771C10.7711 10.9791 10.7712 10.9792 10.7715 10.9792C10.7716 10.9792 10.7716 10.9791 10.7717 10.9791H13.3656C13.8131 10.9791 14.2549 10.8081 14.6096 10.4977C14.9644 10.1871 15.1923 9.77173 15.2513 9.32812L15.9237 4.2854C15.986 3.81848 15.8569 3.37476 15.5603 3.03589ZM7.12292 14.276C7.12292 14.7097 6.77014 15.0625 6.33643 15.0625C5.90283 15.0625 5.54993 14.7097 5.54993 14.276C5.54993 13.8424 5.90283 13.4896 6.33643 13.4896C6.77014 13.4896 7.12292 13.8424 7.12292 14.276ZM12.6459 14.276C12.6459 14.7097 12.2931 15.0625 11.8594 15.0625C11.4257 15.0625 11.0729 14.7097 11.0729 14.276C11.0729 13.8424 11.4257 13.4896 11.8594 13.4896C12.2931 13.4896 12.6459 13.8424 12.6459 14.276ZM14.8549 3.65344C14.9709 3.78601 15.0205 3.96631 14.9944 4.16138L14.7125 6.276H11.5231L11.7115 3.44788H14.3698C14.5667 3.44788 14.7389 3.52087 14.8549 3.65344ZM8.198 10.0416L8.0094 7.2135H10.521L10.3324 10.0416H8.198ZM7.9469 6.276L7.75842 3.44788H10.772L10.5835 6.276H7.9469ZM6.81885 3.44788L7.00732 6.276H3.48328L3.1062 3.44788H6.81885ZM3.60828 7.2135H7.06982L7.25842 10.0416H3.98535L3.60828 7.2135ZM13.3656 10.0416H11.272L11.4606 7.2135H14.5875L14.3221 9.20422C14.2616 9.6582 13.8235 10.0416 13.3656 10.0416Z" fill="#B5131D"/> </g> <defs> <clipPath id="clip0_2236_7817"> <rect width="16" height="16" fill="white"/> </clipPath> </defs> </svg> Ajouter </button> </form> </div></div></div></div></div></div></div></section></div></div></div></div></div></div></article></div> </div> <div class="ppw-card"> <div data-elementor-type="product-miniature" data-elementor-id="11170101" class="elementor elementor-11170101"><article class="elementor-section-wrap" data-id-product="17618" data-id-product-attribute="571987"><div class="elementor-element elementor-element-d731339 grid-element elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle elementor-section elementor-top-section" data-id="d731339" data-element_type="section"><div class="elementor-container elementor-column-gap-default"><div class="elementor-row"><div class="elementor-element elementor-element-215dc51 ce-widgets-space--gap elementor-column elementor-col-100 elementor-top-column" data-id="215dc51" data-element_type="column"><div class="elementor-column-wrap elementor-element-populated"><div class="elementor-widget-wrap"><section class="elementor-element elementor-element-ad702f2 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="ad702f2" data-element_type="section"><div class="elementor-container elementor-column-gap-default"><div class="elementor-row"><div class="elementor-element elementor-element-c527b54 ce-widgets-space--gap elementor-column elementor-col-100 elementor-inner-column" data-id="c527b54" data-element_type="column"><div class="elementor-column-wrap elementor-element-populated"><div class="elementor-widget-wrap"><div class="elementor-element elementor-element-2707976 elementor-widget__width-auto ce-product-prices--layout-inline elementor-widget-mobile__width-auto elementor-widget elementor-widget-product-miniature-price elementor-overflow-hidden elementor-widget-product-price" data-id="2707976" data-element_type="widget" data-widget_type="product-miniature-price.default"><div class="elementor-widget-container"> <div class="ce-product-prices"> <div class="ce-product-price"><span class="screen-reader-text">Prix:</span><span>18,99 €</span></div> </div> </div></div><div class="elementor-element elementor-element-8e26455 elementor-widget__width-auto ce-product-badges--inline elementor-widget elementor-widget-product-badges elementor-overflow-hidden" data-id="8e26455" data-element_type="widget" data-widget_type="product-badges.default"><div class="elementor-widget-container"><div class="ce-product-badges"> </div></div></div></div></div></div></div></div></section><div class="elementor-element elementor-element-79f8cb1 elementor-widget elementor-widget-product-miniature-image elementor-widget-image" data-id="79f8cb1" data-element_type="widget" data-widget_type="product-miniature-image.default"><div class="elementor-widget-container"><div class="ce-product-image elementor-image"> <a href="https://www.cyclable.com/17618-coussin-en-materiaux-recycles-urban-proof-pour-porte-bagages-velo-17617.html#/1289-couleur-noir_gris"><img src="https://www.cyclable.com/48724-large_default/coussin-en-materiaux-recycles-urban-proof-pour-porte-bagages-velo-17617.jpg" srcset="https://www.cyclable.com/48724-large_default/coussin-en-materiaux-recycles-urban-proof-pour-porte-bagages-velo-17617.jpg 800w, https://www.cyclable.com/48724-small_default/coussin-en-materiaux-recycles-urban-proof-pour-porte-bagages-velo-17617.jpg 98w, https://www.cyclable.com/48724-cart_default/coussin-en-materiaux-recycles-urban-proof-pour-porte-bagages-velo-17617.jpg 125w, https://www.cyclable.com/48724-home_default/coussin-en-materiaux-recycles-urban-proof-pour-porte-bagages-velo-17617.jpg 250w, https://www.cyclable.com/48724-medium_default/coussin-en-materiaux-recycles-urban-proof-pour-porte-bagages-velo-17617.jpg 452w" alt="Coussin passager sur porte-bagages Urban Proof tissu recyclé noir" loading="lazy"width="800" height="800" sizes="(max-width: 800px) 100vw, 800px"></a> </div></div></div><div class="elementor-element elementor-element-b21cae6 elementor-widget elementor-widget-text-editor" data-id="b21cae6" data-element_type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container">Urban Proof</div></div><div class="elementor-element elementor-element-a7594dd titre_hover elementor-widget-mobile__width-inherit elementor-widget elementor-widget-product-miniature-name elementor-widget-heading" data-id="a7594dd" data-element_type="widget" data-widget_type="product-miniature-name.default"><div class="elementor-widget-container"><h3 class="ce-product-name ce-product-name--full elementor-heading-title"><a href="https://www.cyclable.com/17618-coussin-en-materiaux-recycles-urban-proof-pour-porte-bagages-velo-17617.html#/1289-couleur-noir_gris">Coussin passager sur porte-bagages Urban Proof tissu recyclé</a></h3></div></div><div class="elementor-element elementor-element-4c0e34c only-feature-wheel elementor-widget-mobile__width-inherit elementor-widget elementor-widget-product-features elementor-widget-heading" data-id="4c0e34c" data-element_type="widget" data-widget_type="product-features.default"><div class="elementor-widget-container"><table class="ce-product-features" aria-label="Caractéristiques produit"> <tr class="ce-product-features__row"><th class="ce-product-features__label">Matériau</th><td class="ce-product-features__value">RPET (polyéthylène recyclé) - résistant à l'eau et aux UV</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Dimensions</th><td class="ce-product-features__value">37 x 17 x 6,5 cm</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Type de porte-bagages</th><td class="ce-product-features__value">Arrière</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Poids</th><td class="ce-product-features__value">225 g</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Usage</th><td class="ce-product-features__value">Polyvalent</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Compatibilité</th><td class="ce-product-features__value">Tous les vélos rallongés - musculaire/électrique</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Livré avec</th><td class="ce-product-features__value">Colliers de serrage (x4)</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Garantie</th><td class="ce-product-features__value">2 ans</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Marque</th><td class="ce-product-features__value">Urban Proof</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Nom Produit</th><td class="ce-product-features__value">Backseat Pillow Recycled</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Idées cadeaux Noël</th><td class="ce-product-features__value">Bon pour la planète</td></tr> <tr class="ce-product-features__row"><th class="ce-product-features__label">Idées cadeaux Noël prix</th><td class="ce-product-features__value">Moins de 50€</td></tr> </table> </div></div><div class="elementor-element elementor-element-a11f96e elementor-widget elementor-widget-html" data-id="a11f96e" data-element_type="widget" data-widget_type="html.default"><div class="elementor-widget-container"><div class="product-feature-badges" style="display:none;"></div><style> .product-feature-badges { display: flex; gap: 10px; margin-top: 8px; } .feature-badge { background-color: rgba(20, 8, 8, 0.1); color: #140808; font-size: 0.75rem; font-weight: 600; padding: 4px 10px; border-radius: 12px; display: inline-block; line-height: 1; } @media (max-width: 767px) { .product-feature-badges{ display:flex; flex-wrap:wrap; } } </style><script> (function () { const map = { 'velo-electrique': { ids: [13, 183, 294, 268, 267, 1352, 946], features: ['Capacité batterie', 'Marque du moteur', 'Couple moteur (Nm)'] }, 'velo-cargo': { ids: [1326, 963, 160, 954, 955], features: ['Capacité batterie', 'Marque du moteur', 'Couple moteur (Nm)', 'Capacité de charge'] }, 'velo-pliant': { ids: [14, 947, 1385], features: ['Poids', 'Taille de roues'] }, 'gravel-trekking': { ids: [1467, 1327, 16], features: ['Matériau du cadre', 'Poids'] } }; const wsKey = 'ZS3INS1ZGW39NYF9QAMZK2A73GT9XVT1'; const handleWidget = (widget) => { const container = widget.closest('[data-id-product]'); const badgeContainer = container?.querySelector('.product-feature-badges'); if (!container || !badgeContainer) return; const productId = container.getAttribute('data-id-product'); const url = new URL(window.location.origin + '/api/products/'); url.searchParams.append('filter[id]', productId); url.searchParams.append('display', 'full'); url.searchParams.append('output_format', 'JSON'); url.searchParams.append('ws_key', wsKey); fetch(url.toString()) .then(r => r.json()) .then(data => { const cats = data.products?.[0]?.associations?.categories?.map(c => parseInt(c.id)) || []; let toShow = []; for (let g in map) { if (map[g].ids.some(id => cats.includes(id))) { toShow = map[g].features; break; } } if (toShow.length === 0) return; const values = Object.create(null); const rows = widget.querySelectorAll('tr.ce-product-features__row'); rows.forEach(row => { const label = row.querySelector('th.ce-product-features__label')?.textContent?.trim(); const value = row.querySelector('td.ce-product-features__value')?.textContent?.trim(); if (label && value && toShow.includes(label)) { values[label] = value; } }); let html = ''; toShow.forEach(label => { if (values[label]) { html += '<span class="feature-badge">' + values[label] + '</span>'; } }); if (html) { badgeContainer.innerHTML = html; badgeContainer.style.display = 'flex'; widget.style.display = 'none'; } }); }; const observer = new MutationObserver(() => { const widgets = document.querySelectorAll('.only-feature-wheel:not([data-enhanced])'); widgets.forEach(widget => { widget.setAttribute('data-enhanced', 'true'); handleWidget(widget); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); </script></div></div><div class="elementor-element elementor-element-6344401 elementor-widget elementor-widget-shortcode" data-id="6344401" data-element_type="widget" data-widget_type="shortcode.default"><div class="elementor-widget-container"> <div class="mini-stock-block mini-stock-block--accessory"> <div class="mini-stock__line"> <span class="mini-stock__status mini-stock__status--web"> En stock web </span> </div> </div> <script> (function() { function initCyclableMiniStockTooltip() { try { if (window.__cyclableMiniStockTooltipInit) { return; } window.__cyclableMiniStockTooltipInit = true; function adjustTooltipPosition(tooltip) { if (!tooltip || !tooltip.getBoundingClientRect || !tooltip.classList) { return; } // Attendre que le tooltip soit visible setTimeout(function() { if (!tooltip.isConnected) { return; } const rect = tooltip.getBoundingClientRect(); const tooltipWidth = 420; // max-width du tooltip (CSS) const tooltipLeft = rect.right + 12; // left: calc(100% + 12px) const viewportWidth = document.documentElement.clientWidth || window.innerWidth || 0; if (viewportWidth && (tooltipLeft + tooltipWidth > viewportWidth - 20)) { tooltip.classList.add('mini-stock__tooltip--left'); } else { tooltip.classList.remove('mini-stock__tooltip--left'); } }, 10); } function getTooltipTarget(event) { const target = event && event.target; if (!target || !target.closest) { return null; } return target.closest('.mini-stock__tooltip'); } document.addEventListener('mouseover', function(event) { const tooltip = getTooltipTarget(event); if (tooltip) { adjustTooltipPosition(tooltip); } }, { passive: true }); document.addEventListener('focusin', function(event) { const tooltip = getTooltipTarget(event); if (tooltip) { adjustTooltipPosition(tooltip); } }); } catch (e) { // Ne jamais faire remonter d'erreur JS côté front } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initCyclableMiniStockTooltip); } else { initCyclableMiniStockTooltip(); } })(); </script> </div></div><div class="elementor-element elementor-element-a511528 elementor-widget elementor-widget-html" data-id="a511528" data-element_type="widget" data-widget_type="html.default"><div class="elementor-widget-container"><button type="button" class="add_to_compare" data-id-product="17618" style="display: flex; align-items: center; gap: 0.5em; background: none; border: none; cursor: pointer; padding: 0;"><input type="checkbox" /><span style="color: black; font-size: 12px;">Comparer</span></button></div></div><section class="elementor-element elementor-element-8a320db elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section" data-id="8a320db" data-element_type="section"><div class="elementor-container elementor-column-gap-wider"><div class="elementor-row"><div class="elementor-element elementor-element-8a10c1a ce-widgets-space--gap elementor-column elementor-col-100 elementor-inner-column" data-id="8a10c1a" data-element_type="column"><div class="elementor-column-wrap elementor-element-populated"><div class="elementor-widget-wrap"><div class="elementor-element elementor-element-e5a1a0a elementor-widget__width-auto elementor-widget elementor-widget-shortcode" data-id="e5a1a0a" data-element_type="widget" data-widget_type="shortcode.default"><div class="elementor-widget-container"> <form action="https://www.cyclable.com/panier" method="post" class="ppw-add-to-cart"> <input type="hidden" name="token" value="7a72218524ccbdfc2f4b3eaad792e27b"> <input type="hidden" name="add" value="1"> <input type="hidden" name="id_product" value="17618"> <input type="hidden" name="id_product_attribute" value="571987"> <input type="hidden" name="qty" value="1"> <button class="btn btn-primary" data-button-action="add-to-cart" type="submit"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2236_7817)"> <path d="M15.5603 3.03589C15.2637 2.69702 14.8408 2.51038 14.3698 2.51038H2.98132L2.8667 1.651C2.74316 0.72522 2.09863 0 1.39929 0H0.5625C0.303589 0 0.09375 0.209839 0.09375 0.46875C0.09375 0.727661 0.303589 0.9375 0.5625 0.9375H1.39929C1.54968 0.9375 1.86816 1.25549 1.93738 1.7749L3.27917 11.8386C3.33826 12.2822 3.56616 12.6975 3.9209 13.0081C4.18396 13.2384 4.49487 13.3916 4.82056 13.4557C4.68787 13.6997 4.61243 13.9792 4.61243 14.276C4.61243 15.2267 5.38586 16 6.33643 16C7.28699 16 8.06042 15.2267 8.06042 14.276C8.06042 13.9928 7.99133 13.7256 7.86975 13.4896H10.326C10.2045 13.7256 10.1354 13.9928 10.1354 14.276C10.1354 15.2267 10.9088 16 11.8594 16C12.8099 16 13.5834 15.2267 13.5834 14.276C13.5834 13.9928 13.5143 13.7256 13.3927 13.4896H14.6208C14.8796 13.4896 15.0896 13.2797 15.0896 13.0209C15.0896 12.762 14.8796 12.5521 14.6208 12.5521H5.16492C4.70691 12.5521 4.26892 12.1686 4.20837 11.7146L4.11035 10.9791H7.75867C7.75879 10.9791 7.75891 10.9792 7.75903 10.9792C7.75916 10.9792 7.75928 10.9791 7.75952 10.9791H10.771C10.7711 10.9791 10.7712 10.9792 10.7715 10.9792C10.7716 10.9792 10.7716 10.9791 10.7717 10.9791H13.3656C13.8131 10.9791 14.2549 10.8081 14.6096 10.4977C14.9644 10.1871 15.1923 9.77173 15.2513 9.32812L15.9237 4.2854C15.986 3.81848 15.8569 3.37476 15.5603 3.03589ZM7.12292 14.276C7.12292 14.7097 6.77014 15.0625 6.33643 15.0625C5.90283 15.0625 5.54993 14.7097 5.54993 14.276C5.54993 13.8424 5.90283 13.4896 6.33643 13.4896C6.77014 13.4896 7.12292 13.8424 7.12292 14.276ZM12.6459 14.276C12.6459 14.7097 12.2931 15.0625 11.8594 15.0625C11.4257 15.0625 11.0729 14.7097 11.0729 14.276C11.0729 13.8424 11.4257 13.4896 11.8594 13.4896C12.2931 13.4896 12.6459 13.8424 12.6459 14.276ZM14.8549 3.65344C14.9709 3.78601 15.0205 3.96631 14.9944 4.16138L14.7125 6.276H11.5231L11.7115 3.44788H14.3698C14.5667 3.44788 14.7389 3.52087 14.8549 3.65344ZM8.198 10.0416L8.0094 7.2135H10.521L10.3324 10.0416H8.198ZM7.9469 6.276L7.75842 3.44788H10.772L10.5835 6.276H7.9469ZM6.81885 3.44788L7.00732 6.276H3.48328L3.1062 3.44788H6.81885ZM3.60828 7.2135H7.06982L7.25842 10.0416H3.98535L3.60828 7.2135ZM13.3656 10.0416H11.272L11.4606 7.2135H14.5875L14.3221 9.20422C14.2616 9.6582 13.8235 10.0416 13.3656 10.0416Z" fill="#B5131D"/> </g> <defs> <clipPath id="clip0_2236_7817"> <rect width="16" height="16" fill="white"/> </clipPath> </defs> </svg> Ajouter </button> </form> </div></div></div></div></div></div></div></section></div></div></div></div></div></div></article></div> </div> </div> </section> <div class="ppw-accordion" id="ppw-accordion-17612" role="tablist" aria-label="Informations produit"> <div class="card" > <div id="tab-content"class="card-header" role="tab" id="acc-head-desc-17612"> <button class="btn btn-link d-flex justify-content-between w-100" data-toggle="collapse" data-target="#acc-panel-desc-17612" aria-expanded="true" aria-controls="acc-panel-desc-17612"> Description <span class="ppw-accordion__chevron" aria-hidden="true"></span> </button> </div> <div id="acc-panel-desc-17612" class="collapse show" role="tabpanel" aria-labelledby="acc-head-desc-17612" data-parent="#ppw-accordion-17612"> <div class="card-body"> <div class="product-description"><p style="text-align: justify;">La <strong>selle de vélo ville SMP Martin Touring</strong> est conçue pour équiper les vélos urbains (musculaire ou électrique) qui permettent d'adopter une position droite, sereine, relaxée - la position naturelle de la plupart des cyclistes en ville.</p> <p style="text-align: justify;">Une telle position fait porter le poids du cycliste sur l'arrière de la selle, c'est pourquoi SMP propose ce modèle Martin Touring qui élargit la surface d'appui au maximum sur sa partie arrière. Ce profil large (et mixte) s'accompagne d'un rembourrage épais qui permet de supporter plus facilement les trajets du quotidien, jour après jour. Quant au canal central ouvert, il décharge la zone périnéale d'une pression trop importante, pouvant créer des douleurs.</p> <h2 style="text-align: justify;"><strong>Selle SMP Martin Touring - Un rembourrage ciblé sur la partie arrière</strong></h2> <p style="text-align: justify;">La selle de vélo ville SMP Martin Touring reprend les dimensions exactes du modèle Martin Touring Gel (largeur, longueur, hauteur, épaisseur du rembourrage). Le rembourrage en 3 épaisseurs est concentré sur l'arrière. Cette mousse polyuréthane promet de garder durablement ses qualités. La mousse est prise entre une coque stable et résistante, et un revêtement synthétique durable SVT. La selle repose sur des rails en acier, qui ont une bonne capacité d'absorption des vibrations.</p> <p>Proposée en 2 tailles/2 largeurs, cette selle SMP Martin Touring s'adapte à votre gabarit.</p> <p><span style="text-decoration: underline;">Points forts</span> :</p> <ul> <li>Une selle large qui correspond au mieux à la position droite du cycliste urbain</li> <li>Le rembourrage bien ciblé sur l'arrière</li> <li>Le canal central ouvert</li> <li>Le revêtement durable</li> </ul></div> </div> </div> </div> <div class="card"> <div class="card-header" role="tab" id="acc-head-details-17612"> <button class="btn btn-link d-flex justify-content-between w-100" data-toggle="collapse" data-target="#acc-panel-details-17612" aria-expanded="false" aria-controls="acc-panel-details-17612"> Détails du produit <span class="ppw-accordion__chevron" aria-hidden="true"></span> </button> </div> <div id="acc-panel-details-17612" class="collapse" role="tabpanel" aria-labelledby="acc-head-details-17612" data-parent="#ppw-accordion-17612"> <div class="card-body"> <div class="product-manufacturer"> <a href="https://www.cyclable.com/178_smp"> <img src="https://www.cyclable.com/img/m/178.jpg" class="img img-fluid manufacturer-logo" alt="SMP" loading="lazy"> </a> </div> <div class="product-reference"> <label class="label">Référence </label> <span>ZSTT02MARTOURMED-NE</span> </div> <div class="product-quantities"> <label class="label">En stock</label> <span data-stock="4" data-allow-oosp="0">4 Produits</span> </div> <div class="product-out-of-stock"> </div> <section class="product-features"> <p class="h6">Fiche technique</p> <dl class="data-sheet"> <dt class="name">Matériau : Rail</dt> <dd class="value">Acier</dd> <dt class="name">Matériau : Chassis</dt> <dd class="value">Polypropylène copolymère</dd> <dt class="name">Genre</dt> <dd class="value">Mixte</dd> <dt class="name">Décharge périnéale : selle ouverte</dt> <dd class="value">Oui</dd> <dt class="name">Dimensions</dt> <dd class="value">Longueur x largeur x hauteur : 258 x 218 x 69 mm (Medium) / 256 x 263 x 69 mm (Large)</dd> <dt class="name">Poids</dt> <dd class="value">560 g (Medium) / 615 g (Large)</dd> <dt class="name">Usage</dt> <dd class="value">Ville</dd> <dt class="name">Compatibilité</dt> <dd class="value">Selle "E-Bike Ready" (compatible VAE)</dd> <dt class="name">Origine</dt> <dd class="value">Fabriqué en Italie</dd> <dt class="name">Marque</dt> <dd class="value">Selle SMP</dd> <dt class="name">Nom Produit</dt> <dd class="value">Martin Touring</dd> <dt class="name">Rembourrage</dt> <dd class="value">Mousse polyuréthane (rembourrage niveau élevé)</dd> <dt class="name">Revêtement</dt> <dd class="value">SVT Velvet Touch - synthétique</dd> </dl> </section> <div class="product-condition"> <label class="label">État </label> <link href="https://schema.org/NewCondition"/> <span>Neuf</span> </div> <script> document.addEventListener('DOMContentLoaded', function () { setTimeout(function () { var desc = document.querySelector('.ppw-accordion [id^="acc-panel-desc-"].collapse'); if (!desc) return; // fermer les autres éventuels ouverts var parentSel = desc.getAttribute('data-parent'); if (parentSel) { document.querySelectorAll(parentSel + ' .collapse.show').forEach(function (el) { if (el !== desc) el.classList.remove('show', 'in'); }); } // ouvrir Description (show + in pour BS4/BS3) desc.classList.add('show','in'); // synchroniser le bouton var headId = desc.getAttribute('aria-labelledby'); if (headId) { var head = document.getElementById(headId); if (head) { var trigger = head.querySelector('[data-toggle="collapse"], [data-bs-toggle="collapse"], a, button'); if (trigger) { trigger.classList.remove('collapsed'); trigger.setAttribute('aria-expanded', 'true'); } } } }, 0); // laisse les autres scripts passer d'abord }); </script> </div> </div> </div> <div class="card"> <div class="card-header" role="tab" id="acc-head-reviews-17612"> <button class="btn btn-link d-flex justify-content-between w-100" data-toggle="collapse" data-target="#acc-panel-reviews-17612" aria-expanded="false" aria-controls="acc-panel-reviews-17612"> Avis <span class="ppw-accordion__chevron" aria-hidden="true"></span> </button> </div> <div id="acc-panel-reviews-17612" class="collapse" role="tabpanel" aria-labelledby="acc-head-reviews-17612" data-parent="#ppw-accordion-17612"> <div class="card-body"> <iframe src="https://www.cyclable.com/module/wizvillereviews/widgetproduct?campaign_id=5276&product_id=17612&type=feedbacks" width="100%" height="600" frameborder="0" scrolling="yes" sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox" style="display:block;border:none;">
check_circle
check_circle
.webp){kind=logo}