
<!--
//...............................................................................................................................................................................
//.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":{"f":["categories:1214"],"page":"0","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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\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?f%5B0%5D=categories%3A1214\u0026page=0\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}}},"facets":{"sliders":{"prix":{"min":3000,"max":26000,"prefix":"","suffix":"","step":500,"labels":["3000 (2)","3500 (1)","4000 (17)","4500 (0)","5000 (7)","5500 (3)","6000 (2)","6500 (9)","7000 (0)","7500 (8)","8000 (1)","8500 (4)","9000 (1)","9500 (5)","10000 (0)","10500 (0)","11000 (0)","11500 (2)","12000 (0)","12500 (4)","13000 (0)","13500 (0)","14000 (0)","14500 (1)","15000 (0)","15500 (3)","16000 (0)","16500 (0)","17000 (0)","17500 (0)","18000 (0)","18500 (0)","19000 (0)","19500 (0)","20000 (0)","20500 (0)","21000 (0)","21500 (0)","22000 (0)","22500 (0)","23000 (0)","23500 (0)","24000 (0)","24500 (0)","25000 (0)","25500 (0)","26000 (0)"],"range":true,"url":"\/produits?f%5B0%5D=categories%3A1214\u0026f%5B1%5D=prix%3A%28min%3A__range_slider_min__%2Cmax%3A__range_slider_max__%29\u0026tid=All","values":[3000,26000]}}},"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="/index.php/" 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="/index.php/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="/index.php/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="/index.php/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="/index.php/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="/index.php/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="/index.php/">
              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-active js-facets-checkbox-links item-list__checkbox"><li class="facet-item facet-item--expanded facet-item--active-trail"><a href="/produits?f%5B0%5D=categories%3A1157&amp;tid=All" 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><div class="mb-2 facets-widget-">
    <ul><li class="facet-item facet-item--expanded facet-item--active-trail"><a href="/produits?f%5B0%5D=categories%3A1158&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="categories-1158" data-drupal-facet-item-value="1158" data-drupal-facet-item-count="294"><span class="facet-item__value">CHAUSSURE</span>
  <span class="facet-item__count">(294)</span>
</a><div class="mb-2 facets-widget-">
    <ul><li class="facet-item"><a href="/produits?f%5B0%5D=categories%3A1212&amp;f%5B1%5D=categories%3A1214&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="categories-1212" data-drupal-facet-item-value="1212" data-drupal-facet-item-count="87"><span class="facet-item__value">COURSE/RUNNING</span>
  <span class="facet-item__count">(87)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=categories%3A1213&amp;f%5B1%5D=categories%3A1214&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="categories-1213" data-drupal-facet-item-value="1213" data-drupal-facet-item-count="43"><span class="facet-item__value">TRAIL/MONTAGNE</span>
  <span class="facet-item__count">(43)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=categories%3A1158&amp;tid=All" rel="nofollow" class="is-active" data-drupal-facet-item-id="categories-1214" data-drupal-facet-item-value="1214" data-drupal-facet-item-count="134">  <span class="facet-item__status js-facet-deactivate">(-)</span>
<span class="facet-item__value">SPORT INDIVIDUEL/COLLECTIF</span>
  <span class="facet-item__count">(134)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=categories%3A1214&amp;f%5B1%5D=categories%3A1215&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="categories-1215" data-drupal-facet-item-value="1215" data-drupal-facet-item-count="30"><span class="facet-item__value">DIVERS</span>
  <span class="facet-item__count">(30)</span>
</a></li></ul>
    </div>
</li><li class="facet-item facet-item--collapsed"><a href="/produits?f%5B0%5D=categories%3A1159&amp;f%5B1%5D=categories%3A1214&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="categories-1159" data-drupal-facet-item-value="1159" data-drupal-facet-item-count="252"><span class="facet-item__value">TEXTILE</span>
  <span class="facet-item__count">(252)</span>
</a></li></ul>
    </div>
