
<!--
//...............................................................................................................................................................................
//.BBBBBBBBBBBBBBBB....BBYYYYY........YYYYYY......... DDDDDDDDDDDDDD.......EEEEEEEEEEEEEEEEEEEEVVVVV........VVVVVVVLLLLLL..................AAAAAAAA........BBBBBBBBBBBBBBBB......
//.BBBBBBBBBBBBBBBBBB...BYYYYYY......YYYYYYY......... DDDDDDDDDDDDDDDD.....EEEEEEEEEEEEEEEEEEEEVVVVV........VVVVVV.LLLLLL..................AAAAAAAA........BBBBBBBBBBBBBBBBB.....
//.BBBBBBBBBBBBBBBBBB...BYYYYYY......YYYYYY.......... DDDDDDDDDDDDDDDDD....EEEEEEEEEEEEEEEEEE.EVVVVV........VVVVVV.LLLLLL.................AAAAAAAAA........BBBBBBBBBBBBBBBBBB....
//.BBBBBBBBBBBBBBBBBBB...YYYYYYY....YYYYYYY.......... DDDDDDDDDDDDDDDDD....EEEEEEEEEEEEEEEEEE.EVVVVVV......VVVVVV..LLLLLL.................AAAAAAAAAA.......BBBBBBBBBBBBBBBBBBB...
//.BBBBBB.....BBBBBBBB....YYYYYY...YYYYYYY........... DDDDD....DDDDDDDDD...EEEEEE..............VVVVVV......VVVVVV..LLLLLL.................AAAAAAAAAA.......BBBBBB.....BBBBBBBB...
//.BBBBBB.......BBBBBB....YYYYYYY..YYYYYY............ DDDDD......DDDDDDD...EEEEEE..............VVVVVV......VVVVVV..LLLLLL................AAAAAAAAAAA.......BBBBBB.......BBBBBB...
//.BBBBBB.......BBBBBB.....YYYYYYYYYYYYYY............ DDDDD.......DDDDDDD..EEEEEE..............VVVVVVV....VVVVVV...LLLLLL................AAAAAAAAAAAA......BBBBBB.......BBBBBB...
//.BBBBBB.......BBBBBB.....YYYYYYYYYYYYY............. DDDDD........DDDDDD..EEEEEE...............VVVVVV....VVVVVV...LLLLLL...............AAAAAA.AAAAAA......BBBBBB.......BBBBBB...
//.BBBBBB.....BBBBBBBB......YYYYYYYYYYY.............. DDDDD........DDDDDD..EEEEEE...............VVVVVV....VVVVVV...LLLLLL...............AAAAAA.AAAAAA......BBBBBB.....BBBBBBB....
//.BBBBBBBBBBBBBBBBBB........YYYYYYYYYY.............. DDDDD........DDDDDD..EEEEEEEEEEEEEEEEE....VVVVVVV..VVVVVV....LLLLLL...............AAAAAA..AAAAAA.....BBBBBBBBBBBBBBBBBB....
//.BBBBBBBBBBBBBBBBB.........YYYYYYYYY............... DDDDD........DDDDDD..EEEEEEEEEEEEEEEEE.....VVVVVV..VVVVVV....LLLLLL..............AAAAAA...AAAAAA.....BBBBBBBBBBBBBBBBB.....
//.BBBBBBBBBBBBBBBBBB.........YYYYYYYY............... DDDDD........DDDDDD..EEEEEEEEEEEEEEEEE.....VVVVVV..VVVVV.....LLLLLL..............AAAAAA...AAAAAAA....BBBBBBBBBBBBBBBBBB....
//.BBBBBBBBBBBBBBBBBBB.........YYYYYY................ DDDDD........DDDDDD..EEEEEEEEEEEEEEEEE.....VVVVVVVVVVVVV.....LLLLLL..............AAAAAA....AAAAAA....BBBBBBBBBBBBBBBBBBB...
//.BBBBBB.....BBBBBBBBB........YYYYYY................ DDDDD........DDDDDD..EEEEEE.................VVVVVVVVVVVV.....LLLLLL.............AAAAAAAAAAAAAAAAA....BBBBBB.....BBBBBBBBB..
//.BBBBBB........BBBBBB........YYYYYY................ DDDDD........DDDDDD..EEEEEE.................VVVVVVVVVVV......LLLLLL.............AAAAAAAAAAAAAAAAAA...BBBBBB.......BBBBBBB..
//.BBBBBB........BBBBBB........YYYYYY................ DDDDD.......DDDDDDD..EEEEEE.................VVVVVVVVVVV......LLLLLL.............AAAAAAAAAAAAAAAAAA...BBBBBB........BBBBBB..
//.BBBBBB........BBBBBB........YYYYYY................ DDDDD......DDDDDDD...EEEEEE..................VVVVVVVVVV......LLLLLL............LAAAAAAAAAAAAAAAAAA...BBBBBB........BBBBBB..
//.BBBBBB......BBBBBBBB........YYYYYY................ DDDDD....DDDDDDDDD...EEEEEE..................VVVVVVVVV.......LLLLLL............LAAAAA.......AAAAAAA..BBBBBB......BBBBBBBB..
//.BBBBBBBBBBBBBBBBBBBB........YYYYYY................ DDDDDDDDDDDDDDDDD....EEEEEEEEEEEEEEEEEE......VVVVVVVVV.......LLLLLLLLLLLLLLLLLLLAAAA.........AAAAAA..BBBBBBBBBBBBBBBBBBBB..
//.BBBBBBBBBBBBBBBBBBB.........YYYYYY................ DDDDDDDDDDDDDDDDD....EEEEEEEEEEEEEEEEEE.......VVVVVVV........LLLLLLLLLLLLLLLLLLLAAAA.........AAAAAA..BBBBBBBBBBBBBBBBBBB...
//.BBBBBBBBBBBBBBBBBB..........YYYYYY................ DDDDDDDDDDDDDDDD.....EEEEEEEEEEEEEEEEEE.......VVVVVVV........LLLLLLLLLLLLLLLLLLLAAAA.........AAAAAAA.BBBBBBBBBBBBBBBBBB....
//.BBBBBBBBBBBBBBBBB...........YYYYYY................ DDDDDDDDDDDDDD.......EEEEEEEEEEEEEEEEEE.......VVVVVVV........LLLLLLLLLLLLLLLLLLLAAA...........AAAAAA.BBBBBBBBBBBBBBBBB.....
//...............................................................................................................................................................................
-->
<!DOCTYPE html>
<html lang="fr" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/  dc: http://purl.org/dc/terms/  foaf: http://xmlns.com/foaf/0.1/  og: http://ogp.me/ns#  rdfs: http://www.w3.org/2000/01/rdf-schema#  schema: http://schema.org/  sioc: http://rdfs.org/sioc/ns#  sioct: http://rdfs.org/sioc/types#  skos: http://www.w3.org/2004/02/skos/core#  xsd: http://www.w3.org/2001/XMLSchema# ">
<head>
    <meta charset="utf-8" />
<meta name="title" content="Produits | Olympians Sport Tahiti" />
<link rel="canonical" href="https://www.olympians.pf/produits" />
<link rel="apple-touch-icon" sizes="180x180" href="/sites/default/files/favicons/apple-touch-icon.png"/>
<link rel="icon" type="image/png" sizes="32x32" href="/sites/default/files/favicons/favicon-32x32.png"/>
<link rel="icon" type="image/png" sizes="16x16" href="/sites/default/files/favicons/favicon-16x16.png"/>
<link rel="manifest" href="/sites/default/files/favicons/site.webmanifest"/>
<meta name="msapplication-TileColor" content="#da532c"/>
<meta name="theme-color" content="#ffffff"/>
<meta name="favicon-generator" content="Drupal responsive_favicons + realfavicongenerator.net" />
<meta name="Generator" content="Drupal 8 (https://www.drupal.org); Commerce 2" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

        <title>Produits | Olympians Sport Tahiti</title>
        <link rel="stylesheet" media="all" href="/sites/default/files/css/css_b4VCb359ofNJ83fIKSSWQsYGr0VUtDKxcqARlqW7bTA.css" />
