<!DOCTYPE html>
<html lang="fr">
<head>
<title>
Granulés de bois | Gruchy </title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="msapplication-config" content="/browserconfig.xml">
<meta name="title" content="Granulés de Bois - Livraison à Domicile | Gruchy">
<meta name="description" content="Granulés de bois - Pellets de bois Français | Marques en stock : Gruchy, Crépito®, Piveteau® | Livraison des granulés à domicile | Click & Collect.">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="manifest" href="/manifest.json">
<link rel="canonical" href="https://www.combustibles-gruchy.fr/produit/granules-de-bois">
<link rel="stylesheet" href="/build/app/shop/app.90f0dd36.css">
<link rel="stylesheet" href="/build/app/shop/mollie-shop-entry.6631babc.css">
<link rel="stylesheet" href="https://static-sogecommerce.societegenerale.eu/static/js/krypton-client/V4.0/ext/neon-reset.min.css">
<script type="ec2e6714e39c79e3f9785d7f-text/javascript">
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({"env":"prod","route":"sylius_shop_product_index","channel":{"code":"default","name":"Br\u00e9val"},"locale":"fr_FR","currency":"EUR"});
</script>
<!-- Google Tag Manager -->
<script type="ec2e6714e39c79e3f9785d7f-text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl+'';f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WR277K');</script>
<!-- End Google Tag Manager -->
<script type="ec2e6714e39c79e3f9785d7f-text/javascript">
var gtmEnhancedEcommerceCurrencyCode = 'EUR';
</script>
<script src="/build/app/shop/libs.09355cd2.js" type="ec2e6714e39c79e3f9785d7f-text/javascript"></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"url": "https://www.combustibles-gruchy.fr",
"logo": "https://www.combustibles-gruchy.fr/build/app/shop/images/logo.c881ae02.svg",
"sameAs": "https://www.facebook.com/Combustibles.gruchy"
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"image": ["https://www.combustibles-gruchy.fr/build/app/shop/images/logo.c881ae02.svg"],
"name": "Combustibles Gruchy",
"address": {
"@type": "PostalAddress",
"streetAddress": "ZA le Val d'Agé, 5 rue du Vieux Chêne",
"addressLocality": "Bréval",
"postalCode": "27120",
"addressCountry": "FR"
},
"url": "https://www.combustibles-gruchy.fr",
"telephone": "+33 (0)1 34 78 31 26",
"email": "breval@combustibles-gruchy.fr"
}
</script>
</head>
<body x-data :class="{'overflow-hidden': $store.shipping.showPopin || $store.layout.showMenu}">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WR277K"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="bg-primary text-white text-center font-bold px-[2.86rem]">
<p class="pt-[0.38rem]"><a href="https://www.combustibles-gruchy.fr/#concoursbrasero">🔥 Jeu concours : gagnez un brasero OFYR 75 Corten 🔥</a></p>
</div>
<div id="header" class="sticky top-0 z-[9999] bg-white border-b-[1px] border-[#D1D7DD] lg:border-primary-grey lg:border-0">
<header class="flex items-center border-t-[0.50rem] border-t-[#EA7251] border-b-[1px] border-b-[#D1D7DD] lg:border-b-primary-grey px-[1.07rem] py-[1.07rem] min-[1300px]:py-[0.86rem] space-x-[2.14rem]">
<button type="button" x-data @click="$store.layout.toggleMenu()" class="min-[1300px]:hidden w-[2.86rem] h-[2.86rem] rounded bg-primary-grey mr-[1.07rem] leading-[3rem]">
<span class="icon-Burger" aria-hidden="true"></span>
</button>
<a href="/" class="!ml-0 w-full max-w-[8.46rem] sm:max-w-[9.29rem]">
<img src="/build/app/shop/images/logo.c881ae02.svg" alt="Gruchy" class="" />
</a>
<div class="fixed min-[1300px]:relative top-0 left-0 w-full h-full min-[1300px]:w-auto min-[1300px]:h-auto !m-0 z-50 border-t-8 border-t-primary min-[1300px]:border-0 invisible min-[1300px]:visible" x-data :class="{'!visible': $store.layout.showMenu}">
<div x-data @click="$store.layout.toggleMenu()" class="min-[1300px]:hidden absolute top-0 left-0 h-full w-full bg-[rgba(50,61,72,0.7)] transition-all duration-200 ease-in-out opacity-0 invisible min-[1300px]:opacity-100 min-[1300px]:visible" :class ={'!opacity-100 !visible': $store.layout.showMenu}></div>
<ul class="flex flex-col min-[1300px]:flex-row min-[1300px]:items-center min-[1300px]:space-x-[2.14rem] w-[80%] h-full min-[1300px]:w-auto min-[1300px]:h-auto bg-white min-[1300px]:bg-transparent transition-all duration-200 ease-in-out -translate-x-full min-[1300px]:translate-x-0" x-data :class="{'!translate-x-0': $store.layout.showMenu}">
<li class="min-[1300px]:hidden">
<button type="button" x-data @click="$store.layout.toggleMenu()" class="block w-full text-left px-[1.07rem] sm:px-[1.79rem] py-[0.93rem] sm:py-[1.07rem] border-b border-secondary-grey">
<span class="icon-Croix text-center inline-block align-middle w-[2.86rem] h-[2.86rem] rounded bg-primary-grey leading-[3rem] mr-[1.79rem]" aria-hidden="true"></span>
<span class="inline-block font-bold align-middle">Fermer le menu</span>
</button>
</li>
<li>
<a href="/produit/bois" class="flex items-center transition group duration-200 ease-in-out hover:text-primary min-[1300px]:text-[1.07rem] font-bold capitalize px-[1.07rem] sm:px-[1.79rem] py-[0.93rem] sm:py-[1.07rem] min-[1300px]:p-0 border-b border-secondary-grey min-[1300px]:border-0">
<span class="p-0.5 flex justify-center items-center w-[2.86rem] min-[1300px]:w-10 h-[2.86rem] min-[1300px]:h-10 rounded-full bg-primary-grey mr-4 min-[1300px]:mr-3 transition-[background-color] duration-200 ease-in-out group-hover:bg-primary group-hover:text-white">
<img src="/build/app/shop/images/icons/bois.938b4676.svg" class="group-hover:filter group-hover:brightness-0 group-hover:invert">
</span>
Bois
</a>
</li>
<li>
<a href="/produit/granules-de-bois" class="flex items-center transition group duration-200 ease-in-out hover:text-primary min-[1300px]:text-[1.07rem] font-bold capitalize px-[1.07rem] sm:px-[1.79rem] py-[0.93rem] sm:py-[1.07rem] min-[1300px]:p-0 border-b border-secondary-grey min-[1300px]:border-0">
<span class="p-0.5 flex justify-center items-center w-[2.86rem] min-[1300px]:w-10 h-[2.86rem] min-[1300px]:h-10 rounded-full bg-primary-grey mr-4 min-[1300px]:mr-3 transition-[background-color] duration-200 ease-in-out group-hover:bg-primary group-hover:text-white">
<img src="/build/app/shop/images/icons/pellet.0d531925.svg" class="group-hover:filter group-hover:brightness-0 group-hover:invert">
</span>
Granulés
</a>
</li>
<li class="min-[1300px]:hidden flex flex-col">
<div class="grid grid-cols-2 gap-4 items-center border-b border-secondary-grey">
<a href="/produit/braseros"
class="w-full flex items-center transition group duration-200 ease-in-out hover:text-primary min-[1300px]:text-[1.07rem] font-bold capitalize px-[1.07rem] sm:px-[1.79rem] py-[0.93rem] sm:py-[1.07rem] min-[1300px]:p-0">
<span class="p-0.5 flex justify-center items-center w-[2.86rem] min-[1300px]:w-10 h-[2.86rem] min-[1300px]:h-10 rounded-full bg-primary-grey mr-4 min-[1300px]:mr-3 transition-[background-color] duration-200 ease-in-out group-hover:bg-primary group-hover:text-white">
<img src="/build/app/shop/images/icons/braseros.e381a6bc.svg" class="group-hover:filter group-hover:brightness-0 group-hover:invert">
</span>
Brasero
</a>
<div class="w-full px-4 py-2 transition-colors duration-200 ease-in-out hover:text-primary text-right"
@click="$dispatch('submenu-show', { links: [ { url: '/page/location-de-brasero-pour-vos-evenements', text: 'En location' }, { url: '/produit/braseros', text: 'À la vente' } ] })">
<span class="icon-Chevron_right"></span>
</div>
</div>
</li>
<li class="hidden min-[1300px]:block relative group"
x-data="{ open: false, timeoutId: null }"
@mouseenter="clearTimeout(timeoutId); open = true"
@mouseleave="timeoutId = setTimeout(() => open = false, 200)"
@focusin="clearTimeout(timeoutId); open = true"
@focusout="open = false"
@click.away="clearTimeout(timeoutId); open = false"
@keydown.escape.window="clearTimeout(timeoutId); open = false">
<a href="/produit/braseros"
class="flex items-center transition group duration-200 ease-in-out hover:text-primary min-[1300px]:text-[1.07rem] font-bold capitalize px-[1.07rem] sm:px-[1.79rem] py-[0.93rem] sm:py-[1.07rem] min-[1300px]:p-0 border-b border-secondary-grey min-[1300px]:border-0">
<span class="p-0.5 flex justify-center items-center w-[2.86rem] min-[1300px]:w-10 h-[2.86rem] min-[1300px]:h-10 rounded-full bg-primary-grey mr-4 min-[1300px]:mr-3 transition-[background-color] duration-200 ease-in-out group-hover:bg-primary group-hover:text-white">
<img src="/build/app/shop/images/icons/braseros.e381a6bc.svg" class="group-hover:filter group-hover:brightness-0 group-hover:invert">
</span>
Brasero
</a>
<div
class="w-full relative top-6 group-hover:border-b-2 group-hover:border-primary min-[1300px]:block hidden"></div>
<ul class="absolute top-12 w-64 bg-white border border-primary-grey shadow-lg rounded-lg mt-2 z-50 p-2 flex flex-col space-y-2"
x-cloak
x-show="open">
<li>
<a href="/page/location-de-brasero-pour-vos-evenements"
class="block font-bold hover:bg-primary-grey rounded px-4 py-2 transition-colors duration-200">En location</a>
</li>
<li class="flex justify-center">
<div class="w-4/5 border-t border-secondary-grey"></div>
</li>
<li>
<a href="/produit/braseros"
class="block font-bold hover:bg-primary-grey rounded px-4 py-2 transition-colors duration-200">À la vente</a>
</li>
</ul>
</li>
<li>
<a href="/produits/fioul-bio-fioul" class="flex items-center transition group duration-200 ease-in-out hover:text-primary min-[1300px]:text-[1.07rem] font-bold capitalize px-[1.07rem] sm:px-[1.79rem] py-[0.93rem] sm:py-[1.07rem] min-[1300px]:p-0 border-b border-secondary-grey min-[1300px]:border-0">
<span class="p-0.5 flex justify-center items-center w-[2.86rem] min-[1300px]:w-10 h-[2.86rem] min-[1300px]:h-10 rounded-full bg-primary-grey mr-4 min-[1300px]:mr-3 transition-[background-color] duration-200 ease-in-out group-hover:bg-primary group-hover:text-white">
<img src="/build/app/shop/images/icons/fioul.4493b101.svg" class="group-hover:filter group-hover:brightness-0 group-hover:invert">
</span>
Fioul
</a>
</li>
<li>
<a href="/fuelDevis" class="flex items-center transition group duration-200 ease-in-out hover:text-primary min-[1300px]:text-[1.07rem] font-bold capitalize px-[1.07rem] sm:px-[1.79rem] py-[0.93rem] sm:py-[1.07rem] min-[1300px]:p-0 border-b border-secondary-grey min-[1300px]:border-0">
<span class="p-0.5 flex justify-center items-center w-[2.86rem] min-[1300px]:w-10 h-[2.86rem] min-[1300px]:h-10 rounded-full bg-primary-grey mr-4 min-[1300px]:mr-3 transition-[background-color] duration-200 ease-in-out group-hover:bg-primary group-hover:text-white">
<img src="/build/app/shop/images/icons/carburant.6b221dcd.svg" class="group-hover:filter group-hover:brightness-0 group-hover:invert">
</span>
Carburant
</a>
</li>
<li>
<a href="/adblueDevis" class="flex items-center transition group duration-200 ease-in-out hover:text-primary min-[1300px]:text-[1.07rem] font-bold capitalize px-[1.07rem] sm:px-[1.79rem] py-[0.93rem] sm:py-[1.07rem] min-[1300px]:p-0 border-b border-secondary-grey min-[1300px]:border-0">
<span class="p-0.5 flex justify-center items-center w-[2.86rem] min-[1300px]:w-10 h-[2.86rem] min-[1300px]:h-10 rounded-full bg-primary-grey mr-4 min-[1300px]:mr-3 transition-[background-color] duration-200 ease-in-out group-hover:bg-primary group-hover:text-white">
<img src="/build/app/shop/images/icons/adblue.43bf0a74.svg" class="group-hover:filter group-hover:brightness-0 group-hover:invert">
</span>
Ad Blue
</a>
</li>
<li class="min-[1300px]:hidden mt-[1.07rem]">
<a href="/contact/" class="block px-[1.79rem] py-[1.07rem]">Aide & contact</a>
</li>
<li class="min-[1300px]:hidden mt-[1.07rem]">
<a href="/reclamation/" class="block px-[1.79rem] py-[1.07rem]">Déclarer un litige</a>
</li>
<li class="min-[1300px]:hidden">
<a href="/historique" class="block px-[1.79rem] py-[1.07rem]">A propos</a>
</li>
<li class="min-[1300px]:hidden mt-auto">
<button type="button" x-data @click="$store.shipping.togglePopin()" class="flex w-full items-center justify-start sm:justify-center px-[1.07rem] sm:px-[1.79rem] py-[1.79rem] sm:py-[2.50rem] space-x-[0.57rem] font-bold border-t border-secondary-grey">
<span class="inline-block align-middle icon-Truck shrink-0"></span>
<span>Préférence de livraison</span>
</button>
</li>
</ul>
</div>
<div class="!ml-auto">
<ul class="flex items-center space-x-[1.07rem] min-[1300px]:space-x-[2.14rem]">
<li class="hidden min-[1300px]:block">
<a href="/points-drive" class="relative flex items-center h-12 my-[-10px] text-white text-base font-bold capitalize leading-4">
<img src="/build/app/shop/images/icons/drive.b972303a.svg" class="h-full object-cover" />
<span class="absolute right-4">Points drive <br> 24h/24h</span>
</a>
</li>
<li class="hidden min-[1300px]:block relative group"
x-data="{ open: false, timeoutId: null }"
@mouseenter="clearTimeout(timeoutId); open = true"
@mouseleave="timeoutId = setTimeout(() => open = false, 200)"
@focusin="clearTimeout(timeoutId); open = true"
@focusout="open = false"
@click.away="clearTimeout(timeoutId); open = false"
@keydown.escape.window="clearTimeout(timeoutId); open = false"
>
<span class="flex items-center text-[1.07rem] font-bold capitalize group-hover:text-primary cursor-pointer" @click="open = !open; if (!open) $el.blur()">
Aide & contact
</span>
<div class="w-full relative top-6 group-hover:border-b-2 group-hover:border-primary"></div>
<ul class="absolute -left-1/2 top-12 w-64 bg-white border border-primary-grey shadow-lg rounded-lg mt-2 z-50 px-6 py-4 flex flex-col space-y-4"
x-cloak
x-show="open">
<li>
<a href="/contact/" class="block font-medium">Nous contacter</a>
</li>
<li>
<a href="/page/questions-frequentes" class="block font-medium">Questions fréquentes</a>
</li>
<li>
<a href="/reclamation/" class="block rounded-lg bg-primary text-white font-bold px-2 py-4 text-center">Déclarer un litige</a>
</li>
</ul>
</li>
<li>
<a href="/account/dashboard" class="flex items-center font-bold uppercase">
<span class="icon-Login flex items-center justify-center text-[1.15rem] min-[1300px]:text-[1.07rem] w-[2.86rem] min-[1300px]:w-[2.14rem] h-[2.86rem] min-[1300px]:h-[2.14rem] rounded min-[1300px]:rounded-full bg-primary-grey min-[1300px]:bg-primary min-[1300px]:text-white"></span>
<span class="hidden">login</span>
</a>
</li>
<li>
<div class="relative flex items-center font-bold uppercase">
<span class="icon-Cart flex items-center justify-center text-[1.54rem] min-[1300px]:text-[1.07rem] w-[2.86rem] min-[1300px]:w-[2.14rem] h-[2.86rem] min-[1300px]:h-[2.14rem] rounded min-[1300px]:rounded-full lg:mr-[5px] bg-primary text-white"></span>
<span class="text-[12px] inline-block absolute lg:relative top-1/2 lg:top-0 left-1/2 lg:left-0 -translate-x-1/2 lg:translate-x-0 -translate-y-1/2 lg:translate-y-0 mt-[3px] sm:mt-[2px] lg:mt-0 text-white lg:text-[#323D48]">0</span>
</div>
</li>
</ul>
</div>
</header>
<div class="submenu-panel fixed top-0 left-0 w-full h-full z-[60]"
x-data="{ isOpen: false, links: [], show(links) { this.links = links; this.isOpen = true; } }"
x-show="isOpen"
x-cloak
@submenu-show.window="show($event.detail.links)"
@submenu-hide.window="isOpen = false">
<div class="relative w-[80%] h-full bg-white shadow-lg border-t-8 border-t-primary"
x-show="isOpen"
x-transition:enter="transition-transform ease-out duration-300"
x-transition:enter-start="-translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave="transition-transform ease-in duration-300"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="-translate-x-full">
<div class="flex items-center justify-between px-5 py-6 border-b border-secondary-grey">
<button type="button"
@click="isOpen = false"
class="flex space-x-4 items-center text-left font-bold">
<img src="/build/app/shop/images/back-button.33c91504.svg" />
<span class="inline-block align-middle">Retour</span>
</button>
</div>
<div class="flex-1 overflow-y-auto">
<ul class="flex flex-col">
<template x-for="link in links" :key="link.url">
<li>
<a :href="link.url"
class="flex items-center px-4 py-5 border-b border-secondary-grey hover:bg-primary-grey transition-colors duration-200 ease-in-out">
<span class="font-bold capitalize" x-text="link.text"></span>
</a>
</li>
</template>
</ul>
</div>
</div>
</div>
<div class="flex justify-between items-center py-[1.07rem] px-[1.07rem]">
<div class="hidden min-[1300px]:flex items-center space-x-[0.57rem] font-medium">
<span class="icon-Phone text-[1.36rem] inline-block align-middle shrink-0"></span>
<ul class="flex items-center">
<li class="after:content-['\2022'] after:inline-block after:mx-[0.86rem] last:after:content-[none]">
Normandie au 02 32 36 08 57
</li>
<li class="after:content-['\2022'] after:inline-block after:mx-[0.86rem] last:after:content-[none]">
Autres au 01 34 78 31 26
</li>
</ul>
</div>
<div class="relative">
<button type="button" x-data @click="$store.shipping.togglePopin()" class="flex items-center space-x-[0.57rem] font-bold">
<span class="icon-Truck text-[1.18rem] inline-block align-middle shrink-0"></span>
<span class="text-left">
Choisir mes préférences de livraison
</span>
</button>
<div x-data="{ showPopin: true }" x-show="showPopin" class="absolute top-[100%] left-0 lg:left-auto lg:right-0 z-30 mt-[1.07rem] flex flex-col items-center space-y-[0.86rem] w-[22rem] sm:w-[20.43rem] bg-white rounded-xl p-[1.43rem] shadow-[0px_0px_20px_rgba(0,0,0,0.15)] text-center before:content-['\e914'] before:absolute before:left-[1.64rem] before:-top-[0.79rem] before:font-Icomoon before:text-white before:text-[1.36rem]">
<button type="button" @click="showPopin = false" class="absolute top-[0.38rem] sm:top-[0.71rem] lg:top-[1.43rem] right-[0.38rem] sm:right-[0.71rem] lg:right-[1.43rem] w-[2.86rem] h-[2.86rem] rounded bg-primary-grey lg:w-auto lg:h-auto lg:bg-transparent icon-Croix transition-all duration-200 ease-in-out hover:rotate-180"><span class="hidden">close</span></button>
<div class="w-[2.14rem] h-[2.14rem] leading-[2.14rem] bg-[#FBE3DC] rounded-full text-center font-bold text-[1.43rem] text-primary">!</div>
<div class="font-bold leading-[1.29rem]">
Pour découvrir nos stocks et nos meilleurs prix, choisissez un mode de livraison
</div>
<button type="submit" x-data @click="$store.shipping.togglePopin()" class="block w-full px-[0.71rem] rounded border border-primary hover:border-secondary text-primary hover:text-secondary transition-all duration-200 ease-in-out font-bold h-[46px]">
Choisir mon mode de livraison
</button>
</div>
</div>
<a href="/points-drive" class="min-[1300px]:hidden relative flex items-center h-12 my-[-10px] py-1 text-white text-sm font-bold capitalize leading-4">
<img src="/build/app/shop/images/icons/drive.b972303a.svg" class="h-full object-cover" />
<span class="absolute right-3">Points drive <br> 24h/24h</span>
</a>
</div>
</div>
<div class="text-center">
</div>
<div class="bg-[#F5F7F9] px-[1.15rem] sm:px-[1.79rem] lg:px-[2.14rem] pt-[1.43rem] sm:pt-[1.79rem] lg:pt-[2.14rem] pb-[3.08rem] sm:pb-[3.57rem] lg:pb-[5.36rem] lg:mx-[1.07rem] lg:rounded-xl lg:mb-[1.07rem]">
<div class="flex flex-col items-center space-y-[0.77rem] sm:space-y-[1.43rem] lg:space-y-[1.43rem] mb-[1.54rem] sm:mb-[1.79rem] lg:mb-[2.14rem] text-center">
<nav>
<ol class="flex justify-center lg:justify-start" itemscope itemtype="https://schema.org/BreadcrumbList">
<li class="shrink-0 flex items-center after:content-['\2022'] after:block after:align-middle after:mx-[0.57rem] after:font-bold" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href="https://www.combustibles-gruchy.fr/" itemscope itemtype="https://schema.org/WebPage" itemprop="item" itemid="https://www.combustibles-gruchy.fr/">
<span itemprop="name">Accueil</span>
</a>
<meta itemprop="position" content="1" />
</li>
<li class="block font-bold whitespace-nowrap overflow-ellipsis overflow-hidden max-w-[150px] sm:max-w-none" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<span itemprop="name">Granulés de bois</span>
<meta itemprop="position" content="2" />
</li>
</ol>
</nav>
<h1 class="font-Montserrat font-bold text-[1.29rem] sm:text-[1.57rem] lg:text-[1.86rem] leading-[2.29rem]">Granulés de bois</h1>
<p class="font-medium lg:px-40 [&>a]:underline">Découvrez nos granulés de bois pour un chauffage optimal en hiver ! Fabriqués à partir de copeaux et de sciure de bois compressés, nos granulés de bois constituent un choix respectueux de l’environnement. Contrairement au charbon, ils répondent aux normes environnementales et permettent de chauffer votre logement tout en réduisant votre impact.</p>
</div>
<div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-[1.15rem] sm:gap-[1.79rem] lg:gap-[2.14rem] mb-[3.08rem] sm:mb-[3.57rem] lg:mb-[5.36rem]">
<div class="hidden sm:flex bg-[#5BA190] rounded-xl overflow-hidden shadow-[0px_0px_20px_rgba(0,0,0,0.05)] relative p-4 sm:p-5 flex-col items-center justify-center text-white">
<svg id="Calque_2" viewbox="0 0 86.57 64.36" fill="none" class="hidden sm:block h-24 w-24 items-center justify-center" aria-hidden="true"><defs><style>.cls-1{fill:none;}.cls-2{fill:#424566;}.cls-3{fill:#3fa08d;}.cls-4{fill:#ea5733;}.cls-5{fill:#c14027;}.cls-6{fill:#e8eef1;}.cls-7{fill:#2d2a26;}.cls-8{fill:#f6f7f9;}.cls-9{fill:#95dbcd;}.cls-10{fill:#fff;}.cls-11{fill:#454349;}.cls-12{fill:#ffcc07;}.cls-13{clip-path:url(#clippath);}</style><clippath id="clippath"><circle class="cls-1" cx="42.75" cy="32.18" r="32.18"></circle></clippath></defs><g id="Calque_1-2"><circle class="cls-8" cx="43.13" cy="32.56" r="31.78"></circle><path class="cls-3" d="M0,24.69l46.38-.46.26,26.2-46.38.46-.26-26.2Z"></path><path class="cls-9" d="M39.86,27.57l-33.28.33c.02,1.81-1.43,3.29-3.24,3.31l.13,13.1c1.81-.02,3.29,1.43,3.31,3.24l33.28-.33c-.02-1.81,1.43-3.29,3.24-3.31l-.13-13.1c-1.81.02-3.29-1.43-3.31-3.24Z"></path><circle class="cls-3" cx="23.32" cy="37.56" r="6.55"></circle><path class="cls-3" d="M7.59,37.06l5.24-.05v1.31s-5.23.05-5.23.05v-1.31Z"></path><path class="cls-3" d="M33.79,36.8l5.24-.05v1.31s-5.23.05-5.23.05v-1.31Z"></path><g id="Layer_1"><path class="cls-4" d="M37.67,7.66l46.86.79c.57,0,1.09.25,1.46.63.37.38.59.91.58,1.48l-.39,23.09c0,.57-.25,1.09-.63,1.46-.38.37-.91.59-1.48.58l-46.86-.79c-.57,0-1.09-.25-1.46-.63-.37-.38-.59-.91-.58-1.48l.39-23.09c0-.57.25-1.09.63-1.46.38-.37.91-.59,1.48-.58h0Z"></path><path class="cls-8" d="M38.6,9.86l44.93.75c.33,0,.59.27.58.6l-.36,21.7c0,.33-.27.59-.6.58l-44.93-.75c-.33,0-.59-.27-.58-.6l.36-21.7c0-.33.27-.59.6-.58h0Z"></path><path class="cls-4" d="M41.02,16.89c-.33,0-.59.25-.6.58s.25.59.58.6l39.85.67c.33,0,.59-.25.6-.58s-.25-.59-.58-.6l-39.85-.67Z"></path><path class="cls-4" d="M41.09,12.85c-.33,0-.59.25-.6.58s.25.59.58.6l25.77.43c.33,0,.59-.25.6-.58s-.25-.59-.58-.6l-25.77-.43Z"></path><path class="cls-4" d="M41.54,24.95l14.3.24c.28,0,.53.12.72.31h0s0,0,0,0h0s0,0,0,0c.02.02.03.03.05.05.16.18.25.42.24.68l-.05,2.84c0,.28-.12.54-.31.72-.19.18-.45.29-.73.29l-14.3-.24c-.28,0-.53-.12-.72-.31h0s0,0,0,0h0s0,0,0,0c-.02-.02-.03-.03-.05-.05-.16-.18-.25-.42-.24-.68l.05-2.84c0-.28.12-.53.31-.72h0s0,0,0,0h0s0,0,0,0c.02-.02.03-.03.05-.05.18-.16.42-.25.68-.24h0Z"></path><path class="cls-10" d="M48.1,25.06l1.18.02-.08,4.89-1.18-.02.08-4.89Z"></path><path class="cls-7" d="M65.32,28.07c-.08.32.11.64.43.71.32.08.64-.11.71-.43,0-.02,1.76-7.04,3.05-6.48h.01s0,0,0,0h0c.52.33-.2,1.73-.72,2.74-.28.55-.52,1.01-.57,1.34-.04.32-.08.76.01,1.09.07.26.2.48.44.61.24.14.53.15.86,0,.32-.15.75-.52,1.33-1.23.13-.16.28-.41.46-.69.35-.56.8-1.29,1-1.33.05-.01-.06.16.02.57.69,3.46,3.7,2.26,3.71,2.26.3-.12.46-.46.34-.76-.12-.3-.46-.46-.76-.34,0,0-1.71.68-2.13-1.39-.25-1.26-.77-1.63-1.41-1.5-.7.14-1.31,1.12-1.77,1.87-.15.24-.28.46-.37.57-.24.29-.43.5-.58.65,0-.07.02-.15.02-.21.02-.14.21-.51.45-.96.74-1.44,1.78-3.44.25-4.3-.03-.02-.05-.03-.08-.05h0c-2.6-1.21-4.7,7.24-4.7,7.26h0Z"></path><path class="cls-4" d="M66.92,29.09c-.33,0-.59.25-.6.58s.25.59.58.6l13.29.22c.33,0,.59-.25.6-.58s-.25-.59-.58-.6l-13.29-.22Z"></path><path class="cls-7" d="M77.67,26.12c-.33,0-.59.25-.6.58s.25.59.58.6l2.18.04c.33,0,.59-.25.6-.58s-.25-.59-.58-.6l-2.18-.04Z"></path></g><g class="cls-13"><path class="cls-11" d="M33.98,70.28c-2.8,0-5.07-2.27-5.07-5.07V21.45c.01-2.8,2.28-5.07,5.07-5.07h20.72c2.8,0,5.07,2.27,5.07,5.07v43.76c0,2.8-2.27,5.07-5.07,5.07h-20.72,0Z"></path><path class="cls-6" d="M57.69,65.21c0,1.65-1.34,2.98-2.98,2.98h-20.73c-1.65,0-2.98-1.34-2.98-2.98V21.45c0-1.65,1.34-2.98,2.98-2.98h20.73c1.65,0,2.98,1.34,2.98,2.98v43.75Z"></path><path class="cls-11" d="M59.79,31.12v6.29s0,0,0,0c.19,0,.35-.16.35-.35v-5.59c0-.19-.16-.35-.35-.35h0Z"></path><path class="cls-11" d="M28.92,33.52v-3.46h-.01c-.19,0-.35.16-.35.35v2.76c0,.2.16.36.36.36ZM28.92,37.4v-3.46h-.01c-.19,0-.35.16-.35.35v2.76c0,.2.16.36.36.36h0Z"></path><path class="cls-11" d="M47.85,22.02h-7c-.67,0-1.21-.55-1.21-1.21s.55-1.21,1.21-1.21h7c.67,0,1.21.55,1.21,1.21s-.54,1.21-1.21,1.21Z"></path><path class="cls-4" d="M60.67,56.07H28.02c-1.34,0-2.43-1.08-2.43-2.43v-20.61c0-1.35,1.09-2.43,2.43-2.43h32.65c1.35,0,2.43,1.09,2.43,2.43v20.61c0,1.35-1.08,2.43-2.43,2.43Z"></path><path class="cls-5" d="M44.35,34.81v.03s.03-.1.04-.14c.03-.08.05-.17.08-.25.1-.32.2-.64.28-.96.03-.11.05-.23.08-.34.07-.3.12-.61.17-.92.02-.12.04-.25.06-.37.05-.42.09-.84.11-1.27h-2.93c-.25,5.91-5.13,10.63-11.1,10.63-2.01,0-3.91-.54-5.54-1.48v3.27c1.69.73,3.57,1.14,5.54,1.14,6.09,0,11.27-3.9,13.21-9.33Z"></path><path class="cls-5" d="M57.63,45.23c-3.73.37-7.11,2.04-10.65,5.26-.51.46-1.01.94-1.5,1.39-.67.63-1.33,1.24-2,1.83-.19.17-.38.34-.57.5-.27.23-.54.45-.81.66-.33.26-.67.51-1.01.76-.2.14-.39.29-.59.43h.02s0,0-.01.01h3.84s.89-.01.89-.01c.77-.67,1.51-1.36,2.23-2.04.47-.45.98-.92,1.46-1.36,3.06-2.77,5.92-4.21,8.98-4.52,1.71-.17,3.42-.02,5.18.32v-2.98c-1.77-.29-3.62-.44-5.47-.25Z"></path><path class="cls-2" d="M33.45,42.99h-3.6c-.55,0-1-.44-1-1v-2.39c0-.55.44-1,1-1h3.59c.55,0,1,.44,1,1v2.39c0,.56-.44,1-.99,1Z"></path><path class="cls-12" d="M33.45,42.93h-3.6c-.52,0-.94-.42-.94-.94v-2.39c0-.52.42-.94.94-.94h3.6c.52,0,.94.42.94.94v2.39c0,.53-.42.94-.94.94Z"></path><path class="cls-4" d="M34.38,40.88v-.15h-1.92v-.64l.49-.49h1.42c0-.05,0-.09-.01-.15h-1.44s-.04.01-.05.02l-.52.52h-.64v-1.31h-.15v1.31h-.64l-.52-.52s-.03-.02-.05-.02h-1.43c-.01.05-.01.09-.01.15h1.42l.48.48v.65h-1.92v.15h1.91v.65l-.48.48h-1.42c0,.05,0,.09.01.15h1.44s.04-.01.05-.02l.52-.52h.64v1.31h.15v-1.31h.64l.52.52s.03.02.05.02h1.43c.01-.05.01-.09.01-.15h-1.41l-.49-.49v-.64h1.92ZM32.32,41.48h-1.35v-1.36h1.36v1.36h-.01Z"></path><path class="cls-8" d="M59.18,42.89s-.06-.01-.09-.02c-.11-.05-.15-.19-.09-.29.57-1.12.57-2.41,0-3.53-.05-.11-.01-.24.09-.29s.24-.01.29.09c.63,1.24.63,2.67,0,3.93-.04.07-.12.12-.2.12ZM58.42,42.47c.59-1.05.59-2.27,0-3.33-.06-.11-.19-.15-.29-.08-.11.06-.15.19-.08.29.52.92.52,1.98,0,2.9-.06.11-.02.24.08.29.03.02.07.03.11.03.07.01.15-.03.19-.11h0ZM57.48,42.17c.58-.84.58-1.9,0-2.74-.06-.11-.2-.13-.31-.05-.11.06-.13.2-.05.31.47.69.47,1.55,0,2.24-.06.11-.04.24.05.31.04.02.08.04.13.04.07-.01.14-.04.18-.11h0ZM56.49,41.89c.32-.29.49-.68.49-1.08s-.18-.79-.49-1.08c-.08-.08-.23-.07-.32.01s-.07.23.01.32c.23.21.36.48.36.76s-.13.55-.36.76c-.08.08-.09.22-.01.32.04.04.11.07.16.07.06,0,.12-.02.16-.06Z"></path><path class="cls-8" d="M44.05,52.38h-14.92c-.13,0-.22-.09-.22-.22s.09-.22.22-.22h14.92c.13,0,.22.09.22.22s-.11.22-.22.22Z"></path><path class="cls-8" d="M59.62,52.38h-2.83c-.13,0-.22-.09-.22-.22s.09-.22.22-.22h2.83c.13,0,.22.09.22.22s-.09.22-.22.22ZM55.6,52.16c0-.13-.09-.22-.22-.22h-2.83c-.13,0-.22.09-.22.22s.09.22.22.22h2.83c.13,0,.22-.11.22-.22Z"></path><path class="cls-8" d="M29.13,35.58c-.13,0-.22-.09-.22-.22v-.86c0-.13.09-.22.22-.22s.22.09.22.22v.86c0,.13-.09.22-.22.22ZM30.55,35.36v-.86c0-.13-.09-.22-.22-.22s-.22.09-.22.22v.86c0,.13.09.22.22.22s.22-.09.22-.22ZM31.75,35.36v-.86c0-.13-.09-.22-.22-.22s-.22.09-.22.22v.86c0,.13.09.22.22.22s.22-.09.22-.22ZM32.94,35.36v-.86c0-.13-.09-.22-.22-.22s-.22.09-.22.22v.86c0,.13.09.22.22.22s.22-.09.22-.22Z"></path><path class="cls-8" d="M29.59,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c0,.36-.31.66-.66.66ZM29.55,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M31.37,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c0,.36-.29.66-.66.66ZM31.33,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M33.15,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c0,.36-.29.66-.66.66ZM33.11,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M34.93,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c0,.36-.29.66-.66.66ZM34.89,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M37.66,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c.01.36-.29.66-.66.66ZM37.62,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M39.44,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c.01.36-.29.66-.66.66h0ZM39.4,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M41.23,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c0,.36-.31.66-.66.66ZM41.18,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M43,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c0,.36-.29.66-.66.66ZM42.96,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M45.73,48.66h-.03c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c0,.36-.31.66-.67.66h0ZM45.7,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M47.51,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c.01.36-.29.66-.66.66ZM47.48,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M49.29,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c.01.36-.29.66-.66.66ZM49.26,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M51.07,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c.01.36-.29.66-.66.66ZM51.04,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M53.81,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c0,.36-.29.66-.66.66ZM53.76,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M55.59,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c0,.36-.29.66-.66.66ZM55.54,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M57.36,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c0,.36-.29.66-.66.66ZM57.32,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M59.14,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c.01.36-.29.66-.66.66ZM59.11,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path></g></g></svg>
<h3 class="text-3xl font-bold text-center mb-2 sm:mb-4 font-Montserrat">Paiement flexible</h3>
<div class="w-full bg-[#6CAFA0] rounded-lg px-2 py-1 sm:px-4 sm:py-2">
<h4 class="mb-1 font-bold text-sm sm:text-lg text-center">🚚 Paiement à la livraison ou lors du retrait</h4>
<p class="opacity-90 font-normal text-sm sm:text-lg leading-none text-center">Par carte bancaire, chèque énergie ou en espèces.</p>
</div>
<span class="font-bold text-sm sm:text-lg text-center my-1 sm:my-2 md:my-4 font-Montserrat">OU</span>
<div class="w-full bg-[#6CAFA0] rounded-lg px-4 py-2">
<h4 class="mb-1 font-bold text-sm sm:text-lg text-center">💻 Paiement en plusieurs fois</h4>
<p class="opacity-90 font-normal text-sm sm:text-lg text-center leading-none">Jusqu'à 12 fois et 100% sécurisé avec notre partenaire Alma</p>
</div>
</div>
<div class="bg-white rounded-xl overflow-hidden shadow-[0px_0px_20px_rgba(0,0,0,0.05)] relative" x-data="{reviewsAverage: {rate:0, count:0}}" x-init="reviewsAverage = await Alpine.store('product').getProductReviewsAverage('GRU')">
<a href="/produits/palette-de-granules-de-bois-premium-gruchy-66-ou-33-sacs-de-15-kgs" class="block relative">
<div class="relative pt-[100%] bg-primary-grey">
<img data-src="https://www.combustibles-gruchy.fr/media/cache/gruchy_product_thumbnail_image/d4/89/862b7dd0131941e45ef5c8b0d5aa.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Granulés de bois premium - Gruchy - sacs de 15kg" class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 lazy" />
<div class="absolute bottom-1 left-2 sm:bottom-5 sm:left-4">
<div class="flex items-baseline">
<span class="inline-block w-2 h-2 rounded-full bg-success mr-2"></span>
<span>En stock</span>
</div>
</div>
</div>
</a>
<div class="relative px-[0.77rem] sm:px-[1.07] lg:px-[1.79rem] pb-[1.43rem] pt-[2.14rem] text-center">
<template x-if="reviewsAverage">
<div class="flex items-center absolute left-1/2 -translate-x-1/2 top-0 -translate-y-1/2 px-[0.71rem] py-[0.43rem] bg-[#FDF1EE] rounded text-primary font-bold">
<div class="flex items-center space-x-[4px] text-primary mr-[0.36rem]">
<template x-for="i in 5">
<span class="icon-Star" :class="typeof i != 'undefined' && i <= reviewsAverage.rate || reviewsAverage.rate == 0 ? 'text-primary' : 'text-[#AEB9C3]'"></span>
</template>
</div>
<span x-text="`(${reviewsAverage.count})`"></span>
</div>
</template>
<h2 class="font-bold mb-[0.77rem] sm:mb-[0.71rem] lg:mb-[1.07rem]">
<a href="/produits/palette-de-granules-de-bois-premium-gruchy-66-ou-33-sacs-de-15-kgs">
Granulés de bois premium - Gruchy - sacs de 15kg
</a>
</h2>
<div>
Dès<strong class="text-primary text-[1.14rem] ml-[0.36rem]">396,00 €</strong>
</div>
</div>
</div>
<div class="bg-white rounded-xl overflow-hidden shadow-[0px_0px_20px_rgba(0,0,0,0.05)] relative" x-data="{reviewsAverage: {rate:0, count:0}}" x-init="reviewsAverage = await Alpine.store('product').getProductReviewsAverage('GRU1')">
<a href="/produits/gruchy-sac-de-15kg" class="block relative">
<div class="relative pt-[100%] bg-primary-grey">
<img data-src="https://www.combustibles-gruchy.fr/media/cache/gruchy_product_thumbnail_image/11/a0/2f1b4f6809a08ba604b3852cb951.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Granulés de bois Premium - Gruchy - Sac de 15kg" class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 lazy" />
<div class="absolute bottom-1 left-2 sm:bottom-5 sm:left-4">
<div class="flex items-baseline">
<span class="inline-block w-2 h-2 rounded-full bg-success mr-2"></span>
<span>En stock</span>
</div>
</div>
</div>
</a>
<div class="relative px-[0.77rem] sm:px-[1.07] lg:px-[1.79rem] pb-[1.43rem] pt-[2.14rem] text-center">
<template x-if="reviewsAverage">
<div class="flex items-center absolute left-1/2 -translate-x-1/2 top-0 -translate-y-1/2 px-[0.71rem] py-[0.43rem] bg-[#FDF1EE] rounded text-primary font-bold">
<div class="flex items-center space-x-[4px] text-primary mr-[0.36rem]">
<template x-for="i in 5">
<span class="icon-Star" :class="typeof i != 'undefined' && i <= reviewsAverage.rate || reviewsAverage.rate == 0 ? 'text-primary' : 'text-[#AEB9C3]'"></span>
</template>
</div>
<span x-text="`(${reviewsAverage.count})`"></span>
</div>
</template>
<h2 class="font-bold mb-[0.77rem] sm:mb-[0.71rem] lg:mb-[1.07rem]">
<a href="/produits/gruchy-sac-de-15kg">
Granulés de bois Premium - Gruchy - Sac de 15kg
</a>
</h2>
<div>
Dès<strong class="text-primary text-[1.14rem] ml-[0.36rem]">6,10 €</strong>
</div>
</div>
</div>
<div class="flex sm:hidden bg-[#5BA190] rounded-xl overflow-hidden shadow-[0px_0px_20px_rgba(0,0,0,0.05)] relative p-4 sm:p-5 flex-col items-center justify-center text-white">
<svg id="Calque_2" viewbox="0 0 86.57 64.36" fill="none" class="hidden sm:block h-24 w-24 items-center justify-center" aria-hidden="true"><defs><style>.cls-1{fill:none;}.cls-2{fill:#424566;}.cls-3{fill:#3fa08d;}.cls-4{fill:#ea5733;}.cls-5{fill:#c14027;}.cls-6{fill:#e8eef1;}.cls-7{fill:#2d2a26;}.cls-8{fill:#f6f7f9;}.cls-9{fill:#95dbcd;}.cls-10{fill:#fff;}.cls-11{fill:#454349;}.cls-12{fill:#ffcc07;}.cls-13{clip-path:url(#clippath);}</style><clippath id="clippath"><circle class="cls-1" cx="42.75" cy="32.18" r="32.18"></circle></clippath></defs><g id="Calque_1-2"><circle class="cls-8" cx="43.13" cy="32.56" r="31.78"></circle><path class="cls-3" d="M0,24.69l46.38-.46.26,26.2-46.38.46-.26-26.2Z"></path><path class="cls-9" d="M39.86,27.57l-33.28.33c.02,1.81-1.43,3.29-3.24,3.31l.13,13.1c1.81-.02,3.29,1.43,3.31,3.24l33.28-.33c-.02-1.81,1.43-3.29,3.24-3.31l-.13-13.1c-1.81.02-3.29-1.43-3.31-3.24Z"></path><circle class="cls-3" cx="23.32" cy="37.56" r="6.55"></circle><path class="cls-3" d="M7.59,37.06l5.24-.05v1.31s-5.23.05-5.23.05v-1.31Z"></path><path class="cls-3" d="M33.79,36.8l5.24-.05v1.31s-5.23.05-5.23.05v-1.31Z"></path><g id="Layer_1"><path class="cls-4" d="M37.67,7.66l46.86.79c.57,0,1.09.25,1.46.63.37.38.59.91.58,1.48l-.39,23.09c0,.57-.25,1.09-.63,1.46-.38.37-.91.59-1.48.58l-46.86-.79c-.57,0-1.09-.25-1.46-.63-.37-.38-.59-.91-.58-1.48l.39-23.09c0-.57.25-1.09.63-1.46.38-.37.91-.59,1.48-.58h0Z"></path><path class="cls-8" d="M38.6,9.86l44.93.75c.33,0,.59.27.58.6l-.36,21.7c0,.33-.27.59-.6.58l-44.93-.75c-.33,0-.59-.27-.58-.6l.36-21.7c0-.33.27-.59.6-.58h0Z"></path><path class="cls-4" d="M41.02,16.89c-.33,0-.59.25-.6.58s.25.59.58.6l39.85.67c.33,0,.59-.25.6-.58s-.25-.59-.58-.6l-39.85-.67Z"></path><path class="cls-4" d="M41.09,12.85c-.33,0-.59.25-.6.58s.25.59.58.6l25.77.43c.33,0,.59-.25.6-.58s-.25-.59-.58-.6l-25.77-.43Z"></path><path class="cls-4" d="M41.54,24.95l14.3.24c.28,0,.53.12.72.31h0s0,0,0,0h0s0,0,0,0c.02.02.03.03.05.05.16.18.25.42.24.68l-.05,2.84c0,.28-.12.54-.31.72-.19.18-.45.29-.73.29l-14.3-.24c-.28,0-.53-.12-.72-.31h0s0,0,0,0h0s0,0,0,0c-.02-.02-.03-.03-.05-.05-.16-.18-.25-.42-.24-.68l.05-2.84c0-.28.12-.53.31-.72h0s0,0,0,0h0s0,0,0,0c.02-.02.03-.03.05-.05.18-.16.42-.25.68-.24h0Z"></path><path class="cls-10" d="M48.1,25.06l1.18.02-.08,4.89-1.18-.02.08-4.89Z"></path><path class="cls-7" d="M65.32,28.07c-.08.32.11.64.43.71.32.08.64-.11.71-.43,0-.02,1.76-7.04,3.05-6.48h.01s0,0,0,0h0c.52.33-.2,1.73-.72,2.74-.28.55-.52,1.01-.57,1.34-.04.32-.08.76.01,1.09.07.26.2.48.44.61.24.14.53.15.86,0,.32-.15.75-.52,1.33-1.23.13-.16.28-.41.46-.69.35-.56.8-1.29,1-1.33.05-.01-.06.16.02.57.69,3.46,3.7,2.26,3.71,2.26.3-.12.46-.46.34-.76-.12-.3-.46-.46-.76-.34,0,0-1.71.68-2.13-1.39-.25-1.26-.77-1.63-1.41-1.5-.7.14-1.31,1.12-1.77,1.87-.15.24-.28.46-.37.57-.24.29-.43.5-.58.65,0-.07.02-.15.02-.21.02-.14.21-.51.45-.96.74-1.44,1.78-3.44.25-4.3-.03-.02-.05-.03-.08-.05h0c-2.6-1.21-4.7,7.24-4.7,7.26h0Z"></path><path class="cls-4" d="M66.92,29.09c-.33,0-.59.25-.6.58s.25.59.58.6l13.29.22c.33,0,.59-.25.6-.58s-.25-.59-.58-.6l-13.29-.22Z"></path><path class="cls-7" d="M77.67,26.12c-.33,0-.59.25-.6.58s.25.59.58.6l2.18.04c.33,0,.59-.25.6-.58s-.25-.59-.58-.6l-2.18-.04Z"></path></g><g class="cls-13"><path class="cls-11" d="M33.98,70.28c-2.8,0-5.07-2.27-5.07-5.07V21.45c.01-2.8,2.28-5.07,5.07-5.07h20.72c2.8,0,5.07,2.27,5.07,5.07v43.76c0,2.8-2.27,5.07-5.07,5.07h-20.72,0Z"></path><path class="cls-6" d="M57.69,65.21c0,1.65-1.34,2.98-2.98,2.98h-20.73c-1.65,0-2.98-1.34-2.98-2.98V21.45c0-1.65,1.34-2.98,2.98-2.98h20.73c1.65,0,2.98,1.34,2.98,2.98v43.75Z"></path><path class="cls-11" d="M59.79,31.12v6.29s0,0,0,0c.19,0,.35-.16.35-.35v-5.59c0-.19-.16-.35-.35-.35h0Z"></path><path class="cls-11" d="M28.92,33.52v-3.46h-.01c-.19,0-.35.16-.35.35v2.76c0,.2.16.36.36.36ZM28.92,37.4v-3.46h-.01c-.19,0-.35.16-.35.35v2.76c0,.2.16.36.36.36h0Z"></path><path class="cls-11" d="M47.85,22.02h-7c-.67,0-1.21-.55-1.21-1.21s.55-1.21,1.21-1.21h7c.67,0,1.21.55,1.21,1.21s-.54,1.21-1.21,1.21Z"></path><path class="cls-4" d="M60.67,56.07H28.02c-1.34,0-2.43-1.08-2.43-2.43v-20.61c0-1.35,1.09-2.43,2.43-2.43h32.65c1.35,0,2.43,1.09,2.43,2.43v20.61c0,1.35-1.08,2.43-2.43,2.43Z"></path><path class="cls-5" d="M44.35,34.81v.03s.03-.1.04-.14c.03-.08.05-.17.08-.25.1-.32.2-.64.28-.96.03-.11.05-.23.08-.34.07-.3.12-.61.17-.92.02-.12.04-.25.06-.37.05-.42.09-.84.11-1.27h-2.93c-.25,5.91-5.13,10.63-11.1,10.63-2.01,0-3.91-.54-5.54-1.48v3.27c1.69.73,3.57,1.14,5.54,1.14,6.09,0,11.27-3.9,13.21-9.33Z"></path><path class="cls-5" d="M57.63,45.23c-3.73.37-7.11,2.04-10.65,5.26-.51.46-1.01.94-1.5,1.39-.67.63-1.33,1.24-2,1.83-.19.17-.38.34-.57.5-.27.23-.54.45-.81.66-.33.26-.67.51-1.01.76-.2.14-.39.29-.59.43h.02s0,0-.01.01h3.84s.89-.01.89-.01c.77-.67,1.51-1.36,2.23-2.04.47-.45.98-.92,1.46-1.36,3.06-2.77,5.92-4.21,8.98-4.52,1.71-.17,3.42-.02,5.18.32v-2.98c-1.77-.29-3.62-.44-5.47-.25Z"></path><path class="cls-2" d="M33.45,42.99h-3.6c-.55,0-1-.44-1-1v-2.39c0-.55.44-1,1-1h3.59c.55,0,1,.44,1,1v2.39c0,.56-.44,1-.99,1Z"></path><path class="cls-12" d="M33.45,42.93h-3.6c-.52,0-.94-.42-.94-.94v-2.39c0-.52.42-.94.94-.94h3.6c.52,0,.94.42.94.94v2.39c0,.53-.42.94-.94.94Z"></path><path class="cls-4" d="M34.38,40.88v-.15h-1.92v-.64l.49-.49h1.42c0-.05,0-.09-.01-.15h-1.44s-.04.01-.05.02l-.52.52h-.64v-1.31h-.15v1.31h-.64l-.52-.52s-.03-.02-.05-.02h-1.43c-.01.05-.01.09-.01.15h1.42l.48.48v.65h-1.92v.15h1.91v.65l-.48.48h-1.42c0,.05,0,.09.01.15h1.44s.04-.01.05-.02l.52-.52h.64v1.31h.15v-1.31h.64l.52.52s.03.02.05.02h1.43c.01-.05.01-.09.01-.15h-1.41l-.49-.49v-.64h1.92ZM32.32,41.48h-1.35v-1.36h1.36v1.36h-.01Z"></path><path class="cls-8" d="M59.18,42.89s-.06-.01-.09-.02c-.11-.05-.15-.19-.09-.29.57-1.12.57-2.41,0-3.53-.05-.11-.01-.24.09-.29s.24-.01.29.09c.63,1.24.63,2.67,0,3.93-.04.07-.12.12-.2.12ZM58.42,42.47c.59-1.05.59-2.27,0-3.33-.06-.11-.19-.15-.29-.08-.11.06-.15.19-.08.29.52.92.52,1.98,0,2.9-.06.11-.02.24.08.29.03.02.07.03.11.03.07.01.15-.03.19-.11h0ZM57.48,42.17c.58-.84.58-1.9,0-2.74-.06-.11-.2-.13-.31-.05-.11.06-.13.2-.05.31.47.69.47,1.55,0,2.24-.06.11-.04.24.05.31.04.02.08.04.13.04.07-.01.14-.04.18-.11h0ZM56.49,41.89c.32-.29.49-.68.49-1.08s-.18-.79-.49-1.08c-.08-.08-.23-.07-.32.01s-.07.23.01.32c.23.21.36.48.36.76s-.13.55-.36.76c-.08.08-.09.22-.01.32.04.04.11.07.16.07.06,0,.12-.02.16-.06Z"></path><path class="cls-8" d="M44.05,52.38h-14.92c-.13,0-.22-.09-.22-.22s.09-.22.22-.22h14.92c.13,0,.22.09.22.22s-.11.22-.22.22Z"></path><path class="cls-8" d="M59.62,52.38h-2.83c-.13,0-.22-.09-.22-.22s.09-.22.22-.22h2.83c.13,0,.22.09.22.22s-.09.22-.22.22ZM55.6,52.16c0-.13-.09-.22-.22-.22h-2.83c-.13,0-.22.09-.22.22s.09.22.22.22h2.83c.13,0,.22-.11.22-.22Z"></path><path class="cls-8" d="M29.13,35.58c-.13,0-.22-.09-.22-.22v-.86c0-.13.09-.22.22-.22s.22.09.22.22v.86c0,.13-.09.22-.22.22ZM30.55,35.36v-.86c0-.13-.09-.22-.22-.22s-.22.09-.22.22v.86c0,.13.09.22.22.22s.22-.09.22-.22ZM31.75,35.36v-.86c0-.13-.09-.22-.22-.22s-.22.09-.22.22v.86c0,.13.09.22.22.22s.22-.09.22-.22ZM32.94,35.36v-.86c0-.13-.09-.22-.22-.22s-.22.09-.22.22v.86c0,.13.09.22.22.22s.22-.09.22-.22Z"></path><path class="cls-8" d="M29.59,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c0,.36-.31.66-.66.66ZM29.55,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M31.37,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c0,.36-.29.66-.66.66ZM31.33,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M33.15,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c0,.36-.29.66-.66.66ZM33.11,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M34.93,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c0,.36-.29.66-.66.66ZM34.89,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M37.66,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c.01.36-.29.66-.66.66ZM37.62,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M39.44,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c.01.36-.29.66-.66.66h0ZM39.4,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M41.23,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c0,.36-.31.66-.66.66ZM41.18,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M43,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c0,.36-.29.66-.66.66ZM42.96,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M45.73,48.66h-.03c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c0,.36-.31.66-.67.66h0ZM45.7,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M47.51,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c.01.36-.29.66-.66.66ZM47.48,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M49.29,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c.01.36-.29.66-.66.66ZM49.26,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M51.07,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c.01.36-.29.66-.66.66ZM51.04,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M53.81,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c0,.36-.29.66-.66.66ZM53.76,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M55.59,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c0,.36-.29.66-.66.66ZM55.54,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M57.36,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c0,.36-.29.66-.66.66ZM57.32,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path><path class="cls-8" d="M59.14,48.66h-.04c-.37,0-.66-.29-.66-.66v-1.04c0-.37.29-.66.66-.66h.04c.37,0,.66.29.66.66v1.04c.01.36-.29.66-.66.66ZM59.11,46.72c-.13,0-.23.11-.23.23v1.04c0,.13.11.23.23.23h.04c.13,0,.23-.11.23-.23v-1.04c0-.13-.11-.23-.23-.23h-.04Z"></path></g></g></svg>
<h3 class="text-3xl font-bold text-center mb-2 sm:mb-4 font-Montserrat">Paiement flexible</h3>
<div class="w-full bg-[#6CAFA0] rounded-lg px-2 py-1 sm:px-4 sm:py-2">
<h4 class="mb-1 font-bold text-sm sm:text-lg text-center">🚚 Paiement à la livraison ou lors du retrait</h4>
<p class="opacity-90 font-normal text-sm sm:text-lg leading-none text-center">Par carte bancaire, chèque énergie ou en espèces.</p>
</div>
<span class="font-bold text-sm sm:text-lg text-center my-1 sm:my-2 md:my-4 font-Montserrat">OU</span>
<div class="w-full bg-[#6CAFA0] rounded-lg px-4 py-2">
<h4 class="mb-1 font-bold text-sm sm:text-lg text-center">💻 Paiement en plusieurs fois</h4>
<p class="opacity-90 font-normal text-sm sm:text-lg text-center leading-none">Jusqu'à 12 fois et 100% sécurisé avec notre partenaire Alma</p>
</div>
</div>
<div class="bg-white rounded-xl overflow-hidden shadow-[0px_0px_20px_rgba(0,0,0,0.05)] relative" x-data="{reviewsAverage: {rate:0, count:0}}" x-init="reviewsAverage = await Alpine.store('product').getProductReviewsAverage('PIV')">
<a href="/produits/granules-de-bois-hp-piveteau-72-ou-36-sacs-de-15-kgs" class="block relative">
<div class="relative pt-[100%] bg-primary-grey">
<img data-src="https://www.combustibles-gruchy.fr/media/cache/gruchy_product_thumbnail_image/12/70/5cc25bbcd4442771303ab6a13271.webp" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Granulés de bois HP+ - Piveteau - sacs de 15kg" class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 lazy" />
<div class="absolute bottom-1 left-2 sm:bottom-5 sm:left-4">
<div class="flex items-baseline">
<span class="inline-block w-2 h-2 rounded-full bg-success mr-2"></span>
<span>En stock</span>
</div>
</div>
</div>
</a>
<div class="relative px-[0.77rem] sm:px-[1.07] lg:px-[1.79rem] pb-[1.43rem] pt-[2.14rem] text-center">
<template x-if="reviewsAverage">
<div class="flex items-center absolute left-1/2 -translate-x-1/2 top-0 -translate-y-1/2 px-[0.71rem] py-[0.43rem] bg-[#FDF1EE] rounded text-primary font-bold">
<div class="flex items-center space-x-[4px] text-primary mr-[0.36rem]">
<template x-for="i in 5">
<span class="icon-Star" :class="typeof i != 'undefined' && i <= reviewsAverage.rate || reviewsAverage.rate == 0 ? 'text-primary' : 'text-[#AEB9C3]'"></span>
</template>
</div>
<span x-text="`(${reviewsAverage.count})`"></span>
</div>
</template>
<h2 class="font-bold mb-[0.77rem] sm:mb-[0.71rem] lg:mb-[1.07rem]">
<a href="/produits/granules-de-bois-hp-piveteau-72-ou-36-sacs-de-15-kgs">
Granulés de bois HP+ - Piveteau - sacs de 15kg
</a>
</h2>
<div>
Dès<strong class="text-primary text-[1.14rem] ml-[0.36rem]">446,40 €</strong>
</div>
</div>
</div>
<div class="bg-white rounded-xl overflow-hidden shadow-[0px_0px_20px_rgba(0,0,0,0.05)] relative" x-data="{reviewsAverage: {rate:0, count:0}}" x-init="reviewsAverage = await Alpine.store('product').getProductReviewsAverage('PIV1')">
<a href="/produits/granules-de-bois-hp-piveteau-sac-de-15-kg" class="block relative">
<div class="relative pt-[100%] bg-primary-grey">
<img data-src="https://www.combustibles-gruchy.fr/media/cache/gruchy_product_thumbnail_image/0f/68/9b02ae214a6d375c81109f110cca.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Granulés de bois HP+ - Piveteau - Sac de 15kg" class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 lazy" />
<div class="absolute bottom-1 left-2 sm:bottom-5 sm:left-4">
<div class="flex items-baseline">
<span class="inline-block w-2 h-2 rounded-full bg-success mr-2"></span>
<span>En stock</span>
</div>
</div>
</div>
</a>
<div class="relative px-[0.77rem] sm:px-[1.07] lg:px-[1.79rem] pb-[1.43rem] pt-[2.14rem] text-center">
<template x-if="reviewsAverage">
<div class="flex items-center absolute left-1/2 -translate-x-1/2 top-0 -translate-y-1/2 px-[0.71rem] py-[0.43rem] bg-[#FDF1EE] rounded text-primary font-bold">
<div class="flex items-center space-x-[4px] text-primary mr-[0.36rem]">
<template x-for="i in 5">
<span class="icon-Star" :class="typeof i != 'undefined' && i <= reviewsAverage.rate || reviewsAverage.rate == 0 ? 'text-primary' : 'text-[#AEB9C3]'"></span>
</template>
</div>
<span x-text="`(${reviewsAverage.count})`"></span>
</div>
</template>
<h2 class="font-bold mb-[0.77rem] sm:mb-[0.71rem] lg:mb-[1.07rem]">
<a href="/produits/granules-de-bois-hp-piveteau-sac-de-15-kg">
Granulés de bois HP+ - Piveteau - Sac de 15kg
</a>
</h2>
<div>
Dès<strong class="text-primary text-[1.14rem] ml-[0.36rem]">6,30 €</strong>
</div>
</div>
</div>
<div class="bg-white rounded-xl overflow-hidden shadow-[0px_0px_20px_rgba(0,0,0,0.05)] relative" x-data="{reviewsAverage: {rate:0, count:0}}" x-init="reviewsAverage = await Alpine.store('product').getProductReviewsAverage('CRE')">
<a href="/produits/granules-de-bois-premium-crepito-72-ou-36-sacs-de-15-kgs" class="block relative">
<div class="relative pt-[100%] bg-primary-grey">
<img data-src="https://www.combustibles-gruchy.fr/media/cache/gruchy_product_thumbnail_image/25/f3/324dc19dfa8f2dcf45e49d6012cc.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Granulés de bois Premium - Crépito - sacs de 15kg" class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 lazy" />
<div class="absolute bottom-1 left-2 sm:bottom-5 sm:left-4">
<div class="flex items-baseline">
<span class="inline-block w-2 h-2 rounded-full bg-success mr-2"></span>
<span>En stock</span>
</div>
</div>
</div>
</a>
<div class="relative px-[0.77rem] sm:px-[1.07] lg:px-[1.79rem] pb-[1.43rem] pt-[2.14rem] text-center">
<template x-if="reviewsAverage">
<div class="flex items-center absolute left-1/2 -translate-x-1/2 top-0 -translate-y-1/2 px-[0.71rem] py-[0.43rem] bg-[#FDF1EE] rounded text-primary font-bold">
<div class="flex items-center space-x-[4px] text-primary mr-[0.36rem]">
<template x-for="i in 5">
<span class="icon-Star" :class="typeof i != 'undefined' && i <= reviewsAverage.rate || reviewsAverage.rate == 0 ? 'text-primary' : 'text-[#AEB9C3]'"></span>
</template>
</div>
<span x-text="`(${reviewsAverage.count})`"></span>
</div>
</template>
<h2 class="font-bold mb-[0.77rem] sm:mb-[0.71rem] lg:mb-[1.07rem]">
<a href="/produits/granules-de-bois-premium-crepito-72-ou-36-sacs-de-15-kgs">
Granulés de bois Premium - Crépito - sacs de 15kg
</a>
</h2>
<div>
Dès<strong class="text-primary text-[1.14rem] ml-[0.36rem]">435,60 €</strong>
</div>
</div>
</div>
<div class="bg-white rounded-xl overflow-hidden shadow-[0px_0px_20px_rgba(0,0,0,0.05)] relative" x-data="{reviewsAverage: {rate:0, count:0}}" x-init="reviewsAverage = await Alpine.store('product').getProductReviewsAverage('CRE1')">
<a href="/produits/granules-de-bois-premium-crepito-sac-de-15-kg" class="block relative">
<div class="relative pt-[100%] bg-primary-grey">
<img data-src="https://www.combustibles-gruchy.fr/media/cache/gruchy_product_thumbnail_image/78/ca/38ba50f1045c287e2230200c5ec0.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Granulés de bois Premium - Crépito - Sac de 15kg" class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 lazy" />
<div class="absolute bottom-1 left-2 sm:bottom-5 sm:left-4">
<div class="flex items-baseline">
<span class="inline-block w-2 h-2 rounded-full bg-success mr-2"></span>
<span>En stock</span>
</div>
</div>
</div>
</a>
<div class="relative px-[0.77rem] sm:px-[1.07] lg:px-[1.79rem] pb-[1.43rem] pt-[2.14rem] text-center">
<template x-if="reviewsAverage">
<div class="flex items-center absolute left-1/2 -translate-x-1/2 top-0 -translate-y-1/2 px-[0.71rem] py-[0.43rem] bg-[#FDF1EE] rounded text-primary font-bold">
<div class="flex items-center space-x-[4px] text-primary mr-[0.36rem]">
<template x-for="i in 5">
<span class="icon-Star" :class="typeof i != 'undefined' && i <= reviewsAverage.rate || reviewsAverage.rate == 0 ? 'text-primary' : 'text-[#AEB9C3]'"></span>
</template>
</div>
<span x-text="`(${reviewsAverage.count})`"></span>
</div>
</template>
<h2 class="font-bold mb-[0.77rem] sm:mb-[0.71rem] lg:mb-[1.07rem]">
<a href="/produits/granules-de-bois-premium-crepito-sac-de-15-kg">
Granulés de bois Premium - Crépito - Sac de 15kg
</a>
</h2>
<div>
Dès<strong class="text-primary text-[1.14rem] ml-[0.36rem]">6,15 €</strong>
</div>
</div>
</div>
<div class="bg-white rounded-xl overflow-hidden shadow-[0px_0px_20px_rgba(0,0,0,0.05)] relative" x-data="{reviewsAverage: {rate:0, count:0}}" x-init="reviewsAverage = await Alpine.store('product').getProductReviewsAverage('PCI')">
<a href="/produits/granules-de-bois-5000-pci-sac-de-15kg" class="block relative">
<div class="relative pt-[100%] bg-primary-grey">
<img data-src="https://www.combustibles-gruchy.fr/media/cache/gruchy_product_thumbnail_image/50/9a/9a3090925b4ba12f5d233d92cd0b.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Granulés de bois-5000-pci-sac de 15kg" class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 lazy" />
<div class="absolute bottom-1 left-2 sm:bottom-5 sm:left-4">
<div class="flex items-baseline">
<span class="inline-block w-2 h-2 rounded-full bg-success mr-2"></span>
<span>En stock</span>
</div>
</div>
</div>
</a>
<div class="relative px-[0.77rem] sm:px-[1.07] lg:px-[1.79rem] pb-[1.43rem] pt-[2.14rem] text-center">
<template x-if="reviewsAverage">
<div class="flex items-center absolute left-1/2 -translate-x-1/2 top-0 -translate-y-1/2 px-[0.71rem] py-[0.43rem] bg-[#FDF1EE] rounded text-primary font-bold">
<div class="flex items-center space-x-[4px] text-primary mr-[0.36rem]">
<template x-for="i in 5">
<span class="icon-Star" :class="typeof i != 'undefined' && i <= reviewsAverage.rate || reviewsAverage.rate == 0 ? 'text-primary' : 'text-[#AEB9C3]'"></span>
</template>
</div>
<span x-text="`(${reviewsAverage.count})`"></span>
</div>
</template>
<h2 class="font-bold mb-[0.77rem] sm:mb-[0.71rem] lg:mb-[1.07rem]">
<a href="/produits/granules-de-bois-5000-pci-sac-de-15kg">
Granulés de bois-5000-pci-sac de 15kg
</a>
</h2>
<div>
Dès<strong class="text-primary text-[1.14rem] ml-[0.36rem]">399,75 €</strong>
</div>
</div>
</div>
<div class="bg-white rounded-xl overflow-hidden shadow-[0px_0px_20px_rgba(0,0,0,0.05)] relative" x-data="{reviewsAverage: {rate:0, count:0}}" x-init="reviewsAverage = await Alpine.store('product').getProductReviewsAverage('PCI1')">
<a href="/produits/5000-pci-sac-de-15kg" class="block relative">
<div class="relative pt-[100%] bg-primary-grey">
<img data-src="https://www.combustibles-gruchy.fr/media/cache/gruchy_product_thumbnail_image/23/a3/79a9e590c11367a296f68d9c83d6.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Granulés de bois-5000-pci-sac de 15kg" class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 lazy" />
<div class="absolute bottom-1 left-2 sm:bottom-5 sm:left-4">
<div class="flex items-baseline">
<span class="inline-block w-2 h-2 rounded-full bg-success mr-2"></span>
<span>En stock</span>
</div>
</div>
</div>
</a>
<div class="relative px-[0.77rem] sm:px-[1.07] lg:px-[1.79rem] pb-[1.43rem] pt-[2.14rem] text-center">
<template x-if="reviewsAverage">
<div class="flex items-center absolute left-1/2 -translate-x-1/2 top-0 -translate-y-1/2 px-[0.71rem] py-[0.43rem] bg-[#FDF1EE] rounded text-primary font-bold">
<div class="flex items-center space-x-[4px] text-primary mr-[0.36rem]">
<template x-for="i in 5">
<span class="icon-Star" :class="typeof i != 'undefined' && i <= reviewsAverage.rate || reviewsAverage.rate == 0 ? 'text-primary' : 'text-[#AEB9C3]'"></span>
</template>
</div>
<span x-text="`(${reviewsAverage.count})`"></span>
</div>
</template>
<h2 class="font-bold mb-[0.77rem] sm:mb-[0.71rem] lg:mb-[1.07rem]">
<a href="/produits/5000-pci-sac-de-15kg">
Granulés de bois-5000-pci-sac de 15kg
</a>
</h2>
<div>
Dès<strong class="text-primary text-[1.14rem] ml-[0.36rem]">6,15 €</strong>
</div>
</div>
</div>
<div class="bg-white rounded-xl overflow-hidden shadow-[0px_0px_20px_rgba(0,0,0,0.05)] relative" x-data="{reviewsAverage: {rate:0, count:0}}" x-init="reviewsAverage = await Alpine.store('product').getProductReviewsAverage('PIV10P')">
<a href="/produits/palette-de-granules-de-bois-piveteau-10kg" class="block relative">
<div class="relative pt-[100%] bg-primary-grey">
<img data-src="https://www.combustibles-gruchy.fr/media/cache/gruchy_product_thumbnail_image/57/0a/8652eacee511e2844383ba4eae2f.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Granulés de bois HP+ - Piveteau - 104 sacs de 10kg" class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 lazy" />
<div class="absolute bottom-1 left-2 sm:bottom-5 sm:left-4">
<div class="flex items-baseline">
<span class="inline-block w-2 h-2 rounded-full bg-success mr-2"></span>
<span>En stock</span>
</div>
</div>
</div>
</a>
<div class="relative px-[0.77rem] sm:px-[1.07] lg:px-[1.79rem] pb-[1.43rem] pt-[2.14rem] text-center">
<template x-if="reviewsAverage">
<div class="flex items-center absolute left-1/2 -translate-x-1/2 top-0 -translate-y-1/2 px-[0.71rem] py-[0.43rem] bg-[#FDF1EE] rounded text-primary font-bold">
<div class="flex items-center space-x-[4px] text-primary mr-[0.36rem]">
<template x-for="i in 5">
<span class="icon-Star" :class="typeof i != 'undefined' && i <= reviewsAverage.rate || reviewsAverage.rate == 0 ? 'text-primary' : 'text-[#AEB9C3]'"></span>
</template>
</div>
<span x-text="`(${reviewsAverage.count})`"></span>
</div>
</template>
<h2 class="font-bold mb-[0.77rem] sm:mb-[0.71rem] lg:mb-[1.07rem]">
<a href="/produits/palette-de-granules-de-bois-piveteau-10kg">
Granulés de bois HP+ - Piveteau - 104 sacs de 10kg
</a>
</h2>
<div>
Dès<strong class="text-primary text-[1.14rem] ml-[0.36rem]">447,20 €</strong>
</div>
</div>
</div>
<div class="bg-white rounded-xl overflow-hidden shadow-[0px_0px_20px_rgba(0,0,0,0.05)] relative" x-data="{reviewsAverage: {rate:0, count:0}}" x-init="reviewsAverage = await Alpine.store('product').getProductReviewsAverage('PIV10')">
<a href="/produits/granules-de-bois-hp-piveteau-sac-de-10kg" class="block relative">
<div class="relative pt-[100%] bg-primary-grey">
<img data-src="https://www.combustibles-gruchy.fr/media/cache/gruchy_product_thumbnail_image/34/b1/3acf1b982b34d0da5168c7d90efc.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Granulés de bois HP+ - Piveteau - Sac de 10kg" class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 lazy" />
<div class="absolute bottom-1 left-2 sm:bottom-5 sm:left-4">
<div class="flex items-baseline">
<span class="inline-block w-2 h-2 rounded-full bg-success mr-2"></span>
<span>En stock</span>
</div>
</div>
</div>
<span class="absolute left-0 top-[1.43rem] px-[0.57rem] py-[0.43rem] rounded-tr-xl rounded-br-xl font-bold bg-primary text-white">-11%</span>
</a>
<div class="relative px-[0.77rem] sm:px-[1.07] lg:px-[1.79rem] pb-[1.43rem] pt-[2.14rem] text-center">
<template x-if="reviewsAverage">
<div class="flex items-center absolute left-1/2 -translate-x-1/2 top-0 -translate-y-1/2 px-[0.71rem] py-[0.43rem] bg-[#FDF1EE] rounded text-primary font-bold">
<div class="flex items-center space-x-[4px] text-primary mr-[0.36rem]">
<template x-for="i in 5">
<span class="icon-Star" :class="typeof i != 'undefined' && i <= reviewsAverage.rate || reviewsAverage.rate == 0 ? 'text-primary' : 'text-[#AEB9C3]'"></span>
</template>
</div>
<span x-text="`(${reviewsAverage.count})`"></span>
</div>
</template>
<h2 class="font-bold mb-[0.77rem] sm:mb-[0.71rem] lg:mb-[1.07rem]">
<a href="/produits/granules-de-bois-hp-piveteau-sac-de-10kg">
Granulés de bois HP+ - Piveteau - Sac de 10kg
</a>
</h2>
<div>
Dès<strong class="text-primary text-[1.14rem] ml-[0.36rem]">3,90 €</strong>
<s class="inline-block font-bold line-through text-[0.92rem] sm:text-[1ren] text-[#989EA3] ml-[2px]">4,40 €</s>
</div>
</div>
</div>
</div>
<div class="bg-white px-[1.29rem] py-[2.31rem] sm:py-[2.50rem] lg:py-[2.86rem] rounded-xl text-center space-y-[1.15rem] sm:space-y-[1.43rem] mb-[3.08rem] sm:mb-[3.57rem] lg:mb-[3.93rem]">
<div class="font-Montserrat font-bold text-[1.38rem] sm:text-[1.57rem] lg:text-[1.86rem] leading-[1.69rem] sm:leading-[2.29rem] text-primary">Vous souhaitez commander des granulés de bois en vrac ?</div>
<a href="/produits/crepito-pellet-bois-vrac" class="flex flex-row items-center justify-center group bg-primary hover:bg-secondary transition-all duration-200 ease-in-out rounded shrink-0 text-white font-bold h-[46px] w-[140px] mx-auto">
Voir les prix
<img src="/build/app/shop/images/fire.dd839a40.svg" class="inline-block w-[17px] h-[26px] ml-[5px] hidden group-hover:inline-block" alt="flame prix"/>
</a>
</div>
<section class="bg-[#F5F7F9] lg:rounded-xl mb-[3.08rem] sm:mb-[3.57rem] lg:mb-[3.93rem]" itemscope itemtype="https://schema.org/FAQPage">
<h2 class="sm:flex sm:items-center sm:justify-between font-Montserrat font-bold text-[1.38rem] sm:text-[1.57rem] lg:text-[1.86rem] leading-[1.69rem] sm:leading-[2.29rem] mb-[1.15rem] sm:mb-[1.07rem] lg:mb-[2.14rem] sm:before:content-[''] before:hidden sm:before:block before:w-full before:h-[1px] before:bg-[#CAD2D9] sm:before:mr-[1.79rem] before:mr-[3.21rem] after:content-[''] after:hidden sm:after:block after:w-full after:h-[1px] after:bg-[#CAD2D9] sm:after:ml-[1.79rem] after:ml-[3.21rem] text-center">
<span class="sm:max-w-[500px] lg:max-w-[580px] sm:shrink-0">Questions Fréquentes</span>
</h2>
<div class="lg:px-[2.14rem]">
<p class="text-center mb-[1.54rem] sm:mb-[1.79rem] lg:mb-[2.14rem]">
En plus d’être écologique, les granulés de bois possèdent l’un des plus grands pouvoirs calorifiques parmi toutes les ressources de bois disponibles. Cela en fait une alternative idéale aux bûches traditionnelles, pour un chauffage optimal en hiver.<br>
Nos pellets de bois sont disponibles soit au retrait dans l’un de nos dépôts, soit en livraison à domicile. Découvrez aussi nos <a href="https://www.combustibles-gruchy.fr/produit/promo-granules-de-bois">promotions sur les granulés de bois</a> ainsi que notre offre de <a href="https://www.combustibles-gruchy.fr/produit/bois-de-chauffage">bois de chauffage</a>. <br>
</p>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-x-[2.14rem] gap-y-[1.15rem] sm:gap-y-[1.07rem]">
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<details class="faq-wrapper">
<summary class="faq-q">
<h3 itemprop="name">Comment sont fabriqués les granulés de bois ?
</h3>
</summary>
<div class="faq-a" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="[&>a]:underline">Les granulés sont fabriqués à partir de sciure et copeaux issus de scieries. Ces matières premières, souvent résineuses, sont séchées, tamisées, puis pressées à haute pression sans ajout de liant, grâce à la résine naturelle du bois. Le résultat est un produit compact, au pouvoir calorifique élevé et à faible humidité (inférieure à 10%). Découvrez notre article sur la <a href="https://www.combustibles-gruchy.fr/blog/composition-pellet">composition des pellets</a>.
</p>
</div>
</details>
</div>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<details class="faq-wrapper">
<summary class="faq-q">
<h3 itemprop="name">Quels sont les avantages du chauffage au granulé de bois ?
</h3>
</summary>
<div class="faq-a" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="[&>a]:underline">Le chauffage au granulés offre un fort rendement énergétique, une combustion régulière, un faible taux d’émission de poussière et un confort thermique optimal. C’est un système économique, écologique (réduit les émissions carbone par rapport aux énergies fossiles), facile à stocker et simple d’utilisation, particulièrement adapté aux poêles et chaudières modernes.
</p>
</div>
</details>
</div>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<details class="faq-wrapper">
<summary class="faq-q">
<h3 itemprop="name">Quelle est la différence entre granulés de bois et pellets ?
</h3>
</summary>
<div class="faq-a" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="[&>a]:underline">Les termes granulés de bois et pellets désignent le même produit : un combustible fabriqué à partir de sciure compressée, 100% naturel et sans additif chimique. Ces petites cylindres servent à alimenter des poêles, chaudières ou inserts conçus pour ce type de combustible performant et propre.
</p>
</div>
</details>
</div>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<details class="faq-wrapper">
<summary class="faq-q">
<h3 itemprop="name">Quelle est la différence entre granulés résineux et feuillus ?
</h3>
</summary>
<div class="faq-a" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="[&>a]:underline">Les granulés résineux (pins, sapins) produisent un pouvoir calorifique plus élevé et une combustion régulière. Les granulés feuillus (chêne, hêtre) ont un taux de cendre plus faible mais un pouvoir calorifique un peu inférieur.
</p>
</div>
</details>
</div>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<details class="faq-wrapper">
<summary class="faq-q">
<h3 itemprop="name">Quels granulés de bois choisir ?
</h3>
</summary>
<div class="faq-a" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="[&>a]:underline">Il est conseillé de choisir des pellets de petite taille, notamment de 6 mm de largeur. Cette taille évitera le blocage de passage des pellets entre le silo et la chambre de combustion. Différents critères de composition peuvent également être pris en compte. Par exemple le taux de fine, la densité du produit, le <a href="https://www.combustibles-gruchy.fr/blog/mesurer-humidite-bois-chauffage">taux d’humidité</a>, etc.
</p>
</div>
</details>
</div>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<details class="faq-wrapper">
<summary class="faq-q">
<h3 itemprop="name">Comment reconnaître un bon granulés de bois ?
</h3>
</summary>
<div class="faq-a" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="[&>a]:underline">Pour reconnaître un bon granulé de bois, il est important de prendre en compte le taux de fines qui doit être inférieur à 1%, la densité du produit et le taux d’humidité. N’hésitez plus et contactez-nous dès maintenant pour en savoir plus sur nos offres de granulés de bois. Optez pour une alternative écologique et économique pour chauffer votre logement cet hiver, avec Combustibles Gruchy.
</p>
</div>
</details>
</div>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<details class="faq-wrapper">
<summary class="faq-q">
<h3 itemprop="name">Quel est le prix des granulés de bois ?
</h3>
</summary>
<div class="faq-a" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="[&>a]:underline">Le prix des granulés de bois est fixé au kWh. Ainsi, le coût de l’énergie est situé autour de 8 centimes le kWh. Une tonne de pellets livrée coûte en moyenne 430 euros avec une énergie disponible de 5 000 kWh et une énergie exploitée de 4 350 kWh. Il faut savoir que les pellets sont deux fois moins coûteux que l’électricité.
</p>
</div>
</details>
</div>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<details class="faq-wrapper">
<summary class="faq-q">
<h3 itemprop="name">Comment stocker correctement ses granulés de bois ?
</h3>
</summary>
<div class="faq-a" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="[&>a]:underline">Pour le stockage, il est important de les entreposer dans un contenant hermétique et de les tenir éloignés de l’humidité. Découvrez notre article dédié sur le <a href="https://www.combustibles-gruchy.fr/blog/stocker-granules-de-bois">stockage des granulés de bois</a>.
</p>
</div>
</details>
</div>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<details class="faq-wrapper">
<summary class="faq-q">
<h3 itemprop="name">Quels appareils de chauffage utilisent des granulés de bois ?
</h3>
</summary>
<div class="faq-a" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="[&>a]:underline">Les granulés sont adaptés aux poêles à pellets, chaudières automatiques, inserts spécialement conçus, et certains systèmes de chauffage central. Ces appareils disposent d’un système d’alimentation automatique et régulent la combustion pour optimiser le rendement.
</p>
</div>
</details>
</div>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<details class="faq-wrapper">
<summary class="faq-q">
<h3 itemprop="name">Comment fonctionne une chaudière à granulés de bois ?
</h3>
</summary>
<div class="faq-a" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="[&>a]:underline">Une chaudière à granulés de bois fonctionne à l’identique à celui d’une chaudière au fuel. Ainsi, le combustible est brûlé pour produire de la chaleur qui est ensuite transmise à un fluide caloporteur. Le plus souvent, il peut s’agir de l’eau. Celui-ci va alors alimenter un circuit de chauffage auquel peut s’ajouter un ballon d’eau chaude pour produire de l’eau chaude sanitaire. De ce fait, la chaudière à granulés de bois peut être servie à la fois au chauffage et à la production d’eau chaude.
</p>
</div>
</details>
</div>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<details class="faq-wrapper">
<summary class="faq-q">
<h3 itemprop="name">Quel est le rendement énergétique moyen des granulés de bois ?
</h3>
</summary>
<div class="faq-a" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="[&>a]:underline">Les granulés ont un rendement élevé, souvent supérieur à 85% dans des appareils modernes, avec un pouvoir calorifique d’environ 4,8 kWh/kg. Ce rendement permet un chauffage efficace avec un faible impact environnemental.
</p>
</div>
</details>
</div>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<details class="faq-wrapper">
<summary class="faq-q">
<h3 itemprop="name">Quel est le taux d’humidité idéal pour un pellet performant ?
</h3>
</summary>
<div class="faq-a" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="[&>a]:underline">Un bon granulé doit avoir un taux d’humidité inférieur à 10%. Un taux trop élevé diminue le pouvoir calorifique, génère plus de cendres et peut perturber la combustion dans votre appareil.
</p>
</div>
</details>
</div>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<details class="faq-wrapper">
<summary class="faq-q">
<h3 itemprop="name">Que faire des cendres de granulés de bois ?
</h3>
</summary>
<div class="faq-a" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="[&>a]:underline">Il existe des moyens écologiques pour se débarrasser des cendres de granulés de bois. Ainsi, vous pouvez les utiliser pour frotter vos plats incrustés ou encore nourrir vos arbres fruitiers. Vous pouvez également les jeter avec les ordures ménagères résiduelles. Prenez garde de bien vous assurer que les cendres soient froides avant de les jeter.
</p>
</div>
</details>
</div>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<details class="faq-wrapper">
<summary class="faq-q">
<h3 itemprop="name">Quelles sont les marques de granulés de bois vendues par Combustibles Gruchy ?
</h3>
</summary>
<div class="faq-a" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="[&>a]:underline">L'entreprise Combustibles-Gruchy vous propose la vente des granulés de bois des marques : <a href="https://www.combustibles-gruchy.fr/produit/granules-bois-de-chauffage-crepito">Crépito</a>, Combustible Gruchy, et <a href="https://www.combustibles-gruchy.fr/produit/granules-de-bois-piveteau">Piveteau</a>. Ce sont des produits de qualités qui vous permettent de chauffer parfaitement votre habitation. Les granulés de bois font également très peu de poussière.
</p>
</div>
</details>
</div>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<details class="faq-wrapper">
<summary class="faq-q">
<h3 itemprop="name">Comment fonctionne la livraison de pellets à domicile ?
</h3>
</summary>
<div class="faq-a" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="[&>a]:underline">Chez Combustibles Gruchy, la livraison de granulés de bois se fait avec un camion à plateau bâché équipé de chariots élévateurs tout-terrain. Cette organisation permet de déposer la palette de sacs de pellets au plus près de votre lieu de stockage, même dans des espaces difficiles d’accès. Le service garantit une livraison rapide, avec des délais compris entre 2 et 7 jours.
</p>
</div>
</details>
</div>
<div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
<details class="faq-wrapper">
<summary class="faq-q">
<h3 itemprop="name">Quelles sont les zones de livraison chez Combustibles Gruchy ?
</h3>
</summary>
<div class="faq-a" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
<p itemprop="text" class="[&>a]:underline">Nous livrons vos granulés de bois dans plusieurs régions de France, notamment en Normandie, en Île-de-France, en Picardie, aux Pays-de-la-Loire ainsi que dans le Centre et le Val-d’Oise. Cette couverture régionale permet aux particuliers et professionnels de bénéficier d’un service de qualité avec un combustible bois premium, certifié et adapté à leurs besoins de chauffage.</p>
</div>
</details>
</div>
</div>
</div>
</section>
<section class="">
<div class="flex items-center justify-center space-x-[2.14rem] mb-[1.54rem] sm:mb-[1.43rem] lg:mb-[2.14rem]">
<h2 class="font-Montserrat font-bold text-[1.38rem] sm:text-[1.57rem] lg:text-[2.14rem] sm:leading-[1.57rem] shrink-0">
À lire aussi
</h2>
<hr class="content-[''] w-full h-[1px] bg-[#CAD2D9] border-0 hidden sm:block">
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-y-[1.15rem] sm:gap-y-0 gap-x-[1.79rem] lg:gap-x-[2.14rem]">
<article class="pt-[1.07rem] px-[1.07rem] pb-[2.14rem] rounded-xl last:block md:last:hidden lg:last:block bg-[#ffffff]">
<a href="/blog/adblue-fonctionnement-composition-entretien" class="block relative bg-primary-grey pt-[65%] mb-[1.43rem] rounded overflow-hidden">
<img data-src="https://www.combustibles-gruchy.fr/media/cache/sylius_shop_product_large_thumbnail/3e/81/3d5bf22b1aa8e0243db4bebf29b1.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="AdBlue® : fonctionnement, composition, utilisation" class="w-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-full w-full object-cover object-center lazy" />
</a>
<div class="mb-[0.93rem] space-x-[0.71rem]">
<span class="inline-block bg-primary-grey px-[10px] py-[4px] rounded text-[#677A8D] font-bold">Conseils</span>
<time class="font-medium">Publié le 08/21/2025</time>
</div>
<h3 class="font-bold">
<a href="/blog/adblue-fonctionnement-composition-entretien">AdBlue® : fonctionnement, composition, utilisation</a>
</h3>
<p class="mt-[0.93rem]">
AdBlue® est une solution liquide utilisée dans de nombreux véhicules diesel pour réduire les émissions polluantes. Son...
</p>
<a href="/blog/adblue-fonctionnement-composition-entretien" class="font-bold after:content-['\e90e'] after:transition-all after:duration-200 after:ease-in-out after:font-Icomoon after:text-[6px] after:text-white after:inline-flex after:items-center after:justify-center after:w-[1.29rem] after:h-[1.29rem] after:rounded-full after:bg-primary hover:after:bg-secondary after:ml-[3px] after:align-middle">
<span class="inline-block after:content-[''] after:block after:w-full after:h-[1px] after:bg-[#323D48] mt-[1.43rem]">Lire l’article</span>
</a>
</article>
<article class="pt-[1.07rem] px-[1.07rem] pb-[2.14rem] rounded-xl last:block md:last:hidden lg:last:block bg-[#ffffff]">
<a href="/blog/partenariat-gruchy-yoojo" class="block relative bg-primary-grey pt-[65%] mb-[1.43rem] rounded overflow-hidden">
<img data-src="https://www.combustibles-gruchy.fr/media/cache/sylius_shop_product_large_thumbnail/9c/df/6cb171beea61c49a021c5cbd0d09.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Partenariat Gruchy x YOOJO" class="w-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-full w-full object-cover object-center lazy" />
</a>
<div class="mb-[0.93rem] space-x-[0.71rem]">
<time class="font-medium">Publié le 08/06/2025</time>
</div>
<h3 class="font-bold">
<a href="/blog/partenariat-gruchy-yoojo">Partenariat Gruchy x YOOJO</a>
</h3>
<p class="mt-[0.93rem]">
Transport et rangement de votre bois de chauffage : Combustibles Gruchy s’associe à Yoojo pour vous simplifier la vie
Stocker vos gran...
</p>
<a href="/blog/partenariat-gruchy-yoojo" class="font-bold after:content-['\e90e'] after:transition-all after:duration-200 after:ease-in-out after:font-Icomoon after:text-[6px] after:text-white after:inline-flex after:items-center after:justify-center after:w-[1.29rem] after:h-[1.29rem] after:rounded-full after:bg-primary hover:after:bg-secondary after:ml-[3px] after:align-middle">
<span class="inline-block after:content-[''] after:block after:w-full after:h-[1px] after:bg-[#323D48] mt-[1.43rem]">Lire l’article</span>
</a>
</article>
<article class="pt-[1.07rem] px-[1.07rem] pb-[2.14rem] rounded-xl last:block md:last:hidden lg:last:block bg-[#ffffff]">
<a href="/blog/certification-din-plus-granules-bois-definition" class="block relative bg-primary-grey pt-[65%] mb-[1.43rem] rounded overflow-hidden">
<img data-src="https://www.combustibles-gruchy.fr/media/cache/sylius_shop_product_large_thumbnail/b1/1f/5493d2c179dc3d07b6ee178f3c19.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Qu'est-ce que la certification Din plus ?" class="w-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-full w-full object-cover object-center lazy" />
</a>
<div class="mb-[0.93rem] space-x-[0.71rem]">
<span class="inline-block bg-primary-grey px-[10px] py-[4px] rounded text-[#677A8D] font-bold">Granulés de bois</span>
<time class="font-medium">Publié le 06/18/2025</time>
</div>
<h3 class="font-bold">
<a href="/blog/certification-din-plus-granules-bois-definition">Qu'est-ce que la certification Din plus ?</a>
</h3>
<p class="mt-[0.93rem]">
Les granulés de bois ou pellets sont une référence pour un chauffage économique, écologique et performant. Mais enc...
</p>
<a href="/blog/certification-din-plus-granules-bois-definition" class="font-bold after:content-['\e90e'] after:transition-all after:duration-200 after:ease-in-out after:font-Icomoon after:text-[6px] after:text-white after:inline-flex after:items-center after:justify-center after:w-[1.29rem] after:h-[1.29rem] after:rounded-full after:bg-primary hover:after:bg-secondary after:ml-[3px] after:align-middle">
<span class="inline-block after:content-[''] after:block after:w-full after:h-[1px] after:bg-[#323D48] mt-[1.43rem]">Lire l’article</span>
</a>
</article>
</div>
</section>
</div>
<section class="relative bg-white pt-[2.14rem] pb-[3.85rem] sm:pb-[2.14rem] lg:pb-[1.43rem] px-[2.86rem] border-t border-t-[#D1D7DD] lg:border-t-primary-grey">
<div class="splide reassurance-slider">
<div class="splide__track">
<div class="splide__list">
<div class="text-center splide__slide">
<div class="flex items-center justify-center mb-[10px] min-h-[3.57rem] lg:min-h-[4.29rem]">
<img data-src="/build/app/shop/images/click_collect.57ebfc34.svg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Click & collect disponible" class="lazy max-h-16">
</div>
<div class="font-bold">Click & collect disponible</div>
<p class="mt-[0.36rem]">au sein de nos 4 entrepôts à Pacy, Bréval, Beauvais ou Soliers</p>
</div>
<div class="text-center splide__slide">
<div class="flex items-center justify-center mb-[10px] min-h-[3.57rem] lg:min-h-[4.29rem]">
<img data-src="/build/app/shop/images/livraison_sur_mesure.aeb2316f.svg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Livraison sur-mesure" class="lazy max-h-16">
</div>
<div class="font-bold">Livraison sur-mesure</div>
<p class="mt-[0.36rem]">dépose facilitée avec nos camions et nos équipements adaptés</p>
</div>
<div class="text-center splide__slide">
<div class="flex items-center justify-center mb-[10px] min-h-[3.57rem] lg:min-h-[4.29rem]">
<img data-src="/build/app/shop/images/made_in_france.e8fe9ae2.svg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Produits Made in France" class="lazy max-h-16">
</div>
<div class="font-bold">Produits Made in France</div>
<p class="mt-[0.36rem]">issus, transformés et fabriqués à partir des Forêts Françaises</p>
</div>
<div class="text-center splide__slide">
<div class="flex items-center justify-center mb-[10px] min-h-[3.57rem] lg:min-h-[4.29rem]">
<img data-src="/build/app/shop/images/paiement_plusieurs_fois.ad827073.svg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Paiement flexible" class="lazy max-h-16">
</div>
<div class="font-bold">Paiement flexible</div>
<p class="mt-[0.36rem]">à la livraison, au retrait ou en ligne en 3x à 12x avec Alma</p>
</div>
</div>
</div>
</div>
</section>
<footer class="relative bg-primary lg:rounded-xl text-white lg:m-[1.07rem]">
<div class="absolute left-1/2 -top-[1.07rem] -translate-x-1/2">
<a href="/" class="bg-[#fff] rounded-full w-[5rem] lg:w-[5.71rem] h-[5rem] lg:h-[5.71rem] flex justify-center items-center shadow-[0px_0px_20px_rgba(0,0,0,0.15)]">
<img data-src="/build/app/shop/images/logo-footer.371ef46a.svg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Gruchy" class="lazy" />
</a>
</div>
<div class="w-full grid grid-cols-1 sm:grid-cols-2">
<div class="px-[1.15rem] py-[3.08rem] sm:py-[3.57rem] sm:px-[1.79rem] lg:p-[4.29rem] border-[rgba(255,255,255,0.3)] border-b sm:border-b-0 sm:border-r">
<dl><details class="footer-accordion" open=""><summary class="footer-accordion-header">A propos de nous</summary><ul class="footer-accordion-body"> <li><a href="/page/historique">Notre histoire</a></li> <li><a href="/blog">Nos actualités</a></li><li><a href="/page/questions-frequentes">Questions fréquentes</a></li> <li><a href="/contact/">Nous contacter</a></li></ul></details><details class="footer-accordion"><summary class="footer-accordion-header">Infos légales</summary><ul class="footer-accordion-body"> <li><a href="/page/cgv">CGV</a></li> <li><a href="/page/mentions-legales">Mentions légales</a></li> <li><a href="/page/reglement-du-jeu-concours-ticket-d-or">Règlement concours ticket d'or</a></li></ul></details><details class="footer-accordion"><summary class="footer-accordion-header">Livraison Normandie</summary><ul class="footer-accordion-body"> <li><a href="/page/bois-de-chauffage-sarthe-72">Granulés - Bois de chauffage 72 </a><li><a href="/page/bois-de-chauffage-mayenne-53">Granulés - Bois de chauffage 53 </a><li><a href="/page/bois-de-chauffage-granules-de-bois-27-eure">Granulés - Bois de chauffage </a><a href="/page/bois-de-chauffage-granules-de-bois-27-eure">27</a></li> <li><a href="/page/bois-de-chauffage-granules-de-bois-28-eure-et-loir">Granulés - Bois de chauffage </a><a href="/page/bois-de-chauffage-granules-de-bois-28-eure-et-loir">28</a></li> <li><a href="/page/bois-de-chauffage-granules-de-bois-76-seine-maritime">Granulés - Bois de chauffage 76</a></li> <li><a href="https://www.combustibles-gruchy.fr/page/bois-de-chauffage-manche-50">Granulés - Bois de chauffage 50</a></li> <li><a href="https://www.combustibles-gruchy.fr/page/bois-de-chauffage-calvados-14">Granulés - Bois de chauffage 14</a></li> <li><a href="https://www.combustibles-gruchy.fr/page/bois-de-chauffage-orne-61">Granulés - Bois de chauffage 61</a></li></ul></details><details class="footer-accordion"><summary class="footer-accordion-header">Livraison Ile-de-France</summary><ul class="footer-accordion-body"> <li><a href="/page/bois-chauffage-yvelines">Granulés - Bois de chauffage 78</a></li> <li><a href="/page/bois-de-chauffage-granules-de-bois-91-essonne">Granulés - Bois de chauffage 91</a></li> <li><a href="/page/bois-de-chauffage-granules-de-bois-92-haut-de-seine">Granulés - Bois de chauffage 92</a></li> <li><a href="/page/bois-de-chaffauge-granules-de-bois-95-val-d-oise">Granulés - Bois de chauffage 95</a></li> <li><a href="/page/livraison-granules-bois-de-chauffage-seine-saint-denis-93">Granulés - Bois de chauffage 93</a></li> <li><a href="https://www.combustibles-gruchy.fr/page/livraison-granules-bois-de-chauffage-val-de-marne-94">Granulés - Bois de chauffage 94</a></li> <li><a href="/page/livraison-granules-bois-de-chauffage-seine-et-marne-77">Granulés - Bois de chauffage 77</a></li></ul></details><details class="footer-accordion"><summary class="footer-accordion-header">Livraison Picardie</summary><ul class="footer-accordion-body"> <li><a href="/page/bois-de-chauffage-aisne-02">Granulés - Bois de chauffage 02</a></li> <li><a href="/page/bois-de-chauffage-granules-de-bois-60-oise">Granulés - Bois de chauffage 60</a></li> <li><a href="/page/bois-de-chauffage-granules-de-bois-80-somme">Granulés - Bois de chauffage 80</a></li></ul></details><details class="footer-accordion"><summary class="footer-accordion-header">Livraison Centre-Val de Loire</summary><ul class="footer-accordion-body"> <li><a href="https://www.combustibles-gruchy.fr/page/bois-de-chauffage-granules-de-bois-28-eure-et-loir">Granulés - Bois de chauffage 28</a></li></ul></details>
</dl>
</div>
<div class="text-center sm:text-left px-[1.15rem] py-[3.08rem] pb-[1.54rem] sm:pt-[3.57rem] sm:pb-[1.79rem] sm:px-[1.79rem] lg:p-[4.29rem] space-y-[1.79rem] lg:space-y-[1.43rem]">
<div class="space-y-[0.36rem]">
<h2 class="font-bold">Suivez nos actualités</h2>
<p>Inscrivez-vous à notre newsletter pour suivre nos actualités</p>
</div>
<form name="newsletter" method="post" action="/subscribe" id="footer_newsletter" novalidate="novalidate">
<div class="flex items-center items-stretch lg:space-x-[1.43rem] !mt-[1.07rem] lg:mt-[1.43rem]">
<input type="text" name="newsletter[mail]" placeholder="Votre adresse e-mail" class="w-full rounded-tl rounded-bl lg:rounded border border-[#CACFD3] px-[1.43rem] text-[#323D48] font-medium placeholder:text-[#677A8D] disabled:bg-white">
<button type="submit" class="btn-dark btn btn-icon w-[140px] rounded-tl-none rounded-bl-none rounded-tr rounded-br lg:rounded" >
S’inscrire
</button>
<input type="hidden" id="newsletter__token" name="newsletter[_token]" value="22235115fea74a7c7bd.kt8eT-DEIGjM5-qOnDUDvFPvFKEFUdrtkvSFv3h3l8c.5o5wPs2CfyT6iKTX1XFI5DGYfcpBYIXZ_6zq-TkOzq-krigCoq1FHKetow" />
</div>
</form>
<div class="flex flex-col lg:grid lg:grid-cols-2 lg:items-end space-y-[0.71rem] lg:space-y-0 p-[1.43rem] rounded bg-[rgba(255,255,255,.15)] border border-[rgba(255,255,255,.3)]">
<div class="w-full overflow-hidden font-bold lg:col-span-1">
Paiement sécurisé en 12 fois avec Alma <br>
Paiement 100% sécurisé par 3D Secure et possible en 3, 4, 10 ou 12 fois via Alma
</div>
<div class="flex items-end justify-end space-x-[0.71rem] shrink-0 row-span-1">
<img data-src="/build/app/shop/images/mastercard.90a76493.svg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Mastercard" class="lazy" />
<img data-src="/build/app/shop/images/visa.7ff17097.svg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Visa" class="lazy" />
<img data-src="/build/app/shop/images/almapay.bdaa6826.svg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Paypal" class="lazy" />
</div>
<div class="relative flex py-5 items-center lg:col-span-2">
<div class="flex-grow border-t border-white/30"></div>
<span class="flex-shrink mx-4 text-white font-bold font-Montserrat">OU</span>
<div class="flex-grow border-t border-white/30"></div>
</div>
<div class="flex items-center justify-center sm:justify-start shrink-0 lg:col-span-2">
<img height="30px" width="39px" data-src="/build/app/shop/images/paiement_plusieurs_fois.7b1c8564.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Paiement en plusieurs fois" class="lazy mr-4"/>
<span class="font-bold font-Quicksand">
Planifiez votre commande et payez à la livraison ou lors du retrait.
</span>
</div>
</div>
</div>
</div>
</footer>
<div x-data x-init="$store.shipping.method = 'domicile'" :class="{'visible': $store.shipping.showPopin, 'invisible': !$store.shipping.showPopin}" class="fixed top-0 left-0 z-50 invisible w-full h-full transition-all duration-200 ease-in-out z-[99991]">
<div x-data @click="$store.shipping.togglePopin()" class="absolute w-full h-full left-0 top-0 bg-[rgba(50,61,72,0.7)] transition-all duration-200 ease-in-out opacity-0" :class="{'opacity-100': $store.shipping.showPopin, 'opacity-0': !$store.shipping.showPopin}"><span class="hidden">Overlay</span></div>
<div class="absolute right-0 top-0 w-full sm:w-[500px] h-full bg-white overflow-scroll scrollbar-hidden transition-transform duration-200 ease-in-out translate-x-full" :class="{'translate-x-0': $store.shipping.showPopin, 'translate-x-full': !$store.shipping.showPopin}">
<div class="flex justify-between items-center px-[1.15rem] sm:px-[1.79rem] lg:px-[2.14rem] py-[1.54rem] sm:py-[1.43rem] border-b border-b-secondary-grey">
<span class="font-Montserrat font-bold text-[1.38rem] sm:text-[1.14rem]">Choisir un mode de livraison</span>
<button type="button" x-data @click="$store.shipping.togglePopin()" class="w-[2.86rem] h-[2.86rem] rounded bg-primary-grey lg:w-auto lg:h-auto lg:bg-transparent icon-Croix transition-all duration-200 ease-in-out hover:rotate-180"><span class="hidden">close</span></button>
</div>
<div class="border-b border-b-secondary-grey">
<label x-data @click="$store.shipping.method = 'domicile'" for="aside-livraison-domicile" class="flex items-center font-bold px-[1.15rem] sm:px-[1.79rem] lg:px-[2.14rem] py-[1.07rem] sm:py-[1.79rem] lg:py-[1.43rem] cursor-pointer">
<input type="radio" name="mode-livraison" id="aside-livraison-domicile" class="mr-[1.07rem] appearance-none shrink-0 flex items-center justify-center w-[14px] h-[14px] border border-black rounded-full mr-[0.71rem] checked:after:content-[''] checked:after:block checked:after:w-[8px] checked:after:h-[8px] checked:after:rounded-full checked:after:bg-primary" checked>
<span class="icon-Truck inline-block align-middle shrink-0 mr-[0.71rem]"></span>
<div>Livraison à domicile</div>
<span class="icon-chevron_down text-[6px] ml-auto transition-all duration-200 ease-in-out" :class="$store.shipping.method != 'domicile' && '-rotate-90'"></span>
</label>
<form x-data="{product: 'bois', productOption: 'bois-de-chauffage'}" class="px-6 mb-6 transition-all duration-200 ease-in-out" x-show="$store.shipping.method == 'domicile'" x-collapse method="post" data-shipping-method="home">
<div class="font-bold mb-3">1. Que souhaitez-vous ?</div>
<div class="grid grid-cols-2 sm:grid-cols-4 gap-2 gap-x-2 mb-6 items-center">
<div>
<input class="hidden peer" type="radio" name="code_energy_parent" id="aside-energy-bois" value="bois" x-model="product">
<label @click="()=> {product = 'bois'; productOption = 'bois-de-chauffage';}" for="aside-energy-bois"
class="flex flex-row items-center py-2 sm:py-0 cursor-pointer rounded h-12 font-semibold border border-secondary-grey text-[#677A8D] peer-checked:border-[2px] peer-checked:border-primary peer-checked:text-[#323D48] *:fill-[#677A8D] peer-checked:*:fill-[#323D48]">
<svg width="24" height="24" viewbox="0 0 24 24" fill="currentColor" class="basis-2/6 h-10" aria-hidden="true"><path d="M18.61 11.67H18.18C18.69 11.18 19 10.49 19 9.73001C19 8.23001 17.78 7.01001 16.28 7.01001H8.73C7.23 7.01001 6.01 8.23001 6.01 9.73001C6.01 10.51 6.34 11.22 6.87 11.72C6.72 11.69 6.56 11.68 6.39 11.68C4.89 11.68 3.67 12.9 3.67 14.4C3.67 15.9 4.89 17.12 6.39 17.12H18.61C20.11 17.12 21.33 15.9 21.33 14.4C21.33 12.9 20.11 11.68 18.61 11.68V11.67ZM16.28 7.78001C16.91 7.78001 17.48 8.09001 17.83 8.56001H15.26C15.05 8.56001 14.87 8.73001 14.87 8.95001C14.87 9.17001 15.04 9.34001 15.26 9.34001H18.18C18.21 9.47001 18.22 9.60001 18.22 9.73001C18.22 10.8 17.35 11.67 16.28 11.67H10.63C10.86 11.45 11.05 11.18 11.19 10.89H16.09C16.3 10.89 16.48 10.72 16.48 10.5C16.48 10.28 16.31 10.11 16.09 10.11H11.43C11.45 9.98001 11.46 9.85001 11.46 9.72001C11.46 8.96001 11.15 8.27001 10.64 7.78001H16.29H16.28ZM6.78 9.73001C6.78 8.66001 7.65 7.79001 8.72 7.79001C9.79 7.79001 10.66 8.66001 10.66 9.73001C10.66 10.8 9.79 11.67 8.72 11.67C7.65 11.67 6.78 10.8 6.78 9.73001ZM9.15 12.45C8.98 12.61 8.84 12.79 8.72 12.99C8.59 12.77 8.43 12.58 8.24 12.4C8.39 12.43 8.55 12.44 8.72 12.44H9.15V12.45ZM6.39 16.34C5.32 16.34 4.45 15.47 4.45 14.4C4.45 13.33 5.32 12.46 6.39 12.46C7.46 12.46 8.33 13.33 8.33 14.4C8.33 15.47 7.46 16.34 6.39 16.34ZM8.29 16.34C8.46 16.18 8.6 16 8.72 15.8C8.84 16 8.99 16.18 9.15 16.34H8.29ZM11.06 16.34C9.99 16.34 9.12 15.47 9.12 14.4C9.12 13.33 9.99 12.46 11.06 12.46C12.13 12.46 13 13.33 13 14.4C13 15.47 12.13 16.34 11.06 16.34ZM20.52 14.79H16.47C16.26 14.79 16.08 14.96 16.08 15.18C16.08 15.4 16.25 15.57 16.47 15.57H20.17C19.81 16.04 19.25 16.35 18.62 16.35H12.97C13.48 15.86 13.79 15.17 13.79 14.41C13.79 14.28 13.78 14.15 13.76 14.02H15.37C15.58 14.02 15.76 13.85 15.76 13.63C15.76 13.41 15.59 13.24 15.37 13.24H13.52C13.38 12.95 13.19 12.69 12.96 12.46H18.61C19.68 12.46 20.55 13.33 20.55 14.4C20.55 14.53 20.54 14.66 20.51 14.79H20.52Z"></path><path d="M8.9 11.13C9 11.13 9.1 11.13 9.2 11.1C9.28 11.08 9.35 11.03 9.39 10.96C9.43 10.89 9.45 10.81 9.43 10.73C9.39 10.56 9.22 10.46 9.06 10.5C8.54 10.58 8.03 10.24 7.93 9.71001C7.91 9.63001 7.86 9.56001 7.79 9.52001C7.72 9.48001 7.64 9.46001 7.56 9.48001C7.39 9.52001 7.29 9.69001 7.33 9.85001C7.48 10.61 8.15 11.14 8.9 11.14V11.13Z"></path><path d="M6.71 15.2C6.19 15.28 5.68 14.94 5.58 14.41C5.54 14.24 5.38 14.14 5.21 14.18C5.13 14.2 5.06 14.25 5.02 14.32C4.98 14.39 4.96 14.47 4.98 14.55C5.13 15.31 5.8 15.84 6.55 15.84C6.65 15.84 6.75 15.84 6.85 15.81C6.93 15.79 7 15.74 7.04 15.67C7.08 15.6 7.1 15.52 7.08 15.44C7.04 15.27 6.87 15.17 6.71 15.21V15.2Z"></path></svg>
<span class="basis-4/6">Bois</span>
</label>
</div>
<div>
<input class="hidden peer" type="radio" name="code_energy_parent" id="aside-energy-pellet" value="pellet" x-model="product">
<label @click="()=> {product = 'pellet'; productOption = 'en-palette';}" for="aside-energy-pellet"
class="flex flex-row items-center py-2 sm:py-0 cursor-pointer rounded h-12 font-semibold border border-secondary-grey text-[#677A8D] peer-checked:border-[2px] peer-checked:border-primary peer-checked:text-[#323D48] *:fill-[#677A8D] peer-checked:*:fill-[#323D48]">
<svg width="24" height="24" viewbox="0 0 24 24" fill="currentColor" class="basis-2/6 h-10" aria-hidden="true"><path d="M19.98 13.23C19.87 12.66 19.58 12.28 19.17 12.15L10.53 9.41C10.44 9.38 10.35 9.37 10.24 9.37C9.52 9.37 8.78 10.14 8.43 11.23C8.25 11.75 8.21 12.31 8.29 12.85C8.31 12.98 8.35 13.11 8.4 13.23L8.42 13.28L5.6 14.17C5.18 14.3 4.9 14.69 4.79 15.26C4.71 15.8 4.75 16.35 4.92 16.87C5.08 17.4 5.36 17.89 5.74 18.28C6.05 18.58 6.39 18.74 6.72 18.74C6.83 18.74 6.93 18.72 7.02 18.69L15.58 15.98H15.59L17.72 16.66C18.14 16.79 18.6 16.64 19.01 16.24C19.39 15.85 19.67 15.37 19.82 14.85C20 14.33 20.04 13.77 19.96 13.22L19.98 13.23ZM6.96 17.77C6.91 17.86 6.85 17.93 6.82 17.94C6.79 17.94 6.76 17.94 6.73 17.94C6.56 17.94 6.4 17.86 6.29 17.71C6 17.41 5.79 17.04 5.67 16.63C5.54 16.24 5.5 15.82 5.56 15.41C5.61 15.17 5.7 14.99 5.8 14.95H5.81C5.81 14.95 5.84 14.95 5.86 14.95C6.04 14.95 6.21 15.03 6.32 15.18C6.61 15.48 6.82 15.85 6.94 16.25C7.17 16.96 7.09 17.52 6.96 17.77ZM12.96 15.99L12.94 15.95C12.85 15.74 12.76 15.59 12.73 15.55C12.61 15.38 12.39 15.34 12.22 15.46C12.05 15.58 12.01 15.81 12.13 15.97C12.13 15.97 12.18 16.06 12.22 16.15L12.25 16.2L7.83 17.6V17.52C7.92 17.01 7.87 16.48 7.7 15.99C7.55 15.49 7.29 15.03 6.94 14.65L6.89 14.59L7.98 14.25H8C8.16 14.36 8.68 14.75 8.68 15.4C8.68 15.6 8.85 15.77 9.05 15.77C9.25 15.77 9.42 15.6 9.42 15.4C9.42 14.91 9.23 14.44 8.87 14.04L8.82 13.98L9.06 13.9H9.08C9.08 13.9 9.1 13.92 9.11 13.92L14.28 15.56L12.97 15.97L12.96 15.99ZM16.92 15.51V15.59L16.86 15.57L11.65 13.92V13.88C11.69 13.57 11.8 13.31 12.01 13.1C12.15 12.96 12.15 12.72 12.01 12.58C11.87 12.44 11.62 12.44 11.49 12.58C11.21 12.86 11.03 13.22 10.96 13.64V13.7L9.34 13.19C9.22 13.14 9.12 12.97 9.07 12.72C9.02 12.36 9.04 11.99 9.13 11.64L9.18 11.48C9.48 10.53 10.03 10.13 10.27 10.17L15.41 11.8L15.35 11.86C14.7 12.51 14.73 13.42 14.73 13.53C14.74 13.72 14.91 13.87 15.1 13.87H15.12C15.22 13.87 15.31 13.82 15.37 13.75C15.44 13.68 15.47 13.58 15.46 13.48C15.46 13.45 15.42 12.64 16.04 12.23C16.09 12.2 16.13 12.15 16.16 12.09L16.18 12.05L17.87 12.59L17.82 12.65C17.47 13.03 17.21 13.49 17.06 13.98C16.89 14.48 16.84 15.01 16.92 15.52V15.51ZM19.09 14.61V14.63C18.97 15.02 18.76 15.4 18.46 15.7C18.35 15.82 18.2 15.91 18.04 15.93C18.04 15.93 18 15.93 17.98 15.93C17.91 15.91 17.85 15.85 17.8 15.75C17.67 15.49 17.59 14.94 17.82 14.22C17.94 13.82 18.15 13.45 18.45 13.14C18.55 13.01 18.72 12.93 18.88 12.93H18.9H18.92C19.04 12.97 19.14 13.15 19.19 13.4C19.25 13.81 19.22 14.24 19.08 14.63L19.09 14.61Z"></path></svg>
<span class="basis-4/6">Granulés</span>
</label>
</div>
<div>
<input class="hidden peer" type="radio" name="code_energy_parent" id="aside-energy-fioul" value="fioul" x-model="product">
<label @click="()=> {product = 'fioul'; productOption = '';}" for="aside-energy-fioul"
class="flex flex-row items-center py-2 sm:py-0 cursor-pointer rounded h-12 font-semibold border border-secondary-grey text-[#677A8D] peer-checked:border-[2px] peer-checked:border-primary peer-checked:text-[#323D48] *:fill-[#677A8D] peer-checked:*:fill-[#323D48]">
<svg width="24" height="24" viewbox="0 0 24 24" fill="currentColor" class="basis-2/6 h-10" aria-hidden="true"><path d="M12.32 5.19999L12 4.92999L11.68 5.19999C11.45 5.38999 6 9.95999 6 13.2C6 16.44 8.69 19.2 12 19.2C15.31 19.2 18 16.51 18 13.2C18 9.88999 12.55 5.38999 12.32 5.19999ZM12 18.19C9.25 18.19 7.01 15.95 7.01 13.2C7.01 11.06 10.36 7.68999 12 6.24999C13.65 7.68999 16.99 11.06 16.99 13.2C16.99 15.95 14.75 18.19 12 18.19Z"></path><path d="M12.5 16.29C10.99 16.55 9.56001 15.55 9.29001 14.04C9.22001 13.76 8.94001 13.58 8.66001 13.65C8.38001 13.72 8.20001 14 8.27001 14.28C8.67001 16.35 10.67 17.7 12.74 17.31C13.02 17.24 13.2 16.96 13.13 16.68C13.06 16.4 12.78 16.22 12.5 16.29Z"></path></svg>
<span class="basis-4/6">Fioul</span>
</label>
</div>
<div>
<input class="hidden peer" type="radio" name="code_energy_parent" id="aside-energy-braseros" value="braseros" x-model="product">
<label @click="()=> {product = 'braseros'; productOption = '';}" for="aside-energy-braseros"
class="flex flex-row items-center py-2 sm:py-0 cursor-pointer rounded h-12 font-semibold border border-secondary-grey text-[#677A8D] peer-checked:border-[2px] peer-checked:border-primary peer-checked:text-[#323D48] *:fill-[#677A8D] peer-checked:*:fill-[#323D48]">
<svg width="24" height="24" viewbox="0 0 24 24" fill="currentColor" class="basis-2/6 h-10" aria-hidden="true"><path d="M9.79001 13.17C9.79001 13.45 10.01 13.67 10.29 13.67H13.97C14.25 13.67 14.47 13.45 14.47 13.17C14.47 12.89 14.25 12.67 13.97 12.67H10.29C10.01 12.67 9.79001 12.89 9.79001 13.17Z"></path><path d="M18.34 7.51999H18.29H5.91001C5.65001 7.54999 5.45001 7.75999 5.45001 8.01999C5.45001 8.29999 5.67001 8.51999 5.95001 8.51999H6.84001L9.02001 10.84H8.37001C7.95001 10.84 7.61001 11.18 7.61001 11.6V18.81C7.61001 19.23 7.95001 19.57 8.37001 19.57H15.88C16.3 19.57 16.64 19.23 16.64 18.81V11.6C16.64 11.18 16.3 10.84 15.88 10.84H15.23L17.41 8.51999H18.3C18.58 8.51999 18.8 8.29999 18.8 8.01999C18.8 7.75999 18.6 7.54999 18.34 7.52999V7.51999ZM15.65 18.56H8.62001V11.82H15.65V18.56ZM13.96 10.72C13.9 10.79 13.81 10.83 13.71 10.83H10.55C10.46 10.83 10.36 10.79 10.3 10.72L8.22001 8.50999H16.03L13.95 10.72H13.96Z"></path><path d="M10.19 7.03999C10.47 7.03999 10.69 6.81999 10.69 6.53999V5.79999C10.69 5.51999 10.47 5.29999 10.19 5.29999C9.91 5.29999 9.69 5.51999 9.69 5.79999V6.53999C9.69 6.81999 9.91 7.03999 10.19 7.03999Z"></path><path d="M13.88 7.03999C14.16 7.03999 14.38 6.81999 14.38 6.53999V5.79999C14.38 5.51999 14.16 5.29999 13.88 5.29999C13.6 5.29999 13.38 5.51999 13.38 5.79999V6.53999C13.38 6.81999 13.6 7.03999 13.88 7.03999Z"></path><path d="M12.13 7.04001C12.41 7.04001 12.63 6.82001 12.63 6.54001V5.07001C12.63 4.79001 12.41 4.57001 12.13 4.57001C11.85 4.57001 11.63 4.79001 11.63 5.07001V6.54001C11.63 6.82001 11.85 7.04001 12.13 7.04001Z"></path></svg>
<span class="basis-4/6">Brasero</span>
</label>
</div>
</div>
<div x-show="productOption != ''" class="font-bold mb-[0.77rem] sm:mb-[0.71rem]">2. Choisissez votre produit :</div>
<div x-show="product == 'bois'" class="grid grid-cols-2 gap-[17px] mb-[20px] items-center">
<div>
<input class="hidden peer" type="radio" name="code_energy_child" id="aside-produit-bois" value="bois-de-chauffage" x-model="productOption">
<label for="aside-produit-bois" class="flex items-center cursor-pointer rounded sm:p-[0.38rem] p-[0.36rem] text-[0.93rem] sm:text-[1rem] leading-[1.21rem] sm:leading-[1rem] font-semibold border-[1px] border-[#CACFD3] text-[#677A8D] peer-checked:border-[2px] peer-checked:border-primary peer-checked:text-[#323D48]">
<span class="flex items-center justify-center w-[2.57rem] h-[2.57rem] bg-primary-grey rounded-[2px] text-[20px] mr-[0.38rem] sm:mr-[0.71rem]">
<img src="/build/app/shop/images/bois.113fe144.png" alt="Bois de chauffage" />
</span>
Bois de chauffage
</label>
</div>
<div>
<input class="hidden peer" type="radio" name="code_energy_child" id="aside-produit-buches" value="buches-densifiees" x-model="productOption">
<label for="aside-produit-buches" class="flex items-center cursor-pointer rounded sm:p-[0.38rem] p-[0.36rem] text-[0.93rem] sm:text-[1rem] leading-[1.21rem] sm:leading-[1rem] font-semibold border-[1px] border-[#CACFD3] text-[#677A8D] peer-checked:border-[2px] peer-checked:border-primary peer-checked:text-[#323D48]">
<span class="flex items-center justify-center w-[2.57rem] h-[2.57rem] bg-primary-grey rounded-[2px] text-[20px] mr-[0.38rem] sm:mr-[0.71rem]">
<img src="/build/app/shop/images/buches.c5dcdbaf.png" alt="Bûches densifiées" />
</span>
Bûches densifiées
</label>
</div>
</div>
<div class="hidden grid grid-cols-2 gap-[17px] mb-[20px] items-center" :class="{'hidden': product != 'pellet'}">
<div>
<input class="hidden peer" type="radio" name="code_energy_child" id="aside-produit-palette" value="en-palette" x-model="productOption">
<label for="aside-produit-palette" class="flex items-center cursor-pointer rounded sm:p-[0.38rem] p-[0.36rem] text-[0.93rem] sm:text-[1rem] leading-[1.21rem] sm:leading-[1rem] font-semibold border-[1px] border-[#CACFD3] text-[#677A8D] peer-checked:border-[2px] peer-checked:border-primary peer-checked:text-[#323D48]">
<span class="flex items-center justify-center w-[2.57rem] h-[2.57rem] bg-primary-grey rounded-[2px] text-[20px] mr-[0.38rem] sm:mr-[0.71rem]">
<img src="/build/app/shop/images/enpalette.41c57880.png" alt="Granulés En palette" />
</span>
En palette
</label>
</div>
<div>
<input class="hidden peer" type="radio" name="code_energy_child" id="aside-produit-vrac" value="en-vrac" x-model="productOption">
<label for="aside-produit-vrac" class="flex items-center cursor-pointer rounded sm:p-[0.38rem] p-[0.36rem] text-[0.93rem] sm:text-[1rem] leading-[1.21rem] sm:leading-[1rem] font-semibold border-[1px] border-[#CACFD3] text-[#677A8D] peer-checked:border-[2px] peer-checked:border-primary peer-checked:text-[#323D48]">
<span class="flex items-center justify-center w-[2.57rem] h-[2.57rem] bg-primary-grey rounded-[2px] text-[20px] mr-[0.38rem] sm:mr-[0.71rem]">
<img src="/build/app/shop/images/envrac.d2a7dfe6.png" alt="Granulés en vrac" />
</span>
En vrac
</label>
</div>
</div>
<div class="font-bold mb-[0.77rem] sm:mb-[0.71rem]">3. Renseignez votre code postal pour la livraison à domicile :</div>
<div class="relative">
<input type="text" name="zipCode" placeholder="Ex : 78980" class="w-full h-[46px] rounded border border-[#CACFD3] px-[1.43rem] text-[#323D48] font-medium placeholder:text-[#677A8D] pr-[6.43rem]">
<button type="submit" class="btn-primary btn btn-icon absolute top-0 right-0 h-full w-[6.14rem] check-zc-btn" >
Ok
</button>
</div>
<div class="relative italic font-Montserrat text-[0.86rem] leading-[1.21rem] mt-[1.07rem] pl-[30px] before:content-['!'] before:font-Quicksand before:not-italic before:text-[15px] before:font-bold before:w-[20px] before:h-[20px] before:absolute before:left-0 before:before:top-0 before:inline-block before:rounded-full before:text-[1.07rem] before:leading-[1.43rem] before:text-center before:text-danger before:bg-[#FADCDC]">Livraison uniquement en France métropolitaine.</div>
<div class="hidden form-msg"></div>
<button type="submit" class="btn-primary btn btn-icon w-full mt-[1.07rem] sm:mt-[1.07rem] check-availability-btn" >
Sélectionner ce mode de livraison
</button>
</form>
</div>
<div class="border-b border-b-secondary-grey">
<label x-data @click="$store.shipping.method = 'cc'" for="aside-livraison-cc" class="flex items-center font-bold px-[1.15rem] sm:px-[1.79rem] lg:px-[2.14rem] py-[1.07rem] sm:py-[1.79rem] lg:py-[1.43rem] cursor-pointer">
<input type="radio" name="mode-livraison" id="aside-livraison-cc" class="mr-[1.07rem] appearance-none shrink-0 flex items-center justify-center w-[14px] h-[14px] border border-black rounded-full mr-[0.71rem] checked:after:content-[''] checked:after:block checked:after:w-[8px] checked:after:h-[8px] checked:after:rounded-full checked:after:bg-primary" />
<span class="icon-Home inline-block align-middle shrink-0 mr-[0.71rem]"></span>
<div>Click & collect</div>
<span class="icon-chevron_down text-[6px] ml-auto transition-all duration-200 ease-in-out" :class="$store.shipping.method != 'cc' && '-rotate-90'"></span>
</label>
<form x-data="{product: 'bois', productOption: 'bois-de-chauffage'}" class="px-[1.54rem] sm:px-[1.43rem] mb-[1.43rem] transition-all duration-200 ease-in-out" x-show="$store.shipping.method == 'cc'" x-collapse method="post" data-shipping-method="cc">
<div class="font-bold mb-3">1. Que souhaitez-vous ?</div>
<div class="grid grid-cols-2 sm:grid-cols-4 gap-2 sm:gap-x-1 mb-6 items-center">
<div>
<input class="hidden peer" type="radio" name="code_energy_parent" id="aside-cc-energy-bois" value="bois" x-model="product">
<label @click="()=> {product = 'bois'; productOption = 'bois-de-chauffage';}" for="aside-cc-energy-bois"
class="flex flex-row items-center py-2 sm:py-0 cursor-pointer rounded h-12 font-semibold border border-secondary-grey text-[#677A8D] peer-checked:border-[2px] peer-checked:border-primary peer-checked:text-[#323D48] *:fill-[#677A8D] peer-checked:*:fill-[#323D48]">
<svg width="24" height="24" viewbox="0 0 24 24" fill="currentColor" class="basis-2/6 h-10" aria-hidden="true"><path d="M18.61 11.67H18.18C18.69 11.18 19 10.49 19 9.73001C19 8.23001 17.78 7.01001 16.28 7.01001H8.73C7.23 7.01001 6.01 8.23001 6.01 9.73001C6.01 10.51 6.34 11.22 6.87 11.72C6.72 11.69 6.56 11.68 6.39 11.68C4.89 11.68 3.67 12.9 3.67 14.4C3.67 15.9 4.89 17.12 6.39 17.12H18.61C20.11 17.12 21.33 15.9 21.33 14.4C21.33 12.9 20.11 11.68 18.61 11.68V11.67ZM16.28 7.78001C16.91 7.78001 17.48 8.09001 17.83 8.56001H15.26C15.05 8.56001 14.87 8.73001 14.87 8.95001C14.87 9.17001 15.04 9.34001 15.26 9.34001H18.18C18.21 9.47001 18.22 9.60001 18.22 9.73001C18.22 10.8 17.35 11.67 16.28 11.67H10.63C10.86 11.45 11.05 11.18 11.19 10.89H16.09C16.3 10.89 16.48 10.72 16.48 10.5C16.48 10.28 16.31 10.11 16.09 10.11H11.43C11.45 9.98001 11.46 9.85001 11.46 9.72001C11.46 8.96001 11.15 8.27001 10.64 7.78001H16.29H16.28ZM6.78 9.73001C6.78 8.66001 7.65 7.79001 8.72 7.79001C9.79 7.79001 10.66 8.66001 10.66 9.73001C10.66 10.8 9.79 11.67 8.72 11.67C7.65 11.67 6.78 10.8 6.78 9.73001ZM9.15 12.45C8.98 12.61 8.84 12.79 8.72 12.99C8.59 12.77 8.43 12.58 8.24 12.4C8.39 12.43 8.55 12.44 8.72 12.44H9.15V12.45ZM6.39 16.34C5.32 16.34 4.45 15.47 4.45 14.4C4.45 13.33 5.32 12.46 6.39 12.46C7.46 12.46 8.33 13.33 8.33 14.4C8.33 15.47 7.46 16.34 6.39 16.34ZM8.29 16.34C8.46 16.18 8.6 16 8.72 15.8C8.84 16 8.99 16.18 9.15 16.34H8.29ZM11.06 16.34C9.99 16.34 9.12 15.47 9.12 14.4C9.12 13.33 9.99 12.46 11.06 12.46C12.13 12.46 13 13.33 13 14.4C13 15.47 12.13 16.34 11.06 16.34ZM20.52 14.79H16.47C16.26 14.79 16.08 14.96 16.08 15.18C16.08 15.4 16.25 15.57 16.47 15.57H20.17C19.81 16.04 19.25 16.35 18.62 16.35H12.97C13.48 15.86 13.79 15.17 13.79 14.41C13.79 14.28 13.78 14.15 13.76 14.02H15.37C15.58 14.02 15.76 13.85 15.76 13.63C15.76 13.41 15.59 13.24 15.37 13.24H13.52C13.38 12.95 13.19 12.69 12.96 12.46H18.61C19.68 12.46 20.55 13.33 20.55 14.4C20.55 14.53 20.54 14.66 20.51 14.79H20.52Z"></path><path d="M8.9 11.13C9 11.13 9.1 11.13 9.2 11.1C9.28 11.08 9.35 11.03 9.39 10.96C9.43 10.89 9.45 10.81 9.43 10.73C9.39 10.56 9.22 10.46 9.06 10.5C8.54 10.58 8.03 10.24 7.93 9.71001C7.91 9.63001 7.86 9.56001 7.79 9.52001C7.72 9.48001 7.64 9.46001 7.56 9.48001C7.39 9.52001 7.29 9.69001 7.33 9.85001C7.48 10.61 8.15 11.14 8.9 11.14V11.13Z"></path><path d="M6.71 15.2C6.19 15.28 5.68 14.94 5.58 14.41C5.54 14.24 5.38 14.14 5.21 14.18C5.13 14.2 5.06 14.25 5.02 14.32C4.98 14.39 4.96 14.47 4.98 14.55C5.13 15.31 5.8 15.84 6.55 15.84C6.65 15.84 6.75 15.84 6.85 15.81C6.93 15.79 7 15.74 7.04 15.67C7.08 15.6 7.1 15.52 7.08 15.44C7.04 15.27 6.87 15.17 6.71 15.21V15.2Z"></path></svg>
<span class="basis-4/6">Bois</span>
</label>
</div>
<div>
<input class="hidden peer" type="radio" name="code_energy_parent" id="aside-cc-energy-pellet" value="pellet" x-model="product">
<label @click="()=> {product = 'pellet'; productOption = 'en-palette';}" for="aside-cc-energy-pellet"
class="flex flex-row items-center py-2 sm:py-0 cursor-pointer rounded h-12 font-semibold border border-secondary-grey text-[#677A8D] peer-checked:border-[2px] peer-checked:border-primary peer-checked:text-[#323D48] *:fill-[#677A8D] peer-checked:*:fill-[#323D48]">
<svg width="24" height="24" viewbox="0 0 24 24" fill="currentColor" class="basis-2/6 h-10" aria-hidden="true"><path d="M19.98 13.23C19.87 12.66 19.58 12.28 19.17 12.15L10.53 9.41C10.44 9.38 10.35 9.37 10.24 9.37C9.52 9.37 8.78 10.14 8.43 11.23C8.25 11.75 8.21 12.31 8.29 12.85C8.31 12.98 8.35 13.11 8.4 13.23L8.42 13.28L5.6 14.17C5.18 14.3 4.9 14.69 4.79 15.26C4.71 15.8 4.75 16.35 4.92 16.87C5.08 17.4 5.36 17.89 5.74 18.28C6.05 18.58 6.39 18.74 6.72 18.74C6.83 18.74 6.93 18.72 7.02 18.69L15.58 15.98H15.59L17.72 16.66C18.14 16.79 18.6 16.64 19.01 16.24C19.39 15.85 19.67 15.37 19.82 14.85C20 14.33 20.04 13.77 19.96 13.22L19.98 13.23ZM6.96 17.77C6.91 17.86 6.85 17.93 6.82 17.94C6.79 17.94 6.76 17.94 6.73 17.94C6.56 17.94 6.4 17.86 6.29 17.71C6 17.41 5.79 17.04 5.67 16.63C5.54 16.24 5.5 15.82 5.56 15.41C5.61 15.17 5.7 14.99 5.8 14.95H5.81C5.81 14.95 5.84 14.95 5.86 14.95C6.04 14.95 6.21 15.03 6.32 15.18C6.61 15.48 6.82 15.85 6.94 16.25C7.17 16.96 7.09 17.52 6.96 17.77ZM12.96 15.99L12.94 15.95C12.85 15.74 12.76 15.59 12.73 15.55C12.61 15.38 12.39 15.34 12.22 15.46C12.05 15.58 12.01 15.81 12.13 15.97C12.13 15.97 12.18 16.06 12.22 16.15L12.25 16.2L7.83 17.6V17.52C7.92 17.01 7.87 16.48 7.7 15.99C7.55 15.49 7.29 15.03 6.94 14.65L6.89 14.59L7.98 14.25H8C8.16 14.36 8.68 14.75 8.68 15.4C8.68 15.6 8.85 15.77 9.05 15.77C9.25 15.77 9.42 15.6 9.42 15.4C9.42 14.91 9.23 14.44 8.87 14.04L8.82 13.98L9.06 13.9H9.08C9.08 13.9 9.1 13.92 9.11 13.92L14.28 15.56L12.97 15.97L12.96 15.99ZM16.92 15.51V15.59L16.86 15.57L11.65 13.92V13.88C11.69 13.57 11.8 13.31 12.01 13.1C12.15 12.96 12.15 12.72 12.01 12.58C11.87 12.44 11.62 12.44 11.49 12.58C11.21 12.86 11.03 13.22 10.96 13.64V13.7L9.34 13.19C9.22 13.14 9.12 12.97 9.07 12.72C9.02 12.36 9.04 11.99 9.13 11.64L9.18 11.48C9.48 10.53 10.03 10.13 10.27 10.17L15.41 11.8L15.35 11.86C14.7 12.51 14.73 13.42 14.73 13.53C14.74 13.72 14.91 13.87 15.1 13.87H15.12C15.22 13.87 15.31 13.82 15.37 13.75C15.44 13.68 15.47 13.58 15.46 13.48C15.46 13.45 15.42 12.64 16.04 12.23C16.09 12.2 16.13 12.15 16.16 12.09L16.18 12.05L17.87 12.59L17.82 12.65C17.47 13.03 17.21 13.49 17.06 13.98C16.89 14.48 16.84 15.01 16.92 15.52V15.51ZM19.09 14.61V14.63C18.97 15.02 18.76 15.4 18.46 15.7C18.35 15.82 18.2 15.91 18.04 15.93C18.04 15.93 18 15.93 17.98 15.93C17.91 15.91 17.85 15.85 17.8 15.75C17.67 15.49 17.59 14.94 17.82 14.22C17.94 13.82 18.15 13.45 18.45 13.14C18.55 13.01 18.72 12.93 18.88 12.93H18.9H18.92C19.04 12.97 19.14 13.15 19.19 13.4C19.25 13.81 19.22 14.24 19.08 14.63L19.09 14.61Z"></path></svg>
<span class="basis-4/6">Granulés</span>
</label>
</div>
<div>
<input class="hidden peer" type="radio" name="code_energy_parent" id="aside-cc-energy-accessoires" value="accessoires" x-model="product">
<label @click="()=> {product = 'accessoires'; productOption = '';}" for="aside-cc-energy-accessoires"
class="flex flex-row items-center py-2 sm:py-0 cursor-pointer rounded h-12 font-semibold border border-secondary-grey text-[#677A8D] peer-checked:border-[2px] peer-checked:border-primary peer-checked:text-[#323D48] *:fill-[#677A8D] peer-checked:*:fill-[#323D48]">
<svg width="24" height="24" viewbox="0 0 24 24" fill="currentColor" class="basis-2/6 h-10" aria-hidden="true"><path d="M7.20999 20.42H17.51C18.19 20.42 18.74 19.86 18.74 19.17V13.26C18.74 12.88 18.44 12.57 18.06 12.57H17.29H17.32H13.27L13.25 12.47C13.07 11.68 12.62 10.97 11.98 10.47L10.84 9.58001C10.39 9.21001 10.14 8.64001 10.17 8.03001V7.96001L10.24 7.93001C10.47 7.81001 10.61 7.57001 10.59 7.32001V6.93001L10.81 7.16001C11.36 7.74001 12.23 8.51001 13.31 8.84001C13.4 8.86001 13.51 8.85001 13.58 8.81001C13.66 8.77001 13.72 8.69001 13.75 8.59001C13.8 8.40001 13.69 8.21001 13.5 8.15001C12.82 7.95001 12.12 7.50001 11.44 6.80001L11.23 6.59001H12.67C12.96 6.59001 13.23 6.44001 13.37 6.20001L13.41 6.14001H14.02C14.4 6.14001 14.72 5.83001 14.72 5.45001V4.80001C14.72 4.42001 14.41 4.11001 14.02 4.11001H13.44L13.41 4.04001C13.28 3.76001 12.99 3.57001 12.67 3.57001H7.51999C7.09999 3.57001 6.68999 3.74001 6.37999 4.04001L5.48999 4.91001C5.26999 5.11001 5.26999 5.40001 5.26999 5.67001V5.74001C5.26999 6.13001 5.57999 6.44001 5.96999 6.44001H7.14999V7.37001C7.14999 7.59001 7.26999 7.80001 7.45999 7.91001L7.51999 7.95001V8.02001C7.51999 8.08001 7.48999 8.12001 7.46999 8.14001L5.84999 10.6C5.61999 10.94 5.50999 11.32 5.50999 11.73V18.72C5.50999 19.66 6.26999 20.43 7.21999 20.43L7.20999 20.42ZM13.49 4.79001H13.99V5.40001H13.49V4.79001ZM10.73 12.55C10.35 12.55 10.04 12.85 10.04 13.23V18.34H7.95999V12.17H10.75C10.9 12.17 11.06 12.22 11.21 12.32L11.55 12.55H10.72H10.73ZM11.66 13.26V14.55H10.74V13.26H11.66ZM17.09 13.27H18.06V14.56H17.09V13.27ZM15.52 13.27H16.39V14.56H15.52V13.27ZM13.94 13.27H14.81V14.56H13.94V13.27ZM18.11 15.28V19.18C18.11 19.5 17.85 19.76 17.53 19.76H11.27C10.95 19.76 10.69 19.5 10.69 19.18V15.26H10.82L18.1 15.28H18.11ZM13.24 14.55H12.37V13.26H13.24V14.55ZM7.20999 5.72001H6.02999V5.41001L6.91999 4.53001C7.08999 4.36001 7.31999 4.26001 7.54999 4.26001H8.00999V5.09001C8.00999 5.26001 8.12999 5.41001 8.28999 5.45001H8.34999C8.54999 5.45001 8.70999 5.28001 8.70999 5.08001V4.25001H9.28999V5.09001C9.28999 5.28001 9.45999 5.44001 9.66999 5.44001C9.84999 5.44001 10.01 5.28001 10.02 5.08001V4.25001H12.78V5.85001H11.47C11.09 5.85001 10.73 5.94001 10.43 6.13001C10.08 6.38001 9.86999 6.79001 9.87999 7.21001V7.30001L9.79999 7.33001C9.51999 7.44001 9.20999 7.50001 8.90999 7.50001C8.60999 7.50001 8.27999 7.44001 7.97999 7.32001L7.89999 7.29001V6.40001C7.89999 6.02001 7.58999 5.71001 7.20999 5.71001V5.72001ZM6.24999 11.72C6.24999 11.46 6.32999 11.21 6.46999 10.99L8.06999 8.57001C8.10999 8.50001 8.17999 8.39001 8.21999 8.28001L8.25999 8.18001L8.35999 8.20001C8.65999 8.25001 8.97999 8.26001 9.31999 8.22001L9.44999 8.20001V8.34001C9.47999 9.05001 9.81999 9.71001 10.38 10.16L11.53 11.06C11.97 11.4 12.29 11.87 12.47 12.41L12.52 12.57H12.26L12.2 12.49L12.08 12.22C11.8 11.75 11.3 11.46 10.78 11.46H7.93999C7.55999 11.46 7.24999 11.77 7.24999 12.16V18.38C7.24999 18.76 7.55999 19.07 7.93999 19.07H10.04V19.19C10.04 19.3 10.06 19.41 10.09 19.53L10.14 19.69H7.23999C6.69999 19.69 6.25999 19.25 6.25999 18.71V11.71L6.24999 11.72Z"></path><path d="M11.55 18.46C11.55 18.71 11.75 18.91 12.01 18.91H16.61C16.86 18.91 17.07 18.71 17.07 18.46V16.36C17.07 16.11 16.87 15.9 16.61 15.9H12.01C11.76 15.9 11.55 16.1 11.55 16.36V18.46ZM12.26 16.61H16.36V18.21H12.26V16.61Z"></path></svg>
<span class="basis-4/6">Accessoires</span>
</label>
</div>
<div>
<input class="hidden peer" type="radio" name="code_energy_parent" id="aside-cc-energy-braseros" value="braseros" x-model="product">
<label @click="()=> {product = 'braseros'; productOption = '';}" for="aside-cc-energy-braseros"
class="flex flex-row items-center py-2 sm:py-0 cursor-pointer rounded h-12 font-semibold border border-secondary-grey text-[#677A8D] peer-checked:border-[2px] peer-checked:border-primary peer-checked:text-[#323D48] *:fill-[#677A8D] peer-checked:*:fill-[#323D48]">
<svg width="24" height="24" viewbox="0 0 24 24" fill="currentColor" class="basis-2/6 h-10" aria-hidden="true"><path d="M9.79001 13.17C9.79001 13.45 10.01 13.67 10.29 13.67H13.97C14.25 13.67 14.47 13.45 14.47 13.17C14.47 12.89 14.25 12.67 13.97 12.67H10.29C10.01 12.67 9.79001 12.89 9.79001 13.17Z"></path><path d="M18.34 7.51999H18.29H5.91001C5.65001 7.54999 5.45001 7.75999 5.45001 8.01999C5.45001 8.29999 5.67001 8.51999 5.95001 8.51999H6.84001L9.02001 10.84H8.37001C7.95001 10.84 7.61001 11.18 7.61001 11.6V18.81C7.61001 19.23 7.95001 19.57 8.37001 19.57H15.88C16.3 19.57 16.64 19.23 16.64 18.81V11.6C16.64 11.18 16.3 10.84 15.88 10.84H15.23L17.41 8.51999H18.3C18.58 8.51999 18.8 8.29999 18.8 8.01999C18.8 7.75999 18.6 7.54999 18.34 7.52999V7.51999ZM15.65 18.56H8.62001V11.82H15.65V18.56ZM13.96 10.72C13.9 10.79 13.81 10.83 13.71 10.83H10.55C10.46 10.83 10.36 10.79 10.3 10.72L8.22001 8.50999H16.03L13.95 10.72H13.96Z"></path><path d="M10.19 7.03999C10.47 7.03999 10.69 6.81999 10.69 6.53999V5.79999C10.69 5.51999 10.47 5.29999 10.19 5.29999C9.91 5.29999 9.69 5.51999 9.69 5.79999V6.53999C9.69 6.81999 9.91 7.03999 10.19 7.03999Z"></path><path d="M13.88 7.03999C14.16 7.03999 14.38 6.81999 14.38 6.53999V5.79999C14.38 5.51999 14.16 5.29999 13.88 5.29999C13.6 5.29999 13.38 5.51999 13.38 5.79999V6.53999C13.38 6.81999 13.6 7.03999 13.88 7.03999Z"></path><path d="M12.13 7.04001C12.41 7.04001 12.63 6.82001 12.63 6.54001V5.07001C12.63 4.79001 12.41 4.57001 12.13 4.57001C11.85 4.57001 11.63 4.79001 11.63 5.07001V6.54001C11.63 6.82001 11.85 7.04001 12.13 7.04001Z"></path></svg>
<span class="basis-4/6">Brasero</span>
</label>
</div>
</div>
<div x-show="productOption != ''" class="font-bold mb-[0.77rem] sm:mb-[0.71rem]">2. Choisissez votre produit :</div>
<div x-show="product == 'bois'" class="grid grid-cols-2 gap-[17px] mb-[20px] items-center">
<div>
<input class="hidden peer" type="radio" name="code_energy_child" id="aside-cc-produit-bois" value="bois-de-chauffage" x-model="productOption">
<label for="aside-cc-produit-bois" class="flex items-center cursor-pointer rounded sm:p-[0.38rem] p-[0.36rem] text-[0.93rem] sm:text-[1rem] leading-[1.21rem] sm:leading-[1rem] font-semibold border-[1px] border-[#CACFD3] text-[#677A8D] peer-checked:border-[2px] peer-checked:border-primary peer-checked:text-[#323D48]">
<span class="flex items-center justify-center w-[2.57rem] h-[2.57rem] bg-primary-grey rounded-[2px] text-[20px] mr-[0.38rem] sm:mr-[0.71rem]">
<img src="/build/app/shop/images/bois.113fe144.png" alt="Bois de chauffage" />
</span>
Bois de chauffage
</label>
</div>
<div>
<input class="hidden peer" type="radio" name="code_energy_child" id="aside-cc-produit-buches" value="buches-densifiees" x-model="productOption">
<label for="aside-cc-produit-buches" class="flex items-center cursor-pointer rounded sm:p-[0.38rem] p-[0.36rem] text-[0.93rem] sm:text-[1rem] leading-[1.21rem] sm:leading-[1rem] font-semibold border-[1px] border-[#CACFD3] text-[#677A8D] peer-checked:border-[2px] peer-checked:border-primary peer-checked:text-[#323D48]">
<span class="flex items-center justify-center w-[2.57rem] h-[2.57rem] bg-primary-grey rounded-[2px] text-[20px] mr-[0.38rem] sm:mr-[0.71rem]">
<img src="/build/app/shop/images/buches.c5dcdbaf.png" alt="Bûches densifiées" />
</span>
Bûches densifiées
</label>
</div>
</div>
<div class="hidden grid grid-cols-2 gap-[17px] mb-[20px] items-center" :class="{'hidden': product != 'pellet'}">
<div>
<input class="hidden peer" type="radio" name="code_energy_child" id="aside-cc-produit-palette" value="en-palette" x-model="productOption">
<label for="aside-cc-produit-palette" class="flex items-center cursor-pointer rounded sm:p-[0.38rem] p-[0.36rem] text-[0.93rem] sm:text-[1rem] leading-[1.21rem] sm:leading-[1rem] font-semibold border-[1px] border-[#CACFD3] text-[#677A8D] peer-checked:border-[2px] peer-checked:border-primary peer-checked:text-[#323D48]">
<span class="flex items-center justify-center w-[2.57rem] h-[2.57rem] bg-primary-grey rounded-[2px] text-[20px] mr-[0.38rem] sm:mr-[0.71rem]">
<img src="/build/app/shop/images/enpalette.41c57880.png" alt="Granulés En palette" />
</span>
En palette
</label>
</div>
<div>
<input class="hidden peer" type="radio" name="code_energy_child" id="aside-cc-produit-sac" value="en-sac" x-model="productOption">
<label for="aside-cc-produit-sac" class="flex items-center cursor-pointer rounded sm:p-[0.38rem] p-[0.36rem] text-[0.93rem] sm:text-[1rem] leading-[1.21rem] sm:leading-[1rem] font-semibold border-[1px] border-[#CACFD3] text-[#677A8D] peer-checked:border-[2px] peer-checked:border-primary peer-checked:text-[#323D48]">
<span class="flex items-center justify-center w-[2.57rem] h-[2.57rem] bg-primary-grey rounded-[2px] text-[20px] mr-[0.38rem] sm:mr-[0.71rem]">
<img src="/build/app/shop/images/sac.db30d256.png" alt="Granulés en sac" />
</span>
En sac
</label>
</div>
</div>
<div x-data="{entrepot: '1'}">
<div class="font-bold mb-[0.77rem] sm:mb-[0.71rem]">3. Choisissez votre entrepôt afin de vérifier la disponibilité :</div>
<div>
<input class="hidden peer" type="radio" name="code_entrepot" id="entrepot-1" value="1" x-model="entrepot" >
<div @click="entrepot = '1'" class="relative flex items-center px-[1.07rem] py-[1.43rem] rounded before:content-[''] before:block before:absolute before:left-0 before:top-0 before:w-full before:h-full before:border before:border-secondary-grey before:rounded peer-checked:before:border-[2px] space-x-[0.71rem] mb-[1.07rem] cursor-pointer peer-disabled:cursor-default peer-disabled:before:border-secondary-grey peer-disabled:before:border-[1px]" :class="{'before:border-primary': entrepot=='1', 'before:border-secondary-grey': entrepot!='1'}">
<div class="relative w-full overflow-hidden">
<span class="block before:content-[''] before:inline-block before:w-[8px] before:h-[8px] before:rounded-full before:mr-[0.71rem] before:bg-success">Bréval (78) - Disponible</span>
<div>ZA le Val d'Agé, 5 rue du Vieux Chêne, Bréval <br>01 34 78 31 26</div>
</div>
<div class="relative flex flex-row items-center justify-center shrink-0 group transition-all duration-200 ease-in-out rounded font-bold h-[46px] w-[86px] bg-primary text-white hover:bg-secondary cursor-pointer">
Choisir
<img src="/build/app/shop/images/fire.dd839a40.svg" class="w-[17px] h-[26px] ml-[5px] hidden group-hover:inline-block" alt="flame disponibilité"/>
</div>
</div>
</div>
<div>
<input class="hidden peer" type="radio" name="code_entrepot" id="entrepot-5" value="5" x-model="entrepot" >
<div @click="entrepot = '5'" class="relative flex items-center px-[1.07rem] py-[1.43rem] rounded before:content-[''] before:block before:absolute before:left-0 before:top-0 before:w-full before:h-full before:border before:border-secondary-grey before:rounded peer-checked:before:border-[2px] space-x-[0.71rem] mb-[1.07rem] cursor-pointer peer-disabled:cursor-default peer-disabled:before:border-secondary-grey peer-disabled:before:border-[1px]" :class="{'before:border-primary': entrepot=='5', 'before:border-secondary-grey': entrepot!='5'}">
<div class="relative w-full overflow-hidden">
<span class="block before:content-[''] before:inline-block before:w-[8px] before:h-[8px] before:rounded-full before:mr-[0.71rem] before:bg-success">Beauvais (60) - Disponible</span>
<div>10 rue de pentemont, Beauvais <br>01 34 78 31 26</div>
</div>
<div class="relative flex flex-row items-center justify-center shrink-0 group transition-all duration-200 ease-in-out rounded font-bold h-[46px] w-[86px] bg-primary text-white hover:bg-secondary cursor-pointer">
Choisir
<img src="/build/app/shop/images/fire.dd839a40.svg" class="w-[17px] h-[26px] ml-[5px] hidden group-hover:inline-block" alt="flame disponibilité"/>
</div>
</div>
</div>
<div>
<input class="hidden peer" type="radio" name="code_entrepot" id="entrepot-6" value="6" x-model="entrepot" >
<div @click="entrepot = '6'" class="relative flex items-center px-[1.07rem] py-[1.43rem] rounded before:content-[''] before:block before:absolute before:left-0 before:top-0 before:w-full before:h-full before:border before:border-secondary-grey before:rounded peer-checked:before:border-[2px] space-x-[0.71rem] mb-[1.07rem] cursor-pointer peer-disabled:cursor-default peer-disabled:before:border-secondary-grey peer-disabled:before:border-[1px]" :class="{'before:border-primary': entrepot=='6', 'before:border-secondary-grey': entrepot!='6'}">
<div class="relative w-full overflow-hidden">
<span class="block before:content-[''] before:inline-block before:w-[8px] before:h-[8px] before:rounded-full before:mr-[0.71rem] before:bg-success">Pacy (27) - Disponible</span>
<div>4 rue de la Briqueterie, Pacy-sur-Eure <br>02 32 36 08 57</div>
</div>
<div class="relative flex flex-row items-center justify-center shrink-0 group transition-all duration-200 ease-in-out rounded font-bold h-[46px] w-[86px] bg-primary text-white hover:bg-secondary cursor-pointer">
Choisir
<img src="/build/app/shop/images/fire.dd839a40.svg" class="w-[17px] h-[26px] ml-[5px] hidden group-hover:inline-block" alt="flame disponibilité"/>
</div>
</div>
</div>
<div>
<input class="hidden peer" type="radio" name="code_entrepot" id="entrepot-8" value="8" x-model="entrepot" >
<div @click="entrepot = '8'" class="relative flex items-center px-[1.07rem] py-[1.43rem] rounded before:content-[''] before:block before:absolute before:left-0 before:top-0 before:w-full before:h-full before:border before:border-secondary-grey before:rounded peer-checked:before:border-[2px] space-x-[0.71rem] mb-[1.07rem] cursor-pointer peer-disabled:cursor-default peer-disabled:before:border-secondary-grey peer-disabled:before:border-[1px]" :class="{'before:border-primary': entrepot=='8', 'before:border-secondary-grey': entrepot!='8'}">
<div class="relative w-full overflow-hidden">
<span class="block before:content-[''] before:inline-block before:w-[8px] before:h-[8px] before:rounded-full before:mr-[0.71rem] before:bg-success">Soliers (14) - Disponible</span>
<div>3 rue des Breholles, Soliers <br>01 34 78 31 26</div>
</div>
<div class="relative flex flex-row items-center justify-center shrink-0 group transition-all duration-200 ease-in-out rounded font-bold h-[46px] w-[86px] bg-primary text-white hover:bg-secondary cursor-pointer">
Choisir
<img src="/build/app/shop/images/fire.dd839a40.svg" class="w-[17px] h-[26px] ml-[5px] hidden group-hover:inline-block" alt="flame disponibilité"/>
</div>
</div>
</div>
<button type="submit" class="btn-primary btn btn-icon w-full mt-[1.07rem] sm:mt-[1.07rem] check-availability-btn" >
Sélectionner ce mode de livraison
</button>
</div>
</form>
</div>
</div>
</div>
<button type="buttom" id="back-to-top" class="w-[60px] py-[1.07rem] pl-[1.07rem] pr-[0.71rem] fixed right-0 bottom-[30%] rounded-tl-[20px] rounded-bl-[20px] bg-primary text-center font-Quicksand font-bold text-white transition-all duration-200 ease-in-out opacity-0 invisible translate-y-8 z-30">
<span class="icon-Arrow_top text-[2.14rem]"></span>
Aller en haut
</button>
<script type="ec2e6714e39c79e3f9785d7f-text/javascript">
window.dataLayer.push({"ecommerce":null});
</script>
<script type="ec2e6714e39c79e3f9785d7f-text/javascript">
window.dataLayer.push({"event":"view_item_list","ecommerce":{"item_list_id":"sylius_shop_product_index","item_list_name":"Granul\u00e9s de bois","items":[{"item_id":"Palette-complete-66-sacs_default","item_name":"Granul\u00e9s de bois premium - Gruchy - sacs de 15kg","affiliation":"Br\u00e9val","item_category":"Granul\u00e9s de bois","index":0,"price":396},{"item_id":"granules-gruchy-sac-15kg_default","item_name":"Granul\u00e9s de bois Premium - Gruchy - Sac de 15kg","affiliation":"Br\u00e9val","item_category":"Granul\u00e9s de bois","index":1,"price":6.1},{"item_id":"Palette-72-sacs-piveteau_default","item_name":"Granul\u00e9s de bois HP+ - Piveteau - sacs de 15kg","affiliation":"Br\u00e9val","item_category":"Granul\u00e9s de bois","index":2,"price":446.4},{"item_id":"piveteau-sac-de-15kg_default","item_name":"Granul\u00e9s de bois HP+ - Piveteau - Sac de 15kg","affiliation":"Br\u00e9val","item_category":"Granul\u00e9s de bois","index":3,"price":6.3},{"item_id":"Palette-72-sacs_default","item_name":"Granul\u00e9s de bois Premium - Cr\u00e9pito - sacs de 15kg","affiliation":"Br\u00e9val","item_category":"Granul\u00e9s de bois","index":4,"price":435.6},{"item_id":"granule-crepito-sac15kg_default","item_name":"Granul\u00e9s de bois Premium - Cr\u00e9pito - Sac de 15kg","affiliation":"Br\u00e9val","item_category":"Granul\u00e9s de bois","index":5,"price":6.15},{"item_id":"Palette-complete-65-sacs_default","item_name":"Granul\u00e9s de bois-5000-pci-sac de 15kg","affiliation":"Br\u00e9val","item_category":"Granul\u00e9s de bois","index":6,"price":399.75},{"item_id":"granules-de-bois-5000-PCI-sac-de-15kg_default","item_name":"Granul\u00e9s de bois-5000-pci-sac de 15kg","affiliation":"Br\u00e9val","item_category":"Granul\u00e9s de bois","index":7,"price":6.15},{"item_id":"palette-granules-de-bois-piveteau-72_default","item_name":"Granul\u00e9s de bois HP+ - Piveteau - 104 sacs de 10kg","affiliation":"Br\u00e9val","item_category":"Granul\u00e9s de bois","index":8,"price":447.2},{"item_id":"piveteau-sac-de-10kg_default","item_name":"Granul\u00e9s de bois HP+ - Piveteau - Sac de 10kg","affiliation":"Br\u00e9val","item_category":"Granul\u00e9s de bois","index":9,"price":3.9}]}});
</script>
<script src="/build/app/shop/app.420763dc.js" type="ec2e6714e39c79e3f9785d7f-text/javascript"></script>
<script async charset="utf-8" src="https://widgets.rr.skeepers.io/product/d22336cd-26e9-ca94-ad22-57a3f109ad2f/3c283f9a-f1e0-4132-bfaf-3fe0f2c58518.js" type="ec2e6714e39c79e3f9785d7f-text/javascript"></script>
<script async charset="utf-8" src="https://widgets.rr.skeepers.io/generated/d22336cd-26e9-ca94-ad22-57a3f109ad2f/15c4b1c4-a68c-4b5f-9c6e-971865a9c5c3.js" type="ec2e6714e39c79e3f9785d7f-text/javascript"></script>
<script async type="ec2e6714e39c79e3f9785d7f-text/javascript" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=VQNKwL"></script>
<script src="/bundles/gtmplugin/prototype.events.js" type="ec2e6714e39c79e3f9785d7f-text/javascript"></script>
<script src="/build/app/shop/product-index.d96a42f5.js" type="ec2e6714e39c79e3f9785d7f-text/javascript"></script>
<script type="ec2e6714e39c79e3f9785d7f-text/javascript">
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'user_status',
'new_customer': true
});
</script>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="ec2e6714e39c79e3f9785d7f-|49" defer></script><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'97976d237facf0d3',t:'MTc1NjkyNTM1OA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>