</li><li class="facet-item facet-item--collapsed"><a href="/produits?f%5B0%5D=categories%3A1161&amp;f%5B1%5D=categories%3A1214&amp;tid=All" 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?f%5B0%5D=categories%3A1165&amp;f%5B1%5D=categories%3A1214&amp;tid=All" 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?f%5B0%5D=categories%3A1169&amp;f%5B1%5D=categories%3A1214&amp;tid=All" 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?f%5B0%5D=categories%3A1203&amp;f%5B1%5D=categories%3A1214&amp;tid=All" 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?f%5B0%5D=categories%3A1176&amp;f%5B1%5D=categories%3A1214&amp;tid=All" 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?f%5B0%5D=categories%3A1173&amp;f%5B1%5D=categories%3A1214&amp;tid=All" 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?f%5B0%5D=categories%3A1186&amp;f%5B1%5D=categories%3A1214&amp;tid=All" 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?f%5B0%5D=categories%3A1193&amp;f%5B1%5D=categories%3A1214&amp;tid=All" 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?f%5B0%5D=categories%3A1183&amp;f%5B1%5D=categories%3A1214&amp;tid=All" 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?f%5B0%5D=categories%3A1207&amp;f%5B1%5D=categories%3A1214&amp;tid=All" 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?f%5B0%5D=brand%3A1482&amp;f%5B1%5D=categories%3A1214&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1482" data-drupal-facet-item-value="1482" data-drupal-facet-item-count="4"><span class="facet-item__value">Nox</span>
  <span class="facet-item__count">(4)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1435&amp;f%5B1%5D=categories%3A1214&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1435" data-drupal-facet-item-value="1435" data-drupal-facet-item-count="5"><span class="facet-item__value">Newbalance</span>
  <span class="facet-item__count">(5)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1386&amp;f%5B1%5D=categories%3A1214&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1386" data-drupal-facet-item-value="1386" data-drupal-facet-item-count="57"><span class="facet-item__value">Puma</span>
  <span class="facet-item__count">(57)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1434&amp;f%5B1%5D=categories%3A1214&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1434" data-drupal-facet-item-value="1434" data-drupal-facet-item-count="5"><span class="facet-item__value">Venum</span>
  <span class="facet-item__count">(5)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1369&amp;f%5B1%5D=categories%3A1214&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1369" data-drupal-facet-item-value="1369" data-drupal-facet-item-count="35"><span class="facet-item__value">Adidas</span>
  <span class="facet-item__count">(35)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1432&amp;f%5B1%5D=categories%3A1214&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1432" data-drupal-facet-item-value="1432" data-drupal-facet-item-count="14"><span class="facet-item__value">Asics</span>
  <span class="facet-item__count">(14)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1378&amp;f%5B1%5D=categories%3A1214&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1378" data-drupal-facet-item-value="1378" data-drupal-facet-item-count="2"><span class="facet-item__value">Babolat</span>
  <span class="facet-item__count">(2)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1372&amp;f%5B1%5D=categories%3A1214&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1372" data-drupal-facet-item-value="1372" data-drupal-facet-item-count="1"><span class="facet-item__value">Everlast</span>
  <span class="facet-item__count">(1)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1384&amp;f%5B1%5D=categories%3A1214&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1384" data-drupal-facet-item-value="1384" data-drupal-facet-item-count="11"><span class="facet-item__value">Head</span>
  <span class="facet-item__count">(11)</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-0a2a4dbd29c580185fd53cdd8c0f9a5518bdc3bfb7572ba0f682da2bc9f42d50">
  
  
  <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/asics-chaussure-gel-resolution-9-mako-bluesafety-yellow" 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__52708">  <img src="/sites/default/files/styles/product_listing/public/happy-market/68407.jpg?itok=fqbhKXxC" 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">
          ASICS CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow
        </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__52708">15 900 FCFP</div>
      
          </div>


          <button id="modal-52708"
                  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-52708">
            Voir le produit
          </button>

          <a href="/produits/asics-chaussure-gel-resolution-9-mako-bluesafety-yellow">
            <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-52708 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-52708-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-52708--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-cbtktuqksjpdfyqz-xdfuiozkkb4xcb2xdckagxlkpy" type="hidden" name="form_build_id" value="form-CBtkTUqKSJpdfyQZ-xdfuiOZKkB4xcB2xdCkAGxLkPY" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-52708-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_52708" />
      <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="94338" selected="selected">ASICS24-CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow T42,5</option><option value="94339">ASICS24-CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow T43,5</option><option value="94340">ASICS24-CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow T44</option><option value="94341">ASICS24-CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow T44,5</option><option value="94342">ASICS24-CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow T45</option><option value="94343">ASICS24-CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow T46</option><option value="94344">ASICS24-CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow T46,5</option><option value="94345">ASICS24-CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow T48</option><option value="94346">ASICS24-CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow T49</option><option value="94347">ASICS24-CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow T50,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--60" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-52708" 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-52708">
          <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__52708">  <img src="/sites/default/files/styles/product_listing/public/happy-market/68407.jpg?itok=fqbhKXxC" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ASICS CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__52708">15 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__52708">UNT-68407</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-52708 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-52708" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-52708" 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-jlfrtdnnv-wlexwgtl2omxbposm8sir8ykbcknnqswg" type="hidden" name="form_build_id" value="form-JLfrtdNNv_wleXWgtl2OMxbposm8SIr8ykbCKNnQswg" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-52708" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_52708" />
      <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="94338" selected="selected">ASICS24-CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow T42,5</option><option value="94339">ASICS24-CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow T43,5</option><option value="94340">ASICS24-CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow T44</option><option value="94341">ASICS24-CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow T44,5</option><option value="94342">ASICS24-CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow T45</option><option value="94343">ASICS24-CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow T46</option><option value="94344">ASICS24-CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow T46,5</option><option value="94345">ASICS24-CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow T48</option><option value="94346">ASICS24-CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow T49</option><option value="94347">ASICS24-CHAUSSURE Gel-Resolution 9 Mako Blue/Safety Yellow T50,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--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-52708').click(() => {
          $("#modal-website-52708").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/asics-chaussure-gel-rocket-11-blue-expansesafety-yellow" 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__52710">  <img src="/sites/default/files/styles/product_listing/public/happy-market/68433.jpg?itok=yym71yl8" 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">
          ASICS CHAUSSURE Gel-Rocket 11 Blue Expanse/Safety Yellow
        </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__52710">8 900 FCFP</div>
      
          </div>


          <button id="modal-52710"
                  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-52710">
            Voir le produit
          </button>

          <a href="/produits/asics-chaussure-gel-rocket-11-blue-expansesafety-yellow">
            <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-52710 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-52710-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-52710--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-2odk7i4kgsphzp5hgneml3ke37bdoee3oxl-rxekycq" type="hidden" name="form_build_id" value="form-2ODk7I4KgSpHzP5hgNEML3ke37bdoeE3OXL-RXekYcQ" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-52710-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_52710" />
      <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="94357" selected="selected">ASICS24-CHAUSSURE Gel-Rocket 11 Blue Expanse/Safety Yellow T45</option><option value="94358">ASICS24-CHAUSSURE Gel-Rocket 11 Blue Expanse/Safety Yellow T46</option><option value="94359">ASICS24-CHAUSSURE Gel-Rocket 11 Blue Expanse/Safety Yellow T46,5</option><option value="94360">ASICS24-CHAUSSURE Gel-Rocket 11 Blue Expanse/Safety Yellow T48</option><option value="94361">ASICS24-CHAUSSURE Gel-Rocket 11 Blue Expanse/Safety Yellow T49</option><option value="94362">ASICS24-CHAUSSURE Gel-Rocket 11 Blue Expanse/Safety Yellow T50,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--58" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-52710" 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-52710">
          <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__52710">  <img src="/sites/default/files/styles/product_listing/public/happy-market/68433.jpg?itok=yym71yl8" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ASICS CHAUSSURE Gel-Rocket 11 Blue Expanse/Safety Yellow</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__52710">8 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__52710">UNT-68433</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-52710 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-52710" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-52710" 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-im9hdh1for3dl7ssdhpevfffky00si1lukel9vhwyjm" type="hidden" name="form_build_id" value="form-Im9hdh1foR3dL7sSdHPevfFFKY00SI1LuKEl9vHWYjM" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-52710" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_52710" />
      <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="94357" selected="selected">ASICS24-CHAUSSURE Gel-Rocket 11 Blue Expanse/Safety Yellow T45</option><option value="94358">ASICS24-CHAUSSURE Gel-Rocket 11 Blue Expanse/Safety Yellow T46</option><option value="94359">ASICS24-CHAUSSURE Gel-Rocket 11 Blue Expanse/Safety Yellow T46,5</option><option value="94360">ASICS24-CHAUSSURE Gel-Rocket 11 Blue Expanse/Safety Yellow T48</option><option value="94361">ASICS24-CHAUSSURE Gel-Rocket 11 Blue Expanse/Safety Yellow T49</option><option value="94362">ASICS24-CHAUSSURE Gel-Rocket 11 Blue Expanse/Safety Yellow T50,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--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-52710').click(() => {
          $("#modal-website-52710").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/asics-chaussure-de-lutte-snapdown-3-blackgunmetal" 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__52698">  <img src="/sites/default/files/styles/product_listing/public/happy-market/68311.jpg?itok=Yc_RT9_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">
          ASICS CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal
        </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__52698">7 900 FCFP</div>
      
          </div>


          <button id="modal-52698"
                  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-52698">
            Voir le produit
          </button>

          <a href="/produits/asics-chaussure-de-lutte-snapdown-3-blackgunmetal">
            <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-52698 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-52698-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-52698--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-kad1nfyhouucdow4djzbrbyoprdk0sn4kg2sjx-9vmo" type="hidden" name="form_build_id" value="form-kAD1nfyhouUCDow4dJzBrbYOpRDK0sN4KG2Sjx-9vmo" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-52698-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_52698" />
      <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="94243" selected="selected">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T39,5</option><option value="94244">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T40,5</option><option value="94245">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T41,5</option><option value="94246">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T42</option><option value="94247">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T42,5</option><option value="94248">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T43,5</option><option value="94249">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T45</option><option value="94250">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T46</option><option value="94251">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T47</option><option value="94252">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T49</option><option value="94253">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T50,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--56" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-52698" 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-52698">
          <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__52698">  <img src="/sites/default/files/styles/product_listing/public/happy-market/68311.jpg?itok=Yc_RT9_u" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ASICS CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__52698">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__52698">UNT-68311</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-52698 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-52698" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-52698" 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-3qqspssqhvz-motmqgrgzaziaeak4q735y5du7mtqrq" type="hidden" name="form_build_id" value="form-3QQSpssqHvZ_mOTmqgRgZaziAEaK4Q735y5DU7mTqrQ" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-52698" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_52698" />
      <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="94243" selected="selected">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T39,5</option><option value="94244">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T40,5</option><option value="94245">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T41,5</option><option value="94246">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T42</option><option value="94247">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T42,5</option><option value="94248">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T43,5</option><option value="94249">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T45</option><option value="94250">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T46</option><option value="94251">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T47</option><option value="94252">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T49</option><option value="94253">ASICS24-CHAUSSURE DE LUTTE Snapdown 3 Black/Gunmetal T50,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--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-52698').click(() => {
          $("#modal-website-52698").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/everlast-chaussure-boxe-pivot-low-top-noiror" 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__52722">  <img src="/sites/default/files/styles/product_listing/public/happy-market/69955.jpg?itok=JVxtxHZW" 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">
          EVERLAST CHAUSSURE BOXE PIVOT LOW TOP NOIR/OR
        </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__52722">16 900 FCFP</div>
      
          </div>


          <button id="modal-52722"
                  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-52722">
            Voir le produit
          </button>

          <a href="/produits/everlast-chaussure-boxe-pivot-low-top-noiror">
            <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-52722 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-52722-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-52722--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-q8dgzxzgs-4krlbrb99bpm3wju7ys55-afr9nx8aflk" type="hidden" name="form_build_id" value="form-q8DGZXZgS-4KRLBRb99Bpm3WJu7YS55-aFR9nX8aFLk" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-52722-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_52722" />
      <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="94434" selected="selected">EVER25-CHAUSSURE BOXE PIVOT LOW TOP NOIR/OR T39</option><option value="94435">EVER25-CHAUSSURE BOXE PIVOT LOW TOP NOIR/OR T40</option><option value="94436">EVER25-CHAUSSURE BOXE PIVOT LOW TOP NOIR/OR T41</option><option value="94437">EVER25-CHAUSSURE BOXE PIVOT LOW TOP NOIR/OR T42</option><option value="94438">EVER25-CHAUSSURE BOXE PIVOT LOW TOP NOIR/OR T43</option><option value="94439">EVER25-CHAUSSURE BOXE PIVOT LOW TOP NOIR/OR T44</option><option value="94440">EVER25-CHAUSSURE BOXE PIVOT LOW TOP NOIR/OR T45</option><option value="94441">EVER25-CHAUSSURE BOXE PIVOT LOW TOP NOIR/OR T46</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-52722" 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-52722">
          <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__52722">  <img src="/sites/default/files/styles/product_listing/public/happy-market/69955.jpg?itok=JVxtxHZW" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>EVERLAST CHAUSSURE BOXE PIVOT LOW TOP NOIR/OR</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__52722">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__52722">UNT-69955</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-52722 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-52722" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-52722" 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-7p99mmqpmlym1qr4trr4vtvi0jq-c5bp8o1pt4syby8" type="hidden" name="form_build_id" value="form-7p99mmQPmLym1Qr4tRr4VTvI0jQ_C5BP8O1pt4sYbY8" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-52722" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_52722" />
      <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="94434" selected="selected">EVER25-CHAUSSURE BOXE PIVOT LOW TOP NOIR/OR T39</option><option value="94435">EVER25-CHAUSSURE BOXE PIVOT LOW TOP NOIR/OR T40</option><option value="94436">EVER25-CHAUSSURE BOXE PIVOT LOW TOP NOIR/OR T41</option><option value="94437">EVER25-CHAUSSURE BOXE PIVOT LOW TOP NOIR/OR T42</option><option value="94438">EVER25-CHAUSSURE BOXE PIVOT LOW TOP NOIR/OR T43</option><option value="94439">EVER25-CHAUSSURE BOXE PIVOT LOW TOP NOIR/OR T44</option><option value="94440">EVER25-CHAUSSURE BOXE PIVOT LOW TOP NOIR/OR T45</option><option value="94441">EVER25-CHAUSSURE BOXE PIVOT LOW TOP NOIR/OR T46</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-52722').click(() => {
          $("#modal-website-52722").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-king-match-fgag-electric-lime-blac" 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__51228">  <img src="/sites/default/files/styles/product_listing/public/happy-market/65445.jpg?itok=IWgxsYD9" 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 King Match Fg/Ag Electric Lime-Blac
        </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__51228">8 990 FCFP</div>
      
          </div>


          <button id="modal-51228"
                  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-51228">
            Voir le produit
          </button>

          <a href="/produits/puma-chaussure-king-match-fgag-electric-lime-blac">
            <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-51228 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-51228-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-51228--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-j-z2ijr5l6qhyzgvof-bzwortv2qeds0sb1idsdybow" type="hidden" name="form_build_id" value="form-J-z2ijR5L6qhyzGvof-bzwOrTv2QEDs0sB1idSDYBOw" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-51228-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_51228" />
      <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="93478" selected="selected">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T44</option><option value="93819">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T45</option><option value="94086">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T39</option><option value="94087">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T40,5</option><option value="94088">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T41</option><option value="94089">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T42</option><option value="94090">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T42,5</option><option value="94091">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T43</option><option value="94092">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T46</option><option value="94093">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T46,5</option><option value="94094">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T47</option><option value="94095">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T48</option><option value="94127">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T44,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--52" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-51228" 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-51228">
          <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__51228">  <img src="/sites/default/files/styles/product_listing/public/happy-market/65445.jpg?itok=IWgxsYD9" 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 King Match Fg/Ag Electric Lime-Blac</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__51228">8 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__51228">UNT-65445</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-51228 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-51228" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-51228" 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-bltoki-wubvmxqzpdw5gvgkgds-5cwcvtqxucyaiqw0" type="hidden" name="form_build_id" value="form-BLtOKI_WuBvmxQZpdW5GvgkgDS-5cWcvTQxUcyAIQW0" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-51228" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_51228" />
      <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="93478" selected="selected">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T44</option><option value="93819">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T45</option><option value="94086">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T39</option><option value="94087">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T40,5</option><option value="94088">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T41</option><option value="94089">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T42</option><option value="94090">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T42,5</option><option value="94091">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T43</option><option value="94092">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T46</option><option value="94093">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T46,5</option><option value="94094">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T47</option><option value="94095">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T48</option><option value="94127">PUMA24-CHAUSSURE King Match Fg/Ag Electric Lime-Blac T44,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--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-51228').click(() => {
          $("#modal-website-51228").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-ultra-play-fgag-black-copper-rose" 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__52658">  <img src="/sites/default/files/styles/product_listing/public/happy-market/65539.jpg?itok=kWYQfhy2" 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 Play Fg/Ag Black-Copper Rose
        </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__52658">7 900 FCFP</div>
      
          </div>


          <button id="modal-52658"
                  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-52658">
            Voir le produit
          </button>

          <a href="/produits/puma-chaussure-ultra-play-fgag-black-copper-rose">
            <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-52658 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-52658-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-52658--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-rd-dru6l2fpjh-dgm3tkoop5fako9wjhumtzlzaktso" type="hidden" name="form_build_id" value="form-rd-DrU6L2fpjH-dGM3TKoOP5Fako9WJhUmTZLzAKtSo" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-52658-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_52658" />
      <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="94149" selected="selected">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T39</option><option value="94150">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T40</option><option value="94151">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T40,5</option><option value="94152">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T41</option><option value="94153">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T42</option><option value="94154">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T42,5</option><option value="94155">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T43</option><option value="94156">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T44</option><option value="94157">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T44,5</option><option value="94158">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T45</option><option value="94159">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T46</option><option value="94160">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T46,5</option><option value="94161">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T47</option><option value="94162">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T48</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-52658" 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-52658">
          <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__52658">  <img src="/sites/default/files/styles/product_listing/public/happy-market/65539.jpg?itok=kWYQfhy2" 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 Play Fg/Ag Black-Copper Rose</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__52658">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__52658">UNT-65539</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-52658 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-52658" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-52658" 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-grhzejq1eksq8vbozy8jvdjl6shnkujmc-yclut62iu" type="hidden" name="form_build_id" value="form-GRhZejQ1Eksq8vbOzy8JVdjl6sHnKUJmC-ycLUT62IU" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-52658" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_52658" />
      <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="94149" selected="selected">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T39</option><option value="94150">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T40</option><option value="94151">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T40,5</option><option value="94152">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T41</option><option value="94153">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T42</option><option value="94154">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T42,5</option><option value="94155">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T43</option><option value="94156">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T44</option><option value="94157">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T44,5</option><option value="94158">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T45</option><option value="94159">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T46</option><option value="94160">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T46,5</option><option value="94161">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T47</option><option value="94162">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black-Copper Rose T48</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-52658').click(() => {
          $("#modal-website-52658").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-vitoria-tt-black-electric-lime" 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__51233">  <img src="/sites/default/files/styles/product_listing/public/happy-market/65572.jpg?itok=69kPL_Yb" 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 Vitoria Tt Black-Electric Lime
        </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__51233">5 750 FCFP</div>
      
          </div>


          <button id="modal-51233"
                  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-51233">
            Voir le produit
          </button>

          <a href="/produits/puma-chaussure-vitoria-tt-black-electric-lime">
            <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-51233 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-51233-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-51233--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-wvxass7p-01nag1l7nguwzimrnhywbea2auqguujrq" type="hidden" name="form_build_id" value="form-wVxASs7P--01nAg1L7NGuwziMRnHYWbEa2aUqGUUJRQ" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-51233-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_51233" />
      <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="93486" selected="selected">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T41</option><option value="93487">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T44</option><option value="94172">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T39</option><option value="94173">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T40,5</option><option value="94174">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T42</option><option value="94175">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T42,5</option><option value="94176">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T43</option><option value="94177">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T44,5</option><option value="94178">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T45</option><option value="94179">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T46</option><option value="94180">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T46,5</option><option value="94181">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T47</option><option value="94182">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T48</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-51233" 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-51233">
          <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__51233">  <img src="/sites/default/files/styles/product_listing/public/happy-market/65572.jpg?itok=69kPL_Yb" 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 Vitoria Tt Black-Electric Lime</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__51233">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__51233">UNT-65572</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-51233 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-51233" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-51233" 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-cqnfju7u8a03btq97u-dy7mjmcxwif-aofgzb-t2-xq" type="hidden" name="form_build_id" value="form-cQnfJU7u8a03bTq97u-Dy7mJMcXwIF_AofgZB_T2_xQ" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-51233" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_51233" />
      <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="93486" selected="selected">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T41</option><option value="93487">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T44</option><option value="94172">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T39</option><option value="94173">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T40,5</option><option value="94174">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T42</option><option value="94175">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T42,5</option><option value="94176">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T43</option><option value="94177">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T44,5</option><option value="94178">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T45</option><option value="94179">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T46</option><option value="94180">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T46,5</option><option value="94181">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T47</option><option value="94182">PUMA24-CHAUSSURE Vitoria Tt Black-Electric Lime T48</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-51233').click(() => {
          $("#modal-website-51233").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-pointes-athle-evospeed-sprint-14-sun-stream-sunset-glo" 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__51248">  <img src="/sites/default/files/styles/product_listing/public/happy-market/65680.jpg?itok=6oCa3Ita" 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 POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo
        </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__51248">11 500 FCFP</div>
      
          </div>


          <button id="modal-51248"
                  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-51248">
            Voir le produit
          </button>

          <a href="/produits/puma-pointes-athle-evospeed-sprint-14-sun-stream-sunset-glo">
            <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-51248 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-51248-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-51248--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-poi-g4arcigchx9jqgntmkdohif-1uf-fwiyatb07ve" type="hidden" name="form_build_id" value="form-pOI_G4ArCIgChx9jqgNTmKDOhIF-1Uf_fwIYaTB07VE" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-51248-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_51248" />
      <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="93557" selected="selected">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T42</option><option value="94202">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T38</option><option value="94203">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T38,5</option><option value="94204">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T39</option><option value="94205">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T40</option><option value="94206">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T40,5</option><option value="94207">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T41</option><option value="94208">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T42,5</option><option value="94209">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T43</option><option value="94210">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T44</option><option value="94211">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T44,5</option><option value="94212">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T45</option><option value="94213">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T46</option><option value="94214">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T46,5</option><option value="94215">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T47</option><option value="94216">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T48</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-51248" 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-51248">
          <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__51248">  <img src="/sites/default/files/styles/product_listing/public/happy-market/65680.jpg?itok=6oCa3Ita" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>PUMA POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__51248">11 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__51248">UNT-65680</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-51248 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-51248" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-51248" 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-cis86a4l7exi0fhzdpovcpy3u-4cfkttj557pxp-fqc" type="hidden" name="form_build_id" value="form-Cis86a4l7ExI0FHZdpovcpY3u_4CFkTtJ557PXp_FQc" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-51248" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_51248" />
      <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="93557" selected="selected">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T42</option><option value="94202">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T38</option><option value="94203">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T38,5</option><option value="94204">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T39</option><option value="94205">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T40</option><option value="94206">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T40,5</option><option value="94207">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T41</option><option value="94208">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T42,5</option><option value="94209">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T43</option><option value="94210">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T44</option><option value="94211">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T44,5</option><option value="94212">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T45</option><option value="94213">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T46</option><option value="94214">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T46,5</option><option value="94215">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T47</option><option value="94216">PUMA24-POINTES ATHLE Evospeed Sprint 14 Sun Stream-Sunset Glo T48</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-51248').click(() => {
          $("#modal-website-51248").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/asics-chaussure-hyper-throw-3-blackgunmetal" 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__50715">  <img src="/sites/default/files/styles/product_listing/public/happy-market/65164.jpg?itok=YN7PXiaH" 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">
          ASICS CHAUSSURE Hyper Throw 3 Black/Gunmetal
        </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__50715">8 900 FCFP</div>
      
          </div>


          <button id="modal-50715"
                  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-50715">
            Voir le produit
          </button>

          <a href="/produits/asics-chaussure-hyper-throw-3-blackgunmetal">
            <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-50715 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50715-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50715--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-ejtfwjlvrkunvkfnvrfatsxhfkwmzqurtzfwczxxdyc" type="hidden" name="form_build_id" value="form-ejTFWJLvRKuNvKFNvRfaTsXHFKwmZQURtZFwCZXxDyc" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50715-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50715" />
      <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="92875" selected="selected">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T40</option><option value="92876">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T40,5</option><option value="92877">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T41,5</option><option value="92878">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T42</option><option value="92879">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T42,5</option><option value="92880">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T43,5</option><option value="92881">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T44</option><option value="92882">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T44,5</option><option value="92883">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T45</option><option value="92884">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T46</option><option value="92885">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T46,5</option><option value="92886">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T48</option><option value="92887">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T49</option><option value="92888">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T50,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--44" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-50715" 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-50715">
          <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__50715">  <img src="/sites/default/files/styles/product_listing/public/happy-market/65164.jpg?itok=YN7PXiaH" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ASICS CHAUSSURE Hyper Throw 3 Black/Gunmetal</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__50715">8 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__50715">UNT-65164</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-50715 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50715" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50715" 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-b5rqws-l3uq57phbofqlply8nogcai0b-7zoriwrmwy" type="hidden" name="form_build_id" value="form-B5RqWS_l3Uq57PHbOfQlplY8nOGcaI0B_7ZoriwrMWY" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50715" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50715" />
      <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="92875" selected="selected">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T40</option><option value="92876">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T40,5</option><option value="92877">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T41,5</option><option value="92878">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T42</option><option value="92879">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T42,5</option><option value="92880">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T43,5</option><option value="92881">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T44</option><option value="92882">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T44,5</option><option value="92883">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T45</option><option value="92884">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T46</option><option value="92885">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T46,5</option><option value="92886">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T48</option><option value="92887">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T49</option><option value="92888">ASICS24-CHAUSSURE Hyper Throw 3 Black/Gunmetal T50,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--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-50715').click(() => {
          $("#modal-website-50715").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/asics-chaussure-gel-dedicate-8-whiteblue-expanse" 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__50698">  <img src="/sites/default/files/styles/product_listing/public/happy-market/64973.jpg?itok=gjIFjNDY" 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">
          ASICS CHAUSSURE Gel-Dedicate 8 White/Blue Expanse
        </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__50698">8 900 FCFP</div>
      
          </div>


          <button id="modal-50698"
                  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-50698">
            Voir le produit
          </button>

          <a href="/index.php/produits/asics-chaussure-gel-dedicate-8-whiteblue-expanse">
            <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-50698 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50698-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50698--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-iwf-w8g0tro8v5-ptrpwhbflwbyyffoeyqzlvaapkuc" type="hidden" name="form_build_id" value="form-iwF-W8g0tRo8v5_PTRPwhBfLWBYYFFoEyQzlVAApkUc" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50698-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50698" />
      <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="92693" selected="selected">ASICS24-CHAUSSURE Gel-Dedicate 8 White/Blue Expanse T42</option><option value="92694">ASICS24-CHAUSSURE Gel-Dedicate 8 White/Blue Expanse T42,5</option><option value="92695">ASICS24-CHAUSSURE Gel-Dedicate 8 White/Blue Expanse T43,5</option><option value="92696">ASICS24-CHAUSSURE Gel-Dedicate 8 White/Blue Expanse T44</option><option value="92697">ASICS24-CHAUSSURE Gel-Dedicate 8 White/Blue Expanse T44,5</option><option value="92698">ASICS24-CHAUSSURE Gel-Dedicate 8 White/Blue Expanse T45</option><option value="92699">ASICS24-CHAUSSURE Gel-Dedicate 8 White/Blue Expanse T46</option><option value="92700">ASICS24-CHAUSSURE Gel-Dedicate 8 White/Blue Expanse T46,5</option><option value="92701">ASICS24-CHAUSSURE Gel-Dedicate 8 White/Blue Expanse T48</option><option value="92702">ASICS24-CHAUSSURE Gel-Dedicate 8 White/Blue Expanse T49</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-50698" 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-50698">
          <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__50698">  <img src="/sites/default/files/styles/product_listing/public/happy-market/64973.jpg?itok=gjIFjNDY" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ASICS CHAUSSURE Gel-Dedicate 8 White/Blue Expanse</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__50698">8 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__50698">UNT-64973</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-50698 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50698" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50698" 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-caodu-qivawaf7iqx4qasanetfjvo0uaveljaxkz8kk" type="hidden" name="form_build_id" value="form-cAodU_qivaWaF7IQX4qaSanETfJVo0uaVeljaXKZ8Kk" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50698" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50698" />
      <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="92693" selected="selected">ASICS24-CHAUSSURE Gel-Dedicate 8 White/Blue Expanse T42</option><option value="92694">ASICS24-CHAUSSURE Gel-Dedicate 8 White/Blue Expanse T42,5</option><option value="92695">ASICS24-CHAUSSURE Gel-Dedicate 8 White/Blue Expanse T43,5</option><option value="92696">ASICS24-CHAUSSURE Gel-Dedicate 8 White/Blue Expanse T44</option><option value="92697">ASICS24-CHAUSSURE Gel-Dedicate 8 White/Blue Expanse T44,5</option><option value="92698">ASICS24-CHAUSSURE Gel-Dedicate 8 White/Blue Expanse T45</option><option value="92699">ASICS24-CHAUSSURE Gel-Dedicate 8 White/Blue Expanse T46</option><option value="92700">ASICS24-CHAUSSURE Gel-Dedicate 8 White/Blue Expanse T46,5</option><option value="92701">ASICS24-CHAUSSURE Gel-Dedicate 8 White/Blue Expanse T48</option><option value="92702">ASICS24-CHAUSSURE Gel-Dedicate 8 White/Blue Expanse T49</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-50698').click(() => {
          $("#modal-website-50698").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/asics-chaussure-gel-rocket-11-blackwaterscape" 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__50704">  <img src="/sites/default/files/styles/product_listing/public/happy-market/65039.jpg?itok=mReIk6IE" 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">
          ASICS CHAUSSURE Gel-Rocket 11 Black/Waterscape
        </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__50704">8 900 FCFP</div>
      
          </div>


          <button id="modal-50704"
                  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-50704">
            Voir le produit
          </button>

          <a href="/index.php/produits/asics-chaussure-gel-rocket-11-blackwaterscape">
            <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-50704 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50704-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50704--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-f2fhiir1vw9ufqi4igw65znyhjfpanulxmjhklwrkqa" type="hidden" name="form_build_id" value="form-F2fHiIR1vW9UfQi4igw65znYHjfPaNulXMjhklwrKQA" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50704-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50704" />
      <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="92759" selected="selected">ASICS24-CHAUSSURE Gel-Rocket 11 Black/Waterscape T42</option><option value="92760">ASICS24-CHAUSSURE Gel-Rocket 11 Black/Waterscape T42,5</option><option value="92761">ASICS24-CHAUSSURE Gel-Rocket 11 Black/Waterscape T43,5</option><option value="92762">ASICS24-CHAUSSURE Gel-Rocket 11 Black/Waterscape T44,5</option><option value="92763">ASICS24-CHAUSSURE Gel-Rocket 11 Black/Waterscape T46</option><option value="92764">ASICS24-CHAUSSURE Gel-Rocket 11 Black/Waterscape T46,5</option><option value="92765">ASICS24-CHAUSSURE Gel-Rocket 11 Black/Waterscape T48</option><option value="92766">ASICS24-CHAUSSURE Gel-Rocket 11 Black/Waterscape T49</option><option value="92767">ASICS24-CHAUSSURE Gel-Rocket 11 Black/Waterscape T50,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--40" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-50704" 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-50704">
          <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__50704">  <img src="/sites/default/files/styles/product_listing/public/happy-market/65039.jpg?itok=mReIk6IE" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ASICS CHAUSSURE Gel-Rocket 11 Black/Waterscape</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__50704">8 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__50704">UNT-65039</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-50704 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50704" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50704" 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-ddopzvj0al-dtc5maltwh-2ylwk7trddm9vksxr-a6y" type="hidden" name="form_build_id" value="form-ddOPZVJ0AL-dTC5malTWh-2yLwk7TrDdM9vksXR_a6Y" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50704" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50704" />
      <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="92759" selected="selected">ASICS24-CHAUSSURE Gel-Rocket 11 Black/Waterscape T42</option><option value="92760">ASICS24-CHAUSSURE Gel-Rocket 11 Black/Waterscape T42,5</option><option value="92761">ASICS24-CHAUSSURE Gel-Rocket 11 Black/Waterscape T43,5</option><option value="92762">ASICS24-CHAUSSURE Gel-Rocket 11 Black/Waterscape T44,5</option><option value="92763">ASICS24-CHAUSSURE Gel-Rocket 11 Black/Waterscape T46</option><option value="92764">ASICS24-CHAUSSURE Gel-Rocket 11 Black/Waterscape T46,5</option><option value="92765">ASICS24-CHAUSSURE Gel-Rocket 11 Black/Waterscape T48</option><option value="92766">ASICS24-CHAUSSURE Gel-Rocket 11 Black/Waterscape T49</option><option value="92767">ASICS24-CHAUSSURE Gel-Rocket 11 Black/Waterscape T50,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--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-50704').click(() => {
          $("#modal-website-50704").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/asics-chaussure-gel-tactic-12-whitelime-burst" 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__50709">  <img src="/sites/default/files/styles/product_listing/public/happy-market/65096.jpg?itok=kdlab6ar" 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">
          ASICS CHAUSSURE Gel-Tactic 12 White/Lime Burst
        </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__50709">11 500 FCFP</div>
      
          </div>


          <button id="modal-50709"
                  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-50709">
            Voir le produit
          </button>

          <a href="/index.php/produits/asics-chaussure-gel-tactic-12-whitelime-burst">
            <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-50709 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50709-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50709--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-jik5uj9sfwfy41snxbjqo9mjylfaz0nlaya4-fe8omu" type="hidden" name="form_build_id" value="form-jiK5UJ9sfwfY41sNxBjqo9mjyLfAz0nLaya4-Fe8OMU" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50709-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50709" />
      <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="92813" selected="selected">ASICS24-CHAUSSURE Gel-Tactic 12 White/Lime Burst T42</option><option value="92814">ASICS24-CHAUSSURE Gel-Tactic 12 White/Lime Burst T42,5</option><option value="92815">ASICS24-CHAUSSURE Gel-Tactic 12 White/Lime Burst T43,5</option><option value="92816">ASICS24-CHAUSSURE Gel-Tactic 12 White/Lime Burst T44</option><option value="92817">ASICS24-CHAUSSURE Gel-Tactic 12 White/Lime Burst T44,5</option><option value="92818">ASICS24-CHAUSSURE Gel-Tactic 12 White/Lime Burst T45</option><option value="92819">ASICS24-CHAUSSURE Gel-Tactic 12 White/Lime Burst T46</option><option value="92820">ASICS24-CHAUSSURE Gel-Tactic 12 White/Lime Burst T46,5</option><option value="92821">ASICS24-CHAUSSURE Gel-Tactic 12 White/Lime Burst T48</option><option value="92822">ASICS24-CHAUSSURE Gel-Tactic 12 White/Lime Burst T49</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-50709" 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-50709">
          <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__50709">  <img src="/sites/default/files/styles/product_listing/public/happy-market/65096.jpg?itok=kdlab6ar" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ASICS CHAUSSURE Gel-Tactic 12 White/Lime Burst</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__50709">11 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__50709">UNT-65096</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-50709 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50709" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50709" 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-q3p-388uw-todw2fk-vp29g-ce3ckg66d4hc0emc33w" type="hidden" name="form_build_id" value="form-q3P-388Uw_TODW2fK-vP29G-ce3cKg66D4HC0EMc33w" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50709" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50709" />
      <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="92813" selected="selected">ASICS24-CHAUSSURE Gel-Tactic 12 White/Lime Burst T42</option><option value="92814">ASICS24-CHAUSSURE Gel-Tactic 12 White/Lime Burst T42,5</option><option value="92815">ASICS24-CHAUSSURE Gel-Tactic 12 White/Lime Burst T43,5</option><option value="92816">ASICS24-CHAUSSURE Gel-Tactic 12 White/Lime Burst T44</option><option value="92817">ASICS24-CHAUSSURE Gel-Tactic 12 White/Lime Burst T44,5</option><option value="92818">ASICS24-CHAUSSURE Gel-Tactic 12 White/Lime Burst T45</option><option value="92819">ASICS24-CHAUSSURE Gel-Tactic 12 White/Lime Burst T46</option><option value="92820">ASICS24-CHAUSSURE Gel-Tactic 12 White/Lime Burst T46,5</option><option value="92821">ASICS24-CHAUSSURE Gel-Tactic 12 White/Lime Burst T48</option><option value="92822">ASICS24-CHAUSSURE Gel-Tactic 12 White/Lime Burst T49</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-50709').click(() => {
          $("#modal-website-50709").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/asics-chaussure-gel-challenger-14-blue-expansekoi" 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__50693">  <img src="/sites/default/files/styles/product_listing/public/happy-market/64923.jpg?itok=pXiYaKLy" 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">
          ASICS CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi
        </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__50693">12 900 FCFP</div>
      
          </div>


          <button id="modal-50693"
                  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-50693">
            Voir le produit
          </button>

          <a href="/index.php/produits/asics-chaussure-gel-challenger-14-blue-expansekoi">
            <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-50693 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50693-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50693--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-r0pclfpzdc7y2ooi7jrlv02uzmg0a8bimg-srps5gny" type="hidden" name="form_build_id" value="form-r0PcLfPzdC7Y2OoI7Jrlv02UZmg0a8biMg_SRps5GNY" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50693-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50693" />
      <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="92647" selected="selected">ASICS24-CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi T42</option><option value="92648">ASICS24-CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi T42,5</option><option value="92649">ASICS24-CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi T43,5</option><option value="92650">ASICS24-CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi T44</option><option value="92651">ASICS24-CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi T44,5</option><option value="92652">ASICS24-CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi T45</option><option value="92653">ASICS24-CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi T46</option><option value="92654">ASICS24-CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi T48</option><option value="92655">ASICS24-CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi T49</option><option value="92674">ASICS24-CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi T46,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--36" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-50693" 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-50693">
          <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__50693">  <img src="/sites/default/files/styles/product_listing/public/happy-market/64923.jpg?itok=pXiYaKLy" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ASICS CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__50693">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__50693">UNT-64923</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-50693 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50693" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50693" 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-aupezcndjdjdlwrrwzzvt2-xsgx5iu0nlxjqpoaqvmy" type="hidden" name="form_build_id" value="form-aupEzcndJDjDLWRRWzZVt2_xsGx5iu0NlxJqPOaqvMY" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50693" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50693" />
      <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="92647" selected="selected">ASICS24-CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi T42</option><option value="92648">ASICS24-CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi T42,5</option><option value="92649">ASICS24-CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi T43,5</option><option value="92650">ASICS24-CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi T44</option><option value="92651">ASICS24-CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi T44,5</option><option value="92652">ASICS24-CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi T45</option><option value="92653">ASICS24-CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi T46</option><option value="92654">ASICS24-CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi T48</option><option value="92655">ASICS24-CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi T49</option><option value="92674">ASICS24-CHAUSSURE Gel-Challenger 14 Blue Expanse/Koi T46,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--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-50693').click(() => {
          $("#modal-website-50693").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/adidas-chaussure-gamecourt-2-m-cblackcblackgrefou" 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__51172">  <img src="/sites/default/files/styles/product_listing/public/happy-market/64656.jpg?itok=nBgRWuVl" 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">
          ADIDAS CHAUSSURE Gamecourt 2 M Cblack/Cblack/Grefou
        </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__51172">8 500 FCFP</div>
      
          </div>


          <button id="modal-51172"
                  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-51172">
            Voir le produit
          </button>

          <a href="/produits/adidas-chaussure-gamecourt-2-m-cblackcblackgrefou">
            <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-51172 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-51172-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-51172--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-9aayng9krraolhjfvcupef5wn6el-uwrmjwmrk0pqg" type="hidden" name="form_build_id" value="form-9aAYNg9KRraOLHJfvCUPEf5wN6eL--UwrmjwMRk0pQg" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-51172-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_51172" />
      <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="93285" selected="selected">ADI24-CHAUSSURE Gamecourt 2 M Cblack/Cblack/Grefou T42 2/3</option><option value="93286">ADI24-CHAUSSURE Gamecourt 2 M Cblack/Cblack/Grefou T43 1/3</option><option value="93287">ADI24-CHAUSSURE Gamecourt 2 M Cblack/Cblack/Grefou T44 2/3</option><option value="93288">ADI24-CHAUSSURE Gamecourt 2 M Cblack/Cblack/Grefou T45 1/3</option><option value="93289">ADI24-CHAUSSURE Gamecourt 2 M Cblack/Cblack/Grefou T46</option><option value="93290">ADI24-CHAUSSURE Gamecourt 2 M Cblack/Cblack/Grefou T46 2/3</option><option value="93291">ADI24-CHAUSSURE Gamecourt 2 M Cblack/Cblack/Grefou T48</option><option value="93320">ADI24-CHAUSSURE Gamecourt 2 M Cblack/Cblack/Grefou T44</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-51172" 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-51172">
          <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__51172">  <img src="/sites/default/files/styles/product_listing/public/happy-market/64656.jpg?itok=nBgRWuVl" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ADIDAS CHAUSSURE Gamecourt 2 M Cblack/Cblack/Grefou</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__51172">8 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__51172">UNT-64656</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-51172 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-51172" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-51172" 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-7drl5ll785ltdwfazmvcvjzctluwejgosk-vejviyc" type="hidden" name="form_build_id" value="form--7drl5lL785LtDWfazmvcVjzctLUwejGoSk_VeJvIYc" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-51172" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_51172" />
      <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="93285" selected="selected">ADI24-CHAUSSURE Gamecourt 2 M Cblack/Cblack/Grefou T42 2/3</option><option value="93286">ADI24-CHAUSSURE Gamecourt 2 M Cblack/Cblack/Grefou T43 1/3</option><option value="93287">ADI24-CHAUSSURE Gamecourt 2 M Cblack/Cblack/Grefou T44 2/3</option><option value="93288">ADI24-CHAUSSURE Gamecourt 2 M Cblack/Cblack/Grefou T45 1/3</option><option value="93289">ADI24-CHAUSSURE Gamecourt 2 M Cblack/Cblack/Grefou T46</option><option value="93290">ADI24-CHAUSSURE Gamecourt 2 M Cblack/Cblack/Grefou T46 2/3</option><option value="93291">ADI24-CHAUSSURE Gamecourt 2 M Cblack/Cblack/Grefou T48</option><option value="93320">ADI24-CHAUSSURE Gamecourt 2 M Cblack/Cblack/Grefou T44</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-51172').click(() => {
          $("#modal-website-51172").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/adidas-chaussure-tkdo-blancnoir" 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__50473">  <img src="/sites/default/files/styles/product_listing/public/happy-market/67191.jpg?itok=5jNk6tvF" 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">
          ADIDAS CHAUSSURE TKDO BLANC/NOIR
        </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__50473">8 990 FCFP</div>
      
          </div>


          <button id="modal-50473"
                  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-50473">
            Voir le produit
          </button>

          <a href="/produits/adidas-chaussure-tkdo-blancnoir">
            <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-50473 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50473-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50473--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-ogfsbxzfm247r7-pebximfi78vcen5yd7rl6-dvuhki" type="hidden" name="form_build_id" value="form-OgfsBxZfM247r7-peBximfi78VCEn5YD7rl6-dvUHkI" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50473-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50473" />
      <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="92249" selected="selected">ADI24-CHAUSSURE TKDO B/N T35</option><option value="92250">ADI24-CHAUSSURE TKDO B/N T36</option><option value="92251">ADI24-CHAUSSURE TKDO B/N T37</option><option value="92252">ADI24-CHAUSSURE TKDO B/N T38</option><option value="92253">ADI24-CHAUSSURE TKDO B/N T39</option><option value="92254">ADI24-CHAUSSURE TKDO B/N T40</option><option value="92255">ADI24-CHAUSSURE TKDO B/N T41</option><option value="92256">ADI24-CHAUSSURE TKDO B/N T42</option><option value="92257">ADI24-CHAUSSURE TKDO B/N T43</option><option value="92258">ADI24-CHAUSSURE TKDO B/N T44</option><option value="92259">ADI24-CHAUSSURE TKDO B/N T45</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-50473" 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-50473">
          <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__50473">  <img src="/sites/default/files/styles/product_listing/public/happy-market/67191.jpg?itok=5jNk6tvF" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ADIDAS CHAUSSURE TKDO BLANC/NOIR</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__50473">8 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__50473">UNT-67191</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-50473 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50473" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50473" 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-lhhubi47k-gsskfcoawfnlo-ggfwbld92squpeua1ac" type="hidden" name="form_build_id" value="form-LHHubi47k_gsSKFcoaWFnlo_GGfwbLd92SqupEuA1ac" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50473" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50473" />
      <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="92249" selected="selected">ADI24-CHAUSSURE TKDO B/N T35</option><option value="92250">ADI24-CHAUSSURE TKDO B/N T36</option><option value="92251">ADI24-CHAUSSURE TKDO B/N T37</option><option value="92252">ADI24-CHAUSSURE TKDO B/N T38</option><option value="92253">ADI24-CHAUSSURE TKDO B/N T39</option><option value="92254">ADI24-CHAUSSURE TKDO B/N T40</option><option value="92255">ADI24-CHAUSSURE TKDO B/N T41</option><option value="92256">ADI24-CHAUSSURE TKDO B/N T42</option><option value="92257">ADI24-CHAUSSURE TKDO B/N T43</option><option value="92258">ADI24-CHAUSSURE TKDO B/N T44</option><option value="92259">ADI24-CHAUSSURE TKDO B/N T45</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-50473').click(() => {
          $("#modal-website-50473").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-future-play-fgag-sedate-gray-asphalt-yellow-blaze" 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__50467">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63485.jpg?itok=xHvf1_Qj" 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 Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze
        </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__50467">7 900 FCFP</div>
      
          </div>


          <button id="modal-50467"
                  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-50467">
            Voir le produit
          </button>

          <a href="/index.php/produits/puma-chaussure-future-play-fgag-sedate-gray-asphalt-yellow-blaze">
            <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-50467 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50467-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50467--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-lu4tbh-ac4tie3vziwvreb6l9gkb2blhecdspek1frg" type="hidden" name="form_build_id" value="form-lu4tbh_AC4TIE3VZIWVREB6l9gkb2bLHECDSPEk1Frg" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50467-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50467" />
      <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="92222" selected="selected">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T39</option><option value="92223">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T40</option><option value="92224">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T40,5</option><option value="92225">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T41</option><option value="92226">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T42</option><option value="92227">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T42,5</option><option value="92228">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T43</option><option value="92229">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T44</option><option value="92230">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T44,5</option><option value="92231">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T45</option><option value="92232">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T46</option><option value="92233">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T46,5</option><option value="92234">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T47</option><option value="92235">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T48</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-50467" 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-50467">
          <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__50467">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63485.jpg?itok=xHvf1_Qj" 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 Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__50467">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__50467">UNT-63485</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-50467 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50467" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50467" 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-5kokfds8dxjjkam36byhbnoi5zycjrlurlvhbg-vo60" type="hidden" name="form_build_id" value="form-5KoKFDS8DXJJKAm36bYhBNOi5ZYCjrLURLVhbG-vO60" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50467" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50467" />
      <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="92222" selected="selected">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T39</option><option value="92223">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T40</option><option value="92224">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T40,5</option><option value="92225">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T41</option><option value="92226">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T42</option><option value="92227">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T42,5</option><option value="92228">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T43</option><option value="92229">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T44</option><option value="92230">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T44,5</option><option value="92231">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T45</option><option value="92232">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T46</option><option value="92233">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T46,5</option><option value="92234">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T47</option><option value="92235">PUMA24-CHAUSSURE Future Play Fg/Ag Sedate Gray Asphalt Yellow Blaze T48</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-50467').click(() => {
          $("#modal-website-50467").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/venum-chaussure-boxe-contender-navy-bluered" 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__50210">  <img src="/sites/default/files/styles/product_listing/public/happy-market/66151.jpg?itok=3ac8KQNv" 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">
          VENUM CHAUSSURE BOXE Contender Navy Blue/Red
        </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__50210">16 900 FCFP</div>
      
          </div>


          <button id="modal-50210"
                  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-50210">
            Voir le produit
          </button>

          <a href="/index.php/produits/venum-chaussure-boxe-contender-navy-bluered">
            <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-50210 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50210-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50210--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-yl3lllgaizs9sqn6pocdjh-4bh4ywofx0bzd7yg8eis" type="hidden" name="form_build_id" value="form-Yl3LLlGAIzs9SQN6poCdjh-4BH4YWOfX0BzD7yG8Eis" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50210-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50210" />
      <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="91667" selected="selected">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T37/5</option><option value="91668">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T36.5/4.5</option><option value="91669">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T38/6</option><option value="91670">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T37.5/5.5</option><option value="91671">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T39/7</option><option value="91672">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T38.5/6.5</option><option value="91673">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T40,5/8</option><option value="91674">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T40/7.5</option><option value="91675">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T42/9</option><option value="91676">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T41/8.5</option><option value="91677">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T42.5/9.5</option><option value="91678">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T44,5/11</option><option value="91679">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T44/10.5</option><option value="91680">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T46/12.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--28" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-50210" 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-50210">
          <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__50210">  <img src="/sites/default/files/styles/product_listing/public/happy-market/66151.jpg?itok=3ac8KQNv" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>VENUM CHAUSSURE BOXE Contender Navy Blue/Red</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__50210">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__50210">UNT-66151</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-50210 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50210" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50210" 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-fmpz2gc-jgjlnp64k8yo0ysq2mmruckadapfw5vo1mq" type="hidden" name="form_build_id" value="form-FmPZ2Gc-JgJlNP64k8yO0ySq2MMrUCKaDAPfW5vo1mQ" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50210" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50210" />
      <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="91667" selected="selected">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T37/5</option><option value="91668">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T36.5/4.5</option><option value="91669">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T38/6</option><option value="91670">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T37.5/5.5</option><option value="91671">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T39/7</option><option value="91672">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T38.5/6.5</option><option value="91673">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T40,5/8</option><option value="91674">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T40/7.5</option><option value="91675">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T42/9</option><option value="91676">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T41/8.5</option><option value="91677">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T42.5/9.5</option><option value="91678">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T44,5/11</option><option value="91679">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T44/10.5</option><option value="91680">VENUM24-CHAUSSURE BOXE Contender Navy Blue/Red T46/12.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--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-50210').click(() => {
          $("#modal-website-50210").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/venum-chaussure-boxe-contender-blackgoldred" 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__50209">  <img src="/sites/default/files/styles/product_listing/public/happy-market/66136.jpg?itok=9xSqqQS8" 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">
          VENUM CHAUSSURE BOXE Contender Black/Gold/Red
        </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__50209">16 900 FCFP</div>
      
          </div>


          <button id="modal-50209"
                  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-50209">
            Voir le produit
          </button>

          <a href="/index.php/produits/venum-chaussure-boxe-contender-blackgoldred">
            <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-50209 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50209-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50209--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-yhtfebe7cxg68wc-q21se188u7cdd3v9ljxvg6q7ahs" type="hidden" name="form_build_id" value="form-YhtfeBe7CXg68WC_Q21sE188U7Cdd3v9LJxvg6q7ahs" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50209-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50209" />
      <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="91656" selected="selected">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T37/5</option><option value="91657">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T36.5/4.5</option><option value="91658">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T38/6</option><option value="91659">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T38.5/6.5</option><option value="91660">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T43/9.5</option><option value="91661">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T44,5/11</option><option value="91662">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T44/10.5</option><option value="91663">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T45/11.5</option><option value="91664">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T46/12.5</option><option value="91665">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T47,5/13.5</option><option value="91666">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T47/13</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-50209" 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-50209">
          <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__50209">  <img src="/sites/default/files/styles/product_listing/public/happy-market/66136.jpg?itok=9xSqqQS8" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>VENUM CHAUSSURE BOXE Contender Black/Gold/Red</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__50209">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__50209">UNT-66136</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-50209 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50209" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50209" 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-sj5opavht6j9pxzsw1cwvwjngmmw3zfwoqpdfry8ulw" type="hidden" name="form_build_id" value="form-SJ5oPaVHT6j9pXzsW1CWvwJNgMMw3zFWoqpDFrY8uLw" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50209" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50209" />
      <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="91656" selected="selected">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T37/5</option><option value="91657">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T36.5/4.5</option><option value="91658">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T38/6</option><option value="91659">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T38.5/6.5</option><option value="91660">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T43/9.5</option><option value="91661">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T44,5/11</option><option value="91662">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T44/10.5</option><option value="91663">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T45/11.5</option><option value="91664">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T46/12.5</option><option value="91665">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T47,5/13.5</option><option value="91666">VENUM24-CHAUSSURE BOXE Contender Black/Gold/Red T47/13</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-50209').click(() => {
          $("#modal-website-50209").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/venum-chaussure-boxe-elite-navyblackred" 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__50213">  <img src="/sites/default/files/styles/product_listing/public/happy-market/66179.jpg?itok=6r5rDmXh" 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">
          VENUM CHAUSSURE BOXE Elite Navy/Black/Red
        </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__50213">25 900 FCFP</div>
      
          </div>


          <button id="modal-50213"
                  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-50213">
            Voir le produit
          </button>

          <a href="/index.php/produits/venum-chaussure-boxe-elite-navyblackred">
            <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-50213 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50213-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50213--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-hl8pnoqbmvhhro3fpedpnexjfrocybahirdy7pav6ca" type="hidden" name="form_build_id" value="form-hL8PnOQBMVHhro3FPEdpnEXjFRocybAHIrdY7Pav6cA" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50213-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50213" />
      <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="91688" selected="selected">VENUM24-CHAUSSURE BOXE Elite Navy/Black/Red T42/8.5</option><option value="91689">VENUM24-CHAUSSURE BOXE Elite Navy/Black/Red T44,5/11</option><option value="91690">VENUM24-CHAUSSURE BOXE Elite Navy/Black/Red T45,5/12</option><option value="91691">VENUM24-CHAUSSURE BOXE Elite Navy/Black/Red T45/11.5</option><option value="91692">VENUM24-CHAUSSURE BOXE Elite Navy/Black/Red T46/12.5</option><option value="91693">VENUM24-CHAUSSURE BOXE Elite Navy/Black/Red T47/13</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-50213" 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-50213">
          <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__50213">  <img src="/sites/default/files/styles/product_listing/public/happy-market/66179.jpg?itok=6r5rDmXh" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>VENUM CHAUSSURE BOXE Elite Navy/Black/Red</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__50213">25 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__50213">UNT-66179</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-50213 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50213" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50213" 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-g0ws9yualzswug1i1khhxv1iqfbtso1wrgdkphkwusq" type="hidden" name="form_build_id" value="form-g0ws9yUaLzSwUg1i1KHHXV1iQFbtSo1WrGDKPhkWusQ" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50213" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50213" />
      <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="91688" selected="selected">VENUM24-CHAUSSURE BOXE Elite Navy/Black/Red T42/8.5</option><option value="91689">VENUM24-CHAUSSURE BOXE Elite Navy/Black/Red T44,5/11</option><option value="91690">VENUM24-CHAUSSURE BOXE Elite Navy/Black/Red T45,5/12</option><option value="91691">VENUM24-CHAUSSURE BOXE Elite Navy/Black/Red T45/11.5</option><option value="91692">VENUM24-CHAUSSURE BOXE Elite Navy/Black/Red T46/12.5</option><option value="91693">VENUM24-CHAUSSURE BOXE Elite Navy/Black/Red T47/13</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-50213').click(() => {
          $("#modal-website-50213").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/venum-chaussure-boxe-elite-blackbeige" 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__50211">  <img src="/sites/default/files/styles/product_listing/public/happy-market/66171.jpg?itok=g2LsnQxA" 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">
          VENUM CHAUSSURE BOXE Elite Black/Beige
        </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__50211">25 900 FCFP</div>
      
          </div>


          <button id="modal-50211"
                  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-50211">
            Voir le produit
          </button>

          <a href="/index.php/produits/venum-chaussure-boxe-elite-blackbeige">
            <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-50211 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50211-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50211--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-85hnrczzoaqlzzhfu6zd-obqbkq9c4q1h4tqdat0abi" type="hidden" name="form_build_id" value="form-85HNrCzZoAQlZZhFu6ZD_obQBKQ9c4q1h4tqdaT0ABI" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50211-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50211" />
      <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="91681" selected="selected">VENUM24-CHAUSSURE BOXE Elite Black/Beige T42/8.5</option><option value="91682">VENUM24-CHAUSSURE BOXE Elite Black/Beige T44,5/11</option><option value="91683">VENUM24-CHAUSSURE BOXE Elite Black/Beige T44/10.5</option><option value="91684">VENUM24-CHAUSSURE BOXE Elite Black/Beige T46/12.5</option><option value="91685">VENUM24-CHAUSSURE BOXE Elite Black/Beige T47/13</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-50211" 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-50211">
          <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__50211">  <img src="/sites/default/files/styles/product_listing/public/happy-market/66171.jpg?itok=g2LsnQxA" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>VENUM CHAUSSURE BOXE Elite Black/Beige</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__50211">25 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__50211">UNT-66171</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-50211 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50211" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50211" 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-s1s3bcjufjbm52aidxxbomnyqdi2no5fe3tarry5hy" type="hidden" name="form_build_id" value="form--s1s3BcjUfJBM52aIdXxBoMnyQDI2No5Fe3tarry5hY" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50211" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50211" />
      <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="91681" selected="selected">VENUM24-CHAUSSURE BOXE Elite Black/Beige T42/8.5</option><option value="91682">VENUM24-CHAUSSURE BOXE Elite Black/Beige T44,5/11</option><option value="91683">VENUM24-CHAUSSURE BOXE Elite Black/Beige T44/10.5</option><option value="91684">VENUM24-CHAUSSURE BOXE Elite Black/Beige T46/12.5</option><option value="91685">VENUM24-CHAUSSURE BOXE Elite Black/Beige T47/13</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-50211').click(() => {
          $("#modal-website-50211").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/venum-chaussure-boxe-elite-blackwhitegold" 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__50212">  <img src="/sites/default/files/styles/product_listing/public/happy-market/66176.jpg?itok=2rJys5Vv" 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">
          VENUM CHAUSSURE BOXE Elite Black/White/Gold
        </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__50212">25 900 FCFP</div>
      
          </div>


          <button id="modal-50212"
                  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-50212">
            Voir le produit
          </button>

          <a href="/index.php/produits/venum-chaussure-boxe-elite-blackwhitegold">
            <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-50212 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50212-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50212--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-yqk70fosn8ddwimlwo8ctybd5c6vam73khicikru-zu" type="hidden" name="form_build_id" value="form-yQK70FosN8ddWImLwo8ctYbd5c6vAM73kHICikrU_zU" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50212-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50212" />
      <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="91686" selected="selected">VENUM24-CHAUSSURE BOXE Elite Black/White/Gold T44/10.5</option><option value="91687">VENUM24-CHAUSSURE BOXE Elite Black/White/Gold T46/12.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--20" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-50212" 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-50212">
          <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__50212">  <img src="/sites/default/files/styles/product_listing/public/happy-market/66176.jpg?itok=2rJys5Vv" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>VENUM CHAUSSURE BOXE Elite Black/White/Gold</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__50212">25 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__50212">UNT-66176</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-50212 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50212" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50212" 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-yctacvijfhftyld6uophxrerkusksglfuwzz0pfx-ng" type="hidden" name="form_build_id" value="form-YCtACvIJfHfTylD6uOphXRerkUsksgLFuWZz0PFX_ng" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50212" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50212" />
      <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="91686" selected="selected">VENUM24-CHAUSSURE BOXE Elite Black/White/Gold T44/10.5</option><option value="91687">VENUM24-CHAUSSURE BOXE Elite Black/White/Gold T46/12.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--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-50212').click(() => {
          $("#modal-website-50212").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-attacanto-it-puma-white-fire-orchid" 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__49823">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62448.jpg?itok=WLOf9z0-" 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 Attacanto It Puma White Fire Orchid
        </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__49823">5 900 FCFP</div>
      
          </div>


          <button id="modal-49823"
                  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-49823">
            Voir le produit
          </button>

          <a href="/index.php/produits/puma-chaussure-attacanto-it-puma-white-fire-orchid">
            <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-49823 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49823-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49823--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-vwxbpdyan-oe3amskjjxqn8laroqkwrfz-rcdhlt868" type="hidden" name="form_build_id" value="form-VwXBpdYan-oe3aMsKJJxqN8laroqKWrfz_rCDHlT868" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49823-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49823" />
      <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="90382" selected="selected">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T39</option><option value="90383">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T41</option><option value="90384">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T42</option><option value="90385">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T44</option><option value="90386">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T45</option><option value="90387">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T46</option><option value="90388">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T46,5</option><option value="90389">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T47</option><option value="90390">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T48.5</option><option value="92313">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T40</option><option value="92314">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T40,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-49823" 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-49823">
          <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__49823">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62448.jpg?itok=WLOf9z0-" 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 Attacanto It Puma White Fire Orchid</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49823">5 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__49823">UNT-62448</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-49823 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49823" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49823" 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-fmxoydvh9nsmvg3hdyw7dv64xg5k2dcyqlusodoflt8" type="hidden" name="form_build_id" value="form-fMxOYDvH9NSMvg3HDyw7dV64xg5K2dcyQlUsOdoFlt8" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49823" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49823" />
      <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="90382" selected="selected">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T39</option><option value="90383">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T41</option><option value="90384">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T42</option><option value="90385">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T44</option><option value="90386">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T45</option><option value="90387">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T46</option><option value="90388">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T46,5</option><option value="90389">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T47</option><option value="90390">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T48.5</option><option value="92313">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T40</option><option value="92314">PUMA24-CHAUSSURE Attacanto It Puma White Fire Orchid T40,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-49823').click(() => {
          $("#modal-website-49823").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-play-tt-ultra-blue-white-pro-green" 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__49844">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62703.jpg?itok=Ls_-x77F" 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 Play Tt Ultra Blue-White Pro Green
        </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__49844">7 900 FCFP</div>
      
          </div>


          <button id="modal-49844"
                  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-49844">
            Voir le produit
          </button>

          <a href="/index.php/produits/puma-chaussure-ultra-play-tt-ultra-blue-white-pro-green">
            <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-49844 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49844-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49844--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-lybmb-tub4z-q-fpuztmyczo3zqae-qqlf-6raphxk4" type="hidden" name="form_build_id" value="form-LybmB-TuB4Z-Q_fPuztMYczo3zqAe-QQLf_6raPhxk4" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49844-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49844" />
      <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="90605" selected="selected">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T39</option><option value="90606">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T40</option><option value="90607">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T40,5</option><option value="90608">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T41</option><option value="90609">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T42</option><option value="90610">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T42,5</option><option value="90611">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T43</option><option value="90612">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T44</option><option value="90613">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T44,5</option><option value="90614">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T45</option><option value="90615">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T46</option><option value="90616">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T46,5</option><option value="90617">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T47</option><option value="90618">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green 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--16" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-49844" 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-49844">
          <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__49844">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62703.jpg?itok=Ls_-x77F" 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 Play Tt Ultra Blue-White Pro Green</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49844">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__49844">UNT-62703</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-49844 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49844" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49844" 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-h7kwzkonz7imcdwn33ol9xndxiirrx-p-gmbn32lkni" type="hidden" name="form_build_id" value="form-H7KWZKONZ7imcDwn33Ol9xNDxIIrRX-P_gMbN32lkNI" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49844" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49844" />
      <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="90605" selected="selected">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T39</option><option value="90606">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T40</option><option value="90607">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T40,5</option><option value="90608">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T41</option><option value="90609">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T42</option><option value="90610">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T42,5</option><option value="90611">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T43</option><option value="90612">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T44</option><option value="90613">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T44,5</option><option value="90614">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T45</option><option value="90615">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T46</option><option value="90616">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T46,5</option><option value="90617">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green T47</option><option value="90618">PUMA24-CHAUSSURE Ultra Play Tt Ultra Blue-White Pro Green 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--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-49844').click(() => {
          $("#modal-website-49844").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-play-fgag-black-asphalt" 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__49840">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62646.jpg?itok=m8UXd0Pe" 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 Play Fg/Ag Black Asphalt
        </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__49840">7 900 FCFP</div>
      
          </div>


          <button id="modal-49840"
                  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-49840">
            Voir le produit
          </button>

          <a href="/index.php/produits/puma-chaussure-ultra-play-fgag-black-asphalt">
            <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-49840 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49840-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49840--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-v8b-ngvoq6qx6t5v5ddd-pmqy9ieftrddqo-qlgyjks" type="hidden" name="form_build_id" value="form-V8b_ngVoq6QX6t5v5dDd-PmqY9IeFTrddQo-QlGYJKs" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49840-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49840" />
      <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="90555" selected="selected">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T39</option><option value="90556">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T40</option><option value="90557">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T41</option><option value="90558">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T42</option><option value="90559">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T42,5</option><option value="90560">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T43</option><option value="90561">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T44</option><option value="90562">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T44,5</option><option value="90563">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T45</option><option value="90564">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T46</option><option value="90565">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T46,5</option><option value="90566">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T47</option><option value="90567">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T48</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-49840" 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-49840">
          <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__49840">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62646.jpg?itok=m8UXd0Pe" 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 Play Fg/Ag Black Asphalt</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49840">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__49840">UNT-62646</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-49840 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49840" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49840" 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-i2kz3kyzj4dltt793te23gfrnwms8qjqoaa7oc8gkk8" type="hidden" name="form_build_id" value="form-i2kZ3KYzj4DLTT793te23gfrNWmS8QJQOaA7oC8gkK8" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49840" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49840" />
      <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="90555" selected="selected">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T39</option><option value="90556">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T40</option><option value="90557">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T41</option><option value="90558">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T42</option><option value="90559">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T42,5</option><option value="90560">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T43</option><option value="90561">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T44</option><option value="90562">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T44,5</option><option value="90563">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T45</option><option value="90564">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T46</option><option value="90565">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T46,5</option><option value="90566">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T47</option><option value="90567">PUMA24-CHAUSSURE Ultra Play Fg/Ag Black Asphalt T48</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-49840').click(() => {
          $("#modal-website-49840").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-play-fgag-white-black-fire-orchid" 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__49842">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62674.jpg?itok=UAf6TUCK" 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 Play Fg/Ag White-Black Fire Orchid
        </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__49842">7 900 FCFP</div>
      
          </div>


          <button id="modal-49842"
                  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-49842">
            Voir le produit
          </button>

          <a href="/index.php/produits/puma-chaussure-ultra-play-fgag-white-black-fire-orchid">
            <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-49842 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49842-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49842--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-cv4t63dyfyylfpatwe7zm2gpdwzo7ehnfuf3zyxrpzq" type="hidden" name="form_build_id" value="form-cV4T63DyFYYlfPaTWE7zM2Gpdwzo7ehnFUf3ZyXRPZQ" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49842-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49842" />
      <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="90582" selected="selected">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T39</option><option value="90583">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T40</option><option value="90584">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T40,5</option><option value="90585">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T41</option><option value="90586">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T42</option><option value="90587">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T42,5</option><option value="90588">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T43</option><option value="90589">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T44</option><option value="90590">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T44,5</option><option value="90591">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T45</option><option value="90592">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T46</option><option value="90593">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T46,5</option><option value="90594">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T47</option><option value="90595">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid 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--12" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-49842" 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-49842">
          <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__49842">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62674.jpg?itok=UAf6TUCK" 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 Play Fg/Ag White-Black Fire Orchid</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49842">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__49842">UNT-62674</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-49842 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49842" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49842" 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-wnttxveg49bhrfh-q8h6zgjqquoqucbdj4tswkpfqk" type="hidden" name="form_build_id" value="form-WntTXveg49BHrfh-_Q8h6zGJQQuOqUcBdJ4TsWkpFQk" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49842" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49842" />
      <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="90582" selected="selected">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T39</option><option value="90583">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T40</option><option value="90584">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T40,5</option><option value="90585">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T41</option><option value="90586">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T42</option><option value="90587">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T42,5</option><option value="90588">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T43</option><option value="90589">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T44</option><option value="90590">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T44,5</option><option value="90591">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T45</option><option value="90592">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T46</option><option value="90593">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T46,5</option><option value="90594">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid T47</option><option value="90595">PUMA24-CHAUSSURE Ultra Play Fg/Ag White-Black Fire Orchid 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--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-49842').click(() => {
          $("#modal-website-49842").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-attacanto-fgag-puma-white-fire-orchid" 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__49822">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62435.jpg?itok=KR_bJ2EX" 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 Attacanto Fg/Ag Puma White Fire Orchid
        </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__49822">5 900 FCFP</div>
      
          </div>


          <button id="modal-49822"
                  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-49822">
            Voir le produit
          </button>

          <a href="/index.php/produits/puma-chaussure-attacanto-fgag-puma-white-fire-orchid">
            <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-49822 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49822-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49822--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-q9rtqcdmyhk5kh6vbqm5m2sah0wrf8ifovy6wmgrspa" type="hidden" name="form_build_id" value="form-q9rtqcdmYhK5kH6vBQM5m2sAh0wrF8iFovY6wmgrSPA" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49822-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49822" />
      <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="90369" selected="selected">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T39</option><option value="90370">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T40,5</option><option value="90371">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T41</option><option value="90372">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T42</option><option value="90373">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T42,5</option><option value="90374">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T43</option><option value="90375">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T44</option><option value="90376">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T44,5</option><option value="90377">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T45</option><option value="90378">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T46</option><option value="90379">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T46,5</option><option value="90380">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T47</option><option value="90381">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T48.5</option><option value="90424">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T40</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-49822" 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-49822">
          <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__49822">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62435.jpg?itok=KR_bJ2EX" 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 Attacanto Fg/Ag Puma White Fire Orchid</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49822">5 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__49822">UNT-62435</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-49822 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49822" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49822" 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-xcyy7xpc-5-uirmatc26o4tfvxwr714g97brdlb7c-a" type="hidden" name="form_build_id" value="form-xcyy7XPC-5-uirmaTc26o4tFvXwr714G97bRDLb7C-A" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49822" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49822" />
      <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="90369" selected="selected">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T39</option><option value="90370">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T40,5</option><option value="90371">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T41</option><option value="90372">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T42</option><option value="90373">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T42,5</option><option value="90374">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T43</option><option value="90375">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T44</option><option value="90376">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T44,5</option><option value="90377">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T45</option><option value="90378">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T46</option><option value="90379">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T46,5</option><option value="90380">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T47</option><option value="90381">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T48.5</option><option value="90424">PUMA24-CHAUSSURE Attacanto Fg/Ag Puma White Fire Orchid T40</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-49822').click(() => {
          $("#modal-website-49822").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-future-play-it-persian-blue-pro-green" 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__49833">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62561.jpg?itok=G0L0vvOC" 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 Future Play It Persian Blue Pro Green
        </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__49833">7 900 FCFP</div>
      
          </div>


          <button id="modal-49833"
                  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-49833">
            Voir le produit
          </button>

          <a href="/index.php/produits/puma-chaussure-future-play-it-persian-blue-pro-green">
            <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-49833 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49833-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49833--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-kmhffv5p-w2popfshpjxwqzhfut32cx-vurq5y3nqgw" type="hidden" name="form_build_id" value="form-kMHffv5P-w2poPfshPjxwqzHfuT32CX_vUrq5y3nQGw" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49833-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49833" />
      <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="90484" selected="selected">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T39</option><option value="90485">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T40</option><option value="90486">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T40,5</option><option value="90487">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T41</option><option value="90488">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T42,5</option><option value="90489">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T43</option><option value="90490">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T44</option><option value="90491">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T44,5</option><option value="90492">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T45</option><option value="90493">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T46</option><option value="90494">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T46,5</option><option value="90495">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T48.5</option><option value="93267">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T47</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-49833" 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-49833">
          <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__49833">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62561.jpg?itok=G0L0vvOC" 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 Future Play It Persian Blue Pro Green</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49833">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__49833">UNT-62561</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-49833 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49833" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49833" 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-azuwqtztzvvwt37aergsbd0r7udeigpfhsqfhltutnq" type="hidden" name="form_build_id" value="form-AzuwQTzTZvvwt37aergsBd0R7udeIgPFhSqfHLtuTNQ" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49833" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49833" />
      <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="90484" selected="selected">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T39</option><option value="90485">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T40</option><option value="90486">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T40,5</option><option value="90487">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T41</option><option value="90488">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T42,5</option><option value="90489">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T43</option><option value="90490">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T44</option><option value="90491">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T44,5</option><option value="90492">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T45</option><option value="90493">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T46</option><option value="90494">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T46,5</option><option value="90495">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T48.5</option><option value="93267">PUMA24-CHAUSSURE Future Play It Persian Blue Pro Green T47</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-49833').click(() => {
          $("#modal-website-49833").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-future-play-tt-persian-blue-pro-green" 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__49834">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62575.jpg?itok=KqyYKkmW" 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 Future Play Tt Persian Blue Pro Green
        </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__49834">7 900 FCFP</div>
      
          </div>


          <button id="modal-49834"
                  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-49834">
            Voir le produit
          </button>

          <a href="/index.php/produits/puma-chaussure-future-play-tt-persian-blue-pro-green">
            <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-49834 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49834-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49834--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-atjoelbxfmyznrnyf-yfaw9jatyjp-qiyqumez0wz-a" type="hidden" name="form_build_id" value="form-atJoelBxFMYznRnYF_yfaW9JAtYjP_QiYQUmez0wZ-A" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49834-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49834" />
      <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="90496" selected="selected">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T39</option><option value="90497">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T40</option><option value="90498">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T40,5</option><option value="90499">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T41</option><option value="90500">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T42</option><option value="90501">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T42,5</option><option value="90502">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T43</option><option value="90503">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T44</option><option value="90504">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T44,5</option><option value="90505">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T45</option><option value="90506">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T46</option><option value="90507">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T46,5</option><option value="90508">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T47</option><option value="90509">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green 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-49834" 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-49834">
          <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__49834">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62575.jpg?itok=KqyYKkmW" 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 Future Play Tt Persian Blue Pro Green</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49834">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__49834">UNT-62575</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-49834 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49834" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49834" 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-qku79k3yw-tkzmq-v8cu1al8non-jdpwbuv2phujd0k" type="hidden" name="form_build_id" value="form-qkU79k3yw-tkzmq-v8cU1aL8non-jDPwBUv2pHujd0k" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49834" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49834" />
      <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="90496" selected="selected">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T39</option><option value="90497">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T40</option><option value="90498">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T40,5</option><option value="90499">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T41</option><option value="90500">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T42</option><option value="90501">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T42,5</option><option value="90502">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T43</option><option value="90503">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T44</option><option value="90504">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T44,5</option><option value="90505">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T45</option><option value="90506">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T46</option><option value="90507">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T46,5</option><option value="90508">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green T47</option><option value="90509">PUMA24-CHAUSSURE Future Play Tt Persian Blue Pro Green 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-49834').click(() => {
          $("#modal-website-49834").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-future-play-fgag-persian-blue-pro-green" 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__49832">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62547.jpg?itok=sYo5T_bx" 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 Future Play Fg/Ag Persian Blue Pro Green
        </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__49832">7 900 FCFP</div>
      
          </div>


          <button id="modal-49832"
                  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-49832">
            Voir le produit
          </button>

          <a href="/index.php/produits/puma-chaussure-future-play-fgag-persian-blue-pro-green">
            <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-49832 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49832-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49832--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-vdfum52ql5-9nqynq3fl62yuqcpqkjql1cchg0lv1gm" type="hidden" name="form_build_id" value="form-vdFum52Ql5-9nqYNq3FL62YuqcPQkJqL1cchG0Lv1GM" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49832-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49832" />
      <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="90470" selected="selected">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T39</option><option value="90471">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T40</option><option value="90472">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T40,5</option><option value="90473">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T41</option><option value="90474">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T42</option><option value="90475">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T42,5</option><option value="90476">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T43</option><option value="90477">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T44</option><option value="90478">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T44,5</option><option value="90479">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T45</option><option value="90480">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T46</option><option value="90481">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T46,5</option><option value="90482">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T47</option><option value="90483">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green 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--4" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-49832" 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-49832">
          <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__49832">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62547.jpg?itok=sYo5T_bx" 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 Future Play Fg/Ag Persian Blue Pro Green</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49832">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__49832">UNT-62547</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-49832 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49832" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49832" 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-rsabdhnbq-5g2z5u7onbbfudtfi1fafzmaphet-cvve" type="hidden" name="form_build_id" value="form-rSABdhnbq-5G2Z5U7ONBBFUDtFi1FaFZMAPHET_cVVE" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49832" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49832" />
      <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="90470" selected="selected">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T39</option><option value="90471">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T40</option><option value="90472">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T40,5</option><option value="90473">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T41</option><option value="90474">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T42</option><option value="90475">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T42,5</option><option value="90476">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T43</option><option value="90477">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T44</option><option value="90478">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T44,5</option><option value="90479">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T45</option><option value="90480">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T46</option><option value="90481">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T46,5</option><option value="90482">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green T47</option><option value="90483">PUMA24-CHAUSSURE Future Play Fg/Ag Persian Blue Pro Green 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--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-49832').click(() => {
          $("#modal-website-49832").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-attacanto-tt-puma-white-fire-orchid" 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__49825">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62471.jpg?itok=UVqUXiYE" 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 Attacanto Tt Puma White Fire Orchid
        </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__49825">5 900 FCFP</div>
      
          </div>


          <button id="modal-49825"
                  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-49825">
            Voir le produit
          </button>

          <a href="/index.php/produits/puma-chaussure-attacanto-tt-puma-white-fire-orchid">
            <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-49825 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49825-2" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49825--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-5wq-fpdniztwyqhafbxtmwd2byubnidqmvie223gaiu" type="hidden" name="form_build_id" value="form-5Wq-fPDnIzTwyqHAFbXtmWd2byuBNIDQmVie223gAIU" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49825-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49825" />
      <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="90400" selected="selected">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T39</option><option value="90401">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T40</option><option value="90402">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T40,5</option><option value="90403">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T41</option><option value="90404">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T42</option><option value="90405">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T42,5</option><option value="90406">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T43</option><option value="90407">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T44</option><option value="90408">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T44,5</option><option value="90409">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T45</option><option value="90410">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T46</option><option value="90411">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T46,5</option><option value="90412">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T47</option><option value="90413">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid 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--2" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-49825" 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-49825">
          <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__49825">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62471.jpg?itok=UVqUXiYE" 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 Attacanto Tt Puma White Fire Orchid</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49825">5 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__49825">UNT-62471</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form"><form class="commerce-order-item-add-to-cart-form-commerce-product-49825 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49825" action="/produits?f%5B0%5D=categories%3A1214&amp;page=0&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49825" 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-vubn3zqcumqmkqfs3wyhqce98lmzpuuzm5nzmifa9pe" type="hidden" name="form_build_id" value="form-VUbN3ZqCUMQmKQFS3wYHqCE98lMZpUuZM5nzmiFA9pE" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49825" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49825" />
      <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="90400" selected="selected">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T39</option><option value="90401">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T40</option><option value="90402">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T40,5</option><option value="90403">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T41</option><option value="90404">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T42</option><option value="90405">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T42,5</option><option value="90406">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T43</option><option value="90407">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T44</option><option value="90408">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T44,5</option><option value="90409">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T45</option><option value="90410">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T46</option><option value="90411">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T46,5</option><option value="90412">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid T47</option><option value="90413">PUMA24-CHAUSSURE Attacanto Tt Puma White Fire Orchid 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" 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-49825').click(() => {
          $("#modal-website-49825").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 is-active">
                                          <a href="?f%5B0%5D=categories%3A1214&amp;tid=All&amp;search_api_fulltext=&amp;page=0" title="Page courante">
            <span class="visually-hidden">
              Page courante
            </span>1</a>
        </li>
              <li class="pager__item py-1 px-2">
                                          <a href="?f%5B0%5D=categories%3A1214&amp;tid=All&amp;search_api_fulltext=&amp;page=1" title="Go to page 2">
            <span class="visually-hidden">
              Page
            </span>2</a>
        </li>
              <li class="pager__item py-1 px-2">
                                          <a href="?f%5B0%5D=categories%3A1214&amp;tid=All&amp;search_api_fulltext=&amp;page=2" title="Go to page 3">
            <span class="visually-hidden">
              Page
            </span>3</a>
        </li>
              <li class="pager__item py-1 px-2">
                                          <a href="?f%5B0%5D=categories%3A1214&amp;tid=All&amp;search_api_fulltext=&amp;page=3" title="Go to page 4">
            <span class="visually-hidden">
              Page
            </span>4</a>
        </li>
              <li class="pager__item py-1 px-2">
                                          <a href="?f%5B0%5D=categories%3A1214&amp;tid=All&amp;search_api_fulltext=&amp;page=4" title="Go to page 5">
            <span class="visually-hidden">
              Page
            </span>5</a>
        </li>
                                      <li class="pager__item py-1 px-2 pager__item--next">
          <a href="?f%5B0%5D=categories%3A1214&amp;tid=All&amp;search_api_fulltext=&amp;page=1" 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="?f%5B0%5D=categories%3A1214&amp;tid=All&amp;search_api_fulltext=&amp;page=4" 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>