
<!--
//...............................................................................................................................................................................
//.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:1206"],"page":"1","tid":"All"}},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"better_exposed_filters\/general,bootstrap_barrio\/breadcrumb,commerce_cart\/cart_block,core\/html5shiv,core\/jquery.form,devlab_menu\/mmenu,facets\/drupal.facets.checkbox-widget,facets\/drupal.facets.hierarchical,facets_range_widget\/slider,paragraphs\/drupal.paragraphs.unpublished,system\/base,tailwindcss\/custom-fonts,tailwindcss\/flowbite,tailwindcss\/global-styling,tailwindcss\/slick,views\/views.module","theme":"tailwindcss","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true,"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1":true,"\/produits":true},"ajax":{"edit-purchased-entity-0-variation":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--2":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--2","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--3":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--3","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--4":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--4","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--5":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--5","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--6":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--6","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--7":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--7","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--8":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--8","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--9":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--9","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--10":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--10","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--11":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--11","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--12":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--12","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--13":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--13","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--14":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--14","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--15":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--15","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--16":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--16","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--17":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--17","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--18":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--18","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--19":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--19","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--20":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--20","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--21":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--21","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--22":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--22","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--23":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--23","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--24":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--24","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--25":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--25","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--26":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--26","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--27":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--27","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--28":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--28","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--29":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--29","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--30":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--30","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--31":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--31","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--32":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--32","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--33":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--33","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--34":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--34","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--35":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--35","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--36":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--36","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--37":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--37","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--38":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--38","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--39":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--39","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--40":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--40","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--41":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--41","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--42":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--42","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--43":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--43","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--44":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--44","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--45":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--45","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--46":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--46","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--47":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--47","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--48":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--48","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--49":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--49","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--50":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--50","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--51":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--51","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--52":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--52","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--53":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--53","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--54":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--54","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--55":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--55","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--56":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--56","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--57":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--57","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--58":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--58","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--59":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--59","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}},"edit-purchased-entity-0-variation--60":{"callback":["Drupal\\commerce_product\\Plugin\\Field\\FieldWidget\\ProductVariationTitleWidget","ajaxRefresh"],"wrapper":"commerce-product-add-to-cart-form--60","disable-refocus":true,"event":"change","url":"\/produits?f%5B0%5D=categories%3A1206\u0026page=1\u0026tid=All\u0026ajax_form=1","dialogType":"ajax","submit":{"_triggering_element_name":"purchased_entity[0][variation]"}}},"facets":{"sliders":{"prix":{"min":300,"max":14800,"prefix":"","suffix":"","step":500,"labels":["300 (2)","800 (0)","1300 (0)","1800 (0)","2300 (0)","2800 (0)","3300 (0)","3800 (0)","4300 (0)","4800 (0)","5300 (0)","5800 (0)","6300 (0)","6800 (0)","7300 (0)","7800 (0)","8300 (0)","8800 (0)","9300 (0)","9800 (0)","10300 (0)","10800 (0)","11300 (0)","11800 (0)","12300 (0)","12800 (0)","13300 (0)","13800 (0)","14300 (0)","14800 (0)"],"range":true,"url":"\/produits?f%5B0%5D=categories%3A1206\u0026f%5B1%5D=prix%3A%28min%3A__range_slider_min__%2Cmax%3A__range_slider_max__%29\u0026tid=All","values":[300,14800]}}},"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="/">
              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%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="categories-1157" data-drupal-facet-item-value="1157" data-drupal-facet-item-count="546"><span class="facet-item__value">HOMME</span>
  <span class="facet-item__count">(546)</span>
</a></li><li class="facet-item facet-item--collapsed"><a href="/produits?f%5B0%5D=categories%3A1161&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="categories-1161" data-drupal-facet-item-value="1161" data-drupal-facet-item-count="492"><span class="facet-item__value">FEMME</span>
  <span class="facet-item__count">(492)</span>
</a></li><li class="facet-item facet-item--collapsed"><a href="/produits?f%5B0%5D=categories%3A1165&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="categories-1165" data-drupal-facet-item-value="1165" data-drupal-facet-item-count="155"><span class="facet-item__value">ENFANT</span>
  <span class="facet-item__count">(155)</span>
</a></li><li class="facet-item facet-item--collapsed"><a href="/produits?f%5B0%5D=categories%3A1169&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="categories-1169" data-drupal-facet-item-value="1169" data-drupal-facet-item-count="5"><span class="facet-item__value">DIVERS</span>
  <span class="facet-item__count">(5)</span>
</a></li><li class="facet-item facet-item--expanded facet-item--active-trail"><a href="/produits?f%5B0%5D=categories%3A1203&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="categories-1203" data-drupal-facet-item-value="1203" data-drupal-facet-item-count="202"><span class="facet-item__value">ACCESSOIRES</span>
  <span class="facet-item__count">(202)</span>
</a><div class="mb-2 facets-widget-">
    <ul><li class="facet-item facet-item--collapsed"><a href="/produits?f%5B0%5D=categories%3A1205&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="categories-1205" data-drupal-facet-item-value="1205" data-drupal-facet-item-count="63"><span class="facet-item__value">SACS</span>
  <span class="facet-item__count">(63)</span>
</a></li><li class="facet-item facet-item--expanded"><a href="/produits?f%5B0%5D=categories%3A1203&amp;tid=All" rel="nofollow" class="is-active" data-drupal-facet-item-id="categories-1206" data-drupal-facet-item-value="1206" data-drupal-facet-item-count="139">  <span class="facet-item__status js-facet-deactivate">(-)</span>
<span class="facet-item__value">MULTISPORTS</span>
  <span class="facet-item__count">(139)</span>
</a><div class="mb-2 facets-widget-">
    <ul><li class="facet-item"><a href="/produits?f%5B0%5D=categories%3A1353&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="categories-1353" data-drupal-facet-item-value="1353" data-drupal-facet-item-count="55"><span class="facet-item__value">CASQUETTES</span>
  <span class="facet-item__count">(55)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=categories%3A1354&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="categories-1354" data-drupal-facet-item-value="1354" data-drupal-facet-item-count="52"><span class="facet-item__value">CHAUSSETES</span>
  <span class="facet-item__count">(52)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=categories%3A1355&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="categories-1355" data-drupal-facet-item-value="1355" data-drupal-facet-item-count="32"><span class="facet-item__value">DIVERS</span>
  <span class="facet-item__count">(32)</span>
</a></li></ul>
    </div>
</li></ul>
    </div>
</li><li class="facet-item facet-item--collapsed"><a href="/produits?f%5B0%5D=categories%3A1176&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="categories-1176" data-drupal-facet-item-value="1176" data-drupal-facet-item-count="367"><span class="facet-item__value">MUSCULATION</span>
  <span class="facet-item__count">(367)</span>
</a></li><li class="facet-item facet-item--collapsed"><a href="/produits?f%5B0%5D=categories%3A1173&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="categories-1173" data-drupal-facet-item-value="1173" data-drupal-facet-item-count="122"><span class="facet-item__value">LOISIRS</span>
  <span class="facet-item__count">(122)</span>
</a></li><li class="facet-item facet-item--collapsed"><a href="/produits?f%5B0%5D=categories%3A1186&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="categories-1186" data-drupal-facet-item-value="1186" data-drupal-facet-item-count="204"><span class="facet-item__value">SPORT COLLECTIF</span>
  <span class="facet-item__count">(204)</span>
</a></li><li class="facet-item facet-item--collapsed"><a href="/produits?f%5B0%5D=categories%3A1193&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="categories-1193" data-drupal-facet-item-value="1193" data-drupal-facet-item-count="510"><span class="facet-item__value">SPORT INDIVIDUEL</span>
  <span class="facet-item__count">(510)</span>
</a></li><li class="facet-item facet-item--collapsed"><a href="/produits?f%5B0%5D=categories%3A1183&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="categories-1183" data-drupal-facet-item-value="1183" data-drupal-facet-item-count="88"><span class="facet-item__value">EQUIPEMENT MULTISPORT</span>
  <span class="facet-item__count">(88)</span>
</a></li><li class="facet-item facet-item--collapsed"><a href="/produits?f%5B0%5D=categories%3A1206&amp;f%5B1%5D=categories%3A1207&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="categories-1207" data-drupal-facet-item-value="1207" data-drupal-facet-item-count="38"><span class="facet-item__value">RECOMPENSES</span>
  <span class="facet-item__count">(38)</span>