<link rel="stylesheet" media="all" href="/sites/default/files/css/css_keC4h4KKJc36YSDBY9wOkQT-3a208oj3QtNDoK_CuuI.css" />
<link rel="stylesheet" media="all" href="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" />
<link rel="stylesheet" media="all" href="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" />
<link rel="stylesheet" media="all" href="//fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;700&amp;display=swap" />
<link rel="stylesheet" media="all" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />

            <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"produits","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr","currentQuery":{"page":"68","tid":"All"}},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"better_exposed_filters\/general,bootstrap_barrio\/breadcrumb,commerce_cart\/cart_block,core\/html5shiv,core\/jquery.form,devlab_menu\/mmenu,facets\/drupal.facets.checkbox-widget,facets\/drupal.facets.hierarchical,facets_range_widget\/slider,paragraphs\/drupal.paragraphs.unpublished,system\/base,tailwindcss\/custom-fonts,tailwindcss\/flowbite,tailwindcss\/global-styling,tailwindcss\/slick,views\/views.module","theme":"tailwindcss","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true,"\/produits?page=68\u0026tid=All\u0026ajax_form=1":true,"\/produits":true},"ajax":{"edit-purchased-entity-0-variation":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--2":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--2","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--3":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--3","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--4":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--4","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--5":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--5","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--6":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--6","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--7":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--7","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--8":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--8","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--9":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--9","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--10":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--10","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--11":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--11","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--12":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--12","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--13":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--13","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--14":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--14","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--15":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--15","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--16":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--16","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--17":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--17","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--18":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--18","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--19":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--19","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--20":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--20","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--21":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--21","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--22":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--22","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--23":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--23","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--24":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--24","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--25":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--25","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--26":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--26","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--27":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--27","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--28":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--28","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--29":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--29","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--30":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--30","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--31":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--31","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--32":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--32","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--33":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--33","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--34":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--34","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--35":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--35","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--36":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--36","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--37":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--37","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--38":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--38","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--39":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--39","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--40":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--40","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--41":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--41","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--42":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--42","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--43":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--43","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--44":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--44","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--45":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--45","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--46":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--46","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--47":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--47","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--48":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--48","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--49":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--49","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--50":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--50","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--51":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--51","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--52":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--52","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--53":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--53","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--54":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--54","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--55":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--55","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--56":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--56","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--57":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--57","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--58":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--58","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--59":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--59","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--60":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--60","disable-refocus":true,"event":"change","url":"\/produits?page=68\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}}},"facets":{"sliders":{"prix":{"min":50,"max":499550,"prefix":"","suffix":"","step":500,"labels":["50 (2)","550 (6)","1050 (1)","1550 (3)","2050 (0)","2550 (0)","3050 (0)","3550 (0)","4050 (0)","4550 (0)","5050 (0)","5550 (0)","6050 (0)","6550 (0)","7050 (0)","7550 (0)","8050 (0)","8550 (0)","9050 (0)","9550 (0)","10050 (0)","10550 (0)","11050 (0)","11550 (0)","12050 (0)","12550 (0)","13050 (0)","13550 (0)","14050 (0)","14550 (0)","15050 (0)","15550 (0)","16050 (0)","16550 (0)","17050 (0)","17550 (0)","18050 (0)","18550 (0)","19050 (0)","19550 (0)","20050 (0)","20550 (0)","21050 (0)","21550 (0)","22050 (0)","22550 (0)","23050 (0)","23550 (0)","24050 (0)","24550 (0)","25050 (0)","25550 (0)","26050 (0)","26550 (0)","27050 (0)","27550 (0)","28050 (0)","28550 (0)","29050 (0)","29550 (0)","30050 (0)","30550 (0)","31050 (0)","31550 (0)","32050 (0)","32550 (0)","33050 (0)","33550 (0)","34050 (0)","34550 (0)","35050 (0)","35550 (0)","36050 (0)","36550 (0)","37050 (0)","37550 (0)","38050 (0)","38550 (0)","39050 (0)","39550 (0)","40050 (0)","40550 (0)","41050 (0)","41550 (0)","42050 (0)","42550 (0)","43050 (0)","43550 (0)","44050 (0)","44550 (0)","45050 (0)","45550 (0)","46050 (0)","46550 (0)","47050 (0)","47550 (0)","48050 (0)","48550 (0)","49050 (0)","49550 (0)","50050 (0)","50550 (0)","51050 (0)","51550 (0)","52050 (0)","52550 (0)","53050 (0)","53550 (0)","54050 (0)","54550 (0)","55050 (0)","55550 (0)","56050 (0)","56550 (0)","57050 (0)","57550 (0)","58050 (0)","58550 (0)","59050 (0)","59550 (0)","60050 (0)","60550 (0)","61050 (0)","61550 (0)","62050 (0)","62550 (0)","63050 (0)","63550 (0)","64050 (0)","64550 (0)","65050 (0)","65550 (0)","66050 (0)","66550 (0)","67050 (0)","67550 (0)","68050 (0)","68550 (0)","69050 (0)","69550 (0)","70050 (0)","70550 (0)","71050 (0)","71550 (0)","72050 (0)","72550 (0)","73050 (0)","73550 (0)","74050 (0)","74550 (0)","75050 (0)","75550 (0)","76050 (0)","76550 (0)","77050 (0)","77550 (0)","78050 (0)","78550 (0)","79050 (0)","79550 (0)","80050 (0)","80550 (0)","81050 (0)","81550 (0)","82050 (0)","82550 (0)","83050 (0)","83550 (0)","84050 (0)","84550 (0)","85050 (0)","85550 (0)","86050 (0)","86550 (0)","87050 (0)","87550 (0)","88050 (0)","88550 (0)","89050 (0)","89550 (0)","90050 (0)","90550 (0)","91050 (0)","91550 (0)","92050 (0)","92550 (0)","93050 (0)","93550 (0)","94050 (0)","94550 (0)","95050 (0)","95550 (0)","96050 (0)","96550 (0)","97050 (0)","97550 (0)","98050 (0)","98550 (0)","99050 (0)","99550 (0)","100050 (0)","100550 (0)","101050 (0)","101550 (0)","102050 (0)","102550 (0)","103050 (0)","103550 (0)","104050 (0)","104550 (0)","105050 (0)","105550 (0)","106050 (0)","106550 (0)","107050 (0)","107550 (0)","108050 (0)","108550 (0)","109050 (0)","109550 (0)","110050 (0)","110550 (0)","111050 (0)","111550 (0)","112050 (0)","112550 (0)","113050 (0)","113550 (0)","114050 (0)","114550 (0)","115050 (0)","115550 (0)","116050 (0)","116550 (0)","117050 (0)","117550 (0)","118050 (0)","118550 (0)","119050 (0)","119550 (0)","120050 (0)","120550 (0)","121050 (0)","121550 (0)","122050 (0)","122550 (0)","123050 (0)","123550 (0)","124050 (0)","124550 (0)","125050 (0)","125550 (0)","126050 (0)","126550 (0)","127050 (0)","127550 (0)","128050 (0)","128550 (0)","129050 (0)","129550 (0)","130050 (0)","130550 (0)","131050 (0)","131550 (0)","132050 (0)","132550 (0)","133050 (0)","133550 (0)","134050 (0)","134550 (0)","135050 (0)","135550 (0)","136050 (0)","136550 (0)","137050 (0)","137550 (0)","138050 (0)","138550 (0)","139050 (0)","139550 (0)","140050 (0)","140550 (0)","141050 (0)","141550 (0)","142050 (0)","142550 (0)","143050 (0)","143550 (0)","144050 (0)","144550 (0)","145050 (0)","145550 (0)","146050 (0)","146550 (0)","147050 (0)","147550 (0)","148050 (0)","148550 (0)","149050 (0)","149550 (0)","150050 (0)","150550 (0)","151050 (0)","151550 (0)","152050 (0)","152550 (0)","153050 (0)","153550 (0)","154050 (0)","154550 (0)","155050 (0)","155550 (0)","156050 (0)","156550 (0)","157050 (0)","157550 (0)","158050 (0)","158550 (0)","159050 (0)","159550 (0)","160050 (0)","160550 (0)","161050 (0)","161550 (0)","162050 (0)","162550 (0)","163050 (0)","163550 (0)","164050 (0)","164550 (0)","165050 (0)","165550 (0)","166050 (0)","166550 (0)","167050 (0)","167550 (0)","168050 (0)","168550 (0)","169050 (0)","169550 (0)","170050 (0)","170550 (0)","171050 (0)","171550 (0)","172050 (0)","172550 (0)","173050 (0)","173550 (0)","174050 (0)","174550 (0)","175050 (0)","175550 (0)","176050 (0)","176550 (0)","177050 (0)","177550 (0)","178050 (0)","178550 (0)","179050 (0)","179550 (0)","180050 (0)","180550 (0)","181050 (0)","181550 (0)","182050 (0)","182550 (0)","183050 (0)","183550 (0)","184050 (0)","184550 (0)","185050 (0)","185550 (0)","186050 (0)","186550 (0)","187050 (0)","187550 (0)","188050 (0)","188550 (0)","189050 (0)","189550 (0)","190050 (0)","190550 (0)","191050 (0)","191550 (0)","192050 (0)","192550 (0)","193050 (0)","193550 (0)","194050 (0)","194550 (0)","195050 (0)","195550 (0)","196050 (0)","196550 (0)","197050 (0)","197550 (0)","198050 (0)","198550 (0)","199050 (0)","199550 (0)","200050 (0)","200550 (0)","201050 (0)","201550 (0)","202050 (0)","202550 (0)","203050 (0)","203550 (0)","204050 (0)","204550 (0)","205050 (0)","205550 (0)","206050 (0)","206550 (0)","207050 (0)","207550 (0)","208050 (0)","208550 (0)","209050 (0)","209550 (0)","210050 (0)","210550 (0)","211050 (0)","211550 (0)","212050 (0)","212550 (0)","213050 (0)","213550 (0)","214050 (0)","214550 (0)","215050 (0)","215550 (0)","216050 (0)","216550 (0)","217050 (0)","217550 (0)","218050 (0)","218550 (0)","219050 (0)","219550 (0)","220050 (0)","220550 (0)","221050 (0)","221550 (0)","222050 (0)","222550 (0)","223050 (0)","223550 (0)","224050 (0)","224550 (0)","225050 (0)","225550 (0)","226050 (0)","226550 (0)","227050 (0)","227550 (0)","228050 (0)","228550 (0)","229050 (0)","229550 (0)","230050 (0)","230550 (0)","231050 (0)","231550 (0)","232050 (0)","232550 (0)","233050 (0)","233550 (0)","234050 (0)","234550 (0)","235050 (0)","235550 (0)","236050 (0)","236550 (0)","237050 (0)","237550 (0)","238050 (0)","238550 (0)","239050 (0)","239550 (0)","240050 (0)","240550 (0)","241050 (0)","241550 (0)","242050 (0)","242550 (0)","243050 (0)","243550 (0)","244050 (0)","244550 (0)","245050 (0)","245550 (0)","246050 (0)","246550 (0)","247050 (0)","247550 (0)","248050 (0)","248550 (0)","249050 (0)","249550 (0)","250050 (0)","250550 (0)","251050 (0)","251550 (0)","252050 (0)","252550 (0)","253050 (0)","253550 (0)","254050 (0)","254550 (0)","255050 (0)","255550 (0)","256050 (0)","256550 (0)","257050 (0)","257550 (0)","258050 (0)","258550 (0)","259050 (0)","259550 (0)","260050 (0)","260550 (0)","261050 (0)","261550 (0)","262050 (0)","262550 (0)","263050 (0)","263550 (0)","264050 (0)","264550 (0)","265050 (0)","265550 (0)","266050 (0)","266550 (0)","267050 (0)","267550 (0)","268050 (0)","268550 (0)","269050 (0)","269550 (0)","270050 (0)","270550 (0)","271050 (0)","271550 (0)","272050 (0)","272550 (0)","273050 (0)","273550 (0)","274050 (0)","274550 (0)","275050 (0)","275550 (0)","276050 (0)","276550 (0)","277050 (0)","277550 (0)","278050 (0)","278550 (0)","279050 (0)","279550 (0)","280050 (0)","280550 (0)","281050 (0)","281550 (0)","282050 (0)","282550 (0)","283050 (0)","283550 (0)","284050 (0)","284550 (0)","285050 (0)","285550 (0)","286050 (0)","286550 (0)","287050 (0)","287550 (0)","288050 (0)","288550 (0)","289050 (0)","289550 (0)","290050 (0)","290550 (0)","291050 (0)","291550 (0)","292050 (0)","292550 (0)","293050 (0)","293550 (0)","294050 (0)","294550 (0)","295050 (0)","295550 (0)","296050 (0)","296550 (0)","297050 (0)","297550 (0)","298050 (0)","298550 (0)","299050 (0)","299550 (0)","300050 (0)","300550 (0)","301050 (0)","301550 (0)","302050 (0)","302550 (0)","303050 (0)","303550 (0)","304050 (0)","304550 (0)","305050 (0)","305550 (0)","306050 (0)","306550 (0)","307050 (0)","307550 (0)","308050 (0)","308550 (0)","309050 (0)","309550 (0)","310050 (0)","310550 (0)","311050 (0)","311550 (0)","312050 (0)","312550 (0)","313050 (0)","313550 (0)","314050 (0)","314550 (0)","315050 (0)","315550 (0)","316050 (0)","316550 (0)","317050 (0)","317550 (0)","318050 (0)","318550 (0)","319050 (0)","319550 (0)","320050 (0)","320550 (0)","321050 (0)","321550 (0)","322050 (0)","322550 (0)","323050 (0)","323550 (0)","324050 (0)","324550 (0)","325050 (0)","325550 (0)","326050 (0)","326550 (0)","327050 (0)","327550 (0)","328050 (0)","328550 (0)","329050 (0)","329550 (0)","330050 (0)","330550 (0)","331050 (0)","331550 (0)","332050 (0)","332550 (0)","333050 (0)","333550 (0)","334050 (0)","334550 (0)","335050 (0)","335550 (0)","336050 (0)","336550 (0)","337050 (0)","337550 (0)","338050 (0)","338550 (0)","339050 (0)","339550 (0)","340050 (0)","340550 (0)","341050 (0)","341550 (0)","342050 (0)","342550 (0)","343050 (0)","343550 (0)","344050 (0)","344550 (0)","345050 (0)","345550 (0)","346050 (0)","346550 (0)","347050 (0)","347550 (0)","348050 (0)","348550 (0)","349050 (0)","349550 (0)","350050 (0)","350550 (0)","351050 (0)","351550 (0)","352050 (0)","352550 (0)","353050 (0)","353550 (0)","354050 (0)","354550 (0)","355050 (0)","355550 (0)","356050 (0)","356550 (0)","357050 (0)","357550 (0)","358050 (0)","358550 (0)","359050 (0)","359550 (0)","360050 (0)","360550 (0)","361050 (0)","361550 (0)","362050 (0)","362550 (0)","363050 (0)","363550 (0)","364050 (0)","364550 (0)","365050 (0)","365550 (0)","366050 (0)","366550 (0)","367050 (0)","367550 (0)","368050 (0)","368550 (0)","369050 (0)","369550 (0)","370050 (0)","370550 (0)","371050 (0)","371550 (0)","372050 (0)","372550 (0)","373050 (0)","373550 (0)","374050 (0)","374550 (0)","375050 (0)","375550 (0)","376050 (0)","376550 (0)","377050 (0)","377550 (0)","378050 (0)","378550 (0)","379050 (0)","379550 (0)","380050 (0)","380550 (0)","381050 (0)","381550 (0)","382050 (0)","382550 (0)","383050 (0)","383550 (0)","384050 (0)","384550 (0)","385050 (0)","385550 (0)","386050 (0)","386550 (0)","387050 (0)","387550 (0)","388050 (0)","388550 (0)","389050 (0)","389550 (0)","390050 (0)","390550 (0)","391050 (0)","391550 (0)","392050 (0)","392550 (0)","393050 (0)","393550 (0)","394050 (0)","394550 (0)","395050 (0)","395550 (0)","396050 (0)","396550 (0)","397050 (0)","397550 (0)","398050 (0)","398550 (0)","399050 (0)","399550 (0)","400050 (0)","400550 (0)","401050 (0)","401550 (0)","402050 (0)","402550 (0)","403050 (0)","403550 (0)","404050 (0)","404550 (0)","405050 (0)","405550 (0)","406050 (0)","406550 (0)","407050 (0)","407550 (0)","408050 (0)","408550 (0)","409050 (0)","409550 (0)","410050 (0)","410550 (0)","411050 (0)","411550 (0)","412050 (0)","412550 (0)","413050 (0)","413550 (0)","414050 (0)","414550 (0)","415050 (0)","415550 (0)","416050 (0)","416550 (0)","417050 (0)","417550 (0)","418050 (0)","418550 (0)","419050 (0)","419550 (0)","420050 (0)","420550 (0)","421050 (0)","421550 (0)","422050 (0)","422550 (0)","423050 (0)","423550 (0)","424050 (0)","424550 (0)","425050 (0)","425550 (0)","426050 (0)","426550 (0)","427050 (0)","427550 (0)","428050 (0)","428550 (0)","429050 (0)","429550 (0)","430050 (0)","430550 (0)","431050 (0)","431550 (0)","432050 (0)","432550 (0)","433050 (0)","433550 (0)","434050 (0)","434550 (0)","435050 (0)","435550 (0)","436050 (0)","436550 (0)","437050 (0)","437550 (0)","438050 (0)","438550 (0)","439050 (0)","439550 (0)","440050 (0)","440550 (0)","441050 (0)","441550 (0)","442050 (0)","442550 (0)","443050 (0)","443550 (0)","444050 (0)","444550 (0)","445050 (0)","445550 (0)","446050 (0)","446550 (0)","447050 (0)","447550 (0)","448050 (0)","448550 (0)","449050 (0)","449550 (0)","450050 (0)","450550 (0)","451050 (0)","451550 (0)","452050 (0)","452550 (0)","453050 (0)","453550 (0)","454050 (0)","454550 (0)","455050 (0)","455550 (0)","456050 (0)","456550 (0)","457050 (0)","457550 (0)","458050 (0)","458550 (0)","459050 (0)","459550 (0)","460050 (0)","460550 (0)","461050 (0)","461550 (0)","462050 (0)","462550 (0)","463050 (0)","463550 (0)","464050 (0)","464550 (0)","465050 (0)","465550 (0)","466050 (0)","466550 (0)","467050 (0)","467550 (0)","468050 (0)","468550 (0)","469050 (0)","469550 (0)","470050 (0)","470550 (0)","471050 (0)","471550 (0)","472050 (0)","472550 (0)","473050 (0)","473550 (0)","474050 (0)","474550 (0)","475050 (0)","475550 (0)","476050 (0)","476550 (0)","477050 (0)","477550 (0)","478050 (0)","478550 (0)","479050 (0)","479550 (0)","480050 (0)","480550 (0)","481050 (0)","481550 (0)","482050 (0)","482550 (0)","483050 (0)","483550 (0)","484050 (0)","484550 (0)","485050 (0)","485550 (0)","486050 (0)","486550 (0)","487050 (0)","487550 (0)","488050 (0)","488550 (0)","489050 (0)","489550 (0)","490050 (0)","490550 (0)","491050 (0)","491550 (0)","492050 (0)","492550 (0)","493050 (0)","493550 (0)","494050 (0)","494550 (0)","495050 (0)","495550 (0)","496050 (0)","496550 (0)","497050 (0)","497550 (0)","498050 (0)","498550 (0)","499050 (0)","499550 (0)"],"range":true,"url":"\/produits?tid=All\u0026f%5B0%5D=prix%3A%28min%3A__range_slider_min__%2Cmax%3A__range_slider_max__%29","values":[50,499550]}}},"user":{"uid":0,"permissionsHash":"27c245b7d1f0f97b62cfe297f34567781e277103cf223692fe595de99343bec0"}}</script>

<!--[if lte IE 8]>
<script src="/sites/default/files/js/js_VtafjXmRvoUgAzqzYTA3Wrjkx9wcWhjP0G4ZnnqRamA.js"></script>
<![endif]-->
<script src="/sites/default/files/js/js_rI--1ma4BbOV1EywnsF-vox7740DDWqNB6mG8qr84bA.js"></script>

                </head>
<body class="font-maven path-produits">
<a href="#main-content" class="visually-hidden focusable skip-link">
    Aller au contenu principal
</a>

  <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
    <div class="relative bg-white">
			<div class="l-header">
			<header class="z-50 w-full">
				<div class="mx-auto">
					  
<div class="shadow p-4">
  <div class="w-full mx-auto">
    <div class="flex items-center gap-2 justify-around">

      <div class="block lg:hidden flex justify-start">
        <button class="open-menu outline-none focus:outline-none border-none lg:hidden basis-1/3" id="openMenu">
          <i class="fas text-xl text-red fa-bars"></i>
        </button>
      </div>

      <div class="hidden lg:flex">
        <div class="flex gap-2">
                      <a href="tel:+689 40 54 88 44" class="hidden lg:flex text-lg">
              <i class="fas text-2xl fa-headphones mr-2"></i>+689 40 54 88 44
            </a>
          
                      <div class="hidden xl:flex text-lg">
              <a href="mailto:contact@olympians.pf">contact@olympians.pf</a>
            </div>
                  </div>
      </div>

              <div class="grow flex justify-center">
          <a href="https://www.olympians.pf/" class="block">
            <img src="/sites/default/files/2022-03/top-logo_1.png" alt="Logo Olympians"/>
          </a>
        </div>
      
      <div class="flex gap-2 justify-end">
            <div class="flex gap-2">
    <div id="menuAccountContainer" class="relative flex items-center justify-center">
	<div id="openMenuAccount" class="block lg:hidden">
		<i class="fa-solid fa-user text-2xl"></i>
	</div>
	<ul id="menuAccount" class="hidden lg:flex gap-x-2 z-30">
					<li class="flex justify-center">
				<a href="/user/login">
					Se connecter
				</a>
			</li>
					<li class="flex justify-center">
				<a href="/user/register">
					S&#039;enregistrer
				</a>
			</li>
			</ul>
</div>

  </div>


          <div  class="cart--cart-block m-cart group relative">
  <a href="/cart" class="relative flex items-center">
    <i class="fas text-2xl fa-shopping-bag mr-2"></i>
    <span class="xl:block hidden">Panier</span>
      </a>
  </div>


      </div>
    </div>
  </div>
</div>


				</div>
			</header>
		</div>
	
			<div class="l-menu">
			<div class="bg-black mx-auto">
				  

  <div class="container paragraph paragraph--type--block paragraph--view-mode--default">
                    <article  id="block-navigationprincipale--2">
	
	
                      <ul class="lg:flex flex-wrap menu h-fit justify-center">
        <button class="w-10 h-10 rounded-full bg-red-600 items-center justify-center absolute top-4 right-4 shadow-lg text-white close-menu lg:hidden" id="closeMenu">
          <i class="fas fa-times text-xl"></i>
        </button>
      
                      <li class="flex h-fit">
          
                      <a href="/" class="uppercase text-white mx-4 py-4 hover:text-red" data-drupal-link-system-path="&lt;front&gt;">Accueil</a>
                  </li>
                      <li class="flex h-fit">
          
                      <a href="/nos-promotions" title="Nos promos" class="uppercase text-white mx-4 py-4 hover:text-red" data-drupal-link-system-path="node/321">Nos promos</a>
                  </li>
                      <li class="flex h-fit">
          
                      <a href="/nos-nouveautes" title="Nos nouveautés" class="uppercase text-white mx-4 py-4 hover:text-red" data-drupal-link-system-path="node/322">Nos nouveautés</a>
                  </li>
                      <li class="flex h-fit">
          
                      <a href="/nos-marques" title="Nos marques" class="uppercase text-white mx-4 py-4 hover:text-red" data-drupal-link-system-path="node/320">Nos marques</a>
                  </li>
                      <li class="flex h-fit">
          
                      <a href="/nos-services" title="Nos services" class="uppercase text-white mx-4 py-4 hover:text-red" data-drupal-link-system-path="node/319">Nos services</a>
                  </li>
                      <li class="flex h-fit">
          
                      <a href="/nutrition-sportive" title="Supform" class="uppercase text-white mx-4 py-4 hover:text-red" data-drupal-link-system-path="node/326">Nutrition sportive</a>
                  </li>
      
              </ul>
            

	</article>

  <nav id="mmenu">
    <ul>
                    <li>
                <a href="/produits?f[0]=categories:1157">HOMME</a>

                                    <ul>
                                                    <li>
                                <a href="/produits?f[0]=categories:1158">CHAUSSURE</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1212">COURSE/RUNNING</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1213">TRAIL/MONTAGNE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1214">SPORT INDIVIDUEL/COLLECTIF</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1215">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1159">TEXTILE</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1216">HAUT</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1217">BAS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1160">CYCLE</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1218">VTT</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1219">ROUTE</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                            </ul>
                            </li>
                    <li>
                <a href="/produits?f[0]=categories:1161">FEMME</a>

                                    <ul>
                                                    <li>
                                <a href="/produits?f[0]=categories:1162">CHAUSSURE</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1220">COURSE/RUNNING</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1221">TRAIL/MONTAGNE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1222">SPORT INDIVIDUEL/COLLECTIF</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1223">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1163">TEXTILE</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1224">HAUT</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1225">BAS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1164">CYCLE</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1226">VTT</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1227">ROUTE</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                            </ul>
                            </li>
                    <li>
                <a href="/produits?f[0]=categories:1165">ENFANT</a>

                                    <ul>
                                                    <li>
                                <a href="/produits?f[0]=categories:1166">CHAUSSURE</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1228">COURSE/RUNNING</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1229">TRAIL/MONTAGNE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1230">SPORT INDIVIDUEL/COLLECTIF</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1231">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1167">TEXTILE</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1232">HAUT</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1233">BAS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1168">CYCLE</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1234">VTT</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1235">ROUTE</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                            </ul>
                            </li>
                    <li>
                <a href="/produits?f[0]=categories:1203">ACCESSOIRES</a>

                                    <ul>
                                                    <li>
                                <a href="/produits?f[0]=categories:1204">CYCLE</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1347">EQUIPEMENT DIVERS</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1348">PIECES DETACHEES</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1205">SACS</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1349">SAC A DOS</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1350">SAC SPORT/VOYAGE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1351">CAMELBAK</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1352">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1206">MULTISPORTS</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1353">CASQUETTES</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1354">CHAUSSETES</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1355">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                            </ul>
                            </li>
                    <li>
                <a href="/produits?f[0]=categories:1176">MUSCULATION</a>

                                    <ul>
                                                    <li>
                                <a href="/produits?f[0]=categories:1177">ACCESSOIRES</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1260">FITNESS</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1261">MUSCULATION</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1178">APPAREILS</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1263">BANC MUSCULATION</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1264">ELLIPTIQUE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1265">HOME GYM</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1266">TAPIS DE COURSE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1267">RAMEUR</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1268">VELO APPARTEMENT</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1269">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1179">BARRES</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1270">OLYMPIQUE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1271">STANDARD</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1272">TIRAGE DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1180">NUTRITION SPORTIVE</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1273">ENERGIE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1274">PROTEINES</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1275">RECUPERATION</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1276">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1181">HALTERES</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1277">VINYL</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1278">KETTLEBELL</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1279">HEXAGONAL</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1280">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1182">POIDS</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1281">OLYMPIQUE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1282">BUMPER</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1283">STANDARD</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1284">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                            </ul>
                            </li>
                    <li>
                <a href="/produits?f[0]=categories:1173">LOISIRS</a>

                                    <ul>
                                                    <li>
                                <a href="/produits?f[0]=categories:1174">EXTERIEUR</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1247">CAMPING</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1248">RIDE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1249">JOUET</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1250">PETANQUE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1251">ACTIVITE NAUTIQUES</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1252">PORTIQUE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1253">TRAMPOLINE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1254">AIR COMPRIME/ARCHERIE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1255">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1175">INTERIEUR</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1256">BABY FOOT</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1257">BILLARD</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1258">FLECHETTE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1259">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                            </ul>
                            </li>
                    <li>
                <a href="/produits?f[0]=categories:1186">SPORT COLLECTIF</a>

                                    <ul>
                                                    <li>
                                <a href="/produits?f[0]=categories:1187">BASKET</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1294">ANNEAU/PANNEAU</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1295">BALLONS</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1296">TENUE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1297">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1188">FOOTBALL</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1298">BALLONS</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1299">CHAUSSETTES</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1300">PROTECTION</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1301">TENUE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1302">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1189">HANDBALL</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1303">BALLONS</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1304">TENUE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1305">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1190">RUGBY</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1306">BALLONS</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1307">PROTECTION</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1308">TENUE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1309">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1191">VOLLEY</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1310">BALLONS</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1311">PROTECTION</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1312">TENUE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1313">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1192">AUTRES</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1314">BALLONS</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1315">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                            </ul>
                            </li>
                    <li>
                <a href="/produits?f[0]=categories:1193">SPORT INDIVIDUEL</a>

                                    <ul>
                                                    <li>
                                <a href="/produits?f[0]=categories:1194">BADMINGTON</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1316">RAQUETTE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1317">VOLANT</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1318">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1195">BOXE</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1319">GANT</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1320">PROTECTION</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1321">SAC/PUNCHING BALL</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1322">TENUE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1323">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1196">JUDO</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1324">TENUE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1325">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1197">KARATE</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1326">GANT</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1327">PROTECTION</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1328">TENUE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1329">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1198">NATATION</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1330">BONNET</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1331">LUNETTE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1332">MAILLOT</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1333">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1199">TENNIS DE TABLE</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1334">BALLES</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1335">FILET</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1336">RAQUETTE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1337">TABLE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1338">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1200">TENNIS</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1339">BALLES</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1340">RAQUETTE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1341">ACCESSOIRES</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1342">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1201">TAEKWONDO</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1343">PROTECTION</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1344">TENUE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1345">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1202">DIVERS</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1346">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                            </ul>
                            </li>
                    <li>
                <a href="/produits?f[0]=categories:1183">EQUIPEMENT MULTISPORT</a>

                                    <ul>
                                                    <li>
                                <a href="/produits?f[0]=categories:1184">MATERIEL MULTISPORT</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1285">ATHLETISME</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1286">CERCEAU</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1287">CHRONO/SIFFLET</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1288">CONE/KIT DE DELIMITATION</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1289">JALON/PIQUET</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1290">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1185">TERRAIN MULTISPORT</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1291">BUT/POTEAU</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1292">FILET</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1293">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                            </ul>
                            </li>
                    <li>
                <a href="/produits?f[0]=categories:1207">RECOMPENSES</a>

                                    <ul>
                                                    <li>
                                <a href="/produits?f[0]=categories:1208">TROPHEE</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1356">COUPE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1357">TROPHEE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1358">DIVERS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                                    <li>
                                <a href="/produits?f[0]=categories:1209">MEDAILLES</a>

                                                                    <ul>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1359">ARGENT</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1360">BRONZE</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1361">OR</a>
                                            </li>
                                                                                    <li>
                                                <a href="/produits?f[0]=categories:1362">RUBANS</a>
                                            </li>
                                                                            </ul>
                                                            </li>
                                            </ul>
                            </li>
            </ul>
