
<!--
//...............................................................................................................................................................................
//.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:1230"]}},"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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\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%3A1230\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}}},"facets":{"sliders":{"prix":{"min":2500,"max":14000,"prefix":"","suffix":"","step":500,"labels":["2500 (4)","3000 (5)","3500 (4)","4000 (5)","4500 (2)","5000 (10)","5500 (0)","6000 (1)","6500 (0)","7000 (0)","7500 (1)","8000 (0)","8500 (0)","9000 (0)","9500 (0)","10000 (0)","10500 (0)","11000 (0)","11500 (0)","12000 (0)","12500 (0)","13000 (0)","13500 (0)","14000 (0)"],"range":true,"url":"\/produits?f%5B0%5D=categories%3A1230\u0026f%5B1%5D=prix%3A%28min%3A__range_slider_min__%2Cmax%3A__range_slider_max__%29","values":[2500,14000]}}},"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--collapsed"><a href="/produits?f%5B0%5D=categories%3A1157&amp;f%5B1%5D=categories%3A1230" rel="nofollow" data-drupal-facet-item-id="categories-1157" data-drupal-facet-item-value="1157" data-drupal-facet-item-count="546"><span class="facet-item__value">HOMME</span>
  <span class="facet-item__count">(546)</span>
</a></li><li class="facet-item facet-item--collapsed"><a href="/produits?f%5B0%5D=categories%3A1161&amp;f%5B1%5D=categories%3A1230" 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--expanded facet-item--active-trail"><a href="/produits?f%5B0%5D=categories%3A1165" rel="nofollow" data-drupal-facet-item-id="categories-1165" data-drupal-facet-item-value="1165" data-drupal-facet-item-count="155"><span class="facet-item__value">ENFANT</span>
  <span class="facet-item__count">(155)</span>
</a><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%3A1166" rel="nofollow" data-drupal-facet-item-id="categories-1166" data-drupal-facet-item-value="1166" data-drupal-facet-item-count="78"><span class="facet-item__value">CHAUSSURE</span>
  <span class="facet-item__count">(78)</span>
</a><div class="mb-2 facets-widget-">
    <ul><li class="facet-item"><a href="/produits?f%5B0%5D=categories%3A1228&amp;f%5B1%5D=categories%3A1230" rel="nofollow" data-drupal-facet-item-id="categories-1228" data-drupal-facet-item-value="1228" data-drupal-facet-item-count="37"><span class="facet-item__value">COURSE/RUNNING</span>
  <span class="facet-item__count">(37)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=categories%3A1166" rel="nofollow" class="is-active" data-drupal-facet-item-id="categories-1230" data-drupal-facet-item-value="1230" data-drupal-facet-item-count="39">  <span class="facet-item__status js-facet-deactivate">(-)</span>
<span class="facet-item__value">SPORT INDIVIDUEL/COLLECTIF</span>
  <span class="facet-item__count">(39)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=categories%3A1230&amp;f%5B1%5D=categories%3A1231" rel="nofollow" data-drupal-facet-item-id="categories-1231" data-drupal-facet-item-value="1231" data-drupal-facet-item-count="2"><span class="facet-item__value">DIVERS</span>
  <span class="facet-item__count">(2)</span>
</a></li></ul>
    </div>
</li><li class="facet-item facet-item--collapsed"><a href="/produits?f%5B0%5D=categories%3A1167&amp;f%5B1%5D=categories%3A1230" rel="nofollow" data-drupal-facet-item-id="categories-1167" data-drupal-facet-item-value="1167" data-drupal-facet-item-count="77"><span class="facet-item__value">TEXTILE</span>
  <span class="facet-item__count">(77)</span>
</a></li></ul>
    </div>