</a></li></ul>
    </div>

  <div class="mb-2 facets-widget-checkbox">
      <div class="bg-red py-4 px-3 text-white text-lg text-center">
        Brand
      </div><ul data-drupal-facet-id="brand" data-drupal-facet-alias="brand" class="facet-inactive js-facets-checkbox-links item-list__checkbox"><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1476&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1476" data-drupal-facet-item-value="1476" data-drupal-facet-item-count="6"><span class="facet-item__value">Champion</span>
  <span class="facet-item__count">(6)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1450&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1450" data-drupal-facet-item-value="1450" data-drupal-facet-item-count="2"><span class="facet-item__value">Absport</span>
  <span class="facet-item__count">(2)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1482&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1482" data-drupal-facet-item-value="1482" data-drupal-facet-item-count="1"><span class="facet-item__value">Nox</span>
  <span class="facet-item__count">(1)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1435&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1435" data-drupal-facet-item-value="1435" data-drupal-facet-item-count="8"><span class="facet-item__value">Newbalance</span>
  <span class="facet-item__count">(8)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1386&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1386" data-drupal-facet-item-value="1386" data-drupal-facet-item-count="25"><span class="facet-item__value">Puma</span>
  <span class="facet-item__count">(25)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1434&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1434" data-drupal-facet-item-value="1434" data-drupal-facet-item-count="3"><span class="facet-item__value">Venum</span>
  <span class="facet-item__count">(3)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1369&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1369" data-drupal-facet-item-value="1369" data-drupal-facet-item-count="44"><span class="facet-item__value">Adidas</span>
  <span class="facet-item__count">(44)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1432&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1432" data-drupal-facet-item-value="1432" data-drupal-facet-item-count="29"><span class="facet-item__value">Asics</span>
  <span class="facet-item__count">(29)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1378&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1378" data-drupal-facet-item-value="1378" data-drupal-facet-item-count="5"><span class="facet-item__value">Babolat</span>
  <span class="facet-item__count">(5)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1368&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1368" data-drupal-facet-item-value="1368" data-drupal-facet-item-count="2"><span class="facet-item__value">Camelbak</span>
  <span class="facet-item__count">(2)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1458&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1458" data-drupal-facet-item-value="1458" data-drupal-facet-item-count="1"><span class="facet-item__value">Companion</span>
  <span class="facet-item__count">(1)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1381&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1381" data-drupal-facet-item-value="1381" data-drupal-facet-item-count="12"><span class="facet-item__value">Cressi</span>
  <span class="facet-item__count">(12)</span>