</nav>


            </div>


			</div>
		</div>
	
			<div class="l-content-top bg-[#e6e4e4] p-4">
			  

  <div class="container paragraph paragraph--type--block paragraph--view-mode--default">
                    <form action="/produits" method="get" id="views-exposed-form-search-products-page-1" accept-charset="UTF-8">
  <div class="js-form-item form-item js-form-type-textfield form-item-search-api-fulltext js-form-item-search-api-fulltext">
      <label for="edit-search-api-fulltext--3">Nom du produit</label>
        <input placeholder="Rechercher" data-drupal-selector="edit-search-api-fulltext" type="text" id="edit-search-api-fulltext--3" name="search_api_fulltext" size="30" maxlength="128" class="form-text" />

        </div>
<div class="js-form-item form-item js-form-type-select form-item-tid js-form-item-tid">
      <label for="edit-tid--3">Catégorie</label>
        <select data-drupal-selector="edit-tid" id="edit-tid--3" name="tid" class="form-select"><option value="All" selected="selected">- Tout -</option><option value="1157">HOMME</option><option value="1158">-CHAUSSURE</option><option value="1212">--COURSE/RUNNING</option><option value="1213">--TRAIL/MONTAGNE</option><option value="1214">--SPORT INDIVIDUEL/COLLECTIF</option><option value="1215">--DIVERS</option><option value="1159">-TEXTILE</option><option value="1216">--HAUT</option><option value="1217">--BAS</option><option value="1160">-CYCLE</option><option value="1218">--VTT</option><option value="1219">--ROUTE</option><option value="1161">FEMME</option><option value="1162">-CHAUSSURE</option><option value="1220">--COURSE/RUNNING</option><option value="1221">--TRAIL/MONTAGNE</option><option value="1222">--SPORT INDIVIDUEL/COLLECTIF</option><option value="1223">--DIVERS</option><option value="1163">-TEXTILE</option><option value="1224">--HAUT</option><option value="1225">--BAS</option><option value="1164">-CYCLE</option><option value="1226">--VTT</option><option value="1227">--ROUTE</option><option value="1165">ENFANT</option><option value="1166">-CHAUSSURE</option><option value="1228">--COURSE/RUNNING</option><option value="1229">--TRAIL/MONTAGNE</option><option value="1230">--SPORT INDIVIDUEL/COLLECTIF</option><option value="1231">--DIVERS</option><option value="1167">-TEXTILE</option><option value="1232">--HAUT</option><option value="1233">--BAS</option><option value="1168">-CYCLE</option><option value="1234">--VTT</option><option value="1235">--ROUTE</option><option value="1172">-MOBILIER</option><option value="1245">--VITRINE</option><option value="1244">--GONDOLE/MEUBLE</option><option value="1246">--DIVERS</option><option value="1171">-DIVERS</option><option value="1239">--FRET</option><option value="1240">--IMPRESSION</option><option value="1241">--LIVRAISON</option><option value="1242">--SAV</option><option value="1243">--TEMPORAIRE</option><option value="1170">-ACCESSOIRES</option><option value="1237">--PLASTIQUES</option><option value="1238">--DIVERS</option><option value="1236">--CINTRES</option><option value="1203">ACCESSOIRES</option><option value="1205">-SACS</option><option value="1351">--CAMELBAK</option><option value="1349">--SAC A DOS</option><option value="1350">--SAC SPORT/VOYAGE</option><option value="1352">--DIVERS</option><option value="1206">-MULTISPORTS</option><option value="1353">--CASQUETTES</option><option value="1354">--CHAUSSETES</option><option value="1355">--DIVERS</option><option value="1204">-CYCLE</option><option value="1348">--PIECES DETACHEES</option><option value="1347">--EQUIPEMENT DIVERS</option><option value="1176">MUSCULATION</option><option value="1179">-BARRES</option><option value="1270">--OLYMPIQUE</option><option value="1271">--STANDARD</option><option value="1272">--TIRAGE DIVERS</option><option value="1178">-APPAREILS</option><option value="1266">--TAPIS DE COURSE</option><option value="1268">--VELO APPARTEMENT</option><option value="1263">--BANC MUSCULATION</option><option value="1265">--HOME GYM</option><option value="1267">--RAMEUR</option><option value="1264">--ELLIPTIQUE</option><option value="1269">--DIVERS</option><option value="1177">-ACCESSOIRES</option><option value="1261">--MUSCULATION</option><option value="1260">--FITNESS</option><option value="1182">-POIDS</option><option value="1283">--STANDARD</option><option value="1284">--DIVERS</option><option value="1282">--BUMPER</option><option value="1281">--OLYMPIQUE</option><option value="1181">-HALTERES</option><option value="1280">--DIVERS</option><option value="1279">--HEXAGONAL</option><option value="1278">--KETTLEBELL</option><option value="1277">--VINYL</option><option value="1180">-NUTRITION SPORTIVE</option><option value="1275">--RECUPERATION</option><option value="1274">--PROTEINES</option><option value="1273">--ENERGIE</option><option value="1276">--DIVERS</option><option value="1173">LOISIRS</option><option value="1174">-EXTERIEUR</option><option value="1251">--ACTIVITE NAUTIQUES</option><option value="1247">--CAMPING</option><option value="1248">--RIDE</option><option value="1250">--PETANQUE</option><option value="1253">--TRAMPOLINE</option><option value="1252">--PORTIQUE</option><option value="1249">--JOUET</option><option value="1254">--AIR COMPRIME/ARCHERIE</option><option value="1255">--DIVERS</option><option value="1175">-INTERIEUR</option><option value="1256">--BABY FOOT</option><option value="1257">--BILLARD</option><option value="1258">--FLECHETTE</option><option value="1259">--DIVERS</option><option value="1186">SPORT COLLECTIF</option><option value="1187">-BASKET</option><option value="1295">--BALLONS</option><option value="1294">--ANNEAU/PANNEAU</option><option value="1296">--TENUE</option><option value="1297">--DIVERS</option><option value="1188">-FOOTBALL</option><option value="1298">--BALLONS</option><option value="1299">--CHAUSSETTES</option><option value="1300">--PROTECTION</option><option value="1301">--TENUE</option><option value="1302">--DIVERS</option><option value="1191">-VOLLEY</option><option value="1310">--BALLONS</option><option value="1311">--PROTECTION</option><option value="1312">--TENUE</option><option value="1313">--DIVERS</option><option value="1189">-HANDBALL</option><option value="1303">--BALLONS</option><option value="1304">--TENUE</option><option value="1305">--DIVERS</option><option value="1190">-RUGBY</option><option value="1306">--BALLONS</option><option value="1307">--PROTECTION</option><option value="1308">--TENUE</option><option value="1309">--DIVERS</option><option value="1192">-AUTRES</option><option value="1314">--BALLONS</option><option value="1315">--DIVERS</option><option value="1193">SPORT INDIVIDUEL</option><option value="1195">-BOXE</option><option value="1319">--GANT</option><option value="1321">--SAC/PUNCHING BALL</option><option value="1320">--PROTECTION</option><option value="1322">--TENUE</option><option value="1323">--DIVERS</option><option value="1200">-TENNIS</option><option value="1339">--BALLES</option><option value="1340">--RAQUETTE</option><option value="1341">--ACCESSOIRES</option><option value="1342">--DIVERS</option><option value="1199">-TENNIS DE TABLE</option><option value="1334">--BALLES</option><option value="1336">--RAQUETTE</option><option value="1337">--TABLE</option><option value="1335">--FILET</option><option value="1338">--DIVERS</option><option value="1194">-BADMINGTON</option><option value="1317">--VOLANT</option><option value="1316">--RAQUETTE</option><option value="1318">--DIVERS</option><option value="1198">-NATATION</option><option value="1330">--BONNET</option><option value="1331">--LUNETTE</option><option value="1332">--MAILLOT</option><option value="1333">--DIVERS</option><option value="1196">-JUDO</option><option value="1324">--TENUE</option><option value="1325">--DIVERS</option><option value="1201">-TAEKWONDO</option><option value="1344">--TENUE</option><option value="1343">--PROTECTION</option><option value="1345">--DIVERS</option><option value="1197">-KARATE</option><option value="1326">--GANT</option><option value="1328">--TENUE</option><option value="1327">--PROTECTION</option><option value="1329">--DIVERS</option><option value="1202">-DIVERS</option><option value="1346">--DIVERS</option><option value="1183">EQUIPEMENT MULTISPORT</option><option value="1184">-MATERIEL MULTISPORT</option><option value="1289">--JALON/PIQUET</option><option value="1290">--DIVERS</option><option value="1288">--CONE/KIT DE DELIMITATION</option><option value="1287">--CHRONO/SIFFLET</option><option value="1286">--CERCEAU</option><option value="1285">--ATHLETISME</option><option value="1185">-TERRAIN MULTISPORT</option><option value="1291">--BUT/POTEAU</option><option value="1292">--FILET</option><option value="1293">--DIVERS</option><option value="1207">RECOMPENSES</option><option value="1209">-MEDAILLES</option><option value="1362">--RUBANS</option><option value="1361">--OR</option><option value="1360">--BRONZE</option><option value="1359">--ARGENT</option><option value="1208">-TROPHEE</option><option value="1357">--TROPHEE</option><option value="1356">--COUPE</option><option value="1358">--DIVERS</option></select>
        </div>
<input data-drupal-selector="edit-submit-search-products-3" type="submit" id="edit-submit-search-products--3" value="Rechercher" class="button js-form-submit form-submit" />


</form>


            </div>


		</div>
	
	<main role="main">
		<section class="l-content">
			<a id="main-content" tabindex="-1"></a>

							<div class="container mx-auto">
					

  <nav class="p-4 border-b-2 border-black mb-4"
    role="navigation"
    aria-label="breadcrumb">
    <ol class="flex space-x-2">
                        <li class="flex space-x-2">
            <a class="underline text-black" href="/">
              Accueil
            </a>
            <div>
               /             </div>
          </li>
                                <li class="text-black space-x-2">
            Produits
            <div>
                          </div>
          </li>
                  </ol>
  </nav>


				</div>
			
							<div class="has-sidebar-left container mx-auto overflow-x-hidden">
          <button id="open-sidebar-left" type="button" class="fixed top-[30%] text-xl left-0 py-3 px-2 rounded-tr-lg rounded-br-lg bg-red drop-shadow-sm text-white z-30 lg:hidden"><i class="fa-solid fa-sliders"></i></button>
					<div class="lg:grid lg:grid-cols-12 lg:gap-2">
						<div id="overlay-sidebar-left" class="fixed top-0 left-0 hidden w-full h-full bg-black/70 z-30 lg:!hidden"></div>
						<div id="sidebar-left" class="fixed z-40 top-0 -left-full bg-white w-4/5 max-w-[500px] transition-all overflow-y-auto h-screen lg:col-span-3 lg:h-full lg:static">
							  

  <div class="container paragraph paragraph--type--block paragraph--view-mode--default">
                    <div class="mb-2 facets-widget-range_slider">
      <div class="bg-red py-4 px-3 text-white text-lg text-center">
        Prix
      </div><ul data-drupal-facet-id="prix" data-drupal-facet-alias="prix" class="facet-inactive item-list__range_slider"><li><div class="facet-slider" id="prix"></div>
</li></ul>
    </div>


            </div>

  
  <div class="container paragraph paragraph--type--block paragraph--view-mode--default">
                    <div class="mb-2 facets-widget-checkbox">
      <div class="bg-red py-4 px-3 text-white text-lg text-center">
        Catégories
      </div><ul data-drupal-facet-id="categories" data-drupal-facet-alias="categories" class="facet-inactive js-facets-checkbox-links item-list__checkbox"><li class="facet-item facet-item--collapsed"><a href="/produits?tid=All&amp;f%5B0%5D=categories%3A1157" rel="nofollow" data-drupal-facet-item-id="categories-1157" data-drupal-facet-item-value="1157" data-drupal-facet-item-count="546"><span class="facet-item__value">HOMME</span>
  <span class="facet-item__count">(546)</span>
</a></li><li class="facet-item facet-item--collapsed"><a href="/produits?tid=All&amp;f%5B0%5D=categories%3A1161" rel="nofollow" data-drupal-facet-item-id="categories-1161" data-drupal-facet-item-value="1161" data-drupal-facet-item-count="492"><span class="facet-item__value">FEMME</span>
  <span class="facet-item__count">(492)</span>
</a></li><li class="facet-item facet-item--collapsed"><a href="/produits?tid=All&amp;f%5B0%5D=categories%3A1165" rel="nofollow" data-drupal-facet-item-id="categories-1165" data-drupal-facet-item-value="1165" data-drupal-facet-item-count="155"><span class="facet-item__value">ENFANT</span>
  <span class="facet-item__count">(155)</span>
</a></li><li class="facet-item facet-item--collapsed"><a href="/produits?tid=All&amp;f%5B0%5D=categories%3A1169" rel="nofollow" data-drupal-facet-item-id="categories-1169" data-drupal-facet-item-value="1169" data-drupal-facet-item-count="5"><span class="facet-item__value">DIVERS</span>
  <span class="facet-item__count">(5)</span>
</a></li><li class="facet-item facet-item--collapsed"><a href="/produits?tid=All&amp;f%5B0%5D=categories%3A1203" rel="nofollow" data-drupal-facet-item-id="categories-1203" data-drupal-facet-item-value="1203" data-drupal-facet-item-count="202"><span class="facet-item__value">ACCESSOIRES</span>
  <span class="facet-item__count">(202)</span>
</a></li><li class="facet-item facet-item--collapsed"><a href="/produits?tid=All&amp;f%5B0%5D=categories%3A1176" rel="nofollow" data-drupal-facet-item-id="categories-1176" data-drupal-facet-item-value="1176" data-drupal-facet-item-count="367"><span class="facet-item__value">MUSCULATION</span>
  <span class="facet-item__count">(367)</span>