</li><li class="facet-item facet-item--collapsed"><a href="/produits?f%5B0%5D=categories%3A1169&amp;f%5B1%5D=categories%3A1230" 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%3A1230" 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%3A1230" 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%3A1230" 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%3A1230" 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%3A1230" 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%3A1230" 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%3A1230" 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%3A1435&amp;f%5B1%5D=categories%3A1230" rel="nofollow" data-drupal-facet-item-id="brand-1435" data-drupal-facet-item-value="1435" data-drupal-facet-item-count="1"><span class="facet-item__value">Newbalance</span>
  <span class="facet-item__count">(1)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1386&amp;f%5B1%5D=categories%3A1230" rel="nofollow" data-drupal-facet-item-id="brand-1386" data-drupal-facet-item-value="1386" data-drupal-facet-item-count="13"><span class="facet-item__value">Puma</span>
  <span class="facet-item__count">(13)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1369&amp;f%5B1%5D=categories%3A1230" rel="nofollow" data-drupal-facet-item-id="brand-1369" data-drupal-facet-item-value="1369" data-drupal-facet-item-count="22"><span class="facet-item__value">Adidas</span>
  <span class="facet-item__count">(22)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1432&amp;f%5B1%5D=categories%3A1230" rel="nofollow" data-drupal-facet-item-id="brand-1432" data-drupal-facet-item-value="1432" data-drupal-facet-item-count="3"><span class="facet-item__value">Asics</span>
  <span class="facet-item__count">(3)</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-10ece5176a7315c14b63033c5b7a95bbd405fb8a5a75c0d3b5c44e5c6ad68234">
  
  
  <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="/index.php/produits/puma-chaussure-vitoria-fgag-jr-black-electric-lim" 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__51232">  <img src="/sites/default/files/styles/product_listing/public/happy-market/65563.jpg?itok=fhT_RCWF" 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 Fg/Ag Jr Black-Electric Lim
        </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__51232">4 500 FCFP</div>
      
          </div>


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

          <a href="/index.php/produits/puma-chaussure-vitoria-fgag-jr-black-electric-lim">
            <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-51232 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-51232-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-51232--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-6wz4-mifwp4gdyrf-mtpusyzcjwrshbm89aaonybuoo" type="hidden" name="form_build_id" value="form-6wZ4_mifwP4gDYrf_mTpusYzcjwRshBM89aAoNYbuOo" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-51232-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_51232" />
      <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="93484" selected="selected">PUMA24-CHAUSSURE Vitoria Fg/Ag Jr Black-Electric Lim T35,5</option><option value="93485">PUMA24-CHAUSSURE Vitoria Fg/Ag Jr Black-Electric Lim T37,5</option><option value="93821">PUMA24-CHAUSSURE Vitoria Fg/Ag Jr Black-Electric Lim T34,5</option><option value="93822">PUMA24-CHAUSSURE Vitoria Fg/Ag Jr Black-Electric Lim T38</option><option value="93823">PUMA24-CHAUSSURE Vitoria Fg/Ag Jr Black-Electric Lim T38,5</option><option value="94169">PUMA24-CHAUSSURE Vitoria Fg/Ag Jr Black-Electric Lim T33</option><option value="94170">PUMA24-CHAUSSURE Vitoria Fg/Ag Jr Black-Electric Lim T36</option><option value="94171">PUMA24-CHAUSSURE Vitoria Fg/Ag Jr Black-Electric Lim T37</option></select>
        </div>

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

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-51232" 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-51232">
          <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__51232">  <img src="/sites/default/files/styles/product_listing/public/happy-market/65563.jpg?itok=fhT_RCWF" 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 Fg/Ag Jr Black-Electric Lim</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__51232">4 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__51232">UNT-65563</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-51232 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-51232" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-51232" 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-fxmq14wpgqwvnpvlhnhyegjfai9hzfbcvqhr6xblqwi" type="hidden" name="form_build_id" value="form-FXMQ14WPGqWvNPVLHNhyegJFAi9HzfbcvqHR6XblqWI" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-51232" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_51232" />
      <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="93484" selected="selected">PUMA24-CHAUSSURE Vitoria Fg/Ag Jr Black-Electric Lim T35,5</option><option value="93485">PUMA24-CHAUSSURE Vitoria Fg/Ag Jr Black-Electric Lim T37,5</option><option value="93821">PUMA24-CHAUSSURE Vitoria Fg/Ag Jr Black-Electric Lim T34,5</option><option value="93822">PUMA24-CHAUSSURE Vitoria Fg/Ag Jr Black-Electric Lim T38</option><option value="93823">PUMA24-CHAUSSURE Vitoria Fg/Ag Jr Black-Electric Lim T38,5</option><option value="94169">PUMA24-CHAUSSURE Vitoria Fg/Ag Jr Black-Electric Lim T33</option><option value="94170">PUMA24-CHAUSSURE Vitoria Fg/Ag Jr Black-Electric Lim T36</option><option value="94171">PUMA24-CHAUSSURE Vitoria Fg/Ag Jr Black-Electric Lim T37</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--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-51232').click(() => {
          $("#modal-website-51232").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-jr-black-copper-ro" 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__51231">  <img src="/sites/default/files/styles/product_listing/public/happy-market/65558.jpg?itok=6VnERPxx" 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 Jr Black-Copper Ro
        </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__51231">5 750 FCFP</div>
      
          </div>


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

          <a href="/index.php/produits/puma-chaussure-ultra-play-fgag-jr-black-copper-ro">
            <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-51231 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-51231-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-51231--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-mjta4bds4-xytdhoqoa-ziygvfwzqfiboafgurx16us" type="hidden" name="form_build_id" value="form-MJTA4bds4_xyTDHOqoa_zIyGvFwzqfiboAfGuRX16Us" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-51231-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_51231" />
      <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="93482" selected="selected">PUMA24-CHAUSSURE Ultra Play Fg/Ag Jr Black-Copper Ro T37,5</option><option value="93483">PUMA24-CHAUSSURE Ultra Play Fg/Ag Jr Black-Copper Ro T38,5</option><option value="94163">PUMA24-CHAUSSURE Ultra Play Fg/Ag Jr Black-Copper Ro T33</option><option value="94164">PUMA24-CHAUSSURE Ultra Play Fg/Ag Jr Black-Copper Ro T34,5</option><option value="94165">PUMA24-CHAUSSURE Ultra Play Fg/Ag Jr Black-Copper Ro T35,5</option><option value="94166">PUMA24-CHAUSSURE Ultra Play Fg/Ag Jr Black-Copper Ro T36</option><option value="94167">PUMA24-CHAUSSURE Ultra Play Fg/Ag Jr Black-Copper Ro T37</option><option value="94168">PUMA24-CHAUSSURE Ultra Play Fg/Ag Jr Black-Copper Ro T38</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-51231" 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-51231">
          <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__51231">  <img src="/sites/default/files/styles/product_listing/public/happy-market/65558.jpg?itok=6VnERPxx" 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 Jr Black-Copper Ro</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__51231">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__51231">UNT-65558</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-51231 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-51231" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-51231" 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-mccpc3ow4hyutu3jceip7s-nitpzviosxefygmfpoxy" type="hidden" name="form_build_id" value="form-McCpC3OW4HYutu3JcEip7s_NItPZVIOsXeFYGMfPoxY" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-51231" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_51231" />
      <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="93482" selected="selected">PUMA24-CHAUSSURE Ultra Play Fg/Ag Jr Black-Copper Ro T37,5</option><option value="93483">PUMA24-CHAUSSURE Ultra Play Fg/Ag Jr Black-Copper Ro T38,5</option><option value="94163">PUMA24-CHAUSSURE Ultra Play Fg/Ag Jr Black-Copper Ro T33</option><option value="94164">PUMA24-CHAUSSURE Ultra Play Fg/Ag Jr Black-Copper Ro T34,5</option><option value="94165">PUMA24-CHAUSSURE Ultra Play Fg/Ag Jr Black-Copper Ro T35,5</option><option value="94166">PUMA24-CHAUSSURE Ultra Play Fg/Ag Jr Black-Copper Ro T36</option><option value="94167">PUMA24-CHAUSSURE Ultra Play Fg/Ag Jr Black-Copper Ro T37</option><option value="94168">PUMA24-CHAUSSURE Ultra Play Fg/Ag Jr Black-Copper Ro T38</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-51231').click(() => {
          $("#modal-website-51231").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/adidas-chaussure-cross-em-select-betscacblacksolred" 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__51170">  <img src="/sites/default/files/styles/product_listing/public/happy-market/64643.jpg?itok=miVXjM-I" 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 Cross Em Up Select Betsca/Cblack/Solred
        </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__51170">7 900 FCFP</div>
      
          </div>


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

          <a href="/index.php/produits/adidas-chaussure-cross-em-select-betscacblacksolred">
            <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-51170 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-51170-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-51170--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-bikps-2ji3c6yz52mktqssv4nzqzkblvwfvycisdjjw" type="hidden" name="form_build_id" value="form-BiKPS-2JI3c6yZ52mKtQssV4nzqzkBLvWfvYciSdJjw" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-51170-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_51170" />
      <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="93272" selected="selected">ADI24-CHAUSSURE Cross Em Up Select Betsca/Cblack/Solred T35</option><option value="93273">ADI24-CHAUSSURE Cross Em Up Select Betsca/Cblack/Solred T36</option><option value="93274">ADI24-CHAUSSURE Cross Em Up Select Betsca/Cblack/Solred T37 1/3</option><option value="93275">ADI24-CHAUSSURE Cross Em Up Select Betsca/Cblack/Solred T38 2/3</option><option value="93276">ADI24-CHAUSSURE Cross Em Up Select Betsca/Cblack/Solred 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--56" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-51170" 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-51170">
          <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__51170">  <img src="/sites/default/files/styles/product_listing/public/happy-market/64643.jpg?itok=miVXjM-I" 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 Cross Em Up Select Betsca/Cblack/Solred</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__51170">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__51170">UNT-64643</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-51170 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-51170" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-51170" 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-1btjwo6tpbonfa2wrzndi-ueqrgzt-yb9e5pwmhfvmy" type="hidden" name="form_build_id" value="form-1BTJwO6TPbONfA2WrZNDI_UeqRgZt_yB9e5pWmHFvmY" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-51170" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_51170" />
      <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="93272" selected="selected">ADI24-CHAUSSURE Cross Em Up Select Betsca/Cblack/Solred T35</option><option value="93273">ADI24-CHAUSSURE Cross Em Up Select Betsca/Cblack/Solred T36</option><option value="93274">ADI24-CHAUSSURE Cross Em Up Select Betsca/Cblack/Solred T37 1/3</option><option value="93275">ADI24-CHAUSSURE Cross Em Up Select Betsca/Cblack/Solred T38 2/3</option><option value="93276">ADI24-CHAUSSURE Cross Em Up Select Betsca/Cblack/Solred 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--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-51170').click(() => {
          $("#modal-website-51170").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-attacanto-tt-jr-yellow-blaze-black" 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__49824">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62462.jpg?itok=_RhZwmZ9" 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 Jr Yellow Blaze Black
        </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__49824">4 750 FCFP</div>
      
          </div>


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

          <a href="/produits/puma-chaussure-attacanto-tt-jr-yellow-blaze-black">
            <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-49824 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49824-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49824--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-boqimbd58wl-t9rycdl-tfbg5zf57wpbbrxuhlpd1y" type="hidden" name="form_build_id" value="form-bOQIMbd58WL--t9rycdl-tFbg5zf57WpbbrxUhlpd1Y" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49824-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49824" />
      <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="90391" selected="selected">PUMA24-CHAUSSURE Attacanto Tt Jr Yellow Blaze Puma Black T32</option><option value="90392">PUMA24-CHAUSSURE Attacanto Tt Jr Yellow Blaze Puma Black T33</option><option value="90393">PUMA24-CHAUSSURE Attacanto Tt Jr Yellow Blaze Puma Black T34,5</option><option value="90394">PUMA24-CHAUSSURE Attacanto Tt Jr Yellow Blaze Puma Black T35,5</option><option value="90395">PUMA24-CHAUSSURE Attacanto Tt Jr Yellow Blaze Puma Black T36</option><option value="90396">PUMA24-CHAUSSURE Attacanto Tt Jr Yellow Blaze Puma Black T37</option><option value="90397">PUMA24-CHAUSSURE Attacanto Tt Jr Yellow Blaze Puma Black T37,5</option><option value="90398">PUMA24-CHAUSSURE Attacanto Tt Jr Yellow Blaze Puma Black T38</option><option value="90399">PUMA24-CHAUSSURE Attacanto Tt Jr Yellow Blaze Puma Black T38,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--54" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-49824" 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-49824">
          <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__49824">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62462.jpg?itok=_RhZwmZ9" 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 Jr Yellow Blaze Black</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49824">4 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__49824">UNT-62462</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-49824 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49824" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49824" 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-yby-dpfignd6raw6ewnpcnehguljaeh6euhex5ktgt8" type="hidden" name="form_build_id" value="form-ybY-dpFIGnd6Raw6EWnPCNEHgUljaEH6eUhEx5kTGt8" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49824" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49824" />
      <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="90391" selected="selected">PUMA24-CHAUSSURE Attacanto Tt Jr Yellow Blaze Puma Black T32</option><option value="90392">PUMA24-CHAUSSURE Attacanto Tt Jr Yellow Blaze Puma Black T33</option><option value="90393">PUMA24-CHAUSSURE Attacanto Tt Jr Yellow Blaze Puma Black T34,5</option><option value="90394">PUMA24-CHAUSSURE Attacanto Tt Jr Yellow Blaze Puma Black T35,5</option><option value="90395">PUMA24-CHAUSSURE Attacanto Tt Jr Yellow Blaze Puma Black T36</option><option value="90396">PUMA24-CHAUSSURE Attacanto Tt Jr Yellow Blaze Puma Black T37</option><option value="90397">PUMA24-CHAUSSURE Attacanto Tt Jr Yellow Blaze Puma Black T37,5</option><option value="90398">PUMA24-CHAUSSURE Attacanto Tt Jr Yellow Blaze Puma Black T38</option><option value="90399">PUMA24-CHAUSSURE Attacanto Tt Jr Yellow Blaze Puma Black T38,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--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-49824').click(() => {
          $("#modal-website-49824").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/newbalance-chaussure-academy-fg-jnr-m" 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__50091">  <img src="/sites/default/files/styles/product_listing/public/happy-market/64256.jpg?itok=1bggZtWg" 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">
          NEWBALANCE CHAUSSURE ACADEMY FG JNR M
        </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__50091">5 990 FCFP</div>
      
          </div>


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

          <a href="/produits/newbalance-chaussure-academy-fg-jnr-m">
            <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-50091 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50091-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50091--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-jo293zlkvaflhgnezdsisfqajefpl8yeetkqjd-uoe" type="hidden" name="form_build_id" value="form--jO293zLKvaFLhgNEZDsiSFQajEFPL8YeetKqjd-UoE" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50091-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50091" />
      <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="91374" selected="selected">NEWBAL24-CHAUSSURE ACADEMY FG JNR M T32,5</option><option value="91375">NEWBAL24-CHAUSSURE ACADEMY FG JNR M T33,5</option><option value="91376">NEWBAL24-CHAUSSURE ACADEMY FG JNR M T35</option><option value="91377">NEWBAL24-CHAUSSURE ACADEMY FG JNR M T36</option><option value="91378">NEWBAL24-CHAUSSURE ACADEMY FG JNR M T37,5</option><option value="91379">NEWBAL24-CHAUSSURE ACADEMY FG JNR M T38,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-50091" 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-50091">
          <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__50091">  <img src="/sites/default/files/styles/product_listing/public/happy-market/64256.jpg?itok=1bggZtWg" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>NEWBALANCE CHAUSSURE ACADEMY FG JNR M</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__50091">UNT-64256</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-50091 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50091" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50091" 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-m40pr2bmgtobhmokgmc3r71hkdm8-7jfrlfr2chi900" type="hidden" name="form_build_id" value="form-M40Pr2bMgtobHmOkgMc3r71HkDM8-7jFrlFr2cHI900" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50091" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50091" />
      <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="91374" selected="selected">NEWBAL24-CHAUSSURE ACADEMY FG JNR M T32,5</option><option value="91375">NEWBAL24-CHAUSSURE ACADEMY FG JNR M T33,5</option><option value="91376">NEWBAL24-CHAUSSURE ACADEMY FG JNR M T35</option><option value="91377">NEWBAL24-CHAUSSURE ACADEMY FG JNR M T36</option><option value="91378">NEWBAL24-CHAUSSURE ACADEMY FG JNR M T37,5</option><option value="91379">NEWBAL24-CHAUSSURE ACADEMY FG JNR M T38,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-50091').click(() => {
          $("#modal-website-50091").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-goletto-viii-fg-j-solredftwwhtcblack" 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__49911">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63229.jpg?itok=oRXQRQtg" 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 Goletto Viii Fg J Solred/Ftwwht/Cblack
        </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__49911">5 000 FCFP</div>
      
          </div>


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

          <a href="/produits/adidas-chaussure-goletto-viii-fg-j-solredftwwhtcblack">
            <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-49911 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49911-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49911--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-uhsvkndy3qrxng1rhphxd0x-jeiz1e4py1pjk8r1k3m" type="hidden" name="form_build_id" value="form-UHsVkNDy3qrXNg1RHPHXd0X-jeiZ1e4PY1PJk8R1k3M" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49911-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49911" />
      <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="90855" selected="selected">ADI24-CHAUSSURE Goletto Viii Fg J Solred/Ftwwht/Cblack T33,5</option><option value="90856">ADI24-CHAUSSURE Goletto Viii Fg J Solred/Ftwwht/Cblack T35</option><option value="90857">ADI24-CHAUSSURE Goletto Viii Fg J Solred/Ftwwht/Cblack T36</option><option value="90858">ADI24-CHAUSSURE Goletto Viii Fg J Solred/Ftwwht/Cblack T37 1/3</option><option value="90859">ADI24-CHAUSSURE Goletto Viii Fg J Solred/Ftwwht/Cblack T38 2/3</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-49911" 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-49911">
          <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__49911">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63229.jpg?itok=oRXQRQtg" 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 Goletto Viii Fg J Solred/Ftwwht/Cblack</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49911">UNT-63229</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-49911 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49911" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49911" 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-ibkldvweztznbo0j9mdjuzwpndpzjhua3j0ui1fzbya" type="hidden" name="form_build_id" value="form-IBklDVWEZtznBo0j9mdjuzwPnDpZJHUa3J0Ui1FZByA" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49911" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49911" />
      <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="90855" selected="selected">ADI24-CHAUSSURE Goletto Viii Fg J Solred/Ftwwht/Cblack T33,5</option><option value="90856">ADI24-CHAUSSURE Goletto Viii Fg J Solred/Ftwwht/Cblack T35</option><option value="90857">ADI24-CHAUSSURE Goletto Viii Fg J Solred/Ftwwht/Cblack T36</option><option value="90858">ADI24-CHAUSSURE Goletto Viii Fg J Solred/Ftwwht/Cblack T37 1/3</option><option value="90859">ADI24-CHAUSSURE Goletto Viii Fg J Solred/Ftwwht/Cblack T38 2/3</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-49911').click(() => {
          $("#modal-website-49911").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-x-crazyfast4-j-broyalftwwhtsolred" 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__49792">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62295.jpg?itok=Vp0xC9Tl" 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 X Crazyfast.4 In J Broyal/Ftwwht/Solred
        </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__49792">5 000 FCFP</div>
      
          </div>


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

          <a href="/produits/adidas-chaussure-x-crazyfast4-j-broyalftwwhtsolred">
            <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-49792 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49792-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49792--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-clyjtd00wmrecxofxgbujifymuwnapu4gk8mpdlsls0" type="hidden" name="form_build_id" value="form-cLyjtd00WMRecxofxGbUJifYmUWNaPu4GK8MPDLSLs0" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49792-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49792" />
      <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="90256" selected="selected">ADI24-CHAUSSURE X Crazyfast.4 In J Broyal/Ftwwht/Solred T32</option><option value="90257">ADI24-CHAUSSURE X Crazyfast.4 In J Broyal/Ftwwht/Solred T33,5</option><option value="90258">ADI24-CHAUSSURE X Crazyfast.4 In J Broyal/Ftwwht/Solred T35</option><option value="90259">ADI24-CHAUSSURE X Crazyfast.4 In J Broyal/Ftwwht/Solred T36</option><option value="90260">ADI24-CHAUSSURE X Crazyfast.4 In J Broyal/Ftwwht/Solred T37 1/3</option><option value="90261">ADI24-CHAUSSURE X Crazyfast.4 In J Broyal/Ftwwht/Solred T38 2/3</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-49792" 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-49792">
          <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__49792">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62295.jpg?itok=Vp0xC9Tl" 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 X Crazyfast.4 In J Broyal/Ftwwht/Solred</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49792">UNT-62295</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-49792 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49792" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49792" 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-1vqkpor0vwfctfitaj-zggtq7mo0bru1qirqxr-wgvm" type="hidden" name="form_build_id" value="form-1vqkPOR0VWfCtFitAJ-ZgGTQ7Mo0bRu1QiRqXr_wgVM" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49792" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49792" />
      <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="90256" selected="selected">ADI24-CHAUSSURE X Crazyfast.4 In J Broyal/Ftwwht/Solred T32</option><option value="90257">ADI24-CHAUSSURE X Crazyfast.4 In J Broyal/Ftwwht/Solred T33,5</option><option value="90258">ADI24-CHAUSSURE X Crazyfast.4 In J Broyal/Ftwwht/Solred T35</option><option value="90259">ADI24-CHAUSSURE X Crazyfast.4 In J Broyal/Ftwwht/Solred T36</option><option value="90260">ADI24-CHAUSSURE X Crazyfast.4 In J Broyal/Ftwwht/Solred T37 1/3</option><option value="90261">ADI24-CHAUSSURE X Crazyfast.4 In J Broyal/Ftwwht/Solred T38 2/3</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-49792').click(() => {
          $("#modal-website-49792").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-trae-unlimited-j-metgrycarbonbetsca" 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__49652">  <img src="/sites/default/files/styles/product_listing/public/happy-market/61369.jpg?itok=_YGLPi3U" 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 Trae Unlimited J Metgry/Carbon/Betsca
        </h2>

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


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

          <a href="/produits/adidas-chaussure-trae-unlimited-j-metgrycarbonbetsca">
            <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-49652 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49652-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49652--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-2dlv3mndukyfoqarynbwkalz7wsnhviz3dkbln2df2o" type="hidden" name="form_build_id" value="form-2DlV3MNdUkYFoQaryNBWkALz7wSnHviZ3DKbLn2dF2o" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49652-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49652" />
      <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="89667" selected="selected">ADI23-CHAUSSURE Trae Unlimited J Metgry/Carbon/Betsca T36</option><option value="89668">ADI23-CHAUSSURE Trae Unlimited J Metgry/Carbon/Betsca T38 2/3</option><option value="89669">ADI23-CHAUSSURE Trae Unlimited J Metgry/Carbon/Betsca 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--46" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-49652" 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-49652">
          <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__49652">  <img src="/sites/default/files/styles/product_listing/public/happy-market/61369.jpg?itok=_YGLPi3U" 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 Trae Unlimited J Metgry/Carbon/Betsca</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49652">UNT-61369</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-49652 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49652" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49652" 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-kallskhua9ouz8ltomf5v2rxocprssrvtjrbim1ja7a" type="hidden" name="form_build_id" value="form-KAlLSKHUA9OUz8Ltomf5V2rXoCprSsrVTJrBIM1ja7A" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49652" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49652" />
      <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="89667" selected="selected">ADI23-CHAUSSURE Trae Unlimited J Metgry/Carbon/Betsca T36</option><option value="89668">ADI23-CHAUSSURE Trae Unlimited J Metgry/Carbon/Betsca T38 2/3</option><option value="89669">ADI23-CHAUSSURE Trae Unlimited J Metgry/Carbon/Betsca 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--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-49652').click(() => {
          $("#modal-website-49652").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-attacanto-it-jr-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__49706">  <img src="/sites/default/files/styles/product_listing/public/happy-market/61803.jpg?itok=hlA501fk" 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 Jr White Fire Orchid
        </h2>

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


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

          <a href="/produits/puma-chaussure-attacanto-it-jr-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--44"><form class="commerce-order-item-add-to-cart-form-commerce-product-49706 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49706-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49706--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-lxtwkzfjwofvbg5ybcolc-jiqntzyeruomnp3hb93u" type="hidden" name="form_build_id" value="form-lxTwkZFJwOfVbg5YBCOLC-_jiQNtzYERuomNp3Hb93U" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49706-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49706" />
      <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="89933" selected="selected">PUMA23-CHAUSSURE Attacanto It Jr White Fire Orchid T32</option><option value="89934">PUMA23-CHAUSSURE Attacanto It Jr White Fire Orchid T33</option><option value="89935">PUMA23-CHAUSSURE Attacanto It Jr White Fire Orchid T34,5</option><option value="89936">PUMA23-CHAUSSURE Attacanto It Jr White Fire Orchid T35,5</option><option value="89937">PUMA23-CHAUSSURE Attacanto It Jr White Fire Orchid T36</option><option value="89938">PUMA23-CHAUSSURE Attacanto It Jr White Fire Orchid T37</option><option value="89939">PUMA23-CHAUSSURE Attacanto It Jr White Fire Orchid T37,5</option><option value="89940">PUMA23-CHAUSSURE Attacanto It Jr White Fire Orchid T38</option><option value="89941">PUMA23-CHAUSSURE Attacanto It Jr White Fire Orchid T38,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-49706" 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-49706">
          <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__49706">  <img src="/sites/default/files/styles/product_listing/public/happy-market/61803.jpg?itok=hlA501fk" 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 Jr White Fire Orchid</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49706">UNT-61803</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-49706 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49706" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49706" 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-mjsm-d3qbnpdad-kc-lzlrmapsltdvhpskygpdvhjn4" type="hidden" name="form_build_id" value="form-MjSm-d3QBnpDad-kc-LzlRmAPsLtdvhPSKYgpdvHjn4" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49706" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49706" />
      <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="89933" selected="selected">PUMA23-CHAUSSURE Attacanto It Jr White Fire Orchid T32</option><option value="89934">PUMA23-CHAUSSURE Attacanto It Jr White Fire Orchid T33</option><option value="89935">PUMA23-CHAUSSURE Attacanto It Jr White Fire Orchid T34,5</option><option value="89936">PUMA23-CHAUSSURE Attacanto It Jr White Fire Orchid T35,5</option><option value="89937">PUMA23-CHAUSSURE Attacanto It Jr White Fire Orchid T36</option><option value="89938">PUMA23-CHAUSSURE Attacanto It Jr White Fire Orchid T37</option><option value="89939">PUMA23-CHAUSSURE Attacanto It Jr White Fire Orchid T37,5</option><option value="89940">PUMA23-CHAUSSURE Attacanto It Jr White Fire Orchid T38</option><option value="89941">PUMA23-CHAUSSURE Attacanto It Jr White Fire Orchid T38,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-49706').click(() => {
          $("#modal-website-49706").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-attacanto-jr-it-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__49704">  <img src="/sites/default/files/styles/product_listing/public/happy-market/61780.jpg?itok=Y_OOiA5M" 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 JR It Black Fire Orchid
        </h2>

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


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

          <a href="/produits/puma-chaussure-attacanto-jr-it-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--42"><form class="commerce-order-item-add-to-cart-form-commerce-product-49704 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49704-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49704--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-xyh01xnav8rlpcbri9l6dmhval-wfow-bd7qiri0lm4" type="hidden" name="form_build_id" value="form-xYh01Xnav8rLPcbRI9L6DMhvaL_WfOW_bD7qIri0LM4" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49704-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49704" />
      <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="89923" selected="selected">PUMA23-CHAUSSURE Attacanto It Black Fire Orchid T32</option><option value="89924">PUMA23-CHAUSSURE Attacanto It Black Fire Orchid T33</option><option value="89925">PUMA23-CHAUSSURE Attacanto It Black Fire Orchid T34,5</option><option value="89926">PUMA23-CHAUSSURE Attacanto It Black Fire Orchid T35,5</option><option value="89927">PUMA23-CHAUSSURE Attacanto It Black Fire Orchid T36</option><option value="89928">PUMA23-CHAUSSURE Attacanto It Black Fire Orchid T37</option><option value="89929">PUMA23-CHAUSSURE Attacanto It Black Fire Orchid T37,5</option><option value="89930">PUMA23-CHAUSSURE Attacanto It Black Fire Orchid T38</option><option value="89931">PUMA23-CHAUSSURE Attacanto It Black Fire Orchid T38,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--42" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-49704" 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-49704">
          <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__49704">  <img src="/sites/default/files/styles/product_listing/public/happy-market/61780.jpg?itok=Y_OOiA5M" 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 JR It Black Fire Orchid</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49704">UNT-61780</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-49704 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49704" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49704" 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-ystfc3vf6shegkgym3d6s08wwa5ost56s74onmsmg9w" type="hidden" name="form_build_id" value="form-ystfc3vf6SHeGkgym3D6s08WWa5oSt56S74ONmSmg9w" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49704" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49704" />
      <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="89923" selected="selected">PUMA23-CHAUSSURE Attacanto It Black Fire Orchid T32</option><option value="89924">PUMA23-CHAUSSURE Attacanto It Black Fire Orchid T33</option><option value="89925">PUMA23-CHAUSSURE Attacanto It Black Fire Orchid T34,5</option><option value="89926">PUMA23-CHAUSSURE Attacanto It Black Fire Orchid T35,5</option><option value="89927">PUMA23-CHAUSSURE Attacanto It Black Fire Orchid T36</option><option value="89928">PUMA23-CHAUSSURE Attacanto It Black Fire Orchid T37</option><option value="89929">PUMA23-CHAUSSURE Attacanto It Black Fire Orchid T37,5</option><option value="89930">PUMA23-CHAUSSURE Attacanto It Black Fire Orchid T38</option><option value="89931">PUMA23-CHAUSSURE Attacanto It Black Fire Orchid T38,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--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-49704').click(() => {
          $("#modal-website-49704").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-attacanto-fgag-jr-black-silver-mist" 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__49702">  <img src="/sites/default/files/styles/product_listing/public/happy-market/61759.jpg?itok=sKtuWJsl" 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 Jr Black Silver Mist
        </h2>

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


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

          <a href="/produits/puma-chaussure-attacanto-fgag-jr-black-silver-mist">
            <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-49702 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49702-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49702--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-mjkgdf-umndsjjssyo1-fdzcmaxdcer2ehyadepc-0u" type="hidden" name="form_build_id" value="form-MjkgDF_UMNdSjjSSYo1-FDzcmAxDCeR2EhYadePC_0U" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49702-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49702" />
      <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="89903" selected="selected">PUMA23-CHAUSSURE Attacanto Fg/Ag Jr Black Silver Mist T33</option><option value="89904">PUMA23-CHAUSSURE Attacanto Fg/Ag Jr Black Silver Mist T34,5</option><option value="89905">PUMA23-CHAUSSURE Attacanto Fg/Ag Jr Black Silver Mist T35,5</option><option value="89906">PUMA23-CHAUSSURE Attacanto Fg/Ag Jr Black Silver Mist T36</option><option value="89907">PUMA23-CHAUSSURE Attacanto Fg/Ag Jr Black Silver Mist T37</option><option value="89908">PUMA23-CHAUSSURE Attacanto Fg/Ag Jr Black Silver Mist T38</option><option value="89950">PUMA23-CHAUSSURE Attacanto Fg/Ag Jr Black Silver Mist T37,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-49702" 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-49702">
          <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__49702">  <img src="/sites/default/files/styles/product_listing/public/happy-market/61759.jpg?itok=sKtuWJsl" 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 Jr Black Silver Mist</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49702">UNT-61759</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-49702 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49702" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49702" 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-f-blisgzobhdjnk2joc8vttzimf-i-xfnrx7vr92ovu" type="hidden" name="form_build_id" value="form-F_blISgZoBHDjnk2joC8VTtzimF-i_XfNrx7vr92oVU" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49702" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49702" />
      <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="89903" selected="selected">PUMA23-CHAUSSURE Attacanto Fg/Ag Jr Black Silver Mist T33</option><option value="89904">PUMA23-CHAUSSURE Attacanto Fg/Ag Jr Black Silver Mist T34,5</option><option value="89905">PUMA23-CHAUSSURE Attacanto Fg/Ag Jr Black Silver Mist T35,5</option><option value="89906">PUMA23-CHAUSSURE Attacanto Fg/Ag Jr Black Silver Mist T36</option><option value="89907">PUMA23-CHAUSSURE Attacanto Fg/Ag Jr Black Silver Mist T37</option><option value="89908">PUMA23-CHAUSSURE Attacanto Fg/Ag Jr Black Silver Mist T38</option><option value="89950">PUMA23-CHAUSSURE Attacanto Fg/Ag Jr Black Silver Mist T37,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-49702').click(() => {
          $("#modal-website-49702").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-jr-black-white" 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__49724">  <img src="/sites/default/files/styles/product_listing/public/happy-market/61883.jpg?itok=Z-4W0YrB" 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 Jr Black-White
        </h2>

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


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

          <a href="/produits/puma-chaussure-vitoria-tt-jr-black-white">
            <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-49724 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49724-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49724--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-5y6efjhhnmwtniuipmd-5yds-vcaq4e7jssfg3tpbt0" type="hidden" name="form_build_id" value="form-5y6EfjhhnMWtNIUIPmd_5yds-VCaq4E7JSsFg3tpBT0" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49724-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49724" />
      <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="90001" selected="selected">PUMA23-CHAUSSURE Vitoria Tt Jr Black-White T32</option><option value="90002">PUMA23-CHAUSSURE Vitoria Tt Jr Black-White T33</option><option value="90003">PUMA23-CHAUSSURE Vitoria Tt Jr Black-White T34,5</option><option value="90004">PUMA23-CHAUSSURE Vitoria Tt Jr Black-White T35,5</option><option value="90005">PUMA23-CHAUSSURE Vitoria Tt Jr Black-White T36</option><option value="90006">PUMA23-CHAUSSURE Vitoria Tt Jr Black-White T37</option><option value="90007">PUMA23-CHAUSSURE Vitoria Tt Jr Black-White T37,5</option><option value="90008">PUMA23-CHAUSSURE Vitoria Tt Jr Black-White T38</option><option value="90009">PUMA23-CHAUSSURE Vitoria Tt Jr Black-White T38,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--38" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-49724" 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-49724">
          <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__49724">  <img src="/sites/default/files/styles/product_listing/public/happy-market/61883.jpg?itok=Z-4W0YrB" 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 Jr Black-White</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49724">UNT-61883</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-49724 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49724" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49724" 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-dndwjr7zdvinaj46dzzda-yrw3x7tawieawe6voknas" type="hidden" name="form_build_id" value="form-DndWJR7ZdViNaj46DzZda_YRW3X7tAwieawE6Voknas" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49724" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49724" />
      <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="90001" selected="selected">PUMA23-CHAUSSURE Vitoria Tt Jr Black-White T32</option><option value="90002">PUMA23-CHAUSSURE Vitoria Tt Jr Black-White T33</option><option value="90003">PUMA23-CHAUSSURE Vitoria Tt Jr Black-White T34,5</option><option value="90004">PUMA23-CHAUSSURE Vitoria Tt Jr Black-White T35,5</option><option value="90005">PUMA23-CHAUSSURE Vitoria Tt Jr Black-White T36</option><option value="90006">PUMA23-CHAUSSURE Vitoria Tt Jr Black-White T37</option><option value="90007">PUMA23-CHAUSSURE Vitoria Tt Jr Black-White T37,5</option><option value="90008">PUMA23-CHAUSSURE Vitoria Tt Jr Black-White T38</option><option value="90009">PUMA23-CHAUSSURE Vitoria Tt Jr Black-White T38,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--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-49724').click(() => {
          $("#modal-website-49724").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-ds-light-jr-gs-directoire-bluewhite" 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__49653">  <img src="/sites/default/files/styles/product_listing/public/happy-market/61379.jpg?itok=GqX3OPY4" 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 Ds Light Jr Gs Directoire Blue/White
        </h2>

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


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

          <a href="/produits/asics-chaussure-ds-light-jr-gs-directoire-bluewhite">
            <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-49653 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49653-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49653--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-pautzsopj8xip52zki9f6vqpilsmxfokxivvigbxls0" type="hidden" name="form_build_id" value="form-PaUtZSopJ8XIp52ZkI9f6vqpIlsMXFOKXivVigBXlS0" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49653-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49653" />
      <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="89670" selected="selected">ASICS23-CHAUSSURE Ds Light Jr Gs Directoire Blue/White T33</option><option value="89671">ASICS23-CHAUSSURE Ds Light Jr Gs Directoire Blue/White T33,5</option><option value="89672">ASICS23-CHAUSSURE Ds Light Jr Gs Directoire Blue/White T34,5</option><option value="89673">ASICS23-CHAUSSURE Ds Light Jr Gs Directoire Blue/White T35</option><option value="89674">ASICS23-CHAUSSURE Ds Light Jr Gs Directoire Blue/White T36</option><option value="89675">ASICS23-CHAUSSURE Ds Light Jr Gs Directoire Blue/White T37</option><option value="89676">ASICS23-CHAUSSURE Ds Light Jr Gs Directoire Blue/White T37,5</option><option value="89677">ASICS23-CHAUSSURE Ds Light Jr Gs Directoire Blue/White T38</option><option value="89678">ASICS23-CHAUSSURE Ds Light Jr Gs Directoire Blue/White T39</option></select>
        </div>

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

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-49653" 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-49653">
          <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__49653">  <img src="/sites/default/files/styles/product_listing/public/happy-market/61379.jpg?itok=GqX3OPY4" 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 Ds Light Jr Gs Directoire Blue/White</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49653">UNT-61379</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-49653 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49653" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49653" 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-ywt3kvml1ga2kkt3hnojh02cikt94i6pqxgb-qfgowk" type="hidden" name="form_build_id" value="form-Ywt3KvMl1ga2kkT3hnOjh02ciKT94i6pQxGb-QfgOwk" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49653" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49653" />
      <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="89670" selected="selected">ASICS23-CHAUSSURE Ds Light Jr Gs Directoire Blue/White T33</option><option value="89671">ASICS23-CHAUSSURE Ds Light Jr Gs Directoire Blue/White T33,5</option><option value="89672">ASICS23-CHAUSSURE Ds Light Jr Gs Directoire Blue/White T34,5</option><option value="89673">ASICS23-CHAUSSURE Ds Light Jr Gs Directoire Blue/White T35</option><option value="89674">ASICS23-CHAUSSURE Ds Light Jr Gs Directoire Blue/White T36</option><option value="89675">ASICS23-CHAUSSURE Ds Light Jr Gs Directoire Blue/White T37</option><option value="89676">ASICS23-CHAUSSURE Ds Light Jr Gs Directoire Blue/White T37,5</option><option value="89677">ASICS23-CHAUSSURE Ds Light Jr Gs Directoire Blue/White T38</option><option value="89678">ASICS23-CHAUSSURE Ds Light Jr Gs Directoire Blue/White T39</option></select>
        </div>

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

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

      </div>
    </div>
  </div>
  <script type="text/javascript">
    (function ($) {
      $(document).ready(function () {
        $('#modal-49653').click(() => {
          $("#modal-website-49653").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-tacto-ii-fgag-jr-glowing-pink-white-black" 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__49599">  <img src="/sites/default/files/styles/product_listing/public/happy-market/60320.jpg?itok=ZBwWyqC0" 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 Tacto Ii Fg/Ag Jr Glowing Pink-White-Black
        </h2>

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


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

          <a href="/produits/puma-chaussure-tacto-ii-fgag-jr-glowing-pink-white-black">
            <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-49599 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49599-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49599--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-ezdegc94jkh2kmuulaks-6yoone0vqwq2zolflepihq" type="hidden" name="form_build_id" value="form-ezdEGC94jkH2kMUuLaKs_6YOONe0vQWq2ZOlfLEpiHQ" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49599-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49599" />
      <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="89506" selected="selected">PUMA23-CHAUSSURE Tacto Ii Fg/Ag Jr Glowing Pink-White-Black T32</option><option value="89507">PUMA23-CHAUSSURE Tacto Ii Fg/Ag Jr Glowing Pink-White-Black T33</option><option value="89508">PUMA23-CHAUSSURE Tacto Ii Fg/Ag Jr Glowing Pink-White-Black T34,5</option><option value="89509">PUMA23-CHAUSSURE Tacto Ii Fg/Ag Jr Glowing Pink-White-Black T35,5</option><option value="89510">PUMA23-CHAUSSURE Tacto Ii Fg/Ag Jr Glowing Pink-White-Black T36</option><option value="89511">PUMA23-CHAUSSURE Tacto Ii Fg/Ag Jr Glowing Pink-White-Black T37</option><option value="89512">PUMA23-CHAUSSURE Tacto Ii Fg/Ag Jr Glowing Pink-White-Black T37,5</option><option value="89513">PUMA23-CHAUSSURE Tacto Ii Fg/Ag Jr Glowing Pink-White-Black T38</option><option value="89514">PUMA23-CHAUSSURE Tacto Ii Fg/Ag Jr Glowing Pink-White-Black T38,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--34" name="op" value="Ajouter au panier" />

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-49599" 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-49599">
          <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__49599">  <img src="/sites/default/files/styles/product_listing/public/happy-market/60320.jpg?itok=ZBwWyqC0" 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 Tacto Ii Fg/Ag Jr Glowing Pink-White-Black</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49599">UNT-60320</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-49599 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49599" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49599" 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-7ja9ew3ae89s-ub8alhcr-tdeselm1jotzgoquonihs" type="hidden" name="form_build_id" value="form-7JA9EW3ae89S_Ub8ALhCr_tdEsELm1JOtZGOquONiHs" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49599" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49599" />
      <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="89506" selected="selected">PUMA23-CHAUSSURE Tacto Ii Fg/Ag Jr Glowing Pink-White-Black T32</option><option value="89507">PUMA23-CHAUSSURE Tacto Ii Fg/Ag Jr Glowing Pink-White-Black T33</option><option value="89508">PUMA23-CHAUSSURE Tacto Ii Fg/Ag Jr Glowing Pink-White-Black T34,5</option><option value="89509">PUMA23-CHAUSSURE Tacto Ii Fg/Ag Jr Glowing Pink-White-Black T35,5</option><option value="89510">PUMA23-CHAUSSURE Tacto Ii Fg/Ag Jr Glowing Pink-White-Black T36</option><option value="89511">PUMA23-CHAUSSURE Tacto Ii Fg/Ag Jr Glowing Pink-White-Black T37</option><option value="89512">PUMA23-CHAUSSURE Tacto Ii Fg/Ag Jr Glowing Pink-White-Black T37,5</option><option value="89513">PUMA23-CHAUSSURE Tacto Ii Fg/Ag Jr Glowing Pink-White-Black T38</option><option value="89514">PUMA23-CHAUSSURE Tacto Ii Fg/Ag Jr Glowing Pink-White-Black T38,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--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-49599').click(() => {
          $("#modal-website-49599").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-ds-light-jr-gs-safety-yellowblack" 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__49574">  <img src="/sites/default/files/styles/product_listing/public/happy-market/60097.jpg?itok=NbeUgvG-" 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 Ds Light Jr Gs Safety Yellow/Black
        </h2>

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


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

          <a href="/produits/asics-chaussure-ds-light-jr-gs-safety-yellowblack">
            <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-49574 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49574-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49574--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-rtyerzhpypegelu434fvpbehovtrehqyp-luqzlujq8" type="hidden" name="form_build_id" value="form-RTyeRzHPYPEgELu434FVpbEhOvtrEHqYP-LuQZLujQ8" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49574-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49574" />
      <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="89377" selected="selected">ASICS23-CHAUSSURE Ds Light Jr Gs Safety Yellow/Black T33</option><option value="89378">ASICS23-CHAUSSURE Ds Light Jr Gs Safety Yellow/Black T33,5</option><option value="89379">ASICS23-CHAUSSURE Ds Light Jr Gs Safety Yellow/Black T34,5</option><option value="89380">ASICS23-CHAUSSURE Ds Light Jr Gs Safety Yellow/Black T35</option><option value="89381">ASICS23-CHAUSSURE Ds Light Jr Gs Safety Yellow/Black T36</option><option value="89382">ASICS23-CHAUSSURE Ds Light Jr Gs Safety Yellow/Black T37</option><option value="89383">ASICS23-CHAUSSURE Ds Light Jr Gs Safety Yellow/Black T37,5</option><option value="89384">ASICS23-CHAUSSURE Ds Light Jr Gs Safety Yellow/Black T38</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-49574" 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-49574">
          <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__49574">  <img src="/sites/default/files/styles/product_listing/public/happy-market/60097.jpg?itok=NbeUgvG-" 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 Ds Light Jr Gs Safety Yellow/Black</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49574">UNT-60097</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-49574 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49574" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49574" 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-iaufg-cz6xvs2clzihuwdtxea4gnmjrpcndkbi7gba" type="hidden" name="form_build_id" value="form-_Iaufg-cZ6xVS2cLZIHUwDTxEA4GnmJRPcNdkbI7GBA" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49574" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49574" />
      <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="89377" selected="selected">ASICS23-CHAUSSURE Ds Light Jr Gs Safety Yellow/Black T33</option><option value="89378">ASICS23-CHAUSSURE Ds Light Jr Gs Safety Yellow/Black T33,5</option><option value="89379">ASICS23-CHAUSSURE Ds Light Jr Gs Safety Yellow/Black T34,5</option><option value="89380">ASICS23-CHAUSSURE Ds Light Jr Gs Safety Yellow/Black T35</option><option value="89381">ASICS23-CHAUSSURE Ds Light Jr Gs Safety Yellow/Black T36</option><option value="89382">ASICS23-CHAUSSURE Ds Light Jr Gs Safety Yellow/Black T37</option><option value="89383">ASICS23-CHAUSSURE Ds Light Jr Gs Safety Yellow/Black T37,5</option><option value="89384">ASICS23-CHAUSSURE Ds Light Jr Gs Safety Yellow/Black T38</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-49574').click(() => {
          $("#modal-website-49574").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-ds-light-jr-gs-whitemako-blue" 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__49575">  <img src="/sites/default/files/styles/product_listing/public/happy-market/60106.jpg?itok=LX_YNVGm" 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 Ds Light Jr Gs White/Mako Blue
        </h2>

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


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

          <a href="/produits/asics-chaussure-ds-light-jr-gs-whitemako-blue">
            <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-49575 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49575-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49575--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-kqbwtwxf-eshqqe-lv4ipyvgoejbnrz-eoismasktba" type="hidden" name="form_build_id" value="form-kqBwTWxf_esHqQE_lV4ipYVGOeJbnRZ_eOIsMAsktBA" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49575-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49575" />
      <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="89385" selected="selected">ASICS23-CHAUSSURE Ds Light Jr Gs White/Mako Blue T33,5</option><option value="89386">ASICS23-CHAUSSURE Ds Light Jr Gs White/Mako Blue T34,5</option><option value="89387">ASICS23-CHAUSSURE Ds Light Jr Gs White/Mako Blue T35</option><option value="89388">ASICS23-CHAUSSURE Ds Light Jr Gs White/Mako Blue T36</option><option value="89389">ASICS23-CHAUSSURE Ds Light Jr Gs White/Mako Blue T37</option><option value="89390">ASICS23-CHAUSSURE Ds Light Jr Gs White/Mako Blue T37,5</option><option value="89391">ASICS23-CHAUSSURE Ds Light Jr Gs White/Mako Blue T38</option><option value="89392">ASICS23-CHAUSSURE Ds Light Jr Gs White/Mako Blue T39</option></select>
        </div>

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

</form>
</div></div>
          </div>
  
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="modal-website-49575" 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-49575">
          <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__49575">  <img src="/sites/default/files/styles/product_listing/public/happy-market/60106.jpg?itok=LX_YNVGm" 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 Ds Light Jr Gs White/Mako Blue</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49575">UNT-60106</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-49575 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49575" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49575" 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-hzlao2e8ugzpofoqzvnnaqldpcyjomstqx7uanjaqjo" type="hidden" name="form_build_id" value="form-HZLAO2E8UgZPOfoqZVNNaqLDpCyJOmSTQx7uAnJaqJo" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49575" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49575" />
      <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="89385" selected="selected">ASICS23-CHAUSSURE Ds Light Jr Gs White/Mako Blue T33,5</option><option value="89386">ASICS23-CHAUSSURE Ds Light Jr Gs White/Mako Blue T34,5</option><option value="89387">ASICS23-CHAUSSURE Ds Light Jr Gs White/Mako Blue T35</option><option value="89388">ASICS23-CHAUSSURE Ds Light Jr Gs White/Mako Blue T36</option><option value="89389">ASICS23-CHAUSSURE Ds Light Jr Gs White/Mako Blue T37</option><option value="89390">ASICS23-CHAUSSURE Ds Light Jr Gs White/Mako Blue T37,5</option><option value="89391">ASICS23-CHAUSSURE Ds Light Jr Gs White/Mako Blue T38</option><option value="89392">ASICS23-CHAUSSURE Ds Light Jr Gs White/Mako Blue T39</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--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-49575').click(() => {
          $("#modal-website-49575").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-x-crazyfast4-tf-j-ftwwhtcblackluclem" 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__49555">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59980.jpg?itok=K-edeBuG" 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 X Crazyfast.4 Tf J Ftwwht/Cblack/Luclem
        </h2>

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


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

          <a href="/produits/adidas-chaussure-x-crazyfast4-tf-j-ftwwhtcblackluclem">
            <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-49555 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49555-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49555--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-f5f-gwuiw9a5990aapcldfrlzgfjdjb425bgr2krimk" type="hidden" name="form_build_id" value="form-f5F-gWUiW9A5990AapcldfrlzgfJdjb425bGr2kRiMk" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49555-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49555" />
      <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="89331" selected="selected">ADI23-CHAUSSURE X Crazyfast.4 Tf J Ftwwht/Cblack/Luclem T32</option><option value="89332">ADI23-CHAUSSURE X Crazyfast.4 Tf J Ftwwht/Cblack/Luclem T33,5</option><option value="89333">ADI23-CHAUSSURE X Crazyfast.4 Tf J Ftwwht/Cblack/Luclem T36</option><option value="89334">ADI23-CHAUSSURE X Crazyfast.4 Tf J Ftwwht/Cblack/Luclem T37 1/3</option><option value="89335">ADI23-CHAUSSURE X Crazyfast.4 Tf J Ftwwht/Cblack/Luclem T38 2/3</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-49555" 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-49555">
          <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__49555">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59980.jpg?itok=K-edeBuG" 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 X Crazyfast.4 Tf J Ftwwht/Cblack/Luclem</div>
      
				</h2>

                              <div class="my-2 line-through text-md font-bold">
              5000 FCFP
            </div>
                  
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49555">3 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__49555">UNT-59980</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-49555 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49555" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49555" 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-zqhwjfaootfkxcyaujngvgo-en-oeylsciuo9nmtjhi" type="hidden" name="form_build_id" value="form-zQhwjFaOoTfkXcyAuJnGvGo-en-OEYlsciUo9NMtjHI" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49555" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49555" />
      <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="89331" selected="selected">ADI23-CHAUSSURE X Crazyfast.4 Tf J Ftwwht/Cblack/Luclem T32</option><option value="89332">ADI23-CHAUSSURE X Crazyfast.4 Tf J Ftwwht/Cblack/Luclem T33,5</option><option value="89333">ADI23-CHAUSSURE X Crazyfast.4 Tf J Ftwwht/Cblack/Luclem T36</option><option value="89334">ADI23-CHAUSSURE X Crazyfast.4 Tf J Ftwwht/Cblack/Luclem T37 1/3</option><option value="89335">ADI23-CHAUSSURE X Crazyfast.4 Tf J Ftwwht/Cblack/Luclem T38 2/3</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-49555').click(() => {
          $("#modal-website-49555").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-x-crazyfast4-j-ftwwhtcblackluclem" 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__49554">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59974.jpg?itok=laiIXUM0" 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 X Crazyfast.4 In J Ftwwht/Cblack/Luclem
        </h2>

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


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

          <a href="/produits/adidas-chaussure-x-crazyfast4-j-ftwwhtcblackluclem">
            <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-49554 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49554-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49554--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-8ebl4j5jepvsgy-dubgqnfuycqvsyni-rnryndelaie" type="hidden" name="form_build_id" value="form-8EBl4j5jepvSGy_DUBgqnFUYCQvSYNI_RNRYNDelaiE" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49554-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49554" />
      <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="89325" selected="selected">ADI23-CHAUSSURE X Crazyfast.4 In J Ftwwht/Cblack/Luclem T32</option><option value="89326">ADI23-CHAUSSURE X Crazyfast.4 In J Ftwwht/Cblack/Luclem T33,5</option><option value="89327">ADI23-CHAUSSURE X Crazyfast.4 In J Ftwwht/Cblack/Luclem T35</option><option value="89328">ADI23-CHAUSSURE X Crazyfast.4 In J Ftwwht/Cblack/Luclem T36</option><option value="89329">ADI23-CHAUSSURE X Crazyfast.4 In J Ftwwht/Cblack/Luclem T37 1/3</option><option value="89330">ADI23-CHAUSSURE X Crazyfast.4 In J Ftwwht/Cblack/Luclem T38 2/3</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-49554" 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-49554">
          <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__49554">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59974.jpg?itok=laiIXUM0" 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 X Crazyfast.4 In J Ftwwht/Cblack/Luclem</div>
      
				</h2>

                              <div class="my-2 line-through text-md font-bold">
              5000 FCFP
            </div>
                  
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49554">3 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__49554">UNT-59974</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-49554 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49554" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49554" 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-gz5qnmta-izw8v3i-zjbrksqhpc6t-tp7-3o51uud14" type="hidden" name="form_build_id" value="form-GZ5QnmtA_izw8v3I_zJBrkSqhPC6T_TP7_3O51uUD14" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49554" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49554" />
      <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="89325" selected="selected">ADI23-CHAUSSURE X Crazyfast.4 In J Ftwwht/Cblack/Luclem T32</option><option value="89326">ADI23-CHAUSSURE X Crazyfast.4 In J Ftwwht/Cblack/Luclem T33,5</option><option value="89327">ADI23-CHAUSSURE X Crazyfast.4 In J Ftwwht/Cblack/Luclem T35</option><option value="89328">ADI23-CHAUSSURE X Crazyfast.4 In J Ftwwht/Cblack/Luclem T36</option><option value="89329">ADI23-CHAUSSURE X Crazyfast.4 In J Ftwwht/Cblack/Luclem T37 1/3</option><option value="89330">ADI23-CHAUSSURE X Crazyfast.4 In J Ftwwht/Cblack/Luclem T38 2/3</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-49554').click(() => {
          $("#modal-website-49554").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-copa-pure4-fxg-j-ftwwhtcblackluclem" 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__49534">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59827.jpg?itok=s9gl7Sv_" 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 Copa Pure.4 Fxg J Ftwwht/Cblack/Luclem
        </h2>

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


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

          <a href="/produits/adidas-chaussure-copa-pure4-fxg-j-ftwwhtcblackluclem">
            <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-49534 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49534-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49534--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-cmjjkfwowlum7fx5yzgw3k7waivaspmpjyntdxtgtoc" type="hidden" name="form_build_id" value="form-cMjjkFwowlum7FX5YZGW3K7WaIVASpMPjYNtdXtgtoc" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49534-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49534" />
      <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="89214" selected="selected">ADI23-CHAUSSURE Copa Pure.4 Fxg J Ftwwht/Cblack/Luclem T33,5</option><option value="89215">ADI23-CHAUSSURE Copa Pure.4 Fxg J Ftwwht/Cblack/Luclem T35</option><option value="89216">ADI23-CHAUSSURE Copa Pure.4 Fxg J Ftwwht/Cblack/Luclem T36</option><option value="89217">ADI23-CHAUSSURE Copa Pure.4 Fxg J Ftwwht/Cblack/Luclem T37 1/3</option><option value="89218">ADI23-CHAUSSURE Copa Pure.4 Fxg J Ftwwht/Cblack/Luclem T38 2/3</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-49534" 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-49534">
          <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__49534">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59827.jpg?itok=s9gl7Sv_" 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 Copa Pure.4 Fxg J Ftwwht/Cblack/Luclem</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49534">UNT-59827</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-49534 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49534" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49534" 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-n5vjguy1mtdtqnm9nf7yh7adrmwxqhphzzxo-c1epyw" type="hidden" name="form_build_id" value="form-n5vjgUy1mtdtQnm9nF7YH7AdRmwxqHPHZzXo-c1EPyw" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49534" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49534" />
      <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="89214" selected="selected">ADI23-CHAUSSURE Copa Pure.4 Fxg J Ftwwht/Cblack/Luclem T33,5</option><option value="89215">ADI23-CHAUSSURE Copa Pure.4 Fxg J Ftwwht/Cblack/Luclem T35</option><option value="89216">ADI23-CHAUSSURE Copa Pure.4 Fxg J Ftwwht/Cblack/Luclem T36</option><option value="89217">ADI23-CHAUSSURE Copa Pure.4 Fxg J Ftwwht/Cblack/Luclem T37 1/3</option><option value="89218">ADI23-CHAUSSURE Copa Pure.4 Fxg J Ftwwht/Cblack/Luclem T38 2/3</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-49534').click(() => {
          $("#modal-website-49534").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-x-speedportal4-fxg-jr-teshpkftwwhtcblack" 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__49463">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59177.jpg?itok=G5GWTDvo" 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 X Speedportal.4 Fxg JR Teshpk/Ftwwht/Cblack
        </h2>

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


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

          <a href="/produits/adidas-chaussure-x-speedportal4-fxg-jr-teshpkftwwhtcblack">
            <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-49463 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49463-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49463--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-unsbyciatw3ok6b9pswnbfvndvabxqlvhzn310p9ap0" type="hidden" name="form_build_id" value="form-unSbYciAtw3OK6b9pSWNbFvnDVABXQlVhZN310p9AP0" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49463-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49463" />
      <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="89000" selected="selected">ADI23-CHAUSSURE X Speedportal.4 Fxg JR Teshpk/Ftwwht/Cblack T31</option><option value="89001">ADI23-CHAUSSURE X Speedportal.4 Fxg JR Teshpk/Ftwwht/Cblack T32</option><option value="89003">ADI23-CHAUSSURE X Speedportal.4 Fxg JR Teshpk/Ftwwht/Cblack T37 1/3</option><option value="89004">ADI23-CHAUSSURE X Speedportal.4 Fxg JR Teshpk/Ftwwht/Cblack T38 2/3</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-49463" 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-49463">
          <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__49463">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59177.jpg?itok=G5GWTDvo" 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 X Speedportal.4 Fxg JR Teshpk/Ftwwht/Cblack</div>
      
				</h2>

                              <div class="my-2 line-through text-md font-bold">
              5000 FCFP
            </div>
                  
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49463">3 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__49463">UNT-59177</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-49463 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49463" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49463" 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-6dv9qh9ambpjyqk9-rwvfkczf1jp0bv0ubaiyh8rw1w" type="hidden" name="form_build_id" value="form-6dV9QH9AmBpjYqk9_RwvfKCzf1jp0BV0uBAiYh8Rw1w" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49463" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49463" />
      <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="89000" selected="selected">ADI23-CHAUSSURE X Speedportal.4 Fxg JR Teshpk/Ftwwht/Cblack T31</option><option value="89001">ADI23-CHAUSSURE X Speedportal.4 Fxg JR Teshpk/Ftwwht/Cblack T32</option><option value="89003">ADI23-CHAUSSURE X Speedportal.4 Fxg JR Teshpk/Ftwwht/Cblack T37 1/3</option><option value="89004">ADI23-CHAUSSURE X Speedportal.4 Fxg JR Teshpk/Ftwwht/Cblack T38 2/3</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-49463').click(() => {
          $("#modal-website-49463").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-predator-jr-accuracy4-tmsoorcblackcblack" 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__49458">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59088.jpg?itok=bdwm5tbN" 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 Predator JR Accuracy.4 Tmsoor/Cblack/Cblack
        </h2>

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


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

          <a href="/produits/adidas-chaussure-predator-jr-accuracy4-tmsoorcblackcblack">
            <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-49458 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49458-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49458--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-vdsct3zfdndz2yfqbkro3lmrcxsny0wihbns1d9-rhs" type="hidden" name="form_build_id" value="form-VDscT3zFDndZ2YfQbKrO3lmrcXSNy0wiHBNs1d9-RHs" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49458-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49458" />
      <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="88974" selected="selected">ADI23-CHAUSSURE Predator Accuracy.4 Tmsoor/Cblack/Cblack T31</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-49458" 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-49458">
          <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__49458">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59088.jpg?itok=bdwm5tbN" 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 Predator JR Accuracy.4 Tmsoor/Cblack/Cblack</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49458">UNT-59088</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-49458 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49458" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49458" 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-2b4tgyvqpkiwruva2hhb8nt-mldvv0soelwj0drpobo" type="hidden" name="form_build_id" value="form-2b4tGYVqpkIWrUVA2HHB8nt-MldvV0sOelwj0DrPOBo" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49458" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49458" />
      <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="88974" selected="selected">ADI23-CHAUSSURE Predator Accuracy.4 Tmsoor/Cblack/Cblack T31</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-49458').click(() => {
          $("#modal-website-49458").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-predator-accuracy4-tmsoorcblackcblack" 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__49457">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59081.jpg?itok=mM2aLkOz" 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 Predator Accuracy.4 IN Tmsoor/Cblack/Cblack
        </h2>

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


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

          <a href="/produits/adidas-chaussure-predator-accuracy4-tmsoorcblackcblack">
            <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-49457 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49457-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49457--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-ah-r-tkiu-jwsmcndr9k93hhwnmi-6rxr6w5hmf6qii" type="hidden" name="form_build_id" value="form-ah_R-TKiu_JWSMCNdR9k93HHwNMi_6RXr6W5hmF6qiI" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49457-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49457" />
      <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="88968" selected="selected">ADI23-CHAUSSURE Predator Accuracy.4 IN Tmsoor/Cblack/Cblack T31</option><option value="88969">ADI23-CHAUSSURE Predator Accuracy.4 IN Tmsoor/Cblack/Cblack T32</option><option value="88970">ADI23-CHAUSSURE Predator Accuracy.4 IN Tmsoor/Cblack/Cblack T33,5</option><option value="88971">ADI23-CHAUSSURE Predator Accuracy.4 IN Tmsoor/Cblack/Cblack T36</option><option value="88972">ADI23-CHAUSSURE Predator Accuracy.4 IN Tmsoor/Cblack/Cblack T37 1/3</option><option value="88973">ADI23-CHAUSSURE Predator Accuracy.4 IN Tmsoor/Cblack/Cblack T38 2/3</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-49457" 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-49457">
          <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__49457">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59081.jpg?itok=mM2aLkOz" 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 Predator Accuracy.4 IN Tmsoor/Cblack/Cblack</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49457">UNT-59081</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-49457 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49457" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49457" 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-hpkbubzv5dovn7tar07la-ppa43kjpe-lhfnj5ncxf0" type="hidden" name="form_build_id" value="form-hPKbuBZv5DOVN7Tar07La_PPa43kjPE-lhFnj5NCxF0" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49457" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49457" />
      <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="88968" selected="selected">ADI23-CHAUSSURE Predator Accuracy.4 IN Tmsoor/Cblack/Cblack T31</option><option value="88969">ADI23-CHAUSSURE Predator Accuracy.4 IN Tmsoor/Cblack/Cblack T32</option><option value="88970">ADI23-CHAUSSURE Predator Accuracy.4 IN Tmsoor/Cblack/Cblack T33,5</option><option value="88971">ADI23-CHAUSSURE Predator Accuracy.4 IN Tmsoor/Cblack/Cblack T36</option><option value="88972">ADI23-CHAUSSURE Predator Accuracy.4 IN Tmsoor/Cblack/Cblack T37 1/3</option><option value="88973">ADI23-CHAUSSURE Predator Accuracy.4 IN Tmsoor/Cblack/Cblack T38 2/3</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-49457').click(() => {
          $("#modal-website-49457").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-predator-accuracy1-tmsoorcblackcblack" 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__49454">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59018.jpg?itok=S6vvSbPM" 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 Predator Accuracy.1 Tmsoor/Cblack/Cblack
        </h2>

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


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

          <a href="/produits/adidas-chaussure-predator-accuracy1-tmsoorcblackcblack">
            <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-49454 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49454-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49454--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-psqe82szn-ltjzejngiqlfnloyr3konmrbplk8xykje" type="hidden" name="form_build_id" value="form-pSqE82szn-LtjzEjnGIQLfnLOyr3KONmrbplk8XyKJE" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49454-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49454" />
      <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="88933" selected="selected">ADI23-CHAUSSURE Predator Accuracy.1 Tmsoor/Cblack/Cblack T31</option><option value="88934">ADI23-CHAUSSURE Predator Accuracy.1 Tmsoor/Cblack/Cblack T32</option><option value="88935">ADI23-CHAUSSURE Predator Accuracy.1 Tmsoor/Cblack/Cblack T33,5</option><option value="88936">ADI23-CHAUSSURE Predator Accuracy.1 Tmsoor/Cblack/Cblack T35</option><option value="88937">ADI23-CHAUSSURE Predator Accuracy.1 Tmsoor/Cblack/Cblack T36</option><option value="88938">ADI23-CHAUSSURE Predator Accuracy.1 Tmsoor/Cblack/Cblack T37 1/3</option><option value="88939">ADI23-CHAUSSURE Predator Accuracy.1 Tmsoor/Cblack/Cblack T38 2/3</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-49454" 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-49454">
          <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__49454">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59018.jpg?itok=S6vvSbPM" 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 Predator Accuracy.1 Tmsoor/Cblack/Cblack</div>
      
				</h2>

                              <div class="my-2 line-through text-md font-bold">
              14900 FCFP
            </div>
                  
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49454">7 500 FCFP</div>
      
				</div>

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49454">UNT-59018</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-49454 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49454" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49454" 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-lylljyqyjylgmpjvvojkgkr4qeqb5-felr7pye3281k" type="hidden" name="form_build_id" value="form-LyLLJYQYjYLGmpjVvOJKGkR4Qeqb5-FeLr7pYe3281k" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49454" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49454" />
      <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="88933" selected="selected">ADI23-CHAUSSURE Predator Accuracy.1 Tmsoor/Cblack/Cblack T31</option><option value="88934">ADI23-CHAUSSURE Predator Accuracy.1 Tmsoor/Cblack/Cblack T32</option><option value="88935">ADI23-CHAUSSURE Predator Accuracy.1 Tmsoor/Cblack/Cblack T33,5</option><option value="88936">ADI23-CHAUSSURE Predator Accuracy.1 Tmsoor/Cblack/Cblack T35</option><option value="88937">ADI23-CHAUSSURE Predator Accuracy.1 Tmsoor/Cblack/Cblack T36</option><option value="88938">ADI23-CHAUSSURE Predator Accuracy.1 Tmsoor/Cblack/Cblack T37 1/3</option><option value="88939">ADI23-CHAUSSURE Predator Accuracy.1 Tmsoor/Cblack/Cblack T38 2/3</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-49454').click(() => {
          $("#modal-website-49454").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-copa-pure3-fg-j-owhitetmsoorowhite" 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__49450">  <img src="/sites/default/files/styles/product_listing/public/happy-market/58935.jpg?itok=qsCPCvib" 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 Copa Pure.3 Fg J Owhite/Tmsoor/Owhite
        </h2>

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


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

          <a href="/produits/adidas-chaussure-copa-pure3-fg-j-owhitetmsoorowhite">
            <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-49450 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49450-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49450--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-ru0qlex7uzsoeygcjc6qfrzl7z6qcukr73hovj0cbew" type="hidden" name="form_build_id" value="form-Ru0QLeX7UZSOEYgCJc6QfRzL7z6QCUKr73hovj0cbew" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49450-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49450" />
      <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="88897" selected="selected">ADI23-CHAUSSURE Copa Pure.3 Fg J Owhite/Tmsoor/Owhite T31</option><option value="88898">ADI23-CHAUSSURE Copa Pure.3 Fg J Owhite/Tmsoor/Owhite T32</option><option value="88899">ADI23-CHAUSSURE Copa Pure.3 Fg J Owhite/Tmsoor/Owhite T33,5</option><option value="88900">ADI23-CHAUSSURE Copa Pure.3 Fg J Owhite/Tmsoor/Owhite T35</option><option value="88901">ADI23-CHAUSSURE Copa Pure.3 Fg J Owhite/Tmsoor/Owhite T37 1/3</option><option value="88902">ADI23-CHAUSSURE Copa Pure.3 Fg J Owhite/Tmsoor/Owhite T38 2/3</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-49450" 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-49450">
          <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__49450">  <img src="/sites/default/files/styles/product_listing/public/happy-market/58935.jpg?itok=qsCPCvib" 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 Copa Pure.3 Fg J Owhite/Tmsoor/Owhite</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49450">UNT-58935</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-49450 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49450" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49450" 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-lm2gs9ct8q69959txonyid4caxbp2zwnqc7rbiq4htu" type="hidden" name="form_build_id" value="form-Lm2gs9cT8q69959txOnyiD4CaxBP2zwNQc7rbIQ4htU" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49450" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49450" />
      <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="88897" selected="selected">ADI23-CHAUSSURE Copa Pure.3 Fg J Owhite/Tmsoor/Owhite T31</option><option value="88898">ADI23-CHAUSSURE Copa Pure.3 Fg J Owhite/Tmsoor/Owhite T32</option><option value="88899">ADI23-CHAUSSURE Copa Pure.3 Fg J Owhite/Tmsoor/Owhite T33,5</option><option value="88900">ADI23-CHAUSSURE Copa Pure.3 Fg J Owhite/Tmsoor/Owhite T35</option><option value="88901">ADI23-CHAUSSURE Copa Pure.3 Fg J Owhite/Tmsoor/Owhite T37 1/3</option><option value="88902">ADI23-CHAUSSURE Copa Pure.3 Fg J Owhite/Tmsoor/Owhite T38 2/3</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-49450').click(() => {
          $("#modal-website-49450").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-copa-pure4-fxg-j-owhitesorangowhite" 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__49451">  <img src="/sites/default/files/styles/product_listing/public/happy-market/58952.jpg?itok=TnjranNp" 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 Copa Pure.4 Fxg J Owhite/Sorang/Owhite
        </h2>

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


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

          <a href="/produits/adidas-chaussure-copa-pure4-fxg-j-owhitesorangowhite">
            <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-49451 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49451-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49451--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-8g36ghqzmpmznqs7oojfw9d0vyg0bpm53ttel4n9tru" type="hidden" name="form_build_id" value="form-8g36ghqZMPMZNqS7OOjfw9d0vYG0bPM53ttel4n9tRU" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49451-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49451" />
      <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="88908" selected="selected">ADI23-CHAUSSURE Copa Pure.4 Fxg J Owhite/Sorang/Owhite T31</option><option value="88909">ADI23-CHAUSSURE Copa Pure.4 Fxg J Owhite/Sorang/Owhite T32</option><option value="88910">ADI23-CHAUSSURE Copa Pure.4 Fxg J Owhite/Sorang/Owhite T33,5</option><option value="88911">ADI23-CHAUSSURE Copa Pure.4 Fxg J Owhite/Sorang/Owhite T35</option><option value="88912">ADI23-CHAUSSURE Copa Pure.4 Fxg J Owhite/Sorang/Owhite T36</option><option value="88913">ADI23-CHAUSSURE Copa Pure.4 Fxg J Owhite/Sorang/Owhite T38 2/3</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-49451" 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-49451">
          <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__49451">  <img src="/sites/default/files/styles/product_listing/public/happy-market/58952.jpg?itok=TnjranNp" 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 Copa Pure.4 Fxg J Owhite/Sorang/Owhite</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49451">UNT-58952</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-49451 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49451" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49451" 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-url9rslfr6avpg683w5r2dwg-eeb-c0pkagkbt2q1nu" type="hidden" name="form_build_id" value="form-urL9RslfR6avpG683w5r2DwG_eEB_C0pkaGKbT2Q1NU" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49451" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49451" />
      <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="88908" selected="selected">ADI23-CHAUSSURE Copa Pure.4 Fxg J Owhite/Sorang/Owhite T31</option><option value="88909">ADI23-CHAUSSURE Copa Pure.4 Fxg J Owhite/Sorang/Owhite T32</option><option value="88910">ADI23-CHAUSSURE Copa Pure.4 Fxg J Owhite/Sorang/Owhite T33,5</option><option value="88911">ADI23-CHAUSSURE Copa Pure.4 Fxg J Owhite/Sorang/Owhite T35</option><option value="88912">ADI23-CHAUSSURE Copa Pure.4 Fxg J Owhite/Sorang/Owhite T36</option><option value="88913">ADI23-CHAUSSURE Copa Pure.4 Fxg J Owhite/Sorang/Owhite T38 2/3</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-49451').click(() => {
          $("#modal-website-49451").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-x-speedportal4-fxg-teshpkftwwhtcblack" 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__49275">  <img src="/sites/default/files/styles/product_listing/public/happy-market/56814.jpg?itok=A7C7vBsz" 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 X Speedportal.4 Fxg Teshpk/Ftwwht/Cblack
        </h2>

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


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

          <a href="/produits/adidas-chaussure-x-speedportal4-fxg-teshpkftwwhtcblack">
            <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-49275 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49275-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49275--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-kjrinvbep8ku7r-6-371zc5ek4kl-mimfmnwsksgofc" type="hidden" name="form_build_id" value="form-KjrINVBEP8KU7R_6_371zc5ek4kL-MIMFMNWSKSgofc" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49275-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49275" />
      <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="88454" selected="selected">ADI23-CHAUSSURE X Speedportal.4 Fxg Teshpk/Ftwwht/Cblack T33,5</option><option value="88455">ADI23-CHAUSSURE X Speedportal.4 Fxg Teshpk/Ftwwht/Cblack T36</option><option value="89002">ADI23-CHAUSSURE X Speedportal.4 Fxg JR Teshpk/Ftwwht/Cblack T35</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-49275" 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-49275">
          <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__49275">  <img src="/sites/default/files/styles/product_listing/public/happy-market/56814.jpg?itok=A7C7vBsz" 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 X Speedportal.4 Fxg Teshpk/Ftwwht/Cblack</div>
      
				</h2>

                              <div class="my-2 line-through text-md font-bold">
              5000 FCFP
            </div>
                  
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49275">3 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__49275">UNT-56814</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-49275 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49275" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49275" 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-6ejjtrz1zwmygt-2rqs0uekmp3mi09hm1z6nqnb-pys" type="hidden" name="form_build_id" value="form-6EjJtrZ1zWmYGT_2rqS0uekmp3mI09Hm1Z6nqnb_pYs" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49275" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49275" />
      <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="88454" selected="selected">ADI23-CHAUSSURE X Speedportal.4 Fxg Teshpk/Ftwwht/Cblack T33,5</option><option value="88455">ADI23-CHAUSSURE X Speedportal.4 Fxg Teshpk/Ftwwht/Cblack T36</option><option value="89002">ADI23-CHAUSSURE X Speedportal.4 Fxg JR Teshpk/Ftwwht/Cblack T35</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-49275').click(() => {
          $("#modal-website-49275").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-predator-accuracy4-cblackftwwhtteshpk-0" 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__49269">  <img src="/sites/default/files/styles/product_listing/public/happy-market/56774.jpg?itok=V_4jYi9N" 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 Predator Accuracy.4 IN Cblack/Ftwwht/Teshpk
        </h2>

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


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

          <a href="/produits/adidas-chaussure-predator-accuracy4-cblackftwwhtteshpk-0">
            <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-49269 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49269-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49269--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-momf0ecat1irorq1v-w8y87qooz1sqmikuesvevd2eg" type="hidden" name="form_build_id" value="form-mOmf0ecat1iroRQ1v-W8Y87qOOz1sqmiKuESVEVD2Eg" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49269-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49269" />
      <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="88434" selected="selected">ADI23-CHAUSSURE Predator Accuracy.4 IN Cblack/Ftwwht/Teshpk T33,5</option><option value="88962">ADI23-CHAUSSURE Predator Accuracy.4 IN Cblack/Ftwwht/Teshpk T31</option><option value="88963">ADI23-CHAUSSURE Predator Accuracy.4 IN Cblack/Ftwwht/Teshpk T32</option><option value="88964">ADI23-CHAUSSURE Predator Accuracy.4 IN Cblack/Ftwwht/Teshpk T35</option><option value="88965">ADI23-CHAUSSURE Predator Accuracy.4 IN Cblack/Ftwwht/Teshpk T36</option><option value="88966">ADI23-CHAUSSURE Predator Accuracy.4 IN Cblack/Ftwwht/Teshpk T37 1/3</option><option value="88967">ADI23-CHAUSSURE Predator Accuracy.4 IN Cblack/Ftwwht/Teshpk T38 2/3</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-49269" 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-49269">
          <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__49269">  <img src="/sites/default/files/styles/product_listing/public/happy-market/56774.jpg?itok=V_4jYi9N" 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 Predator Accuracy.4 IN Cblack/Ftwwht/Teshpk</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49269">UNT-56774</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-49269 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49269" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49269" 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-klbletuyz1g1ljputxvyu8clamg5yfcl7ljget7nae4" type="hidden" name="form_build_id" value="form-KlblETUYZ1g1lJPuTxVyu8ClAMG5yFcl7ljgEt7NAE4" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49269" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49269" />
      <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="88434" selected="selected">ADI23-CHAUSSURE Predator Accuracy.4 IN Cblack/Ftwwht/Teshpk T33,5</option><option value="88962">ADI23-CHAUSSURE Predator Accuracy.4 IN Cblack/Ftwwht/Teshpk T31</option><option value="88963">ADI23-CHAUSSURE Predator Accuracy.4 IN Cblack/Ftwwht/Teshpk T32</option><option value="88964">ADI23-CHAUSSURE Predator Accuracy.4 IN Cblack/Ftwwht/Teshpk T35</option><option value="88965">ADI23-CHAUSSURE Predator Accuracy.4 IN Cblack/Ftwwht/Teshpk T36</option><option value="88966">ADI23-CHAUSSURE Predator Accuracy.4 IN Cblack/Ftwwht/Teshpk T37 1/3</option><option value="88967">ADI23-CHAUSSURE Predator Accuracy.4 IN Cblack/Ftwwht/Teshpk T38 2/3</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-49269').click(() => {
          $("#modal-website-49269").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-predator-accuracy4-jr-cblackftwwhtteshpk" 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__49267">  <img src="/sites/default/files/styles/product_listing/public/happy-market/56769.jpg?itok=CLvysHvj" 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 Predator Accuracy.4 JR Cblack/Ftwwht/Teshpk
        </h2>

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


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

          <a href="/produits/adidas-chaussure-predator-accuracy4-jr-cblackftwwhtteshpk">
            <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-49267 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49267-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49267--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-dubnkdupcujexk02vlljntf0exkkiv06bzwoueh-xbe" type="hidden" name="form_build_id" value="form-DUbnkDuPCujeXk02vLljnTF0EXkkIv06BZwOUEH_xBE" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49267-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49267" />
      <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="88431" selected="selected">ADI23-CHAUSSURE Predator Accuracy.4 Cblack/Ftwwht/Teshpk T31,5</option><option value="88950">ADI23-CHAUSSURE Predator Accuracy.4 Cblack/Ftwwht/Teshpk T32</option><option value="88951">ADI23-CHAUSSURE Predator Accuracy.4 Cblack/Ftwwht/Teshpk T33,5</option><option value="88952">ADI23-CHAUSSURE Predator Accuracy.4 Cblack/Ftwwht/Teshpk T35</option><option value="88953">ADI23-CHAUSSURE Predator Accuracy.4 Cblack/Ftwwht/Teshpk T36</option><option value="88954">ADI23-CHAUSSURE Predator Accuracy.4 Cblack/Ftwwht/Teshpk T37 1/3</option><option value="88955">ADI23-CHAUSSURE Predator Accuracy.4 Cblack/Ftwwht/Teshpk T38 2/3</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-49267" 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-49267">
          <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__49267">  <img src="/sites/default/files/styles/product_listing/public/happy-market/56769.jpg?itok=CLvysHvj" 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 Predator Accuracy.4 JR Cblack/Ftwwht/Teshpk</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49267">UNT-56769</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-49267 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49267" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49267" 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-ucss7s-wyh86mjbbsleihbg6zg8o6ku6jhd6z-vhwb8" type="hidden" name="form_build_id" value="form-UCSS7S-WyH86mJbBsleIhbG6zG8o6Ku6jHd6Z-vhWB8" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49267" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49267" />
      <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="88431" selected="selected">ADI23-CHAUSSURE Predator Accuracy.4 Cblack/Ftwwht/Teshpk T31,5</option><option value="88950">ADI23-CHAUSSURE Predator Accuracy.4 Cblack/Ftwwht/Teshpk T32</option><option value="88951">ADI23-CHAUSSURE Predator Accuracy.4 Cblack/Ftwwht/Teshpk T33,5</option><option value="88952">ADI23-CHAUSSURE Predator Accuracy.4 Cblack/Ftwwht/Teshpk T35</option><option value="88953">ADI23-CHAUSSURE Predator Accuracy.4 Cblack/Ftwwht/Teshpk T36</option><option value="88954">ADI23-CHAUSSURE Predator Accuracy.4 Cblack/Ftwwht/Teshpk T37 1/3</option><option value="88955">ADI23-CHAUSSURE Predator Accuracy.4 Cblack/Ftwwht/Teshpk T38 2/3</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-49267').click(() => {
          $("#modal-website-49267").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-copa-pure4-tf-j-cblackzeromtteshpk" 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__49259">  <img src="/sites/default/files/styles/product_listing/public/happy-market/56687.jpg?itok=lC1tQgfL" 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 Copa Pure.4 Tf J Cblack/Zeromt/Teshpk
        </h2>

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


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

          <a href="/produits/adidas-chaussure-copa-pure4-tf-j-cblackzeromtteshpk">
            <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-49259 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49259-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49259--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-pbvmauy7xftlnv-q9vtdje-qpw-2ahncp5ye6zzt2a4" type="hidden" name="form_build_id" value="form-pbVmAUy7XFtlNv-q9vtDJE-Qpw-2ahnCP5YE6Zzt2A4" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49259-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49259" />
      <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="88395" selected="selected">ADI23-CHAUSSURE Copa Pure.4 Tf J Cblack/Zeromt/Teshpk T31,5</option><option value="88396">ADI23-CHAUSSURE Copa Pure.4 Tf J Cblack/Zeromt/Teshpk T32</option><option value="88397">ADI23-CHAUSSURE Copa Pure.4 Tf J Cblack/Zeromt/Teshpk T33,5</option><option value="88398">ADI23-CHAUSSURE Copa Pure.4 Tf J Cblack/Zeromt/Teshpk T35</option><option value="88399">ADI23-CHAUSSURE Copa Pure.4 Tf J Cblack/Zeromt/Teshpk T36</option><option value="88400">ADI23-CHAUSSURE Copa Pure.4 Tf J Cblack/Zeromt/Teshpk T37 1/3</option><option value="88401">ADI23-CHAUSSURE Copa Pure.4 Tf J Cblack/Zeromt/Teshpk T38 2/3</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-49259" 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-49259">
          <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__49259">  <img src="/sites/default/files/styles/product_listing/public/happy-market/56687.jpg?itok=lC1tQgfL" 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 Copa Pure.4 Tf J Cblack/Zeromt/Teshpk</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49259">UNT-56687</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-49259 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49259" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49259" 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-0pfsi7s5nrlgfwrhk3rrvosmp2tg7sbl3hzghdzlha0" type="hidden" name="form_build_id" value="form-0pFSI7S5nrlgFWRHk3RrVoSmp2TG7sbL3HzghDZLha0" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49259" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49259" />
      <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="88395" selected="selected">ADI23-CHAUSSURE Copa Pure.4 Tf J Cblack/Zeromt/Teshpk T31,5</option><option value="88396">ADI23-CHAUSSURE Copa Pure.4 Tf J Cblack/Zeromt/Teshpk T32</option><option value="88397">ADI23-CHAUSSURE Copa Pure.4 Tf J Cblack/Zeromt/Teshpk T33,5</option><option value="88398">ADI23-CHAUSSURE Copa Pure.4 Tf J Cblack/Zeromt/Teshpk T35</option><option value="88399">ADI23-CHAUSSURE Copa Pure.4 Tf J Cblack/Zeromt/Teshpk T36</option><option value="88400">ADI23-CHAUSSURE Copa Pure.4 Tf J Cblack/Zeromt/Teshpk T37 1/3</option><option value="88401">ADI23-CHAUSSURE Copa Pure.4 Tf J Cblack/Zeromt/Teshpk T38 2/3</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-49259').click(() => {
          $("#modal-website-49259").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-copa-pure4-fxg-j-cblackzeromtteshpk" 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__49258">  <img src="/sites/default/files/styles/product_listing/public/happy-market/56680.jpg?itok=9eWr6eLU" 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 Copa Pure.4 Fxg J Cblack/Zeromt/Teshpk
        </h2>

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


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

          <a href="/produits/adidas-chaussure-copa-pure4-fxg-j-cblackzeromtteshpk">
            <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-49258 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49258-2" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49258--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-ewcemw-ysktsgutjiopnwlnsuuvptxijjbpfwtyx9q8" type="hidden" name="form_build_id" value="form-eWCemW-ySKtSgUTJiOPnWlNSUUVptXiJjBPFwTYx9Q8" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49258-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49258" />
      <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="88388" selected="selected">ADI23-CHAUSSURE Copa Pure.4 Fxg J Cblack/Zeromt/Teshpk T31,5</option><option value="88389">ADI23-CHAUSSURE Copa Pure.4 Fxg J Cblack/Zeromt/Teshpk T32</option><option value="88390">ADI23-CHAUSSURE Copa Pure.4 Fxg J Cblack/Zeromt/Teshpk T33,5</option><option value="88391">ADI23-CHAUSSURE Copa Pure.4 Fxg J Cblack/Zeromt/Teshpk T35</option><option value="88392">ADI23-CHAUSSURE Copa Pure.4 Fxg J Cblack/Zeromt/Teshpk T36</option><option value="88393">ADI23-CHAUSSURE Copa Pure.4 Fxg J Cblack/Zeromt/Teshpk T37 1/3</option><option value="88394">ADI23-CHAUSSURE Copa Pure.4 Fxg J Cblack/Zeromt/Teshpk T38 2/3</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-49258" 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-49258">
          <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__49258">  <img src="/sites/default/files/styles/product_listing/public/happy-market/56680.jpg?itok=9eWr6eLU" 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 Copa Pure.4 Fxg J Cblack/Zeromt/Teshpk</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49258">UNT-56680</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form"><form class="commerce-order-item-add-to-cart-form-commerce-product-49258 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49258" action="/produits?f%5B0%5D=categories%3A1230" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49258" 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-fkd7wr84gjywrw0fcqplv0yg86rydv1gycr1ymv6lmg" type="hidden" name="form_build_id" value="form-fkD7WR84gJYwRw0FcqPlV0YG86rydV1GYcr1ymv6lMg" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49258" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49258" />
      <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="88388" selected="selected">ADI23-CHAUSSURE Copa Pure.4 Fxg J Cblack/Zeromt/Teshpk T31,5</option><option value="88389">ADI23-CHAUSSURE Copa Pure.4 Fxg J Cblack/Zeromt/Teshpk T32</option><option value="88390">ADI23-CHAUSSURE Copa Pure.4 Fxg J Cblack/Zeromt/Teshpk T33,5</option><option value="88391">ADI23-CHAUSSURE Copa Pure.4 Fxg J Cblack/Zeromt/Teshpk T35</option><option value="88392">ADI23-CHAUSSURE Copa Pure.4 Fxg J Cblack/Zeromt/Teshpk T36</option><option value="88393">ADI23-CHAUSSURE Copa Pure.4 Fxg J Cblack/Zeromt/Teshpk T37 1/3</option><option value="88394">ADI23-CHAUSSURE Copa Pure.4 Fxg J Cblack/Zeromt/Teshpk T38 2/3</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-49258').click(() => {
          $("#modal-website-49258").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%3A1230&amp;search_api_fulltext=&amp;tid=All&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%3A1230&amp;search_api_fulltext=&amp;tid=All&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 pager__item--next">
          <a href="?f%5B0%5D=categories%3A1230&amp;search_api_fulltext=&amp;tid=All&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%3A1230&amp;search_api_fulltext=&amp;tid=All&amp;page=1" 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>