</a></li><li class="facet-item"><a href="/produits?f%5B0%5D=brand%3A1384&amp;f%5B1%5D=categories%3A1206&amp;tid=All" rel="nofollow" data-drupal-facet-item-id="brand-1384" data-drupal-facet-item-value="1384" data-drupal-facet-item-count="1"><span class="facet-item__value">Head</span>
  <span class="facet-item__count">(1)</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-3a1c74019588606ce759f63f1c1259155fc163f95173bf4641f4a1c13773a11e">
  
  
  <div class="container mx-auto">
  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3">
          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/produits/adidas-chaussette-t-lin-baller-2pr-whiteblack" 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__49905">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63180.jpg?itok=5VyC7JU4" 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 CHAUSSETTE T Lin Baller 2PR White/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__49905">850 FCFP</div>
      
          </div>


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

          <a href="/produits/adidas-chaussette-t-lin-baller-2pr-whiteblack">
            <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-49905 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49905-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49905--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-kecllkfe0cll6w1ynkiniyqkagvl16r4fbie7f-pehk" type="hidden" name="form_build_id" value="form-KECllKFe0ClL6w1YnkINiYqKaGVL16r4FBie7f_pEHk" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49905-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49905" />
      <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="90806" selected="selected">ADI24-CHAUSSETTE T Lin Baller 2PR White/Black T37-39</option><option value="90807">ADI24-CHAUSSETTE T Lin Baller 2PR White/Black T40-42</option><option value="90808">ADI24-CHAUSSETTE T Lin Baller 2PR White/Black T43-45</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-49905" 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-49905">
          <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__49905">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63180.jpg?itok=5VyC7JU4" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ADIDAS CHAUSSETTE T Lin Baller 2PR White/Black</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49905">850 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__49905">UNT-63180</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-49905 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49905" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49905" 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-jebn4mvbalmqs9-wsgz3oebidrpwv12hkvrkxoz4gpk" type="hidden" name="form_build_id" value="form-JeBn4mvbaLmqs9_WSgz3OebidRpWv12hKvRkxOZ4gpk" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49905" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49905" />
      <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="90806" selected="selected">ADI24-CHAUSSETTE T Lin Baller 2PR White/Black T37-39</option><option value="90807">ADI24-CHAUSSETTE T Lin Baller 2PR White/Black T40-42</option><option value="90808">ADI24-CHAUSSETTE T Lin Baller 2PR White/Black T43-45</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-49905').click(() => {
          $("#modal-website-49905").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-serviette-de-bain-small" 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__49948">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63397.jpg?itok=1OZsG8A5" 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 SERVIETTE DE BAIN SMALL
        </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__49948">3 250 FCFP</div>
      
          </div>


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

          <a href="/produits/adidas-serviette-de-bain-small">
            <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-49948 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49948-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49948--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-0xawdfj7of5zhk3lkhsor-nffhzupju5g1mfjixwgss" type="hidden" name="form_build_id" value="form-0xAWDFJ7Of5ZHk3lKhSOr-NFFHzuPJu5g1mfJIXwGSs" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49948-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49948" />
      <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="91016" selected="selected">ADI24-SERVIETTE Navy TS</option><option value="91017">ADI24-SERVIETTE Red TS</option></select>
        </div>

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

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


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ADIDAS SERVIETTE DE BAIN SMALL</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49948">UNT-63397</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-49948 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49948" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49948" 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-6whq-fypol-urs-abl2gnpqeq-vbfcflpls6z14mvs" type="hidden" name="form_build_id" value="form-6wHq_fypOL_-uRS_abL2GNPQEq-vbfCflPLS6z14mVs" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49948" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49948" />
      <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="91016" selected="selected">ADI24-SERVIETTE Navy TS</option><option value="91017">ADI24-SERVIETTE Red TS</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--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-49948').click(() => {
          $("#modal-website-49948").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-serviette-de-bain-shock-taille-large" 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__49947">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63395.jpg?itok=nD-JZjTx" 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 SERVIETTE DE BAIN Shock TAILLE LARGE
        </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__49947">4 990 FCFP</div>
      
          </div>


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

          <a href="/produits/adidas-serviette-de-bain-shock-taille-large">
            <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-49947 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49947-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49947--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-repav7ceuzxmrdi2cu6e8ym4eavyea7a78zweyknfwa" type="hidden" name="form_build_id" value="form-rePAv7ceUzXMrDi2Cu6e8Ym4EavYea7a78zWeYknfwA" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49947-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49947" />
      <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="91014" selected="selected">ADI24-SERVIETTE Collegiate Navy TL</option><option value="91015">ADI24-SERVIETTE Green Glow TL</option><option value="91018">ADI24-SERVIETTE Shock Red TL</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-49947" 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-49947">
          <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__49947">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63395.jpg?itok=nD-JZjTx" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ADIDAS SERVIETTE DE BAIN Shock TAILLE LARGE</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49947">4 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__49947">UNT-63395</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-49947 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49947" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49947" 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-r4nnrl5iy4teoc0yf30byj1vk3c3mshqthwgibjsor0" type="hidden" name="form_build_id" value="form-R4NNRl5iY4tEOC0Yf30BYJ1vk3c3MSHQtHwGiBJSoR0" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49947" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49947" />
      <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="91014" selected="selected">ADI24-SERVIETTE Collegiate Navy TL</option><option value="91015">ADI24-SERVIETTE Green Glow TL</option><option value="91018">ADI24-SERVIETTE Shock Red TL</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-49947').click(() => {
          $("#modal-website-49947").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/nox-casquette" 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__50031">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63839.jpg?itok=50vzmN7d" 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">
          NOX CASQUETTE
        </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__50031">1 990 FCFP</div>
      
          </div>


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

          <a href="/produits/nox-casquette">
            <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-50031 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50031-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50031--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-qwilv5wjf0pshpujg-fpbhoerzsbnxfjonten4p7xuc" type="hidden" name="form_build_id" value="form-QwILv5wjF0psHpUjg_fPBhOerzsBnxfJoNTEn4p7Xuc" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50031-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50031" />
      <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="91240" selected="selected">NOX-CASQUETTE BLANC/ROUGE</option><option value="91241">NOX-CASQUETTE BLEU/BLANC</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-50031" 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-50031">
          <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__50031">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63839.jpg?itok=50vzmN7d" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>NOX CASQUETTE</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__50031">1 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__50031">UNT-63839</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-50031 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-50031" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-50031" 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-v6rszwgzx2cuut4lvxldp8j9jfsjbgjqcgjpfkaukic" type="hidden" name="form_build_id" value="form-v6RSzWGzX2cuUt4lVXldp8j9JFsJBGjqcGJpFKaukic" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-50031" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_50031" />
      <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="91240" selected="selected">NOX-CASQUETTE BLANC/ROUGE</option><option value="91241">NOX-CASQUETTE BLEU/BLANC</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-50031').click(() => {
          $("#modal-website-50031").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-casquette-lt-emb-wonbluwhite" 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__49771">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62102.jpg?itok=h-bxqslo" 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 CASQUETTE Lt Emb Wonblu/White
        </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__49771">1 990 FCFP</div>
      
          </div>


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

          <a href="/produits/adidas-casquette-lt-emb-wonbluwhite">
            <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-49771 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49771-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49771--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-ser-xt-zkeroxvszuksixi94c3yzrypicssld0jqovq" type="hidden" name="form_build_id" value="form-ser_XT-ZKeROxVszuKsiXI94c3YzRYpIcSsld0JQOvQ" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49771-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49771" />
      <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="90097" selected="selected">ADI24-CASQUETTE Lt Emb Wonblu/White TL</option><option value="90098">ADI24-CASQUETTE Lt Emb Wonblu/White TM</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-49771" 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-49771">
          <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__49771">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62102.jpg?itok=h-bxqslo" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ADIDAS CASQUETTE Lt Emb Wonblu/White</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49771">1 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__49771">UNT-62102</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-49771 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49771" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49771" 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-nudraw4ckfwuvp7zrbxnapgooamzme29qohbo75dbma" type="hidden" name="form_build_id" value="form-NUDraW4ckfWuVP7zRbxNaPGoOAmZmE29QOhBO75DBMA" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49771" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49771" />
      <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="90097" selected="selected">ADI24-CASQUETTE Lt Emb Wonblu/White TL</option><option value="90098">ADI24-CASQUETTE Lt Emb Wonblu/White TM</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-49771').click(() => {
          $("#modal-website-49771").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-chaussette-t-spw-ank-3pc-blackwhite" 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__49773">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62107.jpg?itok=Ef1C31Sx" 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 CHAUSSETTE T Spw Ank 3/PC Black/White
        </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__49773">1 990 FCFP</div>
      
          </div>


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

          <a href="/produits/adidas-chaussette-t-spw-ank-3pc-blackwhite">
            <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-49773 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49773-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49773--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-ecbzg0m0aot1pmq7yu5acrdk2nj5hbc4sqfutqte2m8" type="hidden" name="form_build_id" value="form-EcBzG0M0aot1Pmq7yu5aCRdK2nJ5hbc4sqFUTQTe2m8" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49773-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49773" />
      <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="90100" selected="selected">ADI24-CHAUSSETTE T Spw Ank 3/PC Black/White T34-36</option><option value="90101">ADI24-CHAUSSETTE T Spw Ank 3/PC Black/White T37-39</option><option value="90102">ADI24-CHAUSSETTE T Spw Ank 3/PC Black/White T40-42</option><option value="90103">ADI24-CHAUSSETTE T Spw Ank 3/PC Black/White T43-45</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-49773" 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-49773">
          <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__49773">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62107.jpg?itok=Ef1C31Sx" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ADIDAS CHAUSSETTE T Spw Ank 3/PC Black/White</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49773">1 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__49773">UNT-62107</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-49773 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49773" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49773" 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-qofmojn-ljc3oqmjnobqrurxkbtuewhv9scljbaf81y" type="hidden" name="form_build_id" value="form-qoFmOJn_LjC3oQmjnobQRUrxkbTueWHV9sCLJbAF81Y" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49773" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49773" />
      <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="90100" selected="selected">ADI24-CHAUSSETTE T Spw Ank 3/PC Black/White T34-36</option><option value="90101">ADI24-CHAUSSETTE T Spw Ank 3/PC Black/White T37-39</option><option value="90102">ADI24-CHAUSSETTE T Spw Ank 3/PC Black/White T40-42</option><option value="90103">ADI24-CHAUSSETTE T Spw Ank 3/PC Black/White T43-45</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-49773').click(() => {
          $("#modal-website-49773").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-chaussette-t-spw-low-3pc-blackwhite" 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__49774">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62111.jpg?itok=GUTKXJsj" 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 CHAUSSETTE T Spw Low 3/PC Black/White
        </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__49774">1 990 FCFP</div>
      
          </div>


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

          <a href="/produits/adidas-chaussette-t-spw-low-3pc-blackwhite">
            <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-49774 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49774-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49774--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-gfjufek-ws9hymqccpswngbcvfbxe8aksgq3dp8quca" type="hidden" name="form_build_id" value="form-GFJuFEK-WS9hyMQcCPSwNGbCVfbxe8aKSgq3Dp8QuCA" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49774-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49774" />
      <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="90104" selected="selected">ADI24-CHAUSSETTE T Spw Low 3/PC Black/White T34-36</option><option value="90105">ADI24-CHAUSSETTE T Spw Low 3/PC Black/White T37-39</option><option value="90106">ADI24-CHAUSSETTE T Spw Low 3/PC Black/White T40-42</option><option value="90107">ADI24-CHAUSSETTE T Spw Low 3/PC Black/White T43-45</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-49774" 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-49774">
          <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__49774">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62111.jpg?itok=GUTKXJsj" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ADIDAS CHAUSSETTE T Spw Low 3/PC Black/White</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49774">1 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__49774">UNT-62111</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-49774 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49774" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49774" 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-tnydlmj7ewc4ojz5funezlryxqvqn27pw46vgxhda2u" type="hidden" name="form_build_id" value="form-tNYdlmj7eWc4OJz5fuNezlRyXQVqn27pW46VGXhda2U" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49774" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49774" />
      <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="90104" selected="selected">ADI24-CHAUSSETTE T Spw Low 3/PC Black/White T34-36</option><option value="90105">ADI24-CHAUSSETTE T Spw Low 3/PC Black/White T37-39</option><option value="90106">ADI24-CHAUSSETTE T Spw Low 3/PC Black/White T40-42</option><option value="90107">ADI24-CHAUSSETTE T Spw Low 3/PC Black/White T43-45</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-49774').click(() => {
          $("#modal-website-49774").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/babolat-visiere-divers-coloris" 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__49987">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63634.jpg?itok=7gbLTPHW" 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">
          BABOLAT VISIERE DIVERS COLORIS
        </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__49987">1 990 FCFP</div>
      
          </div>


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

          <a href="/produits/babolat-visiere-divers-coloris">
            <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-49987 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49987-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49987--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-hl-8p-lixuayejojytbabx504ihvdk-tkps32ozkkgq" type="hidden" name="form_build_id" value="form-hl-8p-LIXuayEjojytbabx504iHVDk-tKPs32OZkKgQ" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49987-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49987" />
      <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="91136" selected="selected">BABOLAT24-VISIERE BLANCHE</option><option value="91139">BABOLAT24-VISIERE NAVY</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-49987" 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-49987">
          <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__49987">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63634.jpg?itok=7gbLTPHW" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>BABOLAT VISIERE DIVERS COLORIS</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49987">1 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__49987">UNT-63634</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-49987 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49987" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49987" 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-5sf3ny-58exttseozzb5esuef30xsyziyvd8s8iqgog" type="hidden" name="form_build_id" value="form-5Sf3nY_58ExTTSEozZB5ESueF30XSyZIYvD8s8iqgOg" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49987" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49987" />
      <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="91136" selected="selected">BABOLAT24-VISIERE BLANCHE</option><option value="91139">BABOLAT24-VISIERE NAVY</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-49987').click(() => {
          $("#modal-website-49987").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/babolat-visiere-elastique-divers-coloris" 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__49999">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63668.jpg?itok=r_Ihuw5o" 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">
          BABOLAT VISIERE ELASTIQUE DIVERS COLORIS
        </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__49999">2 990 FCFP</div>
      
          </div>


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

          <a href="/produits/babolat-visiere-elastique-divers-coloris">
            <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-49999 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49999-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49999--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-mae0n9fmz6qxsnlikuvmfyppbdrggk3fkd3v6q63yeo" type="hidden" name="form_build_id" value="form-Mae0n9fmz6qXsnlIKuVMfyPPbDrGgK3Fkd3V6q63yEo" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49999-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49999" />
      <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="91164" selected="selected">BABOLAT24-VISIERE ELASTIQUE NOIR/BLANC</option><option value="91165">BABOLAT24-VISIERE ELASTIQUE BLANC/BLEU</option><option value="91166">BABOLAT24-VISIERE ELASTIQUE BLEU/BLANC</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-49999" 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-49999">
          <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__49999">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63668.jpg?itok=r_Ihuw5o" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>BABOLAT VISIERE ELASTIQUE DIVERS COLORIS</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49999">2 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__49999">UNT-63668</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-49999 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49999" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49999" 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-et81wmvaonkaqsdj3zyte3ysj6ozpf-isxuticwa-vu" type="hidden" name="form_build_id" value="form-et81WMvaoNKaQsDJ3zyte3ySj6OzpF-ISxUTiCwa_vU" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49999" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49999" />
      <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="91164" selected="selected">BABOLAT24-VISIERE ELASTIQUE NOIR/BLANC</option><option value="91165">BABOLAT24-VISIERE ELASTIQUE BLANC/BLEU</option><option value="91166">BABOLAT24-VISIERE ELASTIQUE BLEU/BLANC</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-49999').click(() => {
          $("#modal-website-49999").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/babolat-casquette-logo-junior-dievrs-coloris" 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__49990">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63647.jpg?itok=xgKtWXTg" 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">
          BABOLAT CASQUETTE LOGO JUNIOR DIEVRS COLORIS
        </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__49990">1 790 FCFP</div>
      
          </div>


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

          <a href="/produits/babolat-casquette-logo-junior-dievrs-coloris">
            <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-49990 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49990-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49990--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-dehmuwwzuhu9njaecnfhi1glrj1ueotsrodo3efnr0y" type="hidden" name="form_build_id" value="form-DEHMUWwzuhU9NjAecNfHi1GLRJ1UeOTSRODO3efNr0Y" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49990-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49990" />
      <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="91146" selected="selected">BABOLAT24-CASQUETTE LOGO JUNIOR BLANCHE</option><option value="91147">BABOLAT24-CASQUETTE LOGO JUNIOR NAVY</option><option value="91148">BABOLAT24-CASQUETTE LOGO JUNIOR ROUGE</option><option value="91149">BABOLAT24-CASQUETTE LOGO JUNIOR BLEUE</option><option value="91150">BABOLAT24-CASQUETTE LOGO JUNIOR ROSE</option></select>
        </div>

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

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


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>BABOLAT CASQUETTE LOGO JUNIOR DIEVRS COLORIS</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49990">1 790 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__49990">UNT-63647</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-49990 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49990" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49990" 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-jhrqclf8ki79jbxusc90kjrtnjknh895ysnmfrgjeiy" type="hidden" name="form_build_id" value="form-jhrqClf8ki79jBXUsc90kjRTNJKnh895ySnMfrGjeIY" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49990" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49990" />
      <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="91146" selected="selected">BABOLAT24-CASQUETTE LOGO JUNIOR BLANCHE</option><option value="91147">BABOLAT24-CASQUETTE LOGO JUNIOR NAVY</option><option value="91148">BABOLAT24-CASQUETTE LOGO JUNIOR ROUGE</option><option value="91149">BABOLAT24-CASQUETTE LOGO JUNIOR BLEUE</option><option value="91150">BABOLAT24-CASQUETTE LOGO JUNIOR ROSE</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--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-49990').click(() => {
          $("#modal-website-49990").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/babolat-casquette-logo-adulte-divers-coloris" 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__49989">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63642.jpg?itok=AiNnN3fs" 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">
          BABOLAT CASQUETTE LOGO ADULTE DIVERS COLORIS
        </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__49989">1 790 FCFP</div>
      
          </div>


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

          <a href="/produits/babolat-casquette-logo-adulte-divers-coloris">
            <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-49989 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49989-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49989--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-go8jwrumhql1k9j-hu2cwob9xyvtb8kvcwh81eiwxz8" type="hidden" name="form_build_id" value="form-gO8jwruMHql1k9J-hU2cwoB9XYVtB8kVCWh81eiwXz8" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49989-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49989" />
      <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="91141" selected="selected">BABOLAT24-CASQUETTE LOGO ADULTE BLANCHE</option><option value="91142">BABOLAT24-CASQUETTE LOGO ADULTE NOIRE</option><option value="91143">BABOLAT24-CASQUETTE LOGO ADULTE NAVY</option><option value="91144">BABOLAT24-CASQUETTE LOGO ADULTE BLEUE</option><option value="91145">BABOLAT24-CASQUETTE LOGO ADULTE ROUGE</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-49989" 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-49989">
          <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__49989">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63642.jpg?itok=AiNnN3fs" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>BABOLAT CASQUETTE LOGO ADULTE DIVERS COLORIS</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49989">1 790 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__49989">UNT-63642</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-49989 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49989" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49989" 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-lugf0f46tf1zj-aatgmdfocvvqlszlzhmjobpojgnmg" type="hidden" name="form_build_id" value="form-luGF0f46Tf1zJ-AAtgMdFoCVvqlsZLzHmjOBPoJgNMg" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49989" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49989" />
      <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="91141" selected="selected">BABOLAT24-CASQUETTE LOGO ADULTE BLANCHE</option><option value="91142">BABOLAT24-CASQUETTE LOGO ADULTE NOIRE</option><option value="91143">BABOLAT24-CASQUETTE LOGO ADULTE NAVY</option><option value="91144">BABOLAT24-CASQUETTE LOGO ADULTE BLEUE</option><option value="91145">BABOLAT24-CASQUETTE LOGO ADULTE ROUGE</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-49989').click(() => {
          $("#modal-website-49989").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/babolat-bandeau-tete-tennis-divers-coloris" 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__49986">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63633.jpg?itok=TyRkZtiM" 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">
          BABOLAT BANDEAU TETE TENNIS DIVERS COLORIS
        </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__49986">1 690 FCFP</div>
      
          </div>


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

          <a href="/produits/babolat-bandeau-tete-tennis-divers-coloris">
            <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-49986 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49986-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49986--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-ixmygawxzucv-qweq6ct9hxfett2gyjpf0kblbjpiw" type="hidden" name="form_build_id" value="form-ixMYGaWXzucv__QweQ6Ct9HXFetT2gyJPF0kbLBJPiw" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49986-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49986" />
      <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="91135" selected="selected">BABOLAT24-BANDEAU TETE BLANC</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-49986" 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-49986">
          <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__49986">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63633.jpg?itok=TyRkZtiM" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>BABOLAT BANDEAU TETE TENNIS DIVERS COLORIS</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49986">1 690 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__49986">UNT-63633</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-49986 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49986" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49986" 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-b5gql7htgwn3je5ytvvidgfnx2rwcphascu58zanmz0" type="hidden" name="form_build_id" value="form-b5Gql7htgwN3Je5YtvviDGFNX2rwcPHaSCu58ZAnmz0" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49986" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49986" />
      <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="91135" selected="selected">BABOLAT24-BANDEAU TETE BLANC</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-49986').click(() => {
          $("#modal-website-49986").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/adi24-visiere-ardy-whiteblack-thomme" 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__49955">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63424.jpg?itok=N1JhD1Ia" 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">
          ADI24-VISIERE A.Rdy White/Black THOMME
        </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__49955">2 990 FCFP</div>
      
          </div>


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

          <a href="/produits/adi24-visiere-ardy-whiteblack-thomme">
            <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-49955 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49955-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49955--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-sb2kn-6-fnwagwgpqcsrllnf6sw0uo5llx3rgycz86g" type="hidden" name="form_build_id" value="form-SB2kN-6-FnwAgWGpqcsRllNf6sW0uo5LLX3rGYcZ86g" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49955-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49955" />
      <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="91031" selected="selected">ADI24-VISIERE A.Rdy White/Black THOMME</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-49955" 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-49955">
          <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__49955">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63424.jpg?itok=N1JhD1Ia" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ADI24-VISIERE A.Rdy White/Black THOMME</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49955">2 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__49955">UNT-63424</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-49955 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49955" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49955" 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-dojytdtwirhtqcxr3cbmmpbhedc1rcjpiodplj-hc2e" type="hidden" name="form_build_id" value="form-DoJytDtWIrHtqCxR3CbmMPbheDc1RcJPIodPlJ_hC2E" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49955" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49955" />
      <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="91031" selected="selected">ADI24-VISIERE A.Rdy White/Black THOMME</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-49955').click(() => {
          $("#modal-website-49955").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/adi24-casquette-bsbl-street-blackchacoa-tm" 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__49904">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63179.jpg?itok=j_Em6B3V" 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">
          ADI24-CASQUETTE Bsbl Street Black/Chacoa TM
        </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__49904">2 200 FCFP</div>
      
          </div>


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

          <a href="/produits/adi24-casquette-bsbl-street-blackchacoa-tm">
            <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-49904 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49904-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49904--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-4-dnscnytbk1-hmrh-v5xg0orxscpep8l0xjkvk3giw" type="hidden" name="form_build_id" value="form-4-dnSCNYtbK1_hmrH-V5XG0OrXScpep8L0XjKVk3GIw" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49904-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49904" />
      <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="90805" selected="selected">ADI24-CASQUETTE Bsbl Street Black/Chacoa TM</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-49904" 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-49904">
          <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__49904">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63179.jpg?itok=j_Em6B3V" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ADI24-CASQUETTE Bsbl Street Black/Chacoa TM</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49904">2 200 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__49904">UNT-63179</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-49904 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49904" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49904" 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-dkodaty21b9omagi-xelrx31kdy5svrq-4ktgx7aotk" type="hidden" name="form_build_id" value="form-dkoDaTY21b9OmAgI-Xelrx31KDY5svRQ-4KTGx7Aotk" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49904" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49904" />
      <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="90805" selected="selected">ADI24-CASQUETTE Bsbl Street Black/Chacoa TM</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-49904').click(() => {
          $("#modal-website-49904").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/adi24-bob-spw-clas-bucket-blackwhitegrethr-thomme" 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__49901">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63162.jpg?itok=AgmvKd90" 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">
          ADI24-BOB Spw Clas Bucket Black/White/Grethr THOMME
        </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__49901">3 500 FCFP</div>
      
          </div>


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

          <a href="/produits/adi24-bob-spw-clas-bucket-blackwhitegrethr-thomme">
            <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-49901 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49901-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49901--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-gmog4pcexw-fek3eqze8fcz2iuztq96ratiedrvzjpo" type="hidden" name="form_build_id" value="form-gmOG4pCexW_fek3EqzE8fCZ2iUztq96RAtIEdRvzjpo" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49901-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49901" />
      <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="90792" selected="selected">ADI24-BOB Spw Clas Bucket Black/White/Grethr THOMME</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-49901" 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-49901">
          <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__49901">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63162.jpg?itok=AgmvKd90" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ADI24-BOB Spw Clas Bucket Black/White/Grethr THOMME</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49901">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__49901">UNT-63162</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-49901 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49901" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49901" 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-ccndfyv02i-myuwej0aezlksru0himmqbbe0wnrmdda" type="hidden" name="form_build_id" value="form-cCnDfYv02i_MYuweJ0aeZLKsRu0HiMmQbbE0wNrmddA" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49901" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49901" />
      <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="90792" selected="selected">ADI24-BOB Spw Clas Bucket Black/White/Grethr THOMME</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-49901').click(() => {
          $("#modal-website-49901").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/adi24-bob-spw-clas-bucket-blackwhitegrethr-tfemme" 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__49900">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63161.jpg?itok=uHUWdmiZ" 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">
          ADI24-BOB Spw Clas Bucket Black/White/Grethr TFEMME
        </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__49900">3 500 FCFP</div>
      
          </div>


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

          <a href="/produits/adi24-bob-spw-clas-bucket-blackwhitegrethr-tfemme">
            <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-49900 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49900-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49900--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-j2cpcou-2rsgeaato8izawaikc-7pplwi4ovj5neosi" type="hidden" name="form_build_id" value="form-j2cPCOu_2RSGeAATo8izawaikc-7ppLWi4OVj5NEOSI" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49900-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49900" />
      <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="90791" selected="selected">ADI24-BOB Spw Clas Bucket Black/White/Grethr TFEMME</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-49900" 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-49900">
          <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__49900">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63161.jpg?itok=uHUWdmiZ" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ADI24-BOB Spw Clas Bucket Black/White/Grethr TFEMME</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49900">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__49900">UNT-63161</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-49900 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49900" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49900" 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-3fcacfclyxrg8hzylz-huoxnxrvxhpzgudd-ish29xw" type="hidden" name="form_build_id" value="form-3fCacfCLyxRg8HzYLZ-HUOxnXRVXhPzGUdd-iSh29xw" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49900" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49900" />
      <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="90791" selected="selected">ADI24-BOB Spw Clas Bucket Black/White/Grethr TFEMME</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-49900').click(() => {
          $("#modal-website-49900").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/adi24-bob-spw-clas-bucket-blackwhitegrethr-tenfant" 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__49899">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63160.jpg?itok=H5cLYHT3" 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">
          ADI24-BOB Spw Clas Bucket Black/White/Grethr TENFANT
        </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__49899">3 500 FCFP</div>
      
          </div>


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

          <a href="/produits/adi24-bob-spw-clas-bucket-blackwhitegrethr-tenfant">
            <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-49899 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49899-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49899--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-x-ebmk3id0uppurpbkwcoclt6vdskjgemi7xudrjfbq" type="hidden" name="form_build_id" value="form-X-EBmK3iD0UpPURpbkWcOclT6vdSKJgEmi7XUdrjfbQ" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49899-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49899" />
      <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="90790" selected="selected">ADI24-BOB Spw Clas Bucket Black/White/Grethr TENFANT</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-49899" 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-49899">
          <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__49899">  <img src="/sites/default/files/styles/product_listing/public/happy-market/63160.jpg?itok=H5cLYHT3" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ADI24-BOB Spw Clas Bucket Black/White/Grethr TENFANT</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49899">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__49899">UNT-63160</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-49899 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49899" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49899" 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-xs07h7fyeons55g-787kdgbmpqowuzmovvcjhsdwvga" type="hidden" name="form_build_id" value="form-xs07h7FyEOns55G_787KdgBMPqOwUZMOvVcjHSdWVGA" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49899" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49899" />
      <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="90790" selected="selected">ADI24-BOB Spw Clas Bucket Black/White/Grethr TENFANT</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-49899').click(() => {
          $("#modal-website-49899").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-chaussette-prf-light-low-3pc-whitewhitewhite" 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__49528">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59779.jpg?itok=tpI-hrFr" 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 CHAUSSETTE Prf Light Low 3pc White/White/White
        </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__49528">1 990 FCFP</div>
      
          </div>


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

          <a href="/produits/adidas-chaussette-prf-light-low-3pc-whitewhitewhite">
            <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-49528 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49528-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49528--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-gflvmmokg5dzuibmrmjs38us3-lnasscrwshul5ylwi" type="hidden" name="form_build_id" value="form-GFlVmmokG5DzuibmRmJs38us3_LnAsScRwsHUL5yLWI" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49528-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49528" />
      <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="89179" selected="selected">ADI23-CHAUSSETTE Prf Light Low 3pc White/White/White T34-36</option><option value="89180">ADI23-CHAUSSETTE Prf Light Low 3pc White/White/White T37-39</option><option value="89181">ADI23-CHAUSSETTE Prf Light Low 3pc White/White/White T40-42</option><option value="89182">ADI23-CHAUSSETTE Prf Light Low 3pc White/White/White T43-45</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-49528" 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-49528">
          <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__49528">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59779.jpg?itok=tpI-hrFr" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ADIDAS CHAUSSETTE Prf Light Low 3pc White/White/White</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49528">1 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__49528">UNT-59779</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-49528 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49528" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49528" 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-orw3zyv19mmmiodqmtsjuweo5zkmv70-c7dps2m67pw" type="hidden" name="form_build_id" value="form-oRw3Zyv19mMmIodQMtSjuWEo5zKMv70_c7dpS2M67Pw" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49528" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49528" />
      <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="89179" selected="selected">ADI23-CHAUSSETTE Prf Light Low 3pc White/White/White T34-36</option><option value="89180">ADI23-CHAUSSETTE Prf Light Low 3pc White/White/White T37-39</option><option value="89181">ADI23-CHAUSSETTE Prf Light Low 3pc White/White/White T40-42</option><option value="89182">ADI23-CHAUSSETTE Prf Light Low 3pc White/White/White T43-45</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-49528').click(() => {
          $("#modal-website-49528").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-chaussette-prf-light-mid-3pc-blackblackblack" 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__49529">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59783.jpg?itok=_jnTICLt" 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 CHAUSSETTE Prf Light Mid 3pc Black/Black/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__49529">1 990 FCFP</div>
      
          </div>


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

          <a href="/produits/adidas-chaussette-prf-light-mid-3pc-blackblackblack">
            <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-49529 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49529-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49529--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-yycoctbz-jbe-j6i5lmmbcfafi3q5gx9iy-lof5rm4" type="hidden" name="form_build_id" value="form-_yyCoctBz-JBE_j6I5LMmBCFaFi3q5gx9iY-loF5Rm4" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49529-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49529" />
      <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="89183" selected="selected">ADI23-CHAUSSETTE Prf Light Mid 3pc Black/Black/Black T34-36</option><option value="89184">ADI23-CHAUSSETTE Prf Light Mid 3pc Black/Black/Black T37-39</option><option value="89185">ADI23-CHAUSSETTE Prf Light Mid 3pc Black/Black/Black T40-42</option><option value="89186">ADI23-CHAUSSETTE Prf Light Mid 3pc Black/Black/Black T43-45</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-49529" 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-49529">
          <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__49529">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59783.jpg?itok=_jnTICLt" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ADIDAS CHAUSSETTE Prf Light Mid 3pc Black/Black/Black</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49529">1 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__49529">UNT-59783</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-49529 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49529" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49529" 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-yb-imlrranqnzn0bh-vakcahgsopimletaqvv6rnq0i" type="hidden" name="form_build_id" value="form-yb-imlRrANQNzN0bH-vAkCaHGSopimleTaqvv6rnq0I" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49529" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49529" />
      <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="89183" selected="selected">ADI23-CHAUSSETTE Prf Light Mid 3pc Black/Black/Black T34-36</option><option value="89184">ADI23-CHAUSSETTE Prf Light Mid 3pc Black/Black/Black T37-39</option><option value="89185">ADI23-CHAUSSETTE Prf Light Mid 3pc Black/Black/Black T40-42</option><option value="89186">ADI23-CHAUSSETTE Prf Light Mid 3pc Black/Black/Black T43-45</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-49529').click(() => {
          $("#modal-website-49529").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-chaussette-t-spw-low-3pc-whiteblack" 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__49530">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59787.jpg?itok=1dPDo62K" 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 CHAUSSETTE T Spw Low 3pc White/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__49530">1 990 FCFP</div>
      
          </div>


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

          <a href="/produits/adidas-chaussette-t-spw-low-3pc-whiteblack">
            <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-49530 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49530-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49530--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-ewalatkfp-qmensttxu6hmqlcfh-6hvkrapa-w1xwc" type="hidden" name="form_build_id" value="form-EwALaTkFP_qMenSTTxu6hMqlcfH-6hVkrapa__w1Xwc" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49530-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49530" />
      <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="89187" selected="selected">ADI23-CHAUSSETTE T Spw Low 3pc White/Black T34-36</option><option value="89188">ADI23-CHAUSSETTE T Spw Low 3pc White/Black T37-39</option><option value="89189">ADI23-CHAUSSETTE T Spw Low 3pc White/Black T40-42</option><option value="89190">ADI23-CHAUSSETTE T Spw Low 3pc White/Black T43-45</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-49530" 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-49530">
          <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__49530">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59787.jpg?itok=1dPDo62K" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ADIDAS CHAUSSETTE T Spw Low 3pc White/Black</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49530">1 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__49530">UNT-59787</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-49530 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49530" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49530" 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-xuz-0fqq-zcrv7sa4a3zwvimj1ir6jalhsl3j38s-u" type="hidden" name="form_build_id" value="form-_XuZ-0fQq-zcRv7SA4a3zwviMJ1IR6JalHsL3j38s_U" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49530" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49530" />
      <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="89187" selected="selected">ADI23-CHAUSSETTE T Spw Low 3pc White/Black T34-36</option><option value="89188">ADI23-CHAUSSETTE T Spw Low 3pc White/Black T37-39</option><option value="89189">ADI23-CHAUSSETTE T Spw Low 3pc White/Black T40-42</option><option value="89190">ADI23-CHAUSSETTE T Spw Low 3pc White/Black T43-45</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-49530').click(() => {
          $("#modal-website-49530").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/puma24-casquette-quick-dry-training-koral-ice-alpine-snow-adult" 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__49818">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62423.jpg?itok=KZUgHCjy" 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">
          PUMA24-CASQUETTE Quick Dry Training Koral Ice Alpine Snow Adult
        </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__49818">2 200 FCFP</div>
      
          </div>


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

          <a href="/produits/puma24-casquette-quick-dry-training-koral-ice-alpine-snow-adult">
            <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-49818 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49818-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49818--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-9lgnxx1mlfuajdtpnp8guv4jmup11fgsyi5zj0k0-ig" type="hidden" name="form_build_id" value="form-9lgnxX1mLfUAJDtPnp8guv4jMUp11FGsyi5ZJ0k0-Ig" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49818-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49818" />
      <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="90357" selected="selected">PUMA24-CASQUETTE Quick Dry Training Koral Ice Alpine Snow Adult</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-49818" 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-49818">
          <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__49818">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62423.jpg?itok=KZUgHCjy" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>PUMA24-CASQUETTE Quick Dry Training Koral Ice Alpine Snow Adult</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49818">2 200 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__49818">UNT-62423</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-49818 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49818" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49818" 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-weaawlep6vvdy0cdvpn8tbzgzm7tscldnz-26lsshc8" type="hidden" name="form_build_id" value="form-WEAAWlep6vVdy0CdvPN8TbZgzm7TSclDNz_26lsshC8" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49818" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49818" />
      <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="90357" selected="selected">PUMA24-CASQUETTE Quick Dry Training Koral Ice Alpine Snow Adult</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-49818').click(() => {
          $("#modal-website-49818").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/puma24-casquette-metal-cat-peach-smoothie-enfant" 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__49817">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62422.jpg?itok=eVCkLHlm" 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">
          PUMA24-CASQUETTE Metal Cat Peach Smoothie  ENFANT
        </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__49817">1 790 FCFP</div>
      
          </div>


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

          <a href="/produits/puma24-casquette-metal-cat-peach-smoothie-enfant">
            <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-49817 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49817-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49817--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-klkdna2oqhvguqweijcwf62uw5rm5k1e3lwl3f-no4" type="hidden" name="form_build_id" value="form-klkDNA2OqhVGuQwEiJCWf62UW5rm5k1E3lWl3F_-NO4" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49817-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49817" />
      <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="90356" selected="selected">PUMA24-CASQUETTE Metal Cat Peach Smoothie  ENFANT</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-49817" 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-49817">
          <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__49817">  <img src="/sites/default/files/styles/product_listing/public/happy-market/62422.jpg?itok=eVCkLHlm" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>PUMA24-CASQUETTE Metal Cat Peach Smoothie  ENFANT</div>
      
				</h2>

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49817">1 790 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__49817">UNT-62422</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-49817 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49817" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49817" 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-yea6ls3yv6p0hz-xqaoedvwrcxs2n-hf-ld83w3seg0" type="hidden" name="form_build_id" value="form-Yea6LS3YV6P0hZ_XQaOeDvwRcXS2N-hf-lD83w3sEG0" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49817" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49817" />
      <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="90356" selected="selected">PUMA24-CASQUETTE Metal Cat Peach Smoothie  ENFANT</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-49817').click(() => {
          $("#modal-website-49817").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-chaussette-c-spw-low3pc-whiteblack" 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__49060">  <img src="/sites/default/files/styles/product_listing/public/happy-market/54254.jpg?itok=HzEY7lhG" 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 CHAUSSETTE C Spw Low/3PC White/Black
        </h2>

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


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

          <a href="/index.php/produits/adidas-chaussette-c-spw-low3pc-whiteblack">
            <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-49060 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49060-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49060--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-ayvjg3bmny8ig617op6th6zbdcu4e0-xppkl3lanwx8" type="hidden" name="form_build_id" value="form-AYVjg3bMNy8Ig617OP6Th6ZbDcU4E0-xppkL3laNwx8" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49060-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49060" />
      <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="87945" selected="selected">ADI23-CHAUSSETTE C Spw Low 3p White/Black T46-48</option><option value="88870">ADI23-CHAUSSETTE C Spw Low/3PC White/Black T43-45</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-49060" 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-49060">
          <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__49060">  <img src="/sites/default/files/styles/product_listing/public/happy-market/54254.jpg?itok=HzEY7lhG" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ADIDAS CHAUSSETTE C Spw Low/3PC White/Black</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49060">UNT-54254</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-49060 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49060" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49060" 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-6r3bk3pqmgy6aa2m8ldihcsnfaogswjdmyx1ciosql0" type="hidden" name="form_build_id" value="form-6r3bk3pqmgY6Aa2m8LDIhcsNFaOGswJdmYX1cIOsql0" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49060" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49060" />
      <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="87945" selected="selected">ADI23-CHAUSSETTE C Spw Low 3p White/Black T46-48</option><option value="88870">ADI23-CHAUSSETTE C Spw Low/3PC White/Black T43-45</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-49060').click(() => {
          $("#modal-website-49060").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-chaussette-c-spw-ank3pc-whiteblack" 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__49445">  <img src="/sites/default/files/styles/product_listing/public/happy-market/58873.jpg?itok=1cEDspDR" 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 CHAUSSETTE C Spw Ank/3PC White/Black
        </h2>

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


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

          <a href="/index.php/produits/adidas-chaussette-c-spw-ank3pc-whiteblack">
            <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-49445 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49445-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49445--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-2zucqtttozb1uiouhwbmqop2atu2sd1kl976svnvoew" type="hidden" name="form_build_id" value="form-2zUCqTttOZb1UIOuhWbmqOP2ATu2sD1KL976svnVOew" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49445-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49445" />
      <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="88869" selected="selected">ADI23-CHAUSSETTE C Spw Ank/3PC White/Black T37-39</option><option value="92214">ADI23-CHAUSSETTE C Spw Ank/3PC White/Black T43-45</option><option value="94470">ADI23-CHAUSSETTE C Spw Ank 3p White/Black T43-45</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-49445" 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-49445">
          <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__49445">  <img src="/sites/default/files/styles/product_listing/public/happy-market/58873.jpg?itok=1cEDspDR" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ADIDAS CHAUSSETTE C Spw Ank/3PC White/Black</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49445">UNT-58873</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-49445 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49445" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49445" 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-widoayayipupys-mwfipta21djwrvwrflbf4dqywvbi" type="hidden" name="form_build_id" value="form-wIDOAYAYIpUpyS_mwFIPTa21DjWRVwRfLBf4DqyWvbI" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49445" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49445" />
      <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="88869" selected="selected">ADI23-CHAUSSETTE C Spw Ank/3PC White/Black T37-39</option><option value="92214">ADI23-CHAUSSETTE C Spw Ank/3PC White/Black T43-45</option><option value="94470">ADI23-CHAUSSETTE C Spw Ank 3p White/Black T43-45</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-49445').click(() => {
          $("#modal-website-49445").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/index.php/produits/asics-chaussette-pace-low-3pc-performance-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__48724">  <img src="/sites/default/files/styles/product_listing/public/happy-market/47162.jpg?itok=jTtGnoXH" 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 CHAUSSETTE Pace Low 3/PC Performance Black
        </h2>

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


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

          <a href="/index.php/produits/asics-chaussette-pace-low-3pc-performance-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--12"><form class="commerce-order-item-add-to-cart-form-commerce-product-48724 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48724-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48724--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-xpmea1pslhnlm2a9vrg2d8rsnirvhkcja30qowocy78" type="hidden" name="form_build_id" value="form-XpmEA1pSlHnlM2a9VRg2D8rsnIrvHKcJa30qOwOCy78" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48724-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48724" />
      <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="87265" selected="selected">ASICS23-CHAUSSETTE Pace Low 3/PC Performance Black T37-39</option><option value="87266">ASICS23-CHAUSSETTE Pace Low 3/PC Performance Black T40-43</option><option value="87267">ASICS23-CHAUSSETTE Pace Low 3/PC Performance Black T44-47</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-48724" 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-48724">
          <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__48724">  <img src="/sites/default/files/styles/product_listing/public/happy-market/47162.jpg?itok=jTtGnoXH" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ASICS CHAUSSETTE Pace Low 3/PC Performance Black</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48724">UNT-47162</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-48724 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48724" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48724" 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-7-dhuawdf0-3ktaajubrdflsxers-fbulkz6itipla0" type="hidden" name="form_build_id" value="form-7_DhUaWDf0-3kTaajubrDFLSxeRs_fbulkz6ITIPLa0" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48724" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48724" />
      <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="87265" selected="selected">ASICS23-CHAUSSETTE Pace Low 3/PC Performance Black T37-39</option><option value="87266">ASICS23-CHAUSSETTE Pace Low 3/PC Performance Black T40-43</option><option value="87267">ASICS23-CHAUSSETTE Pace Low 3/PC Performance Black T44-47</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-48724').click(() => {
          $("#modal-website-48724").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-chaussette-cushioned-sneaker3pc-unisex-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__49509">  <img src="/sites/default/files/styles/product_listing/public/happy-market/59493.jpg?itok=PLGQvvOj" width="200" height="200" typeof="foaf:Image" />