</a></li><li class="facet-item facet-item--collapsed"><a href="/produits?tid=All&amp;f%5B0%5D=categories%3A1173" rel="nofollow" data-drupal-facet-item-id="categories-1173" data-drupal-facet-item-value="1173" data-drupal-facet-item-count="122"><span class="facet-item__value">LOISIRS</span>
  <span class="facet-item__count">(122)</span>
</a></li><li class="facet-item facet-item--collapsed"><a href="/produits?tid=All&amp;f%5B0%5D=categories%3A1186" rel="nofollow" data-drupal-facet-item-id="categories-1186" data-drupal-facet-item-value="1186" data-drupal-facet-item-count="204"><span class="facet-item__value">SPORT COLLECTIF</span>
  <span class="facet-item__count">(204)</span>
</a></li><li class="facet-item facet-item--collapsed"><a href="/produits?tid=All&amp;f%5B0%5D=categories%3A1193" rel="nofollow" data-drupal-facet-item-id="categories-1193" data-drupal-facet-item-value="1193" data-drupal-facet-item-count="510"><span class="facet-item__value">SPORT INDIVIDUEL</span>
  <span class="facet-item__count">(510)</span>
</a></li><li class="facet-item facet-item--collapsed"><a href="/produits?tid=All&amp;f%5B0%5D=categories%3A1183" rel="nofollow" data-drupal-facet-item-id="categories-1183" data-drupal-facet-item-value="1183" data-drupal-facet-item-count="88"><span class="facet-item__value">EQUIPEMENT MULTISPORT</span>
  <span class="facet-item__count">(88)</span>
</a></li><li class="facet-item facet-item--collapsed"><a href="/produits?tid=All&amp;f%5B0%5D=categories%3A1207" rel="nofollow" data-drupal-facet-item-id="categories-1207" data-drupal-facet-item-value="1207" data-drupal-facet-item-count="38"><span class="facet-item__value">RECOMPENSES</span>
  <span class="facet-item__count">(38)</span>
</a></li></ul>
    </div>

  <div class="mb-2 facets-widget-checkbox">
      <div class="bg-red py-4 px-3 text-white text-lg text-center">
        Brand
      </div><ul data-drupal-facet-id="brand" data-drupal-facet-alias="brand" class="facet-inactive js-facets-checkbox-links item-list__checkbox"><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1444" rel="nofollow" data-drupal-facet-item-id="brand-1444" data-drupal-facet-item-value="1444" data-drupal-facet-item-count="6"><span class="facet-item__value">Titan</span>
  <span class="facet-item__count">(6)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1479" rel="nofollow" data-drupal-facet-item-id="brand-1479" data-drupal-facet-item-value="1479" data-drupal-facet-item-count="2"><span class="facet-item__value">Spalding</span>
  <span class="facet-item__count">(2)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1482" rel="nofollow" data-drupal-facet-item-id="brand-1482" data-drupal-facet-item-value="1482" data-drupal-facet-item-count="24"><span class="facet-item__value">Nox</span>
  <span class="facet-item__count">(24)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1481" rel="nofollow" data-drupal-facet-item-id="brand-1481" data-drupal-facet-item-value="1481" data-drupal-facet-item-count="66"><span class="facet-item__value">Bearkomplex</span>
  <span class="facet-item__count">(66)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1478" rel="nofollow" data-drupal-facet-item-id="brand-1478" data-drupal-facet-item-value="1478" data-drupal-facet-item-count="11"><span class="facet-item__value">Bodyworx</span>
  <span class="facet-item__count">(11)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1450" rel="nofollow" data-drupal-facet-item-id="brand-1450" data-drupal-facet-item-value="1450" data-drupal-facet-item-count="199"><span class="facet-item__value">Absport</span>
  <span class="facet-item__count">(199)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1383" rel="nofollow" data-drupal-facet-item-id="brand-1383" data-drupal-facet-item-value="1383" data-drupal-facet-item-count="1"><span class="facet-item__value">Mhp</span>
  <span class="facet-item__count">(1)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1476" rel="nofollow" data-drupal-facet-item-id="brand-1476" data-drupal-facet-item-value="1476" data-drupal-facet-item-count="65"><span class="facet-item__value">Champion</span>
  <span class="facet-item__count">(65)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1477" rel="nofollow" data-drupal-facet-item-id="brand-1477" data-drupal-facet-item-value="1477" data-drupal-facet-item-count="3"><span class="facet-item__value">Arena</span>
  <span class="facet-item__count">(3)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1468" rel="nofollow" data-drupal-facet-item-id="brand-1468" data-drupal-facet-item-value="1468" data-drupal-facet-item-count="3"><span class="facet-item__value">Efx sports</span>
  <span class="facet-item__count">(3)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1480" rel="nofollow" data-drupal-facet-item-id="brand-1480" data-drupal-facet-item-value="1480" data-drupal-facet-item-count="9"><span class="facet-item__value">Gala</span>
  <span class="facet-item__count">(9)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1463" rel="nofollow" data-drupal-facet-item-id="brand-1463" data-drupal-facet-item-value="1463" data-drupal-facet-item-count="5"><span class="facet-item__value">Horizon</span>
  <span class="facet-item__count">(5)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1382" rel="nofollow" data-drupal-facet-item-id="brand-1382" data-drupal-facet-item-value="1382" data-drupal-facet-item-count="31"><span class="facet-item__value">Punch</span>
  <span class="facet-item__count">(31)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1435" rel="nofollow" data-drupal-facet-item-id="brand-1435" data-drupal-facet-item-value="1435" data-drupal-facet-item-count="84"><span class="facet-item__value">Newbalance</span>
  <span class="facet-item__count">(84)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1375" rel="nofollow" data-drupal-facet-item-id="brand-1375" data-drupal-facet-item-value="1375" data-drupal-facet-item-count="16"><span class="facet-item__value">Obut</span>
  <span class="facet-item__count">(16)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1461" rel="nofollow" data-drupal-facet-item-id="brand-1461" data-drupal-facet-item-value="1461" data-drupal-facet-item-count="24"><span class="facet-item__value">Oztrail</span>
  <span class="facet-item__count">(24)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1386" rel="nofollow" data-drupal-facet-item-id="brand-1386" data-drupal-facet-item-value="1386" data-drupal-facet-item-count="311"><span class="facet-item__value">Puma</span>
  <span class="facet-item__count">(311)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1385" rel="nofollow" data-drupal-facet-item-id="brand-1385" data-drupal-facet-item-value="1385" data-drupal-facet-item-count="2"><span class="facet-item__value">Razor</span>
  <span class="facet-item__count">(2)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1442" rel="nofollow" data-drupal-facet-item-id="brand-1442" data-drupal-facet-item-value="1442" data-drupal-facet-item-count="38"><span class="facet-item__value">Reebok</span>
  <span class="facet-item__count">(38)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1371" rel="nofollow" data-drupal-facet-item-id="brand-1371" data-drupal-facet-item-value="1371" data-drupal-facet-item-count="18"><span class="facet-item__value">Rene pierre</span>
  <span class="facet-item__count">(18)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1443" rel="nofollow" data-drupal-facet-item-id="brand-1443" data-drupal-facet-item-value="1443" data-drupal-facet-item-count="36"><span class="facet-item__value">Salomon</span>
  <span class="facet-item__count">(36)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1380" rel="nofollow" data-drupal-facet-item-id="brand-1380" data-drupal-facet-item-value="1380" data-drupal-facet-item-count="4"><span class="facet-item__value">Scivation</span>
  <span class="facet-item__count">(4)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1453" rel="nofollow" data-drupal-facet-item-id="brand-1453" data-drupal-facet-item-value="1453" data-drupal-facet-item-count="19"><span class="facet-item__value">Ultimate</span>
  <span class="facet-item__count">(19)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1434" rel="nofollow" data-drupal-facet-item-id="brand-1434" data-drupal-facet-item-value="1434" data-drupal-facet-item-count="230"><span class="facet-item__value">Venum</span>
  <span class="facet-item__count">(230)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1451" rel="nofollow" data-drupal-facet-item-id="brand-1451" data-drupal-facet-item-value="1451" data-drupal-facet-item-count="12"><span class="facet-item__value">Wacoku</span>
  <span class="facet-item__count">(12)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1445" rel="nofollow" data-drupal-facet-item-id="brand-1445" data-drupal-facet-item-value="1445" data-drupal-facet-item-count="33"><span class="facet-item__value">Wilson</span>
  <span class="facet-item__count">(33)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1374" rel="nofollow" data-drupal-facet-item-id="brand-1374" data-drupal-facet-item-value="1374" data-drupal-facet-item-count="20"><span class="facet-item__value">Mikasa</span>
  <span class="facet-item__count">(20)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1369" rel="nofollow" data-drupal-facet-item-id="brand-1369" data-drupal-facet-item-value="1369" data-drupal-facet-item-count="601"><span class="facet-item__value">Adidas</span>
  <span class="facet-item__count">(601)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1473" rel="nofollow" data-drupal-facet-item-id="brand-1473" data-drupal-facet-item-value="1473" data-drupal-facet-item-count="1"><span class="facet-item__value">Daisy</span>
  <span class="facet-item__count">(1)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1432" rel="nofollow" data-drupal-facet-item-id="brand-1432" data-drupal-facet-item-value="1432" data-drupal-facet-item-count="271"><span class="facet-item__value">Asics</span>
  <span class="facet-item__count">(271)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1378" rel="nofollow" data-drupal-facet-item-id="brand-1378" data-drupal-facet-item-value="1378" data-drupal-facet-item-count="43"><span class="facet-item__value">Babolat</span>
  <span class="facet-item__count">(43)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1373" rel="nofollow" data-drupal-facet-item-id="brand-1373" data-drupal-facet-item-value="1373" data-drupal-facet-item-count="10"><span class="facet-item__value">Bodysolid</span>
  <span class="facet-item__count">(10)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1368" rel="nofollow" data-drupal-facet-item-id="brand-1368" data-drupal-facet-item-value="1368" data-drupal-facet-item-count="28"><span class="facet-item__value">Camelbak</span>
  <span class="facet-item__count">(28)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1439" rel="nofollow" data-drupal-facet-item-id="brand-1439" data-drupal-facet-item-value="1439" data-drupal-facet-item-count="3"><span class="facet-item__value">Cellucor</span>
  <span class="facet-item__count">(3)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1458" rel="nofollow" data-drupal-facet-item-id="brand-1458" data-drupal-facet-item-value="1458" data-drupal-facet-item-count="5"><span class="facet-item__value">Companion</span>
  <span class="facet-item__count">(5)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1370" rel="nofollow" data-drupal-facet-item-id="brand-1370" data-drupal-facet-item-value="1370" data-drupal-facet-item-count="15"><span class="facet-item__value">Cornilleau</span>
  <span class="facet-item__count">(15)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1381" rel="nofollow" data-drupal-facet-item-id="brand-1381" data-drupal-facet-item-value="1381" data-drupal-facet-item-count="106"><span class="facet-item__value">Cressi</span>
  <span class="facet-item__count">(106)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1459" rel="nofollow" data-drupal-facet-item-id="brand-1459" data-drupal-facet-item-value="1459" data-drupal-facet-item-count="3"><span class="facet-item__value">Elemental</span>
  <span class="facet-item__count">(3)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1472" rel="nofollow" data-drupal-facet-item-id="brand-1472" data-drupal-facet-item-value="1472" data-drupal-facet-item-count="6"><span class="facet-item__value">Elgamo</span>
  <span class="facet-item__count">(6)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1372" rel="nofollow" data-drupal-facet-item-id="brand-1372" data-drupal-facet-item-value="1372" data-drupal-facet-item-count="77"><span class="facet-item__value">Everlast</span>
  <span class="facet-item__count">(77)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1384" rel="nofollow" data-drupal-facet-item-id="brand-1384" data-drupal-facet-item-value="1384" data-drupal-facet-item-count="58"><span class="facet-item__value">Head</span>
  <span class="facet-item__count">(58)</span>
</a></li><li class="facet-item"><a href="/produits?tid=All&amp;f%5B0%5D=brand%3A1446" rel="nofollow" data-drupal-facet-item-id="brand-1446" data-drupal-facet-item-value="1446" data-drupal-facet-item-count="4"><span class="facet-item__value">Yonex</span>
  <span class="facet-item__count">(4)</span>
