<!DOCTYPE html>
<html lang="fr">
<head>
<title>
Vente Granulé de Bois & Bois de chauffage
| Combustibles 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="description" content="Granulés, Bois de Chauffage & Bûche densifié ✓ | 3 entrepôts en IDF / Normandie et Picardie | Livraison : 27 / 28 / 60 / 76 / 78 / 80 / 91 / 92 / 95 | Paiement à la Livraison">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="manifest" href="/manifest.json">
<link rel="canonical" href="https://www.combustibles-gruchy.fr/">
<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="290a6ecd68d88287b3229eca-text/javascript">
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({"env":"prod","route":"sylius_shop_homepage","channel":{"code":"default","name":"Br\u00e9val"},"locale":"fr_FR","currency":"EUR"});
</script>
<!-- Google Tag Manager -->
<script type="290a6ecd68d88287b3229eca-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="290a6ecd68d88287b3229eca-text/javascript">
var gtmEnhancedEcommerceCurrencyCode = 'EUR';
</script>
<script src="/build/app/shop/libs.09355cd2.js" type="290a6ecd68d88287b3229eca-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>
<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>
<section class="relative overflow-hidden bg-primary-grey lg:rounded-tl-xl lg:rounded-tr-xl lg:mx-[1.07rem]">
<img data-src="/build/app/shop/images/hero_overlay_mobile.576554b3.svg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Overlay" class="sm:hidden block absolute bottom-0 min-[1450px]:-bottom-[20%] left-0 w-full lazy" />
<img data-src="/build/app/shop/images/hero_overlay_tablet.28728e40.svg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Overlay" class="hidden sm:block lg:hidden absolute bottom-0 min-[1450px]:-bottom-[20%] left-0 w-full lazy" />
<img data-src="/build/app/shop/images/hero_overlay.ded57695.svg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" alt="Overlay" class="hidden lg:block absolute bottom-0 min-[1450px]:-bottom-[20%] left-0 w-full lazy" />
<div class="flex flex-row gap-x-4 px-[1.07rem] sm:px-[1.79rem] lg:px-[3.19rem] relative pt-[3.08rem] sm:pt-[3.57rem] lg:pt-[4.64rem] pb-[10rem] sm:pb-[9.64rem] lg:pb-[10.71rem]">
<div class="flex-initial sm:max-w-[600px] space-y-[0.77rem] sm:space-y-[2.14rem] relative">
<h1 class="font-Montserrat font-bold text-[1.77rem] sm:text-[2rem] lg:text-[2.36rem]">Commandez votre énergie</h1>
<p class="font-medium">
Retrouvez en quelques clics une sélection de bûches, pellets, carburant et fioul de qualité livrés à votre domicile ou en click & collect dans l’un de nos 4 entrepôts.
</p>
<div x-data="{ open: 'domicile', 'activeCls': 'bg-[#F5F7F9] hover:bg-[#fff] shadow-[0px_0px_15px_rgba(0,0,0,0.05)] transition-all duration-200 ease-in-out z-10', 'inactiveCls': ' bg-[#fff] z-30 ' }" class="min-h-[365px] !mt-[1.43rem]">
<div class="flex w-full space-x-[10px]">
<button type="button" @click="open = 'domicile'" class="w-1/2 px-[0.43rem] py-[1rem] rounded-tl-[10px] rounded-tr-[10px] text-[0.93rem] sm:text-[1rem] font-Quicksand font-bold relative" :class="open == 'c&c' ? activeCls : inactiveCls">Livraison à domicile</button>
<button type="button" @click="open = 'c&c'" class="w-1/2 px-[0.43rem] py-[1rem] rounded-tl-[10px] rounded-tr-[10px] text-[0.93rem] sm:text-[1rem] font-Quicksand font-bold relative" :class="open == 'domicile' ? activeCls : inactiveCls">Retrait en click & collect</button>
</div>
<div class="bg-white w-full p-4 sm:p-6 relative z-20 shadow-[0px_0px_15px_rgba(0,0,0,0.05)]">
<form x-data="{product: 'bois', productOption: 'bois-de-chauffage'}" x-show="open == 'domicile'" class="domicile" method="post" data-shipping-method="home">
<div class="font-bold mb-[0.77rem] sm:mb-[0.71rem]">Que souhaitez-vous ?</div>
<div class="grid grid-cols-2 sm:grid-cols-4 gap-3 sm:gap-5 mb-4 sm:mb-6 items-center">
<div>
<input class="hidden peer" type="radio" name="code_energy_parent" id="type-energy-bois" value="bois" x-model="product">
<label @click="()=> {product = 'bois'; productOption = 'bois-de-chauffage';}" for="type-energy-bois"
class="flex flex-row items-center py-2 sm:py-0 px-1 gap-x-1 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-12" 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="type-energy-pellet" value="pellet" x-model="product">
<label @click="()=> {product = 'pellet'; productOption = 'en-palette';}" for="type-energy-pellet"
class="flex flex-row items-center py-2 sm:py-0 px-1 gap-x-1 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-12" 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="type-energy-fioul" value="fioul" x-model="product">
<label @click="()=> {product = 'fioul'; productOption = '';}" for="type-energy-fioul"
class="flex flex-row items-center py-2 sm:py-0 px-1 gap-x-1 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-12" 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="type-energy-braseros" value="braseros" x-model="product">
<label @click="()=> {product = 'braseros'; productOption = '';}" for="type-energy-braseros"
class="flex flex-row items-center py-2 sm:py-0 px-1 gap-x-1 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-12" 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]">Choisissez votre produit :</div>
<div x-show="product == 'bois'" class="grid grid-cols-2 gap-[1.21rem] mb-[1.07rem] sm:mb-[1.43rem] items-center">
<div>
<input class="hidden peer" type="radio" name="code_energy_child" id="produit-bois" value="bois-de-chauffage" x-model="productOption">
<label for="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="produit-buches" value="buches-densifiees" x-model="productOption">
<label for="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-[1.21rem] mb-[1.07rem] sm:mb-[1.43rem] items-center" :class="{'hidden': product != 'pellet'}">
<div>
<input class="hidden peer" type="radio" name="code_energy_child" id="produit-palette" value="en-palette" x-model="productOption">
<label for="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="produit-vrac" value="en-vrac" x-model="productOption">
<label for="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]">Renseignez votre code postal pour la livraison à domicile :</div>
<div class="relative flex items-center items-stretch space-x-[0.71rem] sm:space-x-[1.43rem]">
<input type="text" name="zipCode" placeholder="Ex : 78980" class="w-full h-[46px] rounded border border-[#CACFD3] pl-[20px] text-[#323D48] font-medium placeholder:text-[#677A8D]">
<button type="submit" class="btn-primary btn btn-icon shrink-0 w-[130px] sm:w-[140px] check-availability-btn" >
Voir les prix
</button>
</div>
<div class="form-msg no-icon hidden font-Montserrat text-danger text-[0.79rem] italic font-semibold mt-[5px] w-full"></div>
</form>
<form x-data="{product: 'bois', productOption: 'bois-de-chauffage'}" class="hidden cc" x-show="open == 'c&c'" :class="{'hidden' : open != 'c&c'}" method="post" data-shipping-method="cc">
<div class="font-bold mb-[0.77rem] sm:mb-[0.71rem]">Que souhaitez-vous ?</div>
<div class="grid grid-cols-2 sm:grid-cols-4 gap-3 sm:gap-5 mb-4 sm:mb-6 items-center">
<div>
<input class="hidden peer" type="radio" name="code_energy_parent" id="cc-energy-bois" value="bois" x-model="product">
<label @click="()=> {product = 'bois'; productOption = 'bois-de-chauffage';}" for="cc-energy-bois"
class="flex flex-row items-center py-2 sm:py-0 px-1 gap-x-1 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-12" 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="cc-energy-pellet" value="pellet" x-model="product">
<label @click="()=> {product = 'pellet'; productOption = 'en-palette';}" for="cc-energy-pellet"
class="flex flex-row items-center py-2 sm:py-0 px-1 gap-x-1 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-12" 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="cc-energy-accessoires" value="accessoires" x-model="product">
<label @click="()=> {product = 'accessoires'; productOption = '';}" for="cc-energy-accessoires"
class="flex flex-row items-center py-2 sm:py-0 px-1 gap-x-1 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-12" 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="cc-energy-braseros" value="braseros" x-model="product">
<label @click="()=> {product = 'braseros'; productOption = '';}" for="cc-energy-braseros"
class="flex flex-row items-center py-2 sm:py-0 px-1 gap-x-1 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-12" 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]">Choisissez votre produit :</div>
<div x-show="product == 'bois'" class="grid grid-cols-2 gap-[1.21rem] mb-[1.07rem] sm:mb-[1.43rem] items-center">
<div>
<input class="hidden peer" type="radio" name="code_energy_child" id="cc-produit-bois" value="bois-de-chauffage" x-model="productOption">
<label for="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-[36px] h-[36px] 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="cc-produit-buches" value="buches-densifiees" x-model="productOption">
<label for="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-[36px] h-[36px] 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-[1.21rem] mb-[1.07rem] sm:mb-[1.43rem] items-center" :class="{'hidden': product != 'pellet'}">
<div>
<input class="hidden peer" type="radio" name="code_energy_child" id="cc-produit-palette" value="en-palette" x-model="productOption">
<label for="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="cc-produit-sac" value="en-sac" x-model="productOption">
<label for="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 class="font-bold mb-[0.77rem] sm:mb-[0.71rem]">Choisissez votre entrepôt pour le retrait en click & collect :</div>
<div class="flex items-center items-stretch space-x-[0.71rem] sm:space-x-[1.43rem]">
<select id="codeEntrepot" name="code_entrepot" class="bg-white w-full h-[46px] rounded border border-[#CACFD3] px-[20px] text-[#323D48] font-medium placeholder:text-[#677A8D]">
<option data-stock="1137094739" value="1" >
Entrepôt de Bréval (78)
</option>
<option data-stock="112000244" value="5" >
Entrepôt de Beauvais (60)
</option>
<option data-stock="217199011" value="6" >
Entrepôt de Pacy (27)
</option>
<option data-stock="109399752" value="8" >
Entrepôt de Soliers (14)
</option>
</select>
<button type="submit" class="btn-primary btn btn-icon shrink-0 w-[110px] sm:w-[140px] check-availability-btn" >
Voir les prix
</button>
</div>
<div class="form-msg no-icon hidden font-Montserrat text-danger text-[0.79rem] italic font-semibold mt-[5px] w-full"></div>
</form>
</div>
</div>
</div>
<div class="hidden lg:block lg:pt-8 flex-1">
<img
src="/media/file/5e/ba/28579a378e404b247f5705256644.svg"
alt="Gruchy combustibles"
class="w-full h-full object-cover object-right-bottom"
/>
</div>
</div>
</section>
<section class="px-[1.15rem] sm:px-[1.79rem] lg:px-[4.29rem] mb-[3.08rem] sm:mb-[3.57rem] lg:mb-[5.36rem]">
<div class="relative bg-white rounded-xl py-[1.54rem] sm:py-[1.79rem] lg:pt-[20px] lg:pb-[17px] px-[1.43rem] lg:px-[2.86rem] -mt-[90px] shadow-[0px_0px_15px_rgba(0,0,0,0.05)]">
<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>
</div>
</section>
<section class="px-[1.15rem] sm:px-[1.79rem] lg:px-[4.29rem] mb-[2.31rem] sm:mb-[2.86rem] lg:mb-[4.29rem]">
<div class="about-us">
<div class="about-us-media"><img alt="Gruchy" src="/media/image/b6/72/7aa7d9a546166af42aba544df7f7.jpg" style="width: 578px; height: 390px;" /></div>
<div class="about-us-info">
<h2 class="about-us-title">Gruchy, entreprise de combustibles familiale et partenaire de confiance depuis 1971</h2>
<p class="about-us-description">Reconnue pour notre sérieux et la qualité des nos produits distribués depuis 3 générations, Gruchy compte aujourd’hui plusieurs dizaines de milliers de clients qui nous font confiance et nous sont fidèles (particuliers, entreprises, collectivités, agriculteurs...).<button class="about-us-plus" data-toggle-target="about-us-mobile-description">Lire plus.</button></p>
<p class="about-us-mobile-description" id="about-us-mobile-description">Notre site de vente en ligne de fioul, bois et granulés de bois vous propose deux possibilités afin de récupérer votre bois compressé , pellets ou bois de chauffage. Soit la livraison à domicile, au jour qu'il vous convient, soit le retrait dans l'un de nos dépôts. Cette livraison de fioul, bois et pellets est assurée dans la plupart des départements d'Ile-de-France, Picardie et de Normandie.</p>
<div><a class="btn-link" href="/historique"><span>Découvrez notre histoire</span></a></div>
</div>
</div>
</section>
<div class="px-[1.15rem] sm:px-[1.79rem] lg:px-[4.29rem] sm:flex sm:items-center sm:justify-between sm:space-x-[1.79rem] lg:space-x-[4.29rem] py-[3.08rem] sm:py-[3.57rem] lg:py-[4.29rem]" x-init="Alpine.store('product').getTopReviews()">
<div class="sm:w-[10.64rem] lg:w-[12.14rem] shrink-0 text-center font-Montserrat">
<template x-if="Alpine.store('product').totalReviews && Alpine.store('product').globalNote">
<div>
<img src="/build/app/shop/images/stars_curved.2ca72f84.svg" alt="Avis 5 étoiles" class="mx-auto mb-[0.36rem]" />
<div class="font-bold text-[1.38rem] sm:text-[1.57rem] lg:text-[1.86rem] leading-[2rem]"><span x-text="Alpine.store('product').globalNote">0</span>/5</div>
<div class="font-bold text-[1.38rem] sm:text-[1.57rem] lg:text-[1.86rem] leading-[2rem]">Excellent</div>
<div class="text-[1.38rem] sm:text-[1.14rem] text-[#677A8D] mt-[1.07rem]">Basé sur <span x-text="Alpine.store('product').totalReviews">0</span> avis</div>
<img src="/build/app/shop/images/logo_av.f237ab9b.svg" alt="Avis vérifiés" class="mx-auto mt-[1.07rem]" />
</div>
</template>
</div>
<div class="splide hidden sm:block w-full relative sm:px-[3.57rem] lg:px-[4.29rem] overflow-hidden" id="top-reviews-slider">
<div class="sm:flex justify-between w-full splide__arrows absolute top-1/2 left-0 -translate-y-1/2 z-20">
<button type="button" class="splide__arrow splide__arrow--prev flex items-center justify-center w-[2.14rem] h-[2.14rem] rounded-full bg-primary text-white z-20">
<span class="inline-block icon-Chevron_left -translate-x-[1px]"></span>
</button>
<button type="button" class="splide__arrow splide__arrow--next flex items-center justify-center w-[2.14rem] h-[2.14rem] rounded-full bg-primary text-white z-20 lg:-right-[2.14rem]">
<span class="inline-block icon-Chevron_left rotate-180 translate-x-[1px]"></span>
</button>
</div>
<div class="splide__track"></div>
</div>
</div>
<section class="bg-[#F5F7F9] py-[3.08rem] sm:py-[3.57rem] lg:py-[5.36rem]">
<div class="px-[1.15rem] sm:px-[1.79rem] lg:px-[4.29rem] grid grid-cols-1 lg:grid-cols-3 gap-y-[1.43rem] sm:gap-y-[1.79rem] sm:gap-y-0 lg:gap-x-[5rem] lg:items-center">
<div class="text-center lg:text-left lg:col-span-1 space-y-[1.07rem] sm:space-y-[1.79rem] lg:space-y-[2.14rem]">
<h2 class="heading">Notre sélection de bois de chauffage, bûches, pellets, carburant et fioul</h2>
<p>Commandez du bois de chauffage, des bûches densifiées ou des granulés de bois de haute qualité pour un rendement performant. Effectuez vos achats en toute confiance. De plus nous proposons le paiement en ligne (sécurisée) ou le paiement à la livraison. Et pour les plus gros montants, il est même possible de payer en 3 / 4 / 10 / 12 fois.</p>
</div>
<div x-data="{show: 'bois'}" class="col-span-2 flex flex-col sm:flex-row items-center sm:space-x-[0.71rem] lg:space-x-[2.14rem] space-y-[1.15rem] sm:space-y-0">
<div @click="show = 'bois'" @mouseenter="show = 'bois'" class="relative flex flex-col items-center justify-end overflow-hidden cursor-pointer transition-all duration-200 ease-in-out rounded-xl p-[0.77rem] sm:p-[2.14rem] bg-secondary text-white bg-cover bg-bottom sm:bg-center bg-no-repeat lazy" :class="show == 'bois' ? ' w-full h-[280px] sm:h-[400px]' : ' h-[57px] sm:h-[400px] w-full sm:w-[100px] shrink-0'" data-bg="https://www.combustibles-gruchy.fr/media/cache/sylius_shop_product_original/82/a2/8f94e08f23a1052a07d729d55b51.jpg">
<div class="text-center transition-all" :class="{'opacity-0 invisible delay-0' : show !== 'bois'}">
<h3 class="text-[1.08rem] sm:text-[1.14rem] font-Montserrat font-bold">Découvrez notre large gamme de chauffage au bois, des bûches Premium Crépito pour une chaleur intense et une cuisson au feu de bois savoureuse, aux bûches densifiées pour une performance énergétique optimale.</h3>
<a href="/produit/bois" class="inline-block font-bold px-[30px] py-[14px] rounded-[5px] border border-white mt-[0.77rem] sm:mt-[1.43rem] whitespace-nowrap">Voir les prix</a>
</div>
<div class="absolute top-1/2 sm:top-auto -translate-y-1/2 sm:translate-y-0 sm:bottom-[2.14rem] left-1/2 -translate-x-1/2 sm:translate-x-0 font-Montserrat font-bold text-white sm:leading-[0] sm:-rotate-90 sm:origin-bottom-left whitespace-nowrap" :class="{'opacity-0 invisible' : show == 'bois'}">Bois de chauffage</div>
</div>
<div @click="show = 'fioul'" @mouseenter="show = 'fioul'" class="relative flex flex-col items-center justify-end overflow-hidden cursor-pointer transition-all duration-200 ease-in-out rounded-xl p-[0.77rem] sm:p-[2.14rem] bg-secondary text-white bg-cover bg-bottom sm:bg-center bg-no-repeat lazy" :class="show == 'fioul' ? ' w-full h-[280px] sm:h-[400px]' : ' h-[57px] sm:h-[400px] w-full sm:w-[100px] shrink-0'" data-bg="https://www.combustibles-gruchy.fr/media/cache/sylius_shop_product_original/d1/c0/17f40c12d160ed2449393c7a798d.jpg">
<div class="text-center transition-all" :class="{'opacity-0 invisible delay-0' : show !== 'fioul'}">
<h3 class="text-[1.08rem] sm:text-[1.14rem] font-Montserrat font-bold"></h3>
<a href="/produit/fioul" class="inline-block font-bold px-[30px] py-[14px] rounded-[5px] border border-white mt-[0.77rem] sm:mt-[1.43rem] whitespace-nowrap">Voir les prix</a>
</div>
<div class="absolute top-1/2 sm:top-auto -translate-y-1/2 sm:translate-y-0 sm:bottom-[2.14rem] left-1/2 -translate-x-1/2 sm:translate-x-0 font-Montserrat font-bold text-white sm:leading-[0] sm:-rotate-90 sm:origin-bottom-left whitespace-nowrap" :class="{'opacity-0 invisible' : show == 'fioul'}">Fioul</div>
</div>
<div @click="show = 'granules'" @mouseenter="show = 'granules'" class="relative flex flex-col items-center justify-end overflow-hidden cursor-pointer transition-all duration-200 ease-in-out rounded-xl p-[0.77rem] sm:p-[2.14rem] bg-secondary text-white bg-cover bg-bottom sm:bg-center bg-no-repeat lazy" :class="show == 'granules' ? ' w-full h-[280px] sm:h-[400px]' : ' h-[57px] sm:h-[400px] w-full sm:w-[100px] shrink-0'" data-bg="https://www.combustibles-gruchy.fr/media/cache/sylius_shop_product_original/24/15/91a3a78741fd0a2d451c5cf72c76.png">
<div class="text-center transition-all" :class="{'opacity-0 invisible delay-0' : show !== 'granules'}">
<h3 class="text-[1.08rem] sm:text-[1.14rem] font-Montserrat font-bold">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.</h3>
<a href="/produit/granules-de-bois" class="inline-block font-bold px-[30px] py-[14px] rounded-[5px] border border-white mt-[0.77rem] sm:mt-[1.43rem] whitespace-nowrap">Voir les prix</a>
</div>
<div class="absolute top-1/2 sm:top-auto -translate-y-1/2 sm:translate-y-0 sm:bottom-[2.14rem] left-1/2 -translate-x-1/2 sm:translate-x-0 font-Montserrat font-bold text-white sm:leading-[0] sm:-rotate-90 sm:origin-bottom-left whitespace-nowrap" :class="{'opacity-0 invisible' : show == 'granules'}">Granulés de bois</div>
</div>
</div>
</div>
</section>
<div class="splide !bg-[#F5F7F9]" id="logos-slider">
<div class="splide__track">
<div class="splide__list">
<div class="splide__slide flex items-center justify-center">
<img data-splide-lazy="/build/app/shop/images/logo_homepage/arce.b5341c7c.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" class="max-w-full" alt="arce">
</div>
<div class="splide__slide flex items-center justify-center">
<img data-splide-lazy="/build/app/shop/images/logo_homepage/arco.c038c2d8.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" class="max-w-full" alt="arco">
</div>
<div class="splide__slide flex items-center justify-center">
<img data-splide-lazy="/build/app/shop/images/logo_homepage/artense.d0864f39.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" class="max-w-full" alt="artense">
</div>
<div class="splide__slide flex items-center justify-center">
<img data-splide-lazy="/build/app/shop/images/logo_homepage/atra.08bbde6c.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" class="max-w-full" alt="atra">
</div>
<div class="splide__slide flex items-center justify-center">
<img data-splide-lazy="/build/app/shop/images/logo_homepage/barbas.ba36ce19.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" class="max-w-full" alt="barbas">
</div>
<div class="splide__slide flex items-center justify-center">
<img data-splide-lazy="/build/app/shop/images/logo_homepage/biocurve.8f78cbd3.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" class="max-w-full" alt="biocurve">
</div>
<div class="splide__slide flex items-center justify-center">
<img data-splide-lazy="/build/app/shop/images/logo_homepage/ecoforest.e0fbd236.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" class="max-w-full" alt="ecoforest">
</div>
<div class="splide__slide flex items-center justify-center">
<img data-splide-lazy="/build/app/shop/images/logo_homepage/froling.b9b1b3fd.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" class="max-w-full" alt="froling">
</div>
<div class="splide__slide flex items-center justify-center">
<img data-splide-lazy="/build/app/shop/images/logo_homepage/hase.79efee0c.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" class="max-w-full" alt="hase">
</div>
<div class="splide__slide flex items-center justify-center">
<img data-splide-lazy="/build/app/shop/images/logo_homepage/jollymec.5cb7e3be.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" class="max-w-full" alt="jollymec">
</div>
<div class="splide__slide flex items-center justify-center">
<img data-splide-lazy="/build/app/shop/images/logo_homepage/jotul.c854a5c3.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" class="max-w-full" alt="jotul">
</div>
<div class="splide__slide flex items-center justify-center">
<img data-splide-lazy="/build/app/shop/images/logo_homepage/mcz.5b4b94af.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" class="max-w-full" alt="mcz">
</div>
<div class="splide__slide flex items-center justify-center">
<img data-splide-lazy="/build/app/shop/images/logo_homepage/morvan.2fc049c5.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" class="max-w-full" alt="morvan">
</div>
<div class="splide__slide flex items-center justify-center">
<img data-splide-lazy="/build/app/shop/images/logo_homepage/okofen.955b765e.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" class="max-w-full" alt="okofen">
</div>
<div class="splide__slide flex items-center justify-center">
<img data-splide-lazy="/build/app/shop/images/logo_homepage/palazzetti.47308c8b.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" class="max-w-full" alt="palazzetti">
</div>
<div class="splide__slide flex items-center justify-center">
<img data-splide-lazy="/build/app/shop/images/logo_homepage/poujoulat.3526a849.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" class="max-w-full" alt="poujoulat">
</div>
<div class="splide__slide flex items-center justify-center">
<img data-splide-lazy="/build/app/shop/images/logo_homepage/rais.653d94dd.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" class="max-w-full" alt="rais">
</div>
<div class="splide__slide flex items-center justify-center">
<img data-splide-lazy="/build/app/shop/images/logo_homepage/seguin_duteriez.a6e70af5.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=" class="max-w-full" alt="seguin duteriez">
</div>
</div>
</div>
</div>
<section class="bg-[#F5F7F9] relative pt-[3.08rem] sm:pt-[2.50rem] lg:pt-[4.29rem] mb-[3.08rem] sm:mb-[3.57rem] lg:mb-[5.36rem]">
<div class="px-[1.15rem] sm:px-[3.57rem]">
<div class="flex justify-center lg:justify-start sm:items-end sm:space-x-[2.14rem] mb-[1.43rem] sm:mb-[2.86rem] px-[2.14rem] sm:px-0">
<h2 class="font-Montserrat font-bold text-[1.38rem] sm:text-[1.86rem] leading-[1.57rem] sm:leading-[2.29rem] shrink-0 text-center lg:text-left">Les coordonnées de nos 4 entrepôts</h2>
<hr class="hidden lg:inline-block content-[''] w-full h-[1px] bg-[#CAD2D9] border-0 w-full" />
<a href="/contact/" class="btn-outline btn hidden lg:inline-flex px-[2.14rem] shrink-0 -mb-[10px]" >
Nous contacter
</a>
</div>
</div>
<div class="relative overflow-hidden before:content-[''] before:absolute before:w-full before:h-[calc(100%-220px)] before:left-0 before:top-[220px] before:bg-white">
<div class="lg:px-[3.57rem] relative">
<div class="splide" id="entrepot-slider">
<div class="flex justify-between w-full lg:hidden splide__arrows absolute top-[calc(220px-15px)] left-0 px-[1.07rem] sm:px-[9.64rem] z-20">
<button type="button" class="splide__arrow splide__arrow--prev flex items-center justify-center w-[2.14rem] h-[2.14rem] rounded-full bg-primary text-white z-20 disabled:opacity-50">
<span class="inline-block icon-Chevron_left -translate-x-[1px]"></span>
</button>
<button type="button" class="splide__arrow splide__arrow--next flex items-center justify-center w-[2.14rem] h-[2.14rem] rounded-full bg-primary text-white z-20 disabled:opacity-50">
<span class="inline-block icon-Chevron_left rotate-180 translate-x-[1px]"></span>
</button>
</div>
<div class="splide__track sm:!overflow-visible">
<div class="splide__list">
<div class="splide__slide mb-[30px]">
<div class="min-h-[220px] bg-white rounded-tl-[0.71rem] rounded-tr-[0.71rem] p-[2.14rem] dashed-border dashed-border-bottom shadow-[0px_0px_20px_rgba(0,0,0,0.05)]">
<h3 class="text-[1.08rem] sm:text-[1.14rem] mb-[10px] font-Montserrat font-bold">Entrepôt de <span class="text-primary relative bg-gradient-to-b from-transparent to-[rgba(234,114,81,0.25)] from-[65%] to-[65%] px-[3px]">Haute Normandie</span></h3>
<div class="mb-[30px] text-[1.14rem] leading-[1.43rem] font-Montserrat text-[#677A8D]">04 rue de la Briqueterie,<br> 27 120 Pacy-sur-Eure</div>
<div>Nous livrons les départements suivants :<br> <strong>Eure (27) ; Seine-Maritime (76)</strong></div>
</div>
<div class="bg-white rounded-bl-[0.71rem] rounded-br-[0.71rem] p-[2.14rem] shadow-[0px_10px_20px_rgba(0,0,0,0.05)]">
<div class="mb-[1.07rem]">Du lundi au vendredi de 8h à 17h30 par téléphone ou e-mail.</div>
<div class="space-y-[1.07rem]">
<div><span class="inline-block px-[10px] py-[7px] bg-[rgba(234,114,81,0.1)] font-semibold text-primary rounded before:content-['\e90f'] before:inline-block before:align-middle before:font-Icomoon before:text-[1rem] before:inline-block before:mr-[10px]"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2d5d4c4e546d4e42404f585e59444f41485e004a5f584e4554034b5f">[email protected]</a></span></div>
<div><span class="inline-block px-[10px] py-[7px] bg-[rgba(234,114,81,0.1)] font-semibold text-primary rounded before:content-['\e910'] before:inline-block before:align-middle before:font-Icomoon before:text-[1.14rem] before:inline-block before:mr-[10px]">02 32 36 08 57</span></div>
</div>
</div>
</div>
<div class="splide__slide mb-[30px]">
<div class="min-h-[220px] bg-white rounded-tl-[0.71rem] rounded-tr-[0.71rem] p-[2.14rem] dashed-border dashed-border-bottom shadow-[0px_0px_20px_rgba(0,0,0,0.05)]">
<h3 class="text-[1.08rem] sm:text-[1.14rem] mb-[10px] font-Montserrat font-bold">Entrepôt d’<span class="text-primary relative bg-gradient-to-b from-transparent to-[rgba(234,114,81,0.25)] from-[65%] to-[65%] px-[3px]">Ile-de-France</span> </h3>
<div class="mb-[30px] text-[1.14rem] leading-[1.43rem] font-Montserrat text-[#677A8D]">ZA le Val d’Agé, 05 rue du Vieux Chêne, 78 980 Bréval</div>
<div>Nous livrons les départements suivants :<br> <strong>Yvelines (78) ; Val d’Oise (95) ; Hauts-de-Seine (92) ; Essone (91) ; Eure-et-Loir (28) ; Seine-Saint-Denis (93) ; Val-de-Marne (94) ; Seine-et-Marne (77)</strong></div>
</div>
<div class="bg-white rounded-bl-[0.71rem] rounded-br-[0.71rem] p-[2.14rem] shadow-[0px_10px_20px_rgba(0,0,0,0.05)]">
<div class="mb-[1.07rem]">Du lundi au vendredi de 8h à 17h30 par téléphone ou e-mail.</div>
<div class="space-y-[1.07rem]">
<div><span class="inline-block px-[10px] py-[7px] bg-[rgba(234,114,81,0.1)] font-semibold text-primary rounded before:content-['\e90f'] before:inline-block before:align-middle before:font-Icomoon before:text-[1rem] before:inline-block before:mr-[10px]"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="ccaebea9baada08cafa3a1aeb9bfb8a5aea0a9bfe1abbeb9afa4b5e2aabe">[email protected]</a></span></div>
<div><span class="inline-block px-[10px] py-[7px] bg-[rgba(234,114,81,0.1)] font-semibold text-primary rounded before:content-['\e910'] before:inline-block before:align-middle before:font-Icomoon before:text-[1.14rem] before:inline-block before:mr-[10px]">01 34 78 31 26</span></div>
</div>
</div>
</div>
<div class="splide__slide mb-[30px]">
<div class="min-h-[220px] bg-white rounded-tl-[0.71rem] rounded-tr-[0.71rem] p-[2.14rem] dashed-border dashed-border-bottom shadow-[0px_0px_20px_rgba(0,0,0,0.05)]">
<h3 class="text-[1.08rem] sm:text-[1.14rem] mb-[10px] font-Montserrat font-bold">Entrepôt de <span class="text-primary relative bg-gradient-to-b from-transparent to-[rgba(234,114,81,0.25)] from-[65%] to-[65%] px-[3px]">Picardie</span></h3>
<div class="mb-[30px] text-[1.14rem] leading-[1.43rem] font-Montserrat text-[#677A8D]">10 rue de Pentemont,<br> 60 000 Beauvais</div>
<div>Nous livrons les départements suivants :<br> <strong>Oise (60) ; Somme (80) ; Aisne (02) <em class="align-super text-sm">certains codes postaux seulement</em></strong></div>
</div>
<div class="bg-white rounded-bl-[0.71rem] rounded-br-[0.71rem] p-[2.14rem] shadow-[0px_10px_20px_rgba(0,0,0,0.05)]">
<div class="mb-[1.07rem]">Du lundi au vendredi de 8h à 17h30 par téléphone ou e-mail.</div>
<div class="space-y-[1.07rem]">
<div><span class="inline-block px-[10px] py-[7px] bg-[rgba(234,114,81,0.1)] font-semibold text-primary rounded before:content-['\e90f'] before:inline-block before:align-middle before:font-Icomoon before:text-[1rem] before:inline-block before:mr-[10px]"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a4c6c1c5d1d2c5cdd7e4c7cbc9c6d1d7d0cdc6c8c1d789c3d6d1c7ccdd8ac2d6">[email protected]</a></span></div>
<div><span class="inline-block px-[10px] py-[7px] bg-[rgba(234,114,81,0.1)] font-semibold text-primary rounded before:content-['\e910'] before:inline-block before:align-middle before:font-Icomoon before:text-[1.14rem] before:inline-block before:mr-[10px]">01 34 78 31 26</span></div>
</div>
</div>
</div>
<div class="splide__slide mb-[30px]">
<div class="min-h-[220px] bg-white rounded-tl-[0.71rem] rounded-tr-[0.71rem] p-[2.14rem] dashed-border dashed-border-bottom shadow-[0px_0px_20px_rgba(0,0,0,0.05)]">
<h3 class="text-[1.08rem] sm:text-[1.14rem] mb-[10px] font-Montserrat font-bold">Entrepôt de <span class="text-primary relative bg-gradient-to-b from-transparent to-[rgba(234,114,81,0.25)] from-[65%] to-[65%] px-[3px]">Basse Normandie</span></h3>
<div class="mb-[30px] text-[1.14rem] leading-[1.43rem] font-Montserrat text-[#677A8D]">3 rue des Breholles,<br> 14 540 Soliers</div>
<div>Nous livrons les départements suivants :<br> <strong>Calvados (14) ; Manche (50) ; Orne (61) ; Mayenne (53) ; Sarthe (72)</strong></div>
</div>
<div class="bg-white rounded-bl-[0.71rem] rounded-br-[0.71rem] p-[2.14rem] shadow-[0px_10px_20px_rgba(0,0,0,0.05)]">
<div class="mb-[1.07rem]">Du mardi au vendredi de 9h à 12 h et de 13h à 18h et le samedi de 9h à 12h.</div>
<div class="space-y-[1.07rem]">
<div><span class="inline-block px-[10px] py-[7px] bg-[rgba(234,114,81,0.1)] font-semibold text-primary rounded before:content-['\e90f'] before:inline-block before:align-middle before:font-Icomoon before:text-[1rem] before:inline-block before:mr-[10px]"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="6714080b0e0215142704080a051214130e050b02144a001512040f1e490115">[email protected]</a></span></div>
<div><span class="inline-block px-[10px] py-[7px] bg-[rgba(234,114,81,0.1)] font-semibold text-primary rounded before:content-['\e910'] before:inline-block before:align-middle before:font-Icomoon before:text-[1.14rem] before:inline-block before:mr-[10px]">02 31 39 66 21</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center px-[2.14rem] sm:px-0 mt-[1.79rem]">
<a href="/contact/" class="btn-outline btn sm:inline-flex lg:hidden px-[2.14rem]" >
Nous contacter
</a>
</div>
</div>
</div>
</section>
<section class="pt-[2.86rem] sm:pt-[3.57rem] border-t border-secondary-grey lg:pt-0 lg:border-0 mb-[3.08rem] sm:mb-[2.86rem] lg:mb-[5.36rem]">
<div class="px-[1.07rem] sm:px-[1.79rem] lg:px-[4.29rem]">
<h2 class="font-Montserrat font-bold text-[1.38rem] sm:text-[1.86rem] leading-[1.69rem] sm:leading-[2.29rem] mb-[1.43rem] sm:mb-[1.79rem] lg:mb-[3.57rem] shrink-0 text-center">Découvrez nos actualités et nos conseils</h2>
<div class="flex sm:space-x-[1.07rem] lg:space-x-[2.14rem]">
<div class="hidden sm:block w-[22.50rem] lg:w-1/2 shrink-0">
<article class="bg-[#F5F7F9]">
<a href="/blog/adblue-fonctionnement-composition-entretien" class="block relative bg-primary-grey pt-[68%] rounded overflow-hidden">
<img data-src="https://www.combustibles-gruchy.fr/media/cache/sylius_large/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="p-[1.43rem]">
<div class="mb-[1.07rem] space-x-[0.71rem]">
<span class="bg-[#E9EEF2] px-[10px] py-[4px] rounded text-[#677A8D] font-bold">Conseils</span> <time class="hidden lg:inline-block font-medium">Publié le 08/21/2025</time>
</div>
<h3 class="text-[1.14rem] font-bold mb-[1.43rem]">
<a href="/blog/adblue-fonctionnement-composition-entretien">AdBlue® : fonctionnement, composition, utilisation</a>
</h3>
<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-[18px] after:h-[18px] after:rounded-full after:bg-primary hover:after:bg-secondary after:ml-[5px] after:align-middle">
<span class="inline-block after:content-[''] after:block after:w-full after:h-[1px] after:bg-[#323D48]">Lire l’article</span>
</a>
</div>
</article>
</div>
<div class="w-full lg:w-1/2">
<article class="bg-[#F5F7F9] mb-[1.07rem] lg:mb-[2.14rem] flex items-center rounded-xl p-[0.71rem] lg:p-[1.07rem] space-x-[0.71rem] lg:space-x-[2.14rem] last:mb-0">
<div>
<a href="/blog/partenariat-gruchy-yoojo" class="block w-[180px] lg:w-[195px] relative bg-primary-grey pt-[67%] 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>
<div class="">
<div class="mb-[0.93rem] space-x-[0.71rem]">
<time class="hidden lg:inline-block font-medium">Publié le 08/06/2025</time>
</div>
<h3 class="text-[1.08rem] sm:text-[1.14rem] font-bold mb-[0.71rem]">
<a href="/blog/partenariat-gruchy-yoojo">Partenariat Gruchy x YOOJO</a>
</h3>
<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-[18px] after:h-[18px] after:rounded-full after:bg-primary hover:after:bg-secondary after:ml-[5px] after:align-middle">
<span class="inline-block after:content-[''] after:block after:w-full after:h-[1px] after:bg-[#323D48]">Lire l’article</span>
</a>
</div>
</article>
<article class="bg-[#F5F7F9] mb-[1.07rem] lg:mb-[2.14rem] flex items-center rounded-xl p-[0.71rem] lg:p-[1.07rem] space-x-[0.71rem] lg:space-x-[2.14rem] last:mb-0">
<div>
<a href="/blog/certification-din-plus-granules-bois-definition" class="block w-[180px] lg:w-[195px] relative bg-primary-grey pt-[67%] 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>
<div class="">
<div class="mb-[0.93rem] space-x-[0.71rem]">
<time class="hidden lg:inline-block font-medium">Publié le 06/18/2025</time>
</div>
<h3 class="text-[1.08rem] sm:text-[1.14rem] font-bold mb-[0.71rem]">
<a href="/blog/certification-din-plus-granules-bois-definition">Qu'est-ce que la certification Din plus ?</a>
</h3>
<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-[18px] after:h-[18px] after:rounded-full after:bg-primary hover:after:bg-secondary after:ml-[5px] after:align-middle">
<span class="inline-block after:content-[''] after:block after:w-full after:h-[1px] after:bg-[#323D48]">Lire l’article</span>
</a>
</div>
</article>
<a href="/blog" class="block sm:inline-block px-[2.14rem] py-[1rem] rounded border border-primary hover:border-secondary text-primary text-center hover:text-secondary transition-all duration-200 ease-in-out font-bold">Voir toute l’actualité</a>
</div>
</div>
</div>
</section>
<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="f951a583d50001ef3d5553530da8367.vrTI7qbarhvPpY18xKE1X9Z48Bl8qt6LVB0brhulm8s.ieW5nNaM2nKYwPgQqNJXaL0JkWEq-Zu8YlUql3Td8r7dgIbX8r7kRPqIyA" />
</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 data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/build/app/shop/app.420763dc.js" type="290a6ecd68d88287b3229eca-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="290a6ecd68d88287b3229eca-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="290a6ecd68d88287b3229eca-text/javascript"></script>
<script async type="290a6ecd68d88287b3229eca-text/javascript" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=VQNKwL"></script>
<script src="/bundles/gtmplugin/prototype.events.js" type="290a6ecd68d88287b3229eca-text/javascript"></script>
<script src="/build/app/shop/homepage.658237ae.js" type="290a6ecd68d88287b3229eca-text/javascript"></script>
<script type="290a6ecd68d88287b3229eca-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="290a6ecd68d88287b3229eca-|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:'97977ef3e8f4494a',t:'MTc1NjkyNjA4OA=='};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>