</div>


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

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


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

          <a href="/index.php/produits/puma-chaussette-cushioned-sneaker3pc-unisex-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--10"><form class="commerce-order-item-add-to-cart-form-commerce-product-49509 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49509-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49509--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-rsfopzmf5vpzxmn1mok5e3ygklyzl6juycm-ifmhgde" type="hidden" name="form_build_id" value="form-RSfopZmF5VPzxMN1mok5e3yGKLyZL6jUyCm-iFmhGDE" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49509-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49509" />
      <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="89129" selected="selected">PUMA23-CHAUSSETTE Cushioned Sneaker/3PC Unisex - White T35-38</option><option value="89130">PUMA23-CHAUSSETTE Cushioned Sneaker/3PC Unisex - White T39-42</option></select>
        </div>

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

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


</div>


		</div>

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

                              <div class="my-2 line-through text-md font-bold">
              1500 FCFP
            </div>
                  
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49509">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__49509">UNT-59493</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-49509 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49509" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49509" 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-zqks8fhbikpxnd3qaexmrqodpurpxizf7nl-mtisoj0" type="hidden" name="form_build_id" value="form-zqKS8FhBIkPxnD3QaexMRQODPuRpxIZf7NL_mtIsOj0" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49509" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49509" />
      <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="89129" selected="selected">PUMA23-CHAUSSETTE Cushioned Sneaker/3PC Unisex - White T35-38</option><option value="89130">PUMA23-CHAUSSETTE Cushioned Sneaker/3PC Unisex - White T39-42</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--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-49509').click(() => {
          $("#modal-website-49509").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

          <div>
  <div
    class="bg-white p-4 border border-gray relative transition-all z-10 hover:z-20 hover:scale-105 hover:drop-shadow-sm hover:border-red">
    <div class="h-full flex flex-col">
      <a href="/index.php/produits/asics-chaussette-pace-invisible-3pc-performance-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__48722">  <img src="/sites/default/files/styles/product_listing/public/happy-market/47156.jpg?itok=rcLJaWNz" 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 CHAUSSETTE Pace Invisible 3/PC Performance Black
        </h2>

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


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

          <a href="/index.php/produits/asics-chaussette-pace-invisible-3pc-performance-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--8"><form class="commerce-order-item-add-to-cart-form-commerce-product-48722 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48722-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48722--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-sthbsw2df05rq6698izdjrmxgpocgywgurhuicahttu" type="hidden" name="form_build_id" value="form-SthbSW2DF05RQ6698iZdjRmxgPOcGYWguRhUicAhTTU" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48722-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48722" />
      <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="87260" selected="selected">ASICS23-CHAUSSETTE Pace Invisible 3/PC Performance Black T37-39</option><option value="87261">ASICS23-CHAUSSETTE Pace Invisible 3/PC Performance Black T40-43</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-48722" 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-48722">
          <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__48722">  <img src="/sites/default/files/styles/product_listing/public/happy-market/47156.jpg?itok=rcLJaWNz" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>ASICS CHAUSSETTE Pace Invisible 3/PC Performance Black</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__48722">UNT-47156</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-48722 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-48722" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-48722" 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-ngzsk1gpd9wt3wcvhczewuivaguvymx9yjsjq9mcy2y" type="hidden" name="form_build_id" value="form-nGzsk1GPd9WT3wCVhCzEWuIvAGUvYmX9YjsJQ9McY2Y" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-48722" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_48722" />
      <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="87260" selected="selected">ASICS23-CHAUSSETTE Pace Invisible 3/PC Performance Black T37-39</option><option value="87261">ASICS23-CHAUSSETTE Pace Invisible 3/PC Performance Black T40-43</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-48722').click(() => {
          $("#modal-website-48722").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-chaussette-cushioned-sneaker-3pr-unisex-noire" 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__49317">  <img src="/sites/default/files/styles/product_listing/public/happy-market/57114.jpg?itok=72sjTtp2" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          PUMA CHAUSSETTE Cushioned Sneaker 3PR Unisex NOIRE
        </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__49317">1 500 FCFP</div>
      
          </div>


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

          <a href="/index.php/produits/puma-chaussette-cushioned-sneaker-3pr-unisex-noire">
            <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-49317 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49317-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49317--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-ztrz7pfkerxf6k4ibncxfp7ridz7myurd3dpdwfvjug" type="hidden" name="form_build_id" value="form-zTrz7PfKERxF6k4IBncxFp7RIdz7mYURd3DpDwFvjUg" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49317-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49317" />
      <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="88565" selected="selected">PUMA23-CHAUSSETTE Cushioned Sneaker 3P Unisex - Black T35-38</option><option value="88566">PUMA23-CHAUSSETTE Cushioned Sneaker 3P Unisex - Black T39-42</option><option value="88567">PUMA23-CHAUSSETTE Cushioned Sneaker 3P Unisex - Black T43-47</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-49317" 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-49317">
          <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__49317">  <img src="/sites/default/files/styles/product_listing/public/happy-market/57114.jpg?itok=72sjTtp2" width="200" height="200" typeof="foaf:Image" />