</a></li></ul>
    </div>


            </div>


						</div>

						<div class="lg:col-span-9">
							<div data-drupal-messages-fallback class="hidden"></div><div class="js-view-dom-id-4ac49bb1cf8d72716164c03f071c6cd994abbd8bf6bd32f2cbbab1525ddb4a24">
  
  
  <div class="container mx-auto">
  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3">
          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/produits/titan-ceinture-omega-lever-bench-blk-leather" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48440">  <img src="/sites/default/files/styles/product_listing/public/happy-market/42169.jpg?itok=XzCBQvco" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          TITAN CEINTURE OMEGA LEVER BENCH BLK LEATHER
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48440">16 900 FCFP</div>
      
          </div>


          <button id="modal-48440"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48440">
            Voir le produit
          </button>

          <a href="/produits/titan-ceinture-omega-lever-bench-blk-leather">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--60"><form class="commerce-order-item-add-to-cart-form-commerce-product-48440 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48440-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48440--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--60">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--60" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-ruaw08hfderj7dxmsv3b3ukosy1ln5bdjojw13t-wjy" type="hidden" name="form_build_id" value="form-RUAw08HFderJ7DXmSv3B3ukoSY1lN5BDjOJW13t-WJY" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48440-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48440" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--60" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--60" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86664" selected="selected">TITAN22-CEINTURE OMEGA LEVER BENCH BLK LEATHER S</option><option value="86665">TITAN22-CEINTURE OMEGA LEVER BENCH BLK LEATHER M</option><option value="86666">TITAN22-CEINTURE OMEGA LEVER BENCH BLK LEATHER L</option><option value="86667">TITAN22-CEINTURE OMEGA LEVER BENCH BLK LEATHER XL</option><option value="86668">TITAN22-CEINTURE OMEGA LEVER BENCH BLK LEATHER XXL</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--60" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48440" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48440">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48440">  <img src="/sites/default/files/styles/product_listing/public/happy-market/42169.jpg?itok=XzCBQvco" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>TITAN CEINTURE OMEGA LEVER BENCH BLK LEATHER</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48440">16 900 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48440">UNT-42169</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--59"><form class="commerce-order-item-add-to-cart-form-commerce-product-48440 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48440" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48440" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--59">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--59" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-532trmle-q9xdt5-lufmve94xvy1aqo82xrngcbczag" type="hidden" name="form_build_id" value="form-532trMle_Q9Xdt5-LUFMvE94xvY1aQO82XrnGCbczag" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48440" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48440" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--59" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--59" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86664" selected="selected">TITAN22-CEINTURE OMEGA LEVER BENCH BLK LEATHER S</option><option value="86665">TITAN22-CEINTURE OMEGA LEVER BENCH BLK LEATHER M</option><option value="86666">TITAN22-CEINTURE OMEGA LEVER BENCH BLK LEATHER L</option><option value="86667">TITAN22-CEINTURE OMEGA LEVER BENCH BLK LEATHER XL</option><option value="86668">TITAN22-CEINTURE OMEGA LEVER BENCH BLK LEATHER XXL</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--59" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48440').click(() => {
          $("#modal-website-48440").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/produits/titan-yellow-jackets-elbow" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48441">  <img src="/sites/default/files/styles/product_listing/public/happy-market/42180.jpg?itok=EnV0-kV-" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          TITAN YELLOW JACKETS ELBOW
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48441">7 500 FCFP</div>
      
          </div>


          <button id="modal-48441"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48441">
            Voir le produit
          </button>

          <a href="/produits/titan-yellow-jackets-elbow">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--58"><form class="commerce-order-item-add-to-cart-form-commerce-product-48441 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48441-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48441--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--58">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--58" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-r4oq2opmvshrr5vp0py6qqcetbts2l-5vkoxuburty" type="hidden" name="form_build_id" value="form-_R4OQ2OpMVShRr5vP0pY6QqcetBts2l_5VKoxUbUrTY" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48441-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48441" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--58" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--58" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86669" selected="selected">TITAN22-YELLOW JACKETS ELBOW S</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--58" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48441" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48441">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48441">  <img src="/sites/default/files/styles/product_listing/public/happy-market/42180.jpg?itok=EnV0-kV-" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>TITAN YELLOW JACKETS ELBOW</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48441">7 500 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48441">UNT-42180</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--57"><form class="commerce-order-item-add-to-cart-form-commerce-product-48441 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48441" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48441" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--57">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--57" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-hzkhnuwwpwogke5lbwc8bc8-fk8jteujjblptebksl8" type="hidden" name="form_build_id" value="form-HzKHnUwwpWOGKe5LBwC8bc8_fk8jteujJbLPteBKSl8" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48441" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48441" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--57" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--57" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86669" selected="selected">TITAN22-YELLOW JACKETS ELBOW S</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--57" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48441').click(() => {
          $("#modal-website-48441").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/produits/bande-elastomere-20m" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48457">  <img src="/sites/default/files/styles/product_listing/public/happy-market/43132.jpg?itok=IHx1sOqE" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          BANDE ELASTOMERE 20M
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48457">11 900 FCFP</div>
      
          </div>


          <button id="modal-48457"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48457">
            Voir le produit
          </button>

          <a href="/produits/bande-elastomere-20m">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--56"><form class="commerce-order-item-add-to-cart-form-commerce-product-48457 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48457-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48457--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--56">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--56" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-6schivh48li-jqkb7nuxnqprmtdbpzlev9vu7rhzhh8" type="hidden" name="form_build_id" value="form-6ScHIvh48li-jQKb7NUxnqPrMtDbpzLeV9vu7RhZhh8" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48457-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48457" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--56" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--56" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86691" selected="selected">TREMB22-BANDE ELASTOMERE 20M BLEU</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--56" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48457" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48457">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48457">  <img src="/sites/default/files/styles/product_listing/public/happy-market/43132.jpg?itok=IHx1sOqE" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>BANDE ELASTOMERE 20M</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48457">11 900 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48457">UNT-43132</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--55"><form class="commerce-order-item-add-to-cart-form-commerce-product-48457 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48457" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48457" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--55">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--55" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-o5gtqnbpfrwv7ozog-nxbf7lbbaxpipl0ccgrwt-zbo" type="hidden" name="form_build_id" value="form-o5gTqNBPfrWv7oZOg-NXbF7lBbAxpipL0CcgRWT_zBo" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48457" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48457" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--55" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--55" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86691" selected="selected">TREMB22-BANDE ELASTOMERE 20M BLEU</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--55" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48457').click(() => {
          $("#modal-website-48457").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/produits/titan-combinaison-muscu-triumph-noirrouge" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48611">  <img src="/sites/default/files/styles/product_listing/public/happy-market/45399.jpg?itok=YGEagPVf" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          TITAN COMBINAISON MUSCU TRIUMPH NOIR/ROUGE
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48611">21 500 FCFP</div>
      
          </div>


          <button id="modal-48611"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48611">
            Voir le produit
          </button>

          <a href="/produits/titan-combinaison-muscu-triumph-noirrouge">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--54"><form class="commerce-order-item-add-to-cart-form-commerce-product-48611 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48611-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48611--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--54">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--54" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-93o02ziiqkndnxcjj1zsbblsikkq3d2n2xgxma1hqb0" type="hidden" name="form_build_id" value="form-93O02ziiQKnDNxcJJ1zSBbLSiKKQ3d2n2xgxmA1HQb0" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48611-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48611" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--54" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--54" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="87056" selected="selected">TITAN22-COMBINAISON MUSCU TRIUMPH NOIR/ROUGE M</option><option value="87057">TITAN22-COMBINAISON MUSCU TRIUMPH NOIR/ROUGE L</option><option value="87058">TITAN22-COMBINAISON MUSCU TRIUMPH NOIR/ROUGE XL</option><option value="87059">TITAN22-COMBINAISON MUSCU TRIUMPH NOIR/ROUGE 4XL</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--54" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48611" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48611">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48611">  <img src="/sites/default/files/styles/product_listing/public/happy-market/45399.jpg?itok=YGEagPVf" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>TITAN COMBINAISON MUSCU TRIUMPH NOIR/ROUGE</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48611">21 500 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48611">UNT-45399</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--53"><form class="commerce-order-item-add-to-cart-form-commerce-product-48611 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48611" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48611" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--53">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--53" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-hpf3vpdgaryyubh3c1bwe30w-1h4rzw7yx4krgfmrqu" type="hidden" name="form_build_id" value="form-Hpf3VPDGAryYUBh3C1BWe30W-1H4rZW7Yx4kRGFMRQU" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48611" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48611" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--53" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--53" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="87056" selected="selected">TITAN22-COMBINAISON MUSCU TRIUMPH NOIR/ROUGE M</option><option value="87057">TITAN22-COMBINAISON MUSCU TRIUMPH NOIR/ROUGE L</option><option value="87058">TITAN22-COMBINAISON MUSCU TRIUMPH NOIR/ROUGE XL</option><option value="87059">TITAN22-COMBINAISON MUSCU TRIUMPH NOIR/ROUGE 4XL</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--53" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48611').click(() => {
          $("#modal-website-48611").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/produits/salomon-chaussure-wildcross-2-w" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48428">  <img src="/sites/default/files/styles/product_listing/public/happy-market/41951.jpg?itok=Bhk94wRX" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          SALOMON CHAUSSURE  Wildcross 2 W
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48428">16 900 FCFP</div>
      
          </div>


          <button id="modal-48428"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48428">
            Voir le produit
          </button>

          <a href="/produits/salomon-chaussure-wildcross-2-w">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--52"><form class="commerce-order-item-add-to-cart-form-commerce-product-48428 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48428-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48428--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--52">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--52" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-dqbu1qpkijdup2uomsulyptjjxgpxi50kaz9xthw2pw" type="hidden" name="form_build_id" value="form-DQbu1QpkiJDup2uoMSuLYptJjxgPXI50KAZ9xTHw2pw" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48428-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48428" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--52" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--52" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86644" selected="selected">SALOMON22-Shoes Wildcross 2 W India Ink/Qush/Royal (8) 42</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--52" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48428" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48428">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48428">  <img src="/sites/default/files/styles/product_listing/public/happy-market/41951.jpg?itok=Bhk94wRX" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>SALOMON CHAUSSURE  Wildcross 2 W</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48428">16 900 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48428">UNT-41951</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--51"><form class="commerce-order-item-add-to-cart-form-commerce-product-48428 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48428" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48428" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--51">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--51" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-60ebcbxcimfyhdox39gkbp14yzzsp3thx8gehozp1iy" type="hidden" name="form_build_id" value="form-60ebCbXciMfyHdoX39GKBP14YzzsP3thX8GeHOzp1iY" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48428" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48428" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--51" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--51" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86644" selected="selected">SALOMON22-Shoes Wildcross 2 W India Ink/Qush/Royal (8) 42</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--51" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48428').click(() => {
          $("#modal-website-48428").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/index.php/produits/reebok-legging-wor-pp" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48427">  <img src="/sites/default/files/styles/product_listing/public/happy-market/41906.jpg?itok=89gnzNJf" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          REEBOK LEGGING Wor Pp
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                    <div class="my-2 text-center line-through text-md font-bold">
                4990 FCFP
              </div>
                      
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48427">2 000 FCFP</div>
      
          </div>


          <button id="modal-48427"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48427">
            Voir le produit
          </button>

          <a href="/index.php/produits/reebok-legging-wor-pp">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--50"><form class="commerce-order-item-add-to-cart-form-commerce-product-48427 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48427-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48427--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--50">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--50" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-uyifid-fkdjgvv6ddnhfjp-wiem5dfdmxz5udzrl-4c" type="hidden" name="form_build_id" value="form-UYifID-FKDJGVV6DDNHFjP_wIEM5DfdmXZ5UDZRL_4c" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48427-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48427" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--50" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--50" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86643" selected="selected">REEBOK22-Wor Pp Tight Vecnav (S)</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--50" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48427" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48427">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48427">  <img src="/sites/default/files/styles/product_listing/public/happy-market/41906.jpg?itok=89gnzNJf" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>REEBOK LEGGING Wor Pp</div>
      
				</h2>

                              <div class="my-2 line-through text-md font-bold">
              4990 FCFP
            </div>
                  
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48427">2 000 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48427">UNT-41906</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--49"><form class="commerce-order-item-add-to-cart-form-commerce-product-48427 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48427" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48427" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--49">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--49" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-rbc7btpzuqqm6gz0mtumnsda6gjmnqpccmk5zguxzu0" type="hidden" name="form_build_id" value="form-Rbc7btpZuQQm6Gz0MtUmnSDA6GJMNQPcCMK5ZguXZu0" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48427" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48427" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--49" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--49" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86643" selected="selected">REEBOK22-Wor Pp Tight Vecnav (S)</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--49" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48427').click(() => {
          $("#modal-website-48427").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/index.php/produits/reebok-legging-ts-lux-perform" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48425">  <img src="/sites/default/files/styles/product_listing/public/happy-market/41896.jpg?itok=RaiGjMaW" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          REEBOK LEGGING Ts Lux Perform
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48425">8 750 FCFP</div>
      
          </div>


          <button id="modal-48425"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48425">
            Voir le produit
          </button>

          <a href="/index.php/produits/reebok-legging-ts-lux-perform">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--48"><form class="commerce-order-item-add-to-cart-form-commerce-product-48425 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48425-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48425--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--48">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--48" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-nzwgxs2hc04euw9yyg06s99xhu5dpaqos9sgiuqqyys" type="hidden" name="form_build_id" value="form-NzWgXs2hC04EuW9YYg06S99xHu5dpaQOS9SgIuQqyYs" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48425-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48425" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--48" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--48" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86641" selected="selected">REEBOK22-Ts Lux Perform Tigh Vecnav (XS)</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--48" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48425" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48425">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48425">  <img src="/sites/default/files/styles/product_listing/public/happy-market/41896.jpg?itok=RaiGjMaW" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>REEBOK LEGGING Ts Lux Perform</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48425">8 750 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48425">UNT-41896</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--47"><form class="commerce-order-item-add-to-cart-form-commerce-product-48425 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48425" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48425" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--47">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--47" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-zhgrohoc-wvmfxofvshyybqxccefej-1r5balah-ivk" type="hidden" name="form_build_id" value="form-ZhGROhOC-wvmfXOFVShYyBqXCCEFeJ_1r5bALah_iVk" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48425" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48425" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--47" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--47" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86641" selected="selected">REEBOK22-Ts Lux Perform Tigh Vecnav (XS)</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--47" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48425').click(() => {
          $("#modal-website-48425").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/index.php/produits/reebok-legging-wor-mesh" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48426">  <img src="/sites/default/files/styles/product_listing/public/happy-market/41902.jpg?itok=Im6HZT26" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          REEBOK LEGGING Wor Mesh
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48426">5 990 FCFP</div>
      
          </div>


          <button id="modal-48426"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48426">
            Voir le produit
          </button>

          <a href="/index.php/produits/reebok-legging-wor-mesh">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--46"><form class="commerce-order-item-add-to-cart-form-commerce-product-48426 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48426-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48426--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--46">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--46" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-1f2xpfoqmd-nmpwdjpx6totc9odkaox3av5m6jpd8zu" type="hidden" name="form_build_id" value="form-1f2xpfOQmD-NMPwdjpX6TotC9ODkAox3Av5M6JpD8zU" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48426-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48426" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--46" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--46" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86642" selected="selected">REEBOK22-Wor Mesh Tight Punber (XS)</option><option value="86908">REEBOK23-LEGGING Wor Mesh Nghblk TS</option><option value="87777">REEBOK23-LEGGING Wor Mesh Nghblk TXS</option><option value="87778">REEBOK23-LEGGING Wor Mesh Seprpi TS</option><option value="93039">REEBOK23-LEGGING Wor Mesh Seprpi TXS</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--46" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48426" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48426">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48426">  <img src="/sites/default/files/styles/product_listing/public/happy-market/41902.jpg?itok=Im6HZT26" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>REEBOK LEGGING Wor Mesh</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48426">5 990 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48426">UNT-41902</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--45"><form class="commerce-order-item-add-to-cart-form-commerce-product-48426 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48426" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48426" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--45">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--45" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-yaxp7hmjr1fm26ibec-05shjlj3v3rzr5tzcebvybsw" type="hidden" name="form_build_id" value="form-YAxp7hMJr1fM26IbEC-05sHJLj3v3rzr5tzCeBvybSw" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48426" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48426" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--45" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--45" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86642" selected="selected">REEBOK22-Wor Mesh Tight Punber (XS)</option><option value="86908">REEBOK23-LEGGING Wor Mesh Nghblk TS</option><option value="87777">REEBOK23-LEGGING Wor Mesh Nghblk TXS</option><option value="87778">REEBOK23-LEGGING Wor Mesh Seprpi TS</option><option value="93039">REEBOK23-LEGGING Wor Mesh Seprpi TXS</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--45" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48426').click(() => {
          $("#modal-website-48426").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/index.php/produits/reebok-legging-ts-ubf-hr-seamless" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48551">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44915.jpg?itok=uD97AXFV" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          REEBOK LEGGING Ts Ubf Hr Seamless
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48551">7 900 FCFP</div>
      
          </div>


          <button id="modal-48551"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48551">
            Voir le produit
          </button>

          <a href="/index.php/produits/reebok-legging-ts-ubf-hr-seamless">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--44"><form class="commerce-order-item-add-to-cart-form-commerce-product-48551 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48551-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48551--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--44">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--44" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-o4o-qayetuhqytqqzdcywbtdbjhh2i0d78fmdeoylzs" type="hidden" name="form_build_id" value="form-O4O-qAYeTuhQYTqqZDCywbTDbjHH2i0D78fMdeOYLzs" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48551-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48551" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--44" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--44" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86905" selected="selected">REEBOK22-Ts Ubf Hr Seamless Black/Cdgry6 TXS</option><option value="86906">REEBOK22-Ts Ubf Hr Seamless Maroon/Purpnk TXS</option><option value="86907">REEBOK22-Ts Ubf Hr Seamless Maroon/Purpnk TS</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--44" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48551" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48551">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48551">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44915.jpg?itok=uD97AXFV" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>REEBOK LEGGING Ts Ubf Hr Seamless</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48551">7 900 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48551">UNT-44915</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--43"><form class="commerce-order-item-add-to-cart-form-commerce-product-48551 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48551" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48551" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--43">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--43" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-ypdos7go4ldj3hgscaul44qm2tmn9riq-l57uvdauze" type="hidden" name="form_build_id" value="form-YPDos7gO4LdJ3Hgscaul44qM2TMN9riQ-L57uVdaUzE" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48551" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48551" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--43" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--43" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86905" selected="selected">REEBOK22-Ts Ubf Hr Seamless Black/Cdgry6 TXS</option><option value="86906">REEBOK22-Ts Ubf Hr Seamless Maroon/Purpnk TXS</option><option value="86907">REEBOK22-Ts Ubf Hr Seamless Maroon/Purpnk TS</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--43" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48551').click(() => {
          $("#modal-website-48551").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/index.php/produits/reebok-short-ri-sl-fitted" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__49005">  <img src="/sites/default/files/styles/product_listing/public/happy-market/52460.jpg?itok=jAMO4J9O" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          REEBOK SHORT Ri Sl Fitted
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__49005">3 250 FCFP</div>
      
          </div>


          <button id="modal-49005"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-49005">
            Voir le produit
          </button>

          <a href="/index.php/produits/reebok-short-ri-sl-fitted">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--42"><form class="commerce-order-item-add-to-cart-form-commerce-product-49005 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49005-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49005--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--42">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--42" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-b4b31sexncj8rjjkpwr46yjfwrhxin3pfqbjm0j8e9m" type="hidden" name="form_build_id" value="form-b4b31SExnCJ8rjJKPwr46YJFwrHXIn3PFqBJM0J8E9M" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49005-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49005" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--42" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--42" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="87770" selected="selected">REEBOK23-COLLANT Ri Sl Fitted Frgrme TXS</option><option value="88326">REEBOK23-COLLANT Ri Sl Fitted Short Black TXS</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--42" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-49005" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-49005">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__49005">  <img src="/sites/default/files/styles/product_listing/public/happy-market/52460.jpg?itok=jAMO4J9O" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>REEBOK SHORT Ri Sl Fitted</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49005">3 250 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49005">UNT-52460</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--41"><form class="commerce-order-item-add-to-cart-form-commerce-product-49005 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49005" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49005" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--41">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--41" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-z9zck1qa502patdyzzljkm6efoz8thglo1ptvl9stj0" type="hidden" name="form_build_id" value="form-z9ZcK1Qa502PaTDyZZlJKM6eFOZ8ThGLO1PTvL9StJ0" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49005" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49005" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--41" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--41" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="87770" selected="selected">REEBOK23-COLLANT Ri Sl Fitted Frgrme TXS</option><option value="88326">REEBOK23-COLLANT Ri Sl Fitted Short Black TXS</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--41" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-49005').click(() => {
          $("#modal-website-49005").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/index.php/produits/reebok-short-ri-french-terry" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__49010">  <img src="/sites/default/files/styles/product_listing/public/happy-market/52541.jpg?itok=ebtbqlIR" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          REEBOK SHORT Ri French Terry
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                    <div class="my-2 text-center line-through text-md font-bold">
                3250 FCFP
              </div>
                      
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__49010">1 750 FCFP</div>
      
          </div>


          <button id="modal-49010"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-49010">
            Voir le produit
          </button>

          <a href="/index.php/produits/reebok-short-ri-french-terry">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--40"><form class="commerce-order-item-add-to-cart-form-commerce-product-49010 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49010-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49010--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--40">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--40" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-dinxtlp7g61scdmqfw6uloucljxegnljepxmszqqyss" type="hidden" name="form_build_id" value="form-DInxtLp7g61ScDmqFW6UlOuclJXeGnljEPxMszQQYss" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49010-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49010" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--40" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--40" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="87779" selected="selected">REEBOK23-SHORT Ri French Terry Inflil TXS</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--40" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-49010" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-49010">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__49010">  <img src="/sites/default/files/styles/product_listing/public/happy-market/52541.jpg?itok=ebtbqlIR" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>REEBOK SHORT Ri French Terry</div>
      
				</h2>

                              <div class="my-2 line-through text-md font-bold">
              3250 FCFP
            </div>
                  
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49010">1 750 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49010">UNT-52541</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--39"><form class="commerce-order-item-add-to-cart-form-commerce-product-49010 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49010" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49010" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--39">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--39" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-wxb0iy8vwmz4liscaxmzi9f5xsi-qxexwtjdiwp3lgw" type="hidden" name="form_build_id" value="form-wXb0Iy8vWMz4LiscAXmzi9f5xSI-QxexWTJDiWp3LGw" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49010" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49010" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--39" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--39" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="87779" selected="selected">REEBOK23-SHORT Ri French Terry Inflil TXS</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--39" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-49010').click(() => {
          $("#modal-website-49010").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/index.php/produits/reebok-chaussure-flexagon-energy-tr" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48423">  <img src="/sites/default/files/styles/product_listing/public/happy-market/41828.jpg?itok=2QLi1xBS" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          REEBOK CHAUSSURE Flexagon Energy Tr
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48423">9 900 FCFP</div>
      
          </div>


          <button id="modal-48423"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48423">
            Voir le produit
          </button>

          <a href="/index.php/produits/reebok-chaussure-flexagon-energy-tr">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--38"><form class="commerce-order-item-add-to-cart-form-commerce-product-48423 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48423-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48423--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--38">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--38" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-bgo8fili290eph-kdo2hxfqrdpdmv4j468ll6c4zdwu" type="hidden" name="form_build_id" value="form-Bgo8Fili290Eph-KDO2hxfQrDPDmV4j468Ll6c4ZdwU" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48423-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48423" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--38" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--38" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86636" selected="selected">REEBOK22-Flexagon Energy Tr Pugry3/Silvmt/Pixmin (7) 37,5</option><option value="86637">REEBOK22-Flexagon Energy Tr Pugry3/Silvmt/Pixmin (7.5) 38</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--38" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48423" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48423">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48423">  <img src="/sites/default/files/styles/product_listing/public/happy-market/41828.jpg?itok=2QLi1xBS" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>REEBOK CHAUSSURE Flexagon Energy Tr</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48423">9 900 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48423">UNT-41828</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--37"><form class="commerce-order-item-add-to-cart-form-commerce-product-48423 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48423" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48423" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--37">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--37" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-m3vm-rsawkvbpl-dtzfapcqvdpfxokwsurxhiymppaq" type="hidden" name="form_build_id" value="form-m3VM_RsaWkvBPL-DtZfApCqvDpfXOkWsURxHiYMppAQ" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48423" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48423" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--37" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--37" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86636" selected="selected">REEBOK22-Flexagon Energy Tr Pugry3/Silvmt/Pixmin (7) 37,5</option><option value="86637">REEBOK22-Flexagon Energy Tr Pugry3/Silvmt/Pixmin (7.5) 38</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--37" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48423').click(() => {
          $("#modal-website-48423").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/index.php/produits/reebok-chaussure-hiit-tr-20" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48424">  <img src="/sites/default/files/styles/product_listing/public/happy-market/41857.jpg?itok=Cjia2s4T" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          REEBOK CHAUSSURE Hiit Tr 2.0
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                    <div class="my-2 text-center line-through text-md font-bold">
                14900 FCFP
              </div>
                      
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48424">6 000 FCFP</div>
      
          </div>


          <button id="modal-48424"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48424">
            Voir le produit
          </button>

          <a href="/index.php/produits/reebok-chaussure-hiit-tr-20">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--36"><form class="commerce-order-item-add-to-cart-form-commerce-product-48424 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48424-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48424--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--36">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--36" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-etxq7nhw6lukmh-sztz93imqckopqccwu4ebz-mrlyu" type="hidden" name="form_build_id" value="form-ETxq7NhW6LukmH-sZTz93imqckOPQccWu4eBz_MrLYU" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48424-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48424" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--36" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--36" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86638" selected="selected">REEBOK22-Hiit Tr 2.0 Ftwwht/Purpnk/Pixmin (6.5) 37</option><option value="86639">REEBOK22-Hiit Tr 2.0 Ftwwht/Purpnk/Pixmin (7) 37,5</option><option value="86640">REEBOK22-Hiit Tr 2.0 Ftwwht/Purpnk/Pixmin (7.5) 38</option><option value="86900">REEBOK22-Hitt Tr 2.0 Blusla/Gabgry/Ftwwht T37</option><option value="86901">REEBOK22-Hitt Tr 2.0 Blusla/Gabgry/Ftwwht T37,5</option><option value="86902">REEBOK22-Hitt Tr 2.0 Blusla/Gabgry/Ftwwht T38</option><option value="86903">REEBOK22-Hitt Tr 2.0 Blusla/Gabgry/Ftwwht T38,5</option><option value="86904">REEBOK22-Hitt Tr 2.0 Blusla/Gabgry/Ftwwht T39</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--36" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48424" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48424">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48424">  <img src="/sites/default/files/styles/product_listing/public/happy-market/41857.jpg?itok=Cjia2s4T" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>REEBOK CHAUSSURE Hiit Tr 2.0</div>
      
				</h2>

                              <div class="my-2 line-through text-md font-bold">
              14900 FCFP
            </div>
                  
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48424">6 000 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48424">UNT-41857</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--35"><form class="commerce-order-item-add-to-cart-form-commerce-product-48424 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48424" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48424" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--35">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--35" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-likioxb1dqhn1id9iw6wytlsteh-ukes-f6jkiigquq" type="hidden" name="form_build_id" value="form-lIkIoXb1DQhn1ID9Iw6WyTlsTEH_ukes-f6JKIigQUQ" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48424" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48424" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--35" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--35" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86638" selected="selected">REEBOK22-Hiit Tr 2.0 Ftwwht/Purpnk/Pixmin (6.5) 37</option><option value="86639">REEBOK22-Hiit Tr 2.0 Ftwwht/Purpnk/Pixmin (7) 37,5</option><option value="86640">REEBOK22-Hiit Tr 2.0 Ftwwht/Purpnk/Pixmin (7.5) 38</option><option value="86900">REEBOK22-Hitt Tr 2.0 Blusla/Gabgry/Ftwwht T37</option><option value="86901">REEBOK22-Hitt Tr 2.0 Blusla/Gabgry/Ftwwht T37,5</option><option value="86902">REEBOK22-Hitt Tr 2.0 Blusla/Gabgry/Ftwwht T38</option><option value="86903">REEBOK22-Hitt Tr 2.0 Blusla/Gabgry/Ftwwht T38,5</option><option value="86904">REEBOK22-Hitt Tr 2.0 Blusla/Gabgry/Ftwwht T39</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--35" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48424').click(() => {
          $("#modal-website-48424").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/produits/puma-chaussette-unisex-quarter-cushioned-3pc" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48227">  <img src="/sites/default/files/styles/product_listing/public/happy-market/38635.jpg?itok=dsCGO-sM" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          PUMA CHAUSSETTE Unisex Quarter Cushioned 3PC
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                    <div class="my-2 text-center line-through text-md font-bold">
                1750 FCFP
              </div>
                      
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48227">750 FCFP</div>
      
          </div>


          <button id="modal-48227"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48227">
            Voir le produit
          </button>

          <a href="/produits/puma-chaussette-unisex-quarter-cushioned-3pc">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--34"><form class="commerce-order-item-add-to-cart-form-commerce-product-48227 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48227-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48227--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--34">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--34" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-mmao30mdegriap269akarh4yxtegrpspxbqaienvx-e" type="hidden" name="form_build_id" value="form-mMaO30mDeGrIAp269akArh4YXTEgrpsPXBqAIEnVX_E" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48227-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48227" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--34" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--34" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86309" selected="selected">PUMA22-Unisex Quarter Cushioned 3P Apac El Blk T35-38</option><option value="86310">PUMA22-Unisex Quarter Cushioned 3P Apac El Blk T39-42</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--34" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48227" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48227">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48227">  <img src="/sites/default/files/styles/product_listing/public/happy-market/38635.jpg?itok=dsCGO-sM" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>PUMA CHAUSSETTE Unisex Quarter Cushioned 3PC</div>
      
				</h2>

                              <div class="my-2 line-through text-md font-bold">
              1750 FCFP
            </div>
                  
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48227">750 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48227">UNT-38635</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--33"><form class="commerce-order-item-add-to-cart-form-commerce-product-48227 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48227" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48227" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--33">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--33" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-cd9wr6nddoy-8npjobtjek2qpyi3vrchdgyr5x12gb0" type="hidden" name="form_build_id" value="form-cd9WR6nDDoy-8NpjoBTjEK2QpYI3vrcHDgyR5X12GB0" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48227" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48227" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--33" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--33" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86309" selected="selected">PUMA22-Unisex Quarter Cushioned 3P Apac El Blk T35-38</option><option value="86310">PUMA22-Unisex Quarter Cushioned 3P Apac El Blk T39-42</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--33" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48227').click(() => {
          $("#modal-website-48227").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/produits/puma-chaussette-unisex-sneaker-cushioned-3pc" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48228">  <img src="/sites/default/files/styles/product_listing/public/happy-market/38647.jpg?itok=SqwYKUc7" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          PUMA CHAUSSETTE Unisex Sneaker Cushioned 3PC
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                    <div class="my-2 text-center line-through text-md font-bold">
                1750 FCFP
              </div>
                      
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48228">750 FCFP</div>
      
          </div>


          <button id="modal-48228"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48228">
            Voir le produit
          </button>

          <a href="/produits/puma-chaussette-unisex-sneaker-cushioned-3pc">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--32"><form class="commerce-order-item-add-to-cart-form-commerce-product-48228 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48228-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48228--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--32">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--32" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-n1ara1qasofayb3dkcmsylrs8jig7meutrdf9y5tlg0" type="hidden" name="form_build_id" value="form-N1ara1qASoFAYb3DKCmSylRS8jIg7MeUtrDf9Y5TLg0" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48228-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48228" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--32" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--32" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86311" selected="selected">PUMA22-Unisex Sneaker Cushioned 3P Apac El Blk T39-42</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--32" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48228" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48228">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48228">  <img src="/sites/default/files/styles/product_listing/public/happy-market/38647.jpg?itok=SqwYKUc7" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>PUMA CHAUSSETTE Unisex Sneaker Cushioned 3PC</div>
      
				</h2>

                              <div class="my-2 line-through text-md font-bold">
              1750 FCFP
            </div>
                  
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48228">750 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48228">UNT-38647</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--31"><form class="commerce-order-item-add-to-cart-form-commerce-product-48228 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48228" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48228" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--31">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--31" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-g7lvdjohoxfm-wftvgdrowi-dhti9cxkebs0bjsnmk4" type="hidden" name="form_build_id" value="form-g7lVDjOhoXfM-wFtVgDRowI-dhtI9cXKEBS0bjSnmK4" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48228" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48228" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--31" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--31" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86311" selected="selected">PUMA22-Unisex Sneaker Cushioned 3P Apac El Blk T39-42</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--31" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48228').click(() => {
          $("#modal-website-48228").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/index.php/produits/razor-trotinette-a5-lux" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48289">  <img src="/sites/default/files/styles/product_listing/public/happy-market/39781.jpg?itok=dsGqZZyR" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          RAZOR TROTINETTE A5 LUX
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                    <div class="my-2 text-center line-through text-md font-bold">
                27500 FCFP
              </div>
                      
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48289">13 750 FCFP</div>
      
          </div>


          <button id="modal-48289"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48289">
            Voir le produit
          </button>

          <a href="/index.php/produits/razor-trotinette-a5-lux">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--30"><form class="commerce-order-item-add-to-cart-form-commerce-product-48289 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48289-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48289--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--30">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--30" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-uzhve54pvenb8c8lawdlnkni-6z4fppsgfb9ysjr-ge" type="hidden" name="form_build_id" value="form-uZhVe54PvENB8C8lAWDLNKNi_6Z4fppsGFb9ysjR_GE" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48289-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48289" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--30" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--30" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86417" selected="selected">RAZOR22-TROTINETTE A5 LUX PINK</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--30" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48289" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48289">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48289">  <img src="/sites/default/files/styles/product_listing/public/happy-market/39781.jpg?itok=dsGqZZyR" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>RAZOR TROTINETTE A5 LUX</div>
      
				</h2>

                              <div class="my-2 line-through text-md font-bold">
              27500 FCFP
            </div>
                  
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48289">13 750 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48289">UNT-39781</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--29"><form class="commerce-order-item-add-to-cart-form-commerce-product-48289 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48289" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48289" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--29">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--29" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-52qwfxswobtwamr-6deusha-m12a5zpyhwganq0lyvs" type="hidden" name="form_build_id" value="form-52QwfxswObtWaMR-6DEushA-M12a5ZpyhwgAnq0LYVs" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48289" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48289" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--29" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--29" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86417" selected="selected">RAZOR22-TROTINETTE A5 LUX PINK</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--29" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48289').click(() => {
          $("#modal-website-48289").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/index.php/produits/razor-trotinette-t3-jr" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48612">  <img src="/sites/default/files/styles/product_listing/public/happy-market/45407.jpg?itok=k5v_S7f8" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          RAZOR TROTINETTE T3 JR
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48612">13 900 FCFP</div>
      
          </div>


          <button id="modal-48612"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48612">
            Voir le produit
          </button>

          <a href="/index.php/produits/razor-trotinette-t3-jr">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--28"><form class="commerce-order-item-add-to-cart-form-commerce-product-48612 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48612-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48612--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--28">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--28" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-d2qvcc63ezlgy9nuviqf-gjwuicdjrds3hvdnkbkfl4" type="hidden" name="form_build_id" value="form-d2qvcc63EzlgY9NUviqF-GJWuIcdjrDS3HVdnKBKFl4" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48612-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48612" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--28" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--28" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="87060" selected="selected">RAZOR22-TROTINETTE T3 JR ROSE</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--28" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48612" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48612">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48612">  <img src="/sites/default/files/styles/product_listing/public/happy-market/45407.jpg?itok=k5v_S7f8" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>RAZOR TROTINETTE T3 JR</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48612">13 900 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48612">UNT-45407</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--27"><form class="commerce-order-item-add-to-cart-form-commerce-product-48612 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48612" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48612" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--27">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--27" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-wflihvbg8ra1hy1smtnrzmtuawsqfpadrwesxlud9qw" type="hidden" name="form_build_id" value="form-wFlIHvbg8rA1hY1smtNrzMTUawSQFPADRwEsXluD9Qw" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48612" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48612" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--27" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--27" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="87060" selected="selected">RAZOR22-TROTINETTE T3 JR ROSE</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--27" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48612').click(() => {
          $("#modal-website-48612").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/produits/puma-debardeur-train-everfresh-cherry-tomato" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48548">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44699.jpg?itok=1gNLwXj-" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          PUMA DEBARDEUR Train Everfresh Cherry Tomato
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48548">4 250 FCFP</div>
      
          </div>


          <button id="modal-48548"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48548">
            Voir le produit
          </button>

          <a href="/produits/puma-debardeur-train-everfresh-cherry-tomato">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--26"><form class="commerce-order-item-add-to-cart-form-commerce-product-48548 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48548-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48548--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--26">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--26" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-7g0aiiy16xfgjdnp9oranvehnfjmr8weg0lrg71o4vu" type="hidden" name="form_build_id" value="form-7G0AIiY16xFgJDnp9oraNvEhnfJmR8weg0lrg71O4VU" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48548-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48548" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--26" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--26" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86896" selected="selected">PUMA22-Train Everfresh Tank Cherry Tomato TXS</option><option value="86897">PUMA22-Train Everfresh Tank Puma Black TXS</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--26" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48548" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48548">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48548">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44699.jpg?itok=1gNLwXj-" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>PUMA DEBARDEUR Train Everfresh Cherry Tomato</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48548">4 250 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48548">UNT-44699</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--25"><form class="commerce-order-item-add-to-cart-form-commerce-product-48548 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48548" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48548" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--25">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--25" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-9ytladzofqocz4mtvlu0f9iiknlijjlew-621nef-zo" type="hidden" name="form_build_id" value="form-9ytladzOfqoCz4mTVLU0F9iiKNLiJJlEw_621NEf-Zo" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48548" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48548" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--25" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--25" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86896" selected="selected">PUMA22-Train Everfresh Tank Cherry Tomato TXS</option><option value="86897">PUMA22-Train Everfresh Tank Puma Black TXS</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--25" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48548').click(() => {
          $("#modal-website-48548").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/index.php/produits/puma-legging-train-seamless-high-waist-7-8" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48549">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44768.jpg?itok=4eyf_OG3" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          PUMA LEGGING Train Seamless High Waist 7 8
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48549">5 750 FCFP</div>
      
          </div>


          <button id="modal-48549"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48549">
            Voir le produit
          </button>

          <a href="/index.php/produits/puma-legging-train-seamless-high-waist-7-8">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--24"><form class="commerce-order-item-add-to-cart-form-commerce-product-48549 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48549-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48549--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--24">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--24" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-dhwv500ca7gluwsxkxa7u-dmrcsdwbjjdf65okabthq" type="hidden" name="form_build_id" value="form-dHwV500cA7gLuWsXKxA7u_DMrcSDwbJJDf65oKABtHQ" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48549-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48549" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--24" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--24" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86898" selected="selected">PUMA22-Train Seamless High Waist 7 8 Tight Eggs TS</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--24" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48549" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48549">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48549">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44768.jpg?itok=4eyf_OG3" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>PUMA LEGGING Train Seamless High Waist 7 8</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48549">5 750 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48549">UNT-44768</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--23"><form class="commerce-order-item-add-to-cart-form-commerce-product-48549 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48549" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48549" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--23">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--23" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-s3bhewkrowz3ew6yyxdpb7qhpxn0usccsenvaa-gtws" type="hidden" name="form_build_id" value="form-s3BhewKROwz3Ew6yyXDpB7QHPxn0UScCsENVAa_gtWs" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48549" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48549" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--23" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--23" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86898" selected="selected">PUMA22-Train Seamless High Waist 7 8 Tight Eggs TS</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--23" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48549').click(() => {
          $("#modal-website-48549").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/index.php/produits/puma-chaussure-ultra-44-tt-jr" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48550">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44813.jpg?itok=XJzANp_u" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          PUMA CHAUSSURE Ultra 4.4 Tt Jr
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48550">5 750 FCFP</div>
      
          </div>


          <button id="modal-48550"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48550">
            Voir le produit
          </button>

          <a href="/index.php/produits/puma-chaussure-ultra-44-tt-jr">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--22"><form class="commerce-order-item-add-to-cart-form-commerce-product-48550 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48550-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48550--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--22">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--22" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-by9hk7rllzbzk1umycjidmvhhon3gtziydkcqyx-iou" type="hidden" name="form_build_id" value="form-By9hK7rLLZbzk1UmYcJIdMVhHOn3GtziYDkcQyX-IOU" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48550-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48550" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--22" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--22" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86899" selected="selected">PUMA22-Ultra 4.4 Tt Jr Diamond Silver-Neon Citr T34,5</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--22" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48550" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48550">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48550">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44813.jpg?itok=XJzANp_u" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>PUMA CHAUSSURE Ultra 4.4 Tt Jr</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48550">5 750 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48550">UNT-44813</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--21"><form class="commerce-order-item-add-to-cart-form-commerce-product-48550 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48550" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48550" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--21">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--21" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-csjcpm9dutoyyw6pv6druzz10jgpnkpkqpwptmswp6e" type="hidden" name="form_build_id" value="form-csjcpm9DutoYYw6pv6DrUzz10JGpnkpKqPWPTMSwP6E" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48550" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48550" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--21" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--21" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86899" selected="selected">PUMA22-Ultra 4.4 Tt Jr Diamond Silver-Neon Citr T34,5</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--21" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48550').click(() => {
          $("#modal-website-48550").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/produits/puma-short-train-fav-blaster-7in" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__51039">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44723.jpg?itok=EGPDc36l" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          PUMA SHORT Train Fav Blaster 7in
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__51039">3 250 FCFP</div>
      
          </div>


          <button id="modal-51039"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-51039">
            Voir le produit
          </button>

          <a href="/produits/puma-short-train-fav-blaster-7in">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--20"><form class="commerce-order-item-add-to-cart-form-commerce-product-51039 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-51039-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-51039--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--20">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--20" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-mwommlbx10fxgczjanrok-tioxhjx-0pyzivxpqga-s" type="hidden" name="form_build_id" value="form-mWomMLbx10FXgCzjAnrOk-tioXhjx-0PYzIvXPQGA-s" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-51039-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_51039" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--20" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--20" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="93117" selected="selected">PUMA24-SHORT Train Fav Blaster 7in Blk TS</option><option value="93118">PUMA24-SHORT Train Fav Blaster 7in Blk TM</option><option value="93119">PUMA24-SHORT Train Fav Blaster 7in Blk TL</option><option value="93120">PUMA24-SHORT Train Fav Blaster 7in Blk TXL</option><option value="93121">PUMA24-SHORT Train Fav Blaster 7in Blk TXXL</option><option value="93123">PUMA24-SHORT Train Fav Blaster 7in Blk T3XL</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--20" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-51039" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-51039">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__51039">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44723.jpg?itok=EGPDc36l" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>PUMA SHORT Train Fav Blaster 7in</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__51039">3 250 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__51039">UNT-44723</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--19"><form class="commerce-order-item-add-to-cart-form-commerce-product-51039 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-51039" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-51039" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--19">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--19" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-8uhhepb4qb6qdljvg9mhxxw3god5xeumwcluh23e5nk" type="hidden" name="form_build_id" value="form-8UHhEpb4qb6qdlJVG9mHXXW3God5xEUmwCluH23E5Nk" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-51039" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_51039" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--19" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--19" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="93117" selected="selected">PUMA24-SHORT Train Fav Blaster 7in Blk TS</option><option value="93118">PUMA24-SHORT Train Fav Blaster 7in Blk TM</option><option value="93119">PUMA24-SHORT Train Fav Blaster 7in Blk TL</option><option value="93120">PUMA24-SHORT Train Fav Blaster 7in Blk TXL</option><option value="93121">PUMA24-SHORT Train Fav Blaster 7in Blk TXXL</option><option value="93123">PUMA24-SHORT Train Fav Blaster 7in Blk T3XL</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--19" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-51039').click(() => {
          $("#modal-website-51039").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/index.php/produits/puma-chaussure-pure-xt-wn-s" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48422">  <img src="/sites/default/files/styles/product_listing/public/happy-market/41786.jpg?itok=rbSaoVAS" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          PUMA CHAUSSURE Pure Xt Wn S
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48422">10 900 FCFP</div>
      
          </div>


          <button id="modal-48422"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48422">
            Voir le produit
          </button>

          <a href="/index.php/produits/puma-chaussure-pure-xt-wn-s">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--18"><form class="commerce-order-item-add-to-cart-form-commerce-product-48422 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48422-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48422--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--18">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--18" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-mityrnjpivf8mf7-lo1yfxw8d7yxme4wghacetgyhhw" type="hidden" name="form_build_id" value="form-mITyRNJPivf8MF7-lo1yFxW8d7YxMe4WghacETgyHHw" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48422-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48422" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--18" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--18" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86633" selected="selected">PUMA22-Pure Xt Wn S Puma Wht-Spellbound (6.5) 37</option><option value="86634">PUMA22-Pure Xt Wn S Puma Wht-Spellbound (7) 37,5</option><option value="86635">PUMA22-Pure Xt Wn S Puma Wht-Spellbound (8) 38,5</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--18" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48422" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48422">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48422">  <img src="/sites/default/files/styles/product_listing/public/happy-market/41786.jpg?itok=rbSaoVAS" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>PUMA CHAUSSURE Pure Xt Wn S</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48422">10 900 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48422">UNT-41786</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--17"><form class="commerce-order-item-add-to-cart-form-commerce-product-48422 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48422" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48422" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--17">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--17" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-hshf84wstcbvdyysl4lt4ck0ojiipy6tygdv080ejjm" type="hidden" name="form_build_id" value="form-HsHF84wSTCBvdyySL4Lt4ck0ojIipy6tygDV080EjJM" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48422" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48422" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--17" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--17" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86633" selected="selected">PUMA22-Pure Xt Wn S Puma Wht-Spellbound (6.5) 37</option><option value="86634">PUMA22-Pure Xt Wn S Puma Wht-Spellbound (7) 37,5</option><option value="86635">PUMA22-Pure Xt Wn S Puma Wht-Spellbound (8) 38,5</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--17" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48422').click(() => {
          $("#modal-website-48422").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/index.php/produits/puma-chaussure-pacer-future-allure" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48545">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44523.jpg?itok=rUDkZ94_" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          PUMA CHAUSSURE Pacer Future Allure
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                    <div class="my-2 text-center line-through text-md font-bold">
                9900 FCFP
              </div>
                      
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48545">4 000 FCFP</div>
      
          </div>


          <button id="modal-48545"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48545">
            Voir le produit
          </button>

          <a href="/index.php/produits/puma-chaussure-pacer-future-allure">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--16"><form class="commerce-order-item-add-to-cart-form-commerce-product-48545 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48545-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48545--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--16">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--16" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-nlrmzy7spjnhfg7uoh5wgjspliyrqsb-lsfrflmpghy" type="hidden" name="form_build_id" value="form-NLRMZY7spJnhFG7Uoh5WgJSPLiyrqSb_LsFrfLMPGHY" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48545-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48545" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--16" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--16" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86890" selected="selected">PUMA22-Pacer Future Allure Puma White-Opera Mau T37</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--16" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48545" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48545">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48545">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44523.jpg?itok=rUDkZ94_" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>PUMA CHAUSSURE Pacer Future Allure</div>
      
				</h2>

                              <div class="my-2 line-through text-md font-bold">
              9900 FCFP
            </div>
                  
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48545">4 000 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48545">UNT-44523</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--15"><form class="commerce-order-item-add-to-cart-form-commerce-product-48545 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48545" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48545" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--15">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--15" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-ab-p-4wyzvgtrzvlus48jwy-5uzmhst6xaikpoqq4c" type="hidden" name="form_build_id" value="form-ab__p_4WyZvgtrZVLUS48jwy_5UZmhST6xaikPOQQ4c" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48545" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48545" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--15" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--15" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86890" selected="selected">PUMA22-Pacer Future Allure Puma White-Opera Mau T37</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--15" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48545').click(() => {
          $("#modal-website-48545").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/index.php/produits/puma-debardeur-studio-foundation-ruched" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48547">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44638.jpg?itok=elhxghC1" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          PUMA DEBARDEUR Studio Foundation Ruched
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48547">3 750 FCFP</div>
      
          </div>


          <button id="modal-48547"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48547">
            Voir le produit
          </button>

          <a href="/index.php/produits/puma-debardeur-studio-foundation-ruched">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--14"><form class="commerce-order-item-add-to-cart-form-commerce-product-48547 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48547-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48547--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--14">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--14" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-33pqnhrbksriphuhluw1tf2t40at4-hl5mh34kn7krw" type="hidden" name="form_build_id" value="form-33PQNHrBksRIphuhlUW1tF2T40AT4-HL5mh34kn7KRw" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48547-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48547" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--14" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--14" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86895" selected="selected">PUMA22-Studio Foundation Ruched Tank Light Gray TXXL</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--14" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48547" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48547">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48547">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44638.jpg?itok=elhxghC1" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>PUMA DEBARDEUR Studio Foundation Ruched</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48547">3 750 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48547">UNT-44638</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--13"><form class="commerce-order-item-add-to-cart-form-commerce-product-48547 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48547" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48547" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--13">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--13" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-tssqajzv0w-mzps0vqq-e3v74fjaiy25asm1km-h5wy" type="hidden" name="form_build_id" value="form-TSsqAJzV0w_mZpS0VQq_E3V74FjaIY25aSM1Km-h5WY" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48547" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48547" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--13" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--13" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86895" selected="selected">PUMA22-Studio Foundation Ruched Tank Light Gray TXXL</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--13" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48547').click(() => {
          $("#modal-website-48547").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/index.php/produits/puma-ballon-street-ball-sunblaze" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__50544">  <img src="/sites/default/files/styles/product_listing/public/happy-market/41799.jpg?itok=mUXfNHVg" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          PUMA BALLON Street Ball Sunblaze
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                    <div class="my-2 text-center line-through text-md font-bold">
                2990 FCFP
              </div>
                      
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__50544">1 000 FCFP</div>
      
          </div>


          <button id="modal-50544"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-50544">
            Voir le produit
          </button>

          <a href="/index.php/produits/puma-ballon-street-ball-sunblaze">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--12"><form class="commerce-order-item-add-to-cart-form-commerce-product-50544 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50544-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50544--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--12">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--12" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-xps80qkolikkl3ff1oktyyijw6zsbnjnb2mkpssbifi" type="hidden" name="form_build_id" value="form-xpS80QkoLikkl3FF1oKTYyIJw6ZSBnJNb2MkPSsbiFI" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50544-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50544" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--12" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--12" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="92339" selected="selected">PUMA22-Street Ball Sunblaze-Puma Blk (4)</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--12" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-50544" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-50544">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__50544">  <img src="/sites/default/files/styles/product_listing/public/happy-market/41799.jpg?itok=mUXfNHVg" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>PUMA BALLON Street Ball Sunblaze</div>
      
				</h2>

                              <div class="my-2 line-through text-md font-bold">
              2990 FCFP
            </div>
                  
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__50544">1 000 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__50544">UNT-41799</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--11"><form class="commerce-order-item-add-to-cart-form-commerce-product-50544 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50544" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50544" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--11">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--11" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-gju60qgslnhardnvgofcwvu1n-huhxms4xzuxsgehka" type="hidden" name="form_build_id" value="form-gju60qGSlNHaRDNvGoFCWvU1N-hUhXMs4xZuxSGehKA" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50544" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50544" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--11" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--11" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="92339" selected="selected">PUMA22-Street Ball Sunblaze-Puma Blk (4)</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--11" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-50544').click(() => {
          $("#modal-website-50544").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/produits/puma-chaussette-footie-2p-unisex" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48229">  <img src="/sites/default/files/styles/product_listing/public/happy-market/38654.jpg?itok=pa0oqn9M" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          PUMA CHAUSSETTE Footie 2P Unisex
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48229">1 250 FCFP</div>
      
          </div>


          <button id="modal-48229"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48229">
            Voir le produit
          </button>

          <a href="/produits/puma-chaussette-footie-2p-unisex">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--10"><form class="commerce-order-item-add-to-cart-form-commerce-product-48229 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48229-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48229--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--10">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--10" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-z45yb27bzrkkpd-tumg3-pfiyzlfrdeoq90-upbemva" type="hidden" name="form_build_id" value="form-z45yb27bzrKkpd-tumg3_pFIyzlfrdEOq90_upBeMvA" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48229-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48229" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--10" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--10" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86312" selected="selected">PUMA22-Footie 2P Unisex Blk T35-38</option><option value="86591">PUMA22-Footie 2P Unisex Wht T39-42</option><option value="86592">PUMA22-Footie 2P Unisex Wht T35-38</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--10" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48229" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48229">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48229">  <img src="/sites/default/files/styles/product_listing/public/happy-market/38654.jpg?itok=pa0oqn9M" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>PUMA CHAUSSETTE Footie 2P Unisex</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48229">1 250 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48229">UNT-38654</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--9"><form class="commerce-order-item-add-to-cart-form-commerce-product-48229 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48229" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48229" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--9">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--9" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-4-j7oghdpcsbf5ctzg6osvm94jdsu8m4tx-lcz953p0" type="hidden" name="form_build_id" value="form-4-j7OgHdPCSBf5cTzG6OSvm94jdsU8M4Tx_lcz953P0" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48229" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48229" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--9" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--9" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86312" selected="selected">PUMA22-Footie 2P Unisex Blk T35-38</option><option value="86591">PUMA22-Footie 2P Unisex Wht T39-42</option><option value="86592">PUMA22-Footie 2P Unisex Wht T35-38</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--9" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48229').click(() => {
          $("#modal-website-48229").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/produits/puma-chaussette-kids-bwt-sneaker-3pc" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48543">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44433.jpg?itok=9CejDWhV" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          PUMA CHAUSSETTE Kids Bwt Sneaker 3PC
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                    <div class="my-2 text-center line-through text-md font-bold">
                1750 FCFP
              </div>
                      
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48543">750 FCFP</div>
      
          </div>


          <button id="modal-48543"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48543">
            Voir le produit
          </button>

          <a href="/produits/puma-chaussette-kids-bwt-sneaker-3pc">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--8"><form class="commerce-order-item-add-to-cart-form-commerce-product-48543 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48543-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48543--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--8">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--8" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-rvxwweorts8zwx3c6cptxl4hrdkl8jgaveppe72scc4" type="hidden" name="form_build_id" value="form-RvXwweOrtS8zWX3c6cPtxl4hrDKL8JgaVEPPe72SCc4" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48543-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48543" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--8" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--8" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86888" selected="selected">PUMA22-Kids Bwt Sneaker 3P Blk T39-42</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--8" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48543" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48543">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48543">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44433.jpg?itok=9CejDWhV" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>PUMA CHAUSSETTE Kids Bwt Sneaker 3PC</div>
      
				</h2>

                              <div class="my-2 line-through text-md font-bold">
              1750 FCFP
            </div>
                  
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48543">750 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48543">UNT-44433</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--7"><form class="commerce-order-item-add-to-cart-form-commerce-product-48543 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48543" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48543" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--7">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--7" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-r8ksemmo-ojy4unap-ijaadtyb08bquzqwdaeo6z2ee" type="hidden" name="form_build_id" value="form-R8KSeMMO_OJy4unAP-IjaADTyB08BquzQWdAeo6z2eE" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48543" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48543" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--7" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--7" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86888" selected="selected">PUMA22-Kids Bwt Sneaker 3P Blk T39-42</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--7" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48543').click(() => {
          $("#modal-website-48543").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/produits/puma-chaussure-monarch-ii-fg-ag" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48544">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44503.jpg?itok=xmzXpQ3O" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          PUMA CHAUSSURE Monarch Ii Fg Ag
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48544">6 900 FCFP</div>
      
          </div>


          <button id="modal-48544"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48544">
            Voir le produit
          </button>

          <a href="/produits/puma-chaussure-monarch-ii-fg-ag">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--6"><form class="commerce-order-item-add-to-cart-form-commerce-product-48544 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48544-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48544--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--6">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--6" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-5vjeuq2cd25e1mzcwyuf1e2wdq4uiikas23-tq4ptni" type="hidden" name="form_build_id" value="form-5vjeUQ2Cd25E1Mzcwyuf1e2WDq4UIIKas23-tQ4PtNI" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48544-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48544" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--6" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--6" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86889" selected="selected">PUMA23-CHAUSSURE Monarch Ii Fg Ag Puma Blk-Puma Wht T48,5</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--6" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48544" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48544">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48544">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44503.jpg?itok=xmzXpQ3O" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>PUMA CHAUSSURE Monarch Ii Fg Ag</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48544">6 900 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48544">UNT-44503</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--5"><form class="commerce-order-item-add-to-cart-form-commerce-product-48544 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48544" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48544" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--5">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--5" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-nzcfyme4t2-u7o8tdmyrrdlacap9ewxh8gdexodx7u4" type="hidden" name="form_build_id" value="form-NzCfyMe4t2-U7o8tDmYrrdLacAp9eWxH8GDeXODX7U4" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48544" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48544" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--5" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--5" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86889" selected="selected">PUMA23-CHAUSSURE Monarch Ii Fg Ag Puma Blk-Puma Wht T48,5</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--5" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48544').click(() => {
          $("#modal-website-48544").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/index.php/produits/puma-chaussure-electrify-nitro-wns" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48536">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44304.jpg?itok=n8mpma0K" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          PUMA CHAUSSURE Electrify Nitro Wns
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48536">12 900 FCFP</div>
      
          </div>


          <button id="modal-48536"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48536">
            Voir le produit
          </button>

          <a href="/index.php/produits/puma-chaussure-electrify-nitro-wns">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--4"><form class="commerce-order-item-add-to-cart-form-commerce-product-48536 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48536-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48536--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--4">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--4" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-bgufrd0olohhamd-o6g02hk61i6lvzpeehpkft9kjhu" type="hidden" name="form_build_id" value="form-BGUFRD0olOHhAMD_o6g02hk61I6lvzpEEhpkFt9KjHU" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48536-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48536" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--4" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--4" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86875" selected="selected">PUMA22-CHAUSSURE Electrify Nitro Wns Lavender Fog-Quail-G T37</option><option value="86876">PUMA22-CHAUSSURE Electrify Nitro Wns Lavender Fog-Quail-G T37,5</option><option value="86877">PUMA22-CHAUSSURE Electrify Nitro Wns Lavender Fog-Quail-G T38</option><option value="87284">PUMA22-CHAUSSURE Electrify Nitro Wns Lavender Fog-Quail-G T35,5</option><option value="87285">PUMA22-CHAUSSURE Electrify Nitro Wns Lavender Fog-Quail-G T36</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--4" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48536" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48536">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48536">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44304.jpg?itok=n8mpma0K" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>PUMA CHAUSSURE Electrify Nitro Wns</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48536">12 900 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48536">UNT-44304</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form--3"><form class="commerce-order-item-add-to-cart-form-commerce-product-48536 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48536" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48536" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--3">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--3" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-zazor-f2-v5slyigq39m38nuuoaermm6xhscke-94do" type="hidden" name="form_build_id" value="form-zazOr-F2-v5SLyIgq39M38NuuoAermm6XHsCKe_94do" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48536" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48536" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--3" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--3" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86875" selected="selected">PUMA22-CHAUSSURE Electrify Nitro Wns Lavender Fog-Quail-G T37</option><option value="86876">PUMA22-CHAUSSURE Electrify Nitro Wns Lavender Fog-Quail-G T37,5</option><option value="86877">PUMA22-CHAUSSURE Electrify Nitro Wns Lavender Fog-Quail-G T38</option><option value="87284">PUMA22-CHAUSSURE Electrify Nitro Wns Lavender Fog-Quail-G T35,5</option><option value="87285">PUMA22-CHAUSSURE Electrify Nitro Wns Lavender Fog-Quail-G T36</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--3" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48536').click(() => {
          $("#modal-website-48536").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/produits/puma-chaussette-elements-sneaker-6p" class="absolute top-0 left-0 bottom-0 right-0 z-[1]"></a>
      <div class="flex justify-center">
          <div class="product--variation-field--variation_field_image_picture__48537">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44314.jpg?itok=Mx5YQSm6" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          PUMA CHAUSSETTE Elements Sneaker 6P
        </h2>

        <div class="flex-grow flex flex-col justify-end">
                                    <div class="my-2 text-center line-through text-md font-bold">
                2500 FCFP
              </div>
                      
          <div class="text-red my-2 text-lg font-bold text-center">
            
            <div class="product--variation-field--variation_price__48537">1 000 FCFP</div>
      
          </div>


          <button id="modal-48537"
                  class="hidden sm:block relative z-[2] text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer"
                  type="button" data-modal-toggle="modal-website-48537">
            Voir le produit
          </button>

          <a href="/produits/puma-chaussette-elements-sneaker-6p">
            <div
              class="block sm:hidden text-center border border-red py-1 px-4 mx-auto max-w-[200px] hover:text-white hover:bg-red hover:cursor-pointer">
              Voir le produit
            </div>
          </a>
          <div class="hidden">
            
      <div>
              <div><div id="commerce-product-add-to-cart-form--2"><form class="commerce-order-item-add-to-cart-form-commerce-product-48537 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48537-2" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48537--2" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value--2">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value--2" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-kia5l469-lylvon-dhqgim65l-3orbs8ssr25nkdtra" type="hidden" name="form_build_id" value="form-Kia5l469_LylVoN_DHQgiM65L_3oRBs8SsR25nkdtrA" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48537-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48537" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation--2" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation--2" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86878" selected="selected">PUMA22-CHAUSSETTE Elements Sneaker 6P Blk T35-38</option><option value="86879">PUMA22-CHAUSSETTE Elements Sneaker 6P Wht T35-38</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--2" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-48537" tabindex="-1" aria-hidden="true"
       class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 w-full md:inset-0 h-modal md:h-full">
    <div class="relative w-full max-w-4xl h-full md:h-auto">
      <div class="relative bg-white p-4 rounded shadow dark:bg-gray-700">
        <button type="button"
                class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white"
                data-modal-toggle="modal-website-48537">
          <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewbox="0 0 20 20"
               xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
                  d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
                  clip-rule="evenodd"></path>
          </svg>
          <span class="sr-only">Close modal</span>
        </button>

        