</div>


		</div>

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

                          
				<div class="text-lg font-bold text-red my-2">
					
            <div class="product--variation-field--variation_price__49317">1 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__49317">UNT-57114</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-49317 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49317" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49317" 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-zwtfw5sjfw-gmygbibdr0ksn4ub3a3zy9nmapnpf3h8" type="hidden" name="form_build_id" value="form-ZwTfW5sjfW-GMYgbIbdr0ksN4UB3a3ZY9NmapNpf3h8" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49317" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49317" />
      <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="88565" selected="selected">PUMA23-CHAUSSETTE Cushioned Sneaker 3P Unisex - Black T35-38</option><option value="88566">PUMA23-CHAUSSETTE Cushioned Sneaker 3P Unisex - Black T39-42</option><option value="88567">PUMA23-CHAUSSETTE Cushioned Sneaker 3P Unisex - Black T43-47</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-49317').click(() => {
          $("#modal-website-49317").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-chaussette-sport-light-sneaker-2pr-blanche" 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__49192">  <img src="/sites/default/files/styles/product_listing/public/happy-market/55728.jpg?itok=2nGpDMN8" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          PUMA CHAUSSETTE Sport Light Sneaker 2PR BLANCHE
        </h2>

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


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

          <a href="/index.php/produits/puma-chaussette-sport-light-sneaker-2pr-blanche">
            <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-49192 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49192-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49192--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-jmtmoevpzrnpup3pwq-imbwctno23xusix70box6jgu" type="hidden" name="form_build_id" value="form-jmTMOevpZRnPup3pWQ-ImbWcTNO23xUsix70Box6jGU" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49192-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49192" />
      <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="88257" selected="selected">PUMA23-CHAUSSETTE Sport Light Sneaker 2P White T39-42</option></select>
        </div>

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

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


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>PUMA CHAUSSETTE Sport Light Sneaker 2PR BLANCHE</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49192">UNT-55728</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-49192 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49192" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49192" 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-upypx-yllcvfzwsfcgvrmgkqmvijjyns6tse7kjva3i" type="hidden" name="form_build_id" value="form-UpYPX_yLLCvFZwSFcGVrMgKqmvIjjYNS6TsE7KJva3I" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49192" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49192" />
      <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="88257" selected="selected">PUMA23-CHAUSSETTE Sport Light Sneaker 2P White T39-42</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit--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-49192').click(() => {
          $("#modal-website-49192").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-chaussette-sport-light-sneaker-2pr-noire" 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__49191">  <img src="/sites/default/files/styles/product_listing/public/happy-market/55727.jpg?itok=KSi-MTBU" width="200" height="200" typeof="foaf:Image" />