<div class="container mx-auto">
	<div class="grid grid-cols-3 gap-4">
		<div class="col-span-1 flex flex-col bg-gray-200 items-center justify-center">
			  <div class="product--variation-field--variation_field_image_picture__48537">  <img src="/sites/default/files/styles/product_listing/public/happy-market/44314.jpg?itok=Mx5YQSm6" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>PUMA CHAUSSETTE Elements Sneaker 6P</div>
      
				</h2>

                              <div class="my-2 line-through text-md font-bold">
              2500 FCFP
            </div>
                  
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__48537">1 000 FCFP</div>
      
				</div>

									<div class="flex gap-2 items-center my-2">
						<div class="uppercase text-lg">
							Référence :
						</div>

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48537">UNT-44314</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form"><form class="commerce-order-item-add-to-cart-form-commerce-product-48537 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48537" action="/produits?page=68&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48537" accept-charset="UTF-8">
        <div class="js-form-item form-item js-form-type-number form-item-quantity-0-value js-form-item-quantity-0-value">
      <label for="edit-quantity-0-value">Quantité</label>
        <input data-drupal-selector="edit-quantity-0-value" type="number" id="edit-quantity-0-value" name="quantity[0][value]" value="1" step="1" min="1" placeholder="" class="form-number" />

        </div>

  <input autocomplete="off" data-drupal-selector="form-wxbd2xhrgmrrd26vefjf7vtgd7vn2sxt5yc9glmmcho" type="hidden" name="form_build_id" value="form-wxbD2xhrGmrRd26veFjf7VtgD7Vn2SXt5YC9GlmMcho" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48537" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48537" />
      <div class="js-form-item form-item js-form-type-select form-item-purchased-entity-0-variation js-form-item-purchased-entity-0-variation">
      <label for="edit-purchased-entity-0-variation" class="js-form-required form-required">Veuillez choisir un produit</label>
        <select data-drupal-selector="edit-purchased-entity-0-variation" data-disable-refocus="true" id="edit-purchased-entity-0-variation" name="purchased_entity[0][variation]" class="form-select required" required="required" aria-required="true"><option value="86878" selected="selected">PUMA22-CHAUSSETTE Elements Sneaker 6P Blk T35-38</option><option value="86879">PUMA22-CHAUSSETTE Elements Sneaker 6P Wht T35-38</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
			</div>
		</div>
	</div>