</div>


      </div>
      <div class="flex-grow flex flex-col justify-between">
        <h2 class="my-2 uppercase text-lg text-black truncate text-center">
          PUMA CHAUSSETTE Sport Light Sneaker 2PR NOIRE
        </h2>

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


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

          <a href="/index.php/produits/puma-chaussette-sport-light-sneaker-2pr-noire">
            <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-49191 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49191-2" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49191--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-mqfh0lvvnp9agz39gggzwunrm7yvh8oxy73xvb2oyw0" type="hidden" name="form_build_id" value="form-mQFH0LVVnp9agz39ggGzwUnrm7yvh8OXY73XVb2oYW0" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49191-2" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49191" />
      <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="88256" selected="selected">PUMA23-CHAUSSETTE Sport Light Sneaker 2P Black T43-47</option><option value="89131">PUMA23-CHAUSSETTE Sport Light Sneaker/2PR Black T39-42</option></select>
        </div>

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

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


</div>


		</div>

		<div class="col-span-2">
			<div>
				<h2 class="uppercase text-3xl text-red">
					
            <div>PUMA CHAUSSETTE Sport Light Sneaker 2PR NOIRE</div>
      
				</h2>

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

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

						<div class="uppercase text-lg">
							
            <div class="product--variation-field--variation_sku__49191">UNT-55727</div>
      
						</div>
					</div>
								
      <div>
              <div><div id="commerce-product-add-to-cart-form"><form class="commerce-order-item-add-to-cart-form-commerce-product-49191 commerce-order-item-add-to-cart-form" data-drupal-selector="commerce-order-item-add-to-cart-form-commerce-product-49191" action="/produits?f%5B0%5D=categories%3A1206&amp;page=1&amp;tid=All" method="post" id="commerce-order-item-add-to-cart-form-commerce-product-49191" 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-autlym2-b-q5ndwuuuop3oxjpea0mycza-qqnier2zc" type="hidden" name="form_build_id" value="form-autLyM2_B-Q5NdWUUUOp3OXJpeA0MycZA-QqNiEr2zc" />
<input data-drupal-selector="edit-commerce-order-item-add-to-cart-form-commerce-product-49191" type="hidden" name="form_id" value="commerce_order_item_add_to_cart_form_commerce_product_49191" />
      <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="88256" selected="selected">PUMA23-CHAUSSETTE Sport Light Sneaker 2P Black T43-47</option><option value="89131">PUMA23-CHAUSSETTE Sport Light Sneaker/2PR Black T39-42</option></select>
        </div>

  <input class="button--add-to-cart button button--primary js-form-submit form-submit" data-drupal-selector="edit-submit" type="submit" id="edit-submit" 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-49191').click(() => {
          $("#modal-website-49191").appendTo(document.body);
        });
      })
    }(jQuery));
  </script>
</div>

      </div>
</div>

      <nav class="pager my-4" role="navigation" aria-labelledby="pagination-heading">
    <h4 id="pagination-heading" class="visually-hidden">Pagination</h4>
    <ul class="pager__items js-pager__items flex flex-row justify-center text-grayDark">
                    <li class="pager__item py-1 px-2 pager__item--first">
          <a href="?f%5B0%5D=categories%3A1206&amp;tid=All&amp;search_api_fulltext=&amp;page=0" title="Aller à la première page">
            <span class="visually-hidden">Première page</span>
            <span aria-hidden="true">« First</span>
          </a>
        </li>
                          <li class="pager__item py-1 px-2 pager__item--previous">
          <a href="?f%5B0%5D=categories%3A1206&amp;tid=All&amp;search_api_fulltext=&amp;page=0" title="Aller à la page précédente" rel="prev">
            <span class="visually-hidden">Page précédente</span>
            <span aria-hidden="true">‹‹</span>
          </a>
        </li>
                                      <li class="pager__item py-1 px-2">
                                          <a href="?f%5B0%5D=categories%3A1206&amp;tid=All&amp;search_api_fulltext=&amp;page=0" title="Go to page 1">
            <span class="visually-hidden">
              Page
            </span>1</a>
        </li>
              <li class="pager__item py-1 px-2 is-active">
                                          <a href="?f%5B0%5D=categories%3A1206&amp;tid=All&amp;search_api_fulltext=&amp;page=1" title="Page courante">
            <span class="visually-hidden">
              Page courante
            </span>2</a>
        </li>
              <li class="pager__item py-1 px-2">
                                          <a href="?f%5B0%5D=categories%3A1206&amp;tid=All&amp;search_api_fulltext=&amp;page=2" title="Go to page 3">
            <span class="visually-hidden">
              Page
            </span>3</a>
        </li>
              <li class="pager__item py-1 px-2">
                                          <a href="?f%5B0%5D=categories%3A1206&amp;tid=All&amp;search_api_fulltext=&amp;page=3" title="Go to page 4">
            <span class="visually-hidden">
              Page
            </span>4</a>
        </li>
              <li class="pager__item py-1 px-2">
                                          <a href="?f%5B0%5D=categories%3A1206&amp;tid=All&amp;search_api_fulltext=&amp;page=4" title="Go to page 5">
            <span class="visually-hidden">
              Page
            </span>5</a>
        </li>
                                      <li class="pager__item py-1 px-2 pager__item--next">
          <a href="?f%5B0%5D=categories%3A1206&amp;tid=All&amp;search_api_fulltext=&amp;page=2" 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%3A1206&amp;tid=All&amp;search_api_fulltext=&amp;page=4" title="Aller à la dernière page">
            <span class="visually-hidden">Dernière page</span>
            <span aria-hidden="true">Last »</span>
          </a>
        </li>
          </ul>
  </nav>


</div>


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

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

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


      </div>

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

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

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


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

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

	</article>


            </div>


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

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

	</article>


            </div>


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

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

	</article>


            </div>


					</div>
				</div>

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

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

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

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


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

  </div>


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


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

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