</div>

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-48537').click(() => {
          $("#modal-website-48537").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

      </div>
</div>

      <nav class="pager my-4" role="navigation" aria-labelledby="pagination-heading">
    <h4 id="pagination-heading" class="visually-hidden">Pagination</h4>
    <ul class="pager__items js-pager__items flex flex-row justify-center text-grayDark">
                    <li class="pager__item py-1 px-2 pager__item--first">
          <a href="?tid=All&amp;search_api_fulltext=&amp;page=0" title="Aller à la première page">
            <span class="visually-hidden">Première page</span>
            <span aria-hidden="true">« First</span>
          </a>
        </li>
                          <li class="pager__item py-1 px-2 pager__item--previous">
          <a href="?tid=All&amp;search_api_fulltext=&amp;page=67" title="Aller à la page précédente" rel="prev">
            <span class="visually-hidden">Page précédente</span>
            <span aria-hidden="true">‹‹</span>
          </a>
        </li>
                          <li class="pager__item py-1 px-2 pager__item--ellipsis" role="presentation">&hellip;</li>
                          <li class="pager__item py-1 px-2">
                                          <a href="?tid=All&amp;search_api_fulltext=&amp;page=64" title="Go to page 65">
            <span class="visually-hidden">
              Page
            </span>65</a>
        </li>
              <li class="pager__item py-1 px-2">
                                          <a href="?tid=All&amp;search_api_fulltext=&amp;page=65" title="Go to page 66">
            <span class="visually-hidden">
              Page
            </span>66</a>
        </li>
              <li class="pager__item py-1 px-2">
                                          <a href="?tid=All&amp;search_api_fulltext=&amp;page=66" title="Go to page 67">
            <span class="visually-hidden">
              Page
            </span>67</a>
        </li>
              <li class="pager__item py-1 px-2">
                                          <a href="?tid=All&amp;search_api_fulltext=&amp;page=67" title="Go to page 68">
            <span class="visually-hidden">
              Page
            </span>68</a>
        </li>
              <li class="pager__item py-1 px-2 is-active">
                                          <a href="?tid=All&amp;search_api_fulltext=&amp;page=68" title="Page courante">
            <span class="visually-hidden">
              Page courante
            </span>69</a>
        </li>
              <li class="pager__item py-1 px-2">
                                          <a href="?tid=All&amp;search_api_fulltext=&amp;page=69" title="Go to page 70">
            <span class="visually-hidden">
              Page
            </span>70</a>
        </li>
              <li class="pager__item py-1 px-2">
                                          <a href="?tid=All&amp;search_api_fulltext=&amp;page=70" title="Go to page 71">
            <span class="visually-hidden">
              Page
            </span>71</a>
        </li>
              <li class="pager__item py-1 px-2">
                                          <a href="?tid=All&amp;search_api_fulltext=&amp;page=71" title="Go to page 72">
            <span class="visually-hidden">
              Page
            </span>72</a>
        </li>
              <li class="pager__item py-1 px-2">
                                          <a href="?tid=All&amp;search_api_fulltext=&amp;page=72" title="Go to page 73">
            <span class="visually-hidden">
              Page
            </span>73</a>
        </li>
                          <li class="pager__item py-1 px-2 pager__item--ellipsis" role="presentation">&hellip;</li>
                          <li class="pager__item py-1 px-2 pager__item--next">
          <a href="?tid=All&amp;search_api_fulltext=&amp;page=69" title="Aller à la page suivante" rel="next">
            <span class="visually-hidden">Page suivante</span>
            <span aria-hidden="true">››</span>
          </a>
        </li>
                          <li class="pager__item py-1 px-2 pager__item--last">
          <a href="?tid=All&amp;search_api_fulltext=&amp;page=90" title="Aller à la dernière page">
            <span class="visually-hidden">Dernière page</span>
            <span aria-hidden="true">Last »</span>
          </a>
        </li>
          </ul>
  </nav>


</div>


						</div>
					</div>
				</div>
					</section>
	</main>

	<div class="l-footer">
		<footer class="pt-10 lg:pt-20 text-black">
			<div class="container mx-auto px-4">
				<div class="grid grid-cols-1 gap-x-2 gap-y-4 divide-y divide-gray lg:grid-cols-5 lg:gap-12 lg:divide-y-0">
					<div class="col-span-1 pt-2">
						  

  <div class="container paragraph paragraph--type--image paragraph--view-mode--default">
            <img src="/sites/default/files/2022-06/logoos5%20Image_0.png" width="292" height="42" alt="Olympians Sport" typeof="foaf:Image" />


      </div>

  
  <div class="container paragraph paragraph--type--text paragraph--view-mode--default">
          <section class="text-">
        
                  <div class="text-justify">
            <p>Découvrez les marques de sport les plus prestigieuses telles qu'Adidas, Asics, Everlast, Camelbak, Cressi, Wilson, Mikasa, Cornilleau, Venum, René Pierre, Reebok sur notre site de sport en ligne. Trouvez tout ce dont vous avez besoin pour exceller dans votre discipline.</p>

<p>VOS DEFIS, NOTRE PASSION.</p>

          </div>
              </section>
      </div>


					</div>
					<div class="col-span-1 pt-2">
						  

  <div class="container paragraph paragraph--type--block paragraph--view-mode--default">
                    <article  id="block-pages--2">
	
	
			<div class="container mx-auto">
  <ul class="list-none flex flex-col gap-2">
          <li>
        <a href="/" class="flex items-center">
          <i class="fas fa-chevron-right text-red mr-2"></i>Accueil
        </a>
      </li>
          <li>
        <a href="/nos-nouveautes" class="flex items-center">
          <i class="fas fa-chevron-right text-red mr-2"></i>Nos nouveautés
        </a>
      </li>
          <li>
        <a href="/nos-marques" class="flex items-center">
          <i class="fas fa-chevron-right text-red mr-2"></i>Nos Marques
        </a>
      </li>
          <li>
        <a href="/nos-promotions" class="flex items-center">
          <i class="fas fa-chevron-right text-red mr-2"></i>Nos Promotions
        </a>
      </li>
          <li>
        <a href="/nous-contacter" class="flex items-center">
          <i class="fas fa-chevron-right text-red mr-2"></i>Nous Contacter
        </a>
      </li>
      </ul>
</div>

	</article>


            </div>


					</div>
					<div class="col-span-1 lg:col-span-2 pt-2">
						  

  <div class="container paragraph paragraph--type--block paragraph--view-mode--default">
                    <article  id="block-categories--4">
	
	
			<ul class="lg:columns-2">
      <li class="mb-2">
      <a href="/produits?search_api_fulltext=&amp;tid=All" class="flex items-center">
        <i class="fas fa-chevron-right text-red mr-2"></i>Tous les sports
      </a>
    </li>
      <li class="mb-2">
      <a href="/produits?f%5B0%5D=categories%3A1157" class="flex items-center">
        <i class="fas fa-chevron-right text-red mr-2"></i>Homme
      </a>
    </li>
      <li class="mb-2">
      <a href="/produits?f%5B0%5D=categories%3A1161" class="flex items-center">
        <i class="fas fa-chevron-right text-red mr-2"></i>Femme
      </a>
    </li>
      <li class="mb-2">
      <a href="/produits?f%5B0%5D=categories%3A1165" class="flex items-center">
        <i class="fas fa-chevron-right text-red mr-2"></i>Enfants
      </a>
    </li>
      <li class="mb-2">
      <a href="/produits?f%5B0%5D=categories%3A1261" class="flex items-center">
        <i class="fas fa-chevron-right text-red mr-2"></i>Musculation
      </a>
    </li>
      <li class="mb-2">
      <a href="/produits?f%5B0%5D=categories%3A1203" class="flex items-center">
        <i class="fas fa-chevron-right text-red mr-2"></i>Textile et accessoires
      </a>
    </li>
      <li class="mb-2">
      <a href="/produits?f%5B0%5D=categories%3A1183" class="flex items-center">
        <i class="fas fa-chevron-right text-red mr-2"></i>Equipements multisports
      </a>
    </li>
      <li class="mb-2">
      <a href="/produits?f%5B0%5D=categories%3A1173" class="flex items-center">
        <i class="fas fa-chevron-right text-red mr-2"></i>Loisirs
      </a>
    </li>
      <li class="mb-2">
      <a href="/produits?f%5B0%5D=categories%3A1207" class="flex items-center">
        <i class="fas fa-chevron-right text-red mr-2"></i>Récompenses
      </a>
    </li>
  </ul>

	</article>


            </div>


					</div>
					<div class="col-span-1 pt-2">
						  

  <div class="container paragraph paragraph--type--block paragraph--view-mode--default">
                    <article  id="block-moncompte--2">
	
	
			<div class="container mx-auto">
  <ul class="list-none flex flex-col gap-2">
          <li>
        <a href="/conditions-generales-de-vente" class="flex items-center">
          <i class="fas fa-chevron-right text-red mr-2"></i>CGV
        </a>
      </li>
          <li>
        <a href="/mentions-legales" class="flex items-center">
          <i class="fas fa-chevron-right text-red mr-2"></i>Mentions légales
        </a>
      </li>
          <li>
        <a href="/mentions-relatives-lutilisation-de-donnees-personnelles" class="flex items-center">
          <i class="fas fa-chevron-right text-red mr-2"></i>RGPD
        </a>
      </li>
      </ul>
</div>

	</article>


            </div>


					</div>
				</div>

				<div class="my-4">
					<div class="flex justify-end">
						<img src="/themes/tailwindcss/images/osb.jpg" class="max-w-md w-full" alt="Payments"/>
					</div>
				</div>
			</div>

			<div class="bg-gray">
				<div class="container mx-auto">
					  

  <div class="container paragraph paragraph--type--text paragraph--view-mode--default">
          <section class="text-left">
        
                  <div class="text-justify">
            <p>Copyright 2022 Devlab.</p>

          </div>
              </section>
      </div>


				</div>
			</div>
		</footer>
	</div>
</div>

  </div>


<script src="/sites/default/files/js/js_DLPVltOzLokWYPcP9CT-CBdbyeOie3zTML-xj_pOyhM.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<script src="//unpkg.com/flowbite@1.5.2/dist/flowbite.js"></script>
<script src="/sites/default/files/js/js_6R_ax6JgqmBXnVpwRR-0JHe3K4oWH9GItR7bpFhvQr0.js"></script>
<script src="/libraries/jquery-ui-slider-pips/dist/jquery-ui-slider-pips.min.js?v=1.11.3" defer></script>
<script src="/sites/default/files/js/js_t4f6nFCVTKS7jo0y4nlSKGMguez0bIEv3BaDdtnQvNQ.js"></script>
<script src="/modules/contrib/facets/modules/facets_range_widget/js/slider.js?v=8.9.20" defer></script>
<script src="/sites/default/files/js/js_xoH_KkIgYH4l_B6Ofr7DNgCcF-ExmRKtGwpl1NpRQLE.js"></script>


  <script>
    window.axeptioSettings= {
      clientId: "64f141402ab2b7e2b8e82ff8",
    };

    (function(d,s) {
      var t = d.getElementsByTagName(s)[0],e = d.createElement(s);
      e.async = true;
      e.src = "//static.axept.io/sdk.js";
      t.parentNode.insertBefore(e, t);
    })(document, "script");
  </script>
</body>
</